monobill-mintui 0.6.613 → 0.6.615
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/README.md +9 -9
- package/bin/mint-ui.js +5 -5
- package/dist/back-button.css +1 -1
- package/dist/components/alert/browser.js +3 -3
- package/dist/components/alert/index.cjs +1 -1
- package/dist/components/alert/index.js +3 -3
- package/dist/components/back-button/browser.js +2 -2
- package/dist/components/back-button/index.cjs +1 -1
- package/dist/components/back-button/index.js +2 -2
- package/dist/components/bottom-navigation/browser.js +2 -2
- package/dist/components/bottom-navigation/index.cjs +1 -1
- package/dist/components/bottom-navigation/index.js +2 -2
- package/dist/components/button/browser.js +1 -1
- package/dist/components/button/index.cjs +1 -1
- package/dist/components/button/index.js +1 -1
- package/dist/components/chart/browser.js +2 -0
- package/dist/components/chart/index.cjs +1 -1
- package/dist/components/chart/index.js +2 -0
- package/dist/components/checkbox/browser.js +2 -2
- package/dist/components/checkbox/index.cjs +1 -1
- package/dist/components/checkbox/index.js +2 -2
- package/dist/components/chip/browser.js +1 -1
- package/dist/components/chip/index.cjs +1 -1
- package/dist/components/chip/index.js +1 -1
- package/dist/components/chunks/{button-B0Yt0MX1.js → button-BZ25puI2.js} +2 -2
- package/dist/components/chunks/{button-BlbLHMts.js → button-CgYC1lB7.js} +1 -1
- package/dist/components/chunks/caret-down-C5a1fGvt.js +1 -0
- package/dist/components/chunks/{caret-down-Ch6IfR7r.js → caret-down-CDGP3GB2.js} +1 -1
- package/dist/components/chunks/caret-right-BMyWflHN.js +1 -0
- package/dist/components/chunks/{caret-right-CVOgr4nk.js → caret-right-CQ5hBjsy.js} +1 -1
- package/dist/components/chunks/{caret-up-D_6oa7o1.js → caret-up-1paz-pnI.js} +1 -1
- package/dist/components/chunks/caret-up-BJAyfrty.js +1 -0
- package/dist/components/chunks/{chip-B04bJM4r.js → chip-Bb1Epj5C.js} +1 -1
- package/dist/components/chunks/{chip-B9whjEvW.js → chip-p6RXdzHa.js} +3 -3
- package/dist/components/chunks/close-Bg0kqvrY.js +1 -0
- package/dist/components/chunks/{close-Dg6U0IjZ.js → close-y8q0rMSE.js} +1 -1
- package/dist/components/chunks/{icon-gQAtsERy.js → icon-B01tq_aJ.js} +112 -110
- package/dist/components/chunks/icon-BcsWL4kZ.js +27 -0
- package/dist/components/chunks/icon-DNWs0suS.js +1 -0
- package/dist/components/chunks/icon-uMo_iGkX.js +1 -0
- package/dist/components/chunks/{input-8bbXzpa5.js → input-BzrCXBg4.js} +4 -4
- package/dist/components/chunks/{input-BoiREc6Y.js → input-DnVgj6QV.js} +1 -1
- package/dist/components/chunks/{modal-B8gNdwEl.js → modal-DZDugqmr.js} +2 -2
- package/dist/components/chunks/{modal-WYWvk2lZ.js → modal-VN2fwehS.js} +1 -1
- package/dist/components/chunks/search-C5jD2OC-.js +1 -0
- package/dist/components/chunks/{search-ANUKQi0r.js → search-Dd28O4mG.js} +1 -1
- package/dist/components/confirm-action/browser.js +2 -2
- package/dist/components/confirm-action/index.cjs +1 -1
- package/dist/components/confirm-action/index.js +2 -2
- package/dist/components/date-picker/browser.js +4 -4
- package/dist/components/date-picker/index.cjs +1 -1
- package/dist/components/date-picker/index.js +4 -4
- package/dist/components/dropzone/browser.js +3 -3
- package/dist/components/dropzone/index.cjs +1 -1
- package/dist/components/dropzone/index.js +3 -3
- package/dist/components/icon/browser.js +1 -1
- package/dist/components/icon/index.cjs +1 -1
- package/dist/components/icon/index.js +1 -1
- package/dist/components/input/browser.js +1 -1
- package/dist/components/input/index.cjs +1 -1
- package/dist/components/input/index.js +1 -1
- package/dist/components/modal/browser.js +1 -1
- package/dist/components/modal/index.cjs +1 -1
- package/dist/components/modal/index.js +1 -1
- package/dist/components/navigation/browser.js +33 -30
- package/dist/components/navigation/index.cjs +1 -1
- package/dist/components/navigation/index.js +33 -30
- package/dist/components/off-canvas/browser.js +2 -2
- package/dist/components/off-canvas/index.cjs +1 -1
- package/dist/components/off-canvas/index.js +2 -2
- package/dist/components/resource-table/browser.js +7 -7
- package/dist/components/resource-table/index.cjs +1 -1
- package/dist/components/resource-table/index.js +7 -7
- package/dist/components/search/browser.js +7 -7
- package/dist/components/search/index.cjs +1 -1
- package/dist/components/search/index.js +7 -7
- package/dist/components/select/browser.js +4 -4
- package/dist/components/select/index.cjs +1 -1
- package/dist/components/select/index.js +4 -4
- package/dist/components/side-navigation/browser.js +4 -4
- package/dist/components/side-navigation/index.cjs +1 -1
- package/dist/components/side-navigation/index.js +4 -4
- package/dist/components/switch/browser.js +2 -2
- package/dist/components/switch/index.cjs +1 -1
- package/dist/components/switch/index.js +2 -2
- package/dist/components/tags/browser.js +3 -3
- package/dist/components/tags/index.cjs +1 -1
- package/dist/components/tags/index.js +3 -3
- package/dist/components/time-picker/browser.js +2 -2
- package/dist/components/time-picker/index.cjs +1 -1
- package/dist/components/time-picker/index.js +2 -2
- package/dist/icon.css +1 -1
- package/dist/index.cjs +2 -2
- package/dist/index.css +228 -5
- package/dist/index.js +41 -34
- package/dist/link.css +1 -1
- package/dist/modal.css +1 -1
- package/dist/navigation-search.json +1124 -0
- package/dist/navigation.css +1 -1
- package/dist/search-demo.json +9 -0
- package/dist/search-long-demo.json +34 -0
- package/dist/theme.css +223 -0
- package/package.json +1 -1
- package/dist/components/chunks/caret-down-BN9cl4o4.js +0 -1
- package/dist/components/chunks/caret-right-CDUwqoen.js +0 -1
- package/dist/components/chunks/caret-up-3XCuTXSE.js +0 -1
- package/dist/components/chunks/close-5tYlQdkk.js +0 -1
- package/dist/components/chunks/icon-C0OLmjDY.js +0 -1
- package/dist/components/chunks/icon-CyzR9aVl.js +0 -1
- package/dist/components/chunks/icon-dG8sLTBn.js +0 -27
- package/dist/components/chunks/search-B3egXuw4.js +0 -1
package/README.md
CHANGED
|
@@ -7,7 +7,7 @@ Component styles use Tailwind CSS utilities while developing. `npm run build` co
|
|
|
7
7
|
## Install
|
|
8
8
|
|
|
9
9
|
```sh
|
|
10
|
-
npm install
|
|
10
|
+
npm install monobill-mintui
|
|
11
11
|
```
|
|
12
12
|
|
|
13
13
|
### Install components with the CLI
|
|
@@ -40,7 +40,7 @@ The CLI uses the project's npm, pnpm, Yarn, or Bun lockfile to choose its packag
|
|
|
40
40
|
|
|
41
41
|
```html
|
|
42
42
|
<script type="module">
|
|
43
|
-
import './node_modules/
|
|
43
|
+
import './node_modules/monobill-mintui/dist/components/button/browser.js'
|
|
44
44
|
</script>
|
|
45
45
|
|
|
46
46
|
<mint-button variant="solid" tone="action">Get started</mint-button>
|
|
@@ -49,19 +49,19 @@ The CLI uses the project's npm, pnpm, Yarn, or Bun lockfile to choose its packag
|
|
|
49
49
|
Import individual components for smaller application bundles:
|
|
50
50
|
|
|
51
51
|
```js
|
|
52
|
-
import '
|
|
53
|
-
import '
|
|
52
|
+
import 'monobill-mintui/button'
|
|
53
|
+
import 'monobill-mintui/switch'
|
|
54
54
|
```
|
|
55
55
|
|
|
56
|
-
Package subpath imports such as `import '
|
|
56
|
+
Package subpath imports such as `import 'monobill-mintui/button'` automatically import the component's compiled CSS and dependencies in bundlers. For native browser modules, use the `browser.js` entry shown above; it loads the same separate CSS files at runtime. `monobill-mintui/styles.css` remains available when an application prefers importing the entire compiled stylesheet once.
|
|
57
57
|
|
|
58
58
|
## Frameworks
|
|
59
59
|
|
|
60
60
|
Register the custom elements once in the application's entry point, then use their HTML tags in your templates. Events are standard DOM events. Boolean controls expose properties such as `checked` and also emit `change` events.
|
|
61
61
|
|
|
62
62
|
```js
|
|
63
|
-
import '
|
|
64
|
-
import '
|
|
63
|
+
import 'monobill-mintui/button'
|
|
64
|
+
import 'monobill-mintui/checkbox'
|
|
65
65
|
```
|
|
66
66
|
|
|
67
67
|
```html
|
|
@@ -90,10 +90,10 @@ import 'mint-ui/checkbox'
|
|
|
90
90
|
|
|
91
91
|
## Styling
|
|
92
92
|
|
|
93
|
-
Component styles are split into separate files. Import only the CSS modules for the components your app uses; Vite and other CSS-aware bundlers combine them into one application CSS file. For example, use `
|
|
93
|
+
Component styles are split into separate files. Import only the CSS modules for the components your app uses; Vite and other CSS-aware bundlers combine them into one application CSS file. For example, use `monobill-mintui/button.css` with `monobill-mintui/button`. Theme the default palette with CSS custom properties:
|
|
94
94
|
|
|
95
95
|
```css
|
|
96
|
-
@import "
|
|
96
|
+
@import "monobill-mintui/theme.css";
|
|
97
97
|
|
|
98
98
|
:root {
|
|
99
99
|
--mint-color-primary: #315943;
|
package/bin/mint-ui.js
CHANGED
|
@@ -134,10 +134,10 @@ function writeGeneratedModule(root, components, framework) {
|
|
|
134
134
|
fs.mkdirSync(path.dirname(generatedPath), { recursive: true })
|
|
135
135
|
const lines = ['// Generated by mint-ui. Change installed components with `mint-ui install` or `mint-ui update`.']
|
|
136
136
|
if (framework === 'html') {
|
|
137
|
-
for (const name of components) lines.push(`import '../node_modules/
|
|
137
|
+
for (const name of components) lines.push(`import '../node_modules/monobill-mintui/dist/components/${name}/browser.js'`)
|
|
138
138
|
} else {
|
|
139
139
|
for (const name of components) {
|
|
140
|
-
lines.push(`import '
|
|
140
|
+
lines.push(`import 'monobill-mintui/${name}'`)
|
|
141
141
|
}
|
|
142
142
|
}
|
|
143
143
|
fs.writeFileSync(generatedPath, `${lines.join('\n')}\n`)
|
|
@@ -289,7 +289,7 @@ function configureAngularStyles(root, components) {
|
|
|
289
289
|
if (!build) throw new Error('Could not find the Angular build target in angular.json.')
|
|
290
290
|
build.options ||= {}
|
|
291
291
|
const styles = Array.isArray(build.options.styles) ? build.options.styles : build.options.styles ? [build.options.styles] : []
|
|
292
|
-
for (const style of ['node_modules/
|
|
292
|
+
for (const style of ['node_modules/monobill-mintui/theme.css', ...components.map(name => `node_modules/monobill-mintui/${name}.css`)]) {
|
|
293
293
|
if (!styles.some(item => (typeof item === 'string' ? item : item.input) === style)) styles.push(style)
|
|
294
294
|
}
|
|
295
295
|
build.options.styles = styles
|
|
@@ -312,7 +312,7 @@ function configurePlainHtml(root, components, generatedFile) {
|
|
|
312
312
|
if (!file) throw new Error(`MintUI does not publish a stylesheet export for ${key}.`)
|
|
313
313
|
return file.replace(/^\.\//, '')
|
|
314
314
|
})
|
|
315
|
-
const links = cssTargets.map(file => ` <link rel="stylesheet" href="${relativeUrl(`node_modules/
|
|
315
|
+
const links = cssTargets.map(file => ` <link rel="stylesheet" href="${relativeUrl(`node_modules/monobill-mintui/${file}`)}">`).join('\n')
|
|
316
316
|
const linkBlock = `<!-- mint-ui:styles:start -->\n${links}\n<!-- mint-ui:styles:end -->`
|
|
317
317
|
if (html.includes('<!-- mint-ui:styles:start -->')) html = html.replace(/<!-- mint-ui:styles:start -->[\s\S]*?<!-- mint-ui:styles:end -->/, linkBlock)
|
|
318
318
|
else html = html.replace(/<\/head>/i, `${linkBlock}\n</head>`)
|
|
@@ -378,7 +378,7 @@ function installLibrary(root, update = false) {
|
|
|
378
378
|
function printManualImports(components) {
|
|
379
379
|
console.log(`\n${cyan('Add these imports to your app entry:')}`)
|
|
380
380
|
for (const name of components) {
|
|
381
|
-
console.log(`import '
|
|
381
|
+
console.log(`import 'monobill-mintui/${name}'`)
|
|
382
382
|
}
|
|
383
383
|
console.log(`\n${dim('Then use the elements directly, for example:')}\n<mint-${components[0]}>Test</mint-${components[0]}>\n`)
|
|
384
384
|
}
|
package/dist/back-button.css
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
/* mint-ui component style: back-button */
|
|
2
2
|
/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
|
|
3
|
-
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-font-weight:initial}}}@layer utilities{.fixed{position:fixed}.static{position:static}.end{inset-inline-end:var(--spacing,.25rem)}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.m-0{margin:calc(var(--spacing,.25rem) * 0)}.box-border{box-sizing:border-box}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-3{height:calc(var(--spacing,.25rem) * 3)}.h-4{height:calc(var(--spacing,.25rem) * 4)}.h-5{height:calc(var(--spacing,.25rem) * 5)}.h-\[0\.875em\]{height:.875em}.h-\[1\.3em\]{height:1.3em}.h-\[1\.12em\]{height:1.12em}.h-\[1\.65em\]{height:1.65em}.h-\[1em\]{height:1em}.w-3{width:calc(var(--spacing,.25rem) * 3)}.w-4{width:calc(var(--spacing,.25rem) * 4)}.w-5{width:calc(var(--spacing,.25rem) * 5)}.w-\[0\.875em\]{width:.875em}.w-\[1\.3em\]{width:1.3em}.w-\[1\.12em\]{width:1.12em}.w-\[1\.65em\]{width:1.65em}.w-\[1em\]{width:1em}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.items-center{align-items:center}.justify-center{justify-content:center}.rounded{border-radius:.25rem}.border-0{border-style:var(--tw-border-style);border-width:0}.\!border-t-amber-900{border-top-color:var(--color-amber-900,oklch(41.4% .112 45.904))!important}.\!border-t-blue-900{border-top-color:var(--color-blue-900,oklch(37.9% .146 265.522))!important}.\!border-t-gray-400{border-top-color:var(--color-gray-400,oklch(70.7% .022 261.325))!important}.\!border-t-neutral-900{border-top-color:var(--color-neutral-900,oklch(20.5% 0 0))!important}.\!border-t-red-900{border-top-color:var(--color-red-900,oklch(39.6% .141 25.723))!important}.\!border-r-amber-600{border-right-color:var(--color-amber-600,oklch(66.6% .179 58.318))!important}.\!border-r-blue-600{border-right-color:var(--color-blue-600,oklch(54.6% .245 262.881))!important}.\!border-r-gray-200{border-right-color:var(--color-gray-200,oklch(92.8% .006 264.531))!important}.\!border-r-neutral-600{border-right-color:var(--color-neutral-600,oklch(43.9% 0 0))!important}.\!border-r-red-600{border-right-color:var(--color-red-600,oklch(57.7% .245 27.325))!important}.\!border-b-amber-600{border-bottom-color:var(--color-amber-600,oklch(66.6% .179 58.318))!important}.\!border-b-blue-600{border-bottom-color:var(--color-blue-600,oklch(54.6% .245 262.881))!important}.\!border-b-gray-200{border-bottom-color:var(--color-gray-200,oklch(92.8% .006 264.531))!important}.\!border-b-neutral-600{border-bottom-color:var(--color-neutral-600,oklch(43.9% 0 0))!important}.\!border-b-red-600{border-bottom-color:var(--color-red-600,oklch(57.7% .245 27.325))!important}.\!border-l-amber-900{border-left-color:var(--color-amber-900,oklch(41.4% .112 45.904))!important}.\!border-l-blue-900{border-left-color:var(--color-blue-900,oklch(37.9% .146 265.522))!important}.\!border-l-gray-400{border-left-color:var(--color-gray-400,oklch(70.7% .022 261.325))!important}.\!border-l-neutral-900{border-left-color:var(--color-neutral-900,oklch(20.5% 0 0))!important}.\!border-l-red-900{border-left-color:var(--color-red-900,oklch(39.6% .141 25.723))!important}.\!bg-amber-900{background-color:var(--color-amber-900,oklch(41.4% .112 45.904))!important}.\!bg-blue-900{background-color:var(--color-blue-900,oklch(37.9% .146 265.522))!important}.\!bg-gray-50{background-color:var(--color-gray-50,oklch(98.5% .002 247.839))!important}.\!bg-gray-100{background-color:var(--color-gray-100,oklch(96.7% .003 264.542))!important}.\!bg-neutral-900{background-color:var(--color-neutral-900,oklch(20.5% 0 0))!important}.\!bg-red-900{background-color:var(--color-red-900,oklch(39.6% .141 25.723))!important}.p-0{padding:calc(var(--spacing,.25rem) * 0)}.align-baseline{vertical-align:baseline}.leading-none{--tw-leading:1;line-height:1}.\!text-gray-900{color:var(--color-gray-900,oklch(21% .034 264.665))!important}.text-gray-100{color:var(--color-gray-100,oklch(96.7% .003 264.542))}.text-gray-900{color:var(--color-gray-900,oklch(21% .034 264.665))}.\!shadow-\[inset_0_2px_4px_rgba\(0\,0\,0\,0\.1\)\]{--tw-shadow:inset 0 2px 4px var(--tw-shadow-color,#0000001a)!important;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)!important}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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,)}@media (hover:hover){.hover\:\!bg-amber-900:hover{background-color:var(--color-amber-900,oklch(41.4% .112 45.904))!important}.hover\:\!bg-blue-900:hover{background-color:var(--color-blue-900,oklch(37.9% .146 265.522))!important}.hover\:\!bg-gray-50:hover{background-color:var(--color-gray-50,oklch(98.5% .002 247.839))!important}.hover\:\!bg-gray-100:hover{background-color:var(--color-gray-100,oklch(96.7% .003 264.542))!important}.hover\:\!bg-neutral-900:hover{background-color:var(--color-neutral-900,oklch(20.5% 0 0))!important}.hover\:\!bg-red-900:hover{background-color:var(--color-red-900,oklch(39.6% .141 25.723))!important}.hover\:\!text-gray-900:hover{color:var(--color-gray-900,oklch(21% .034 264.665))!important}.hover\:\!shadow-\[inset_0_2px_4px_rgba\(0\,0\,0\,0\.1\)\]:hover{--tw-shadow:inset 0 2px 4px var(--tw-shadow-color,#0000001a)!important;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)!important}}.dark\:\!border-t-amber-700:where(.dark,.dark *){border-top-color:var(--color-amber-700,oklch(55.5% .163 48.998))!important}.dark\:\!border-t-blue-700:where(.dark,.dark *){border-top-color:var(--color-blue-700,oklch(48.8% .243 264.376))!important}.dark\:\!border-t-gray-950:where(.dark,.dark *){border-top-color:var(--color-gray-950,oklch(13% .028 261.692))!important}.dark\:\!border-t-neutral-700:where(.dark,.dark *){border-top-color:var(--color-neutral-700,oklch(37.1% 0 0))!important}.dark\:\!border-t-red-700:where(.dark,.dark *){border-top-color:var(--color-red-700,oklch(50.5% .213 27.518))!important}.dark\:\!border-r-amber-500:where(.dark,.dark *){border-right-color:var(--color-amber-500,oklch(76.9% .188 70.08))!important}.dark\:\!border-r-blue-500:where(.dark,.dark *){border-right-color:var(--color-blue-500,oklch(62.3% .214 259.815))!important}.dark\:\!border-r-mint-divider:where(.dark,.dark *){border-right-color:var(--mint-color-border)!important}.dark\:\!border-r-neutral-500:where(.dark,.dark *){border-right-color:var(--color-neutral-500,oklch(55.6% 0 0))!important}.dark\:\!border-r-red-500:where(.dark,.dark *){border-right-color:var(--color-red-500,oklch(63.7% .237 25.331))!important}.dark\:\!border-b-amber-500:where(.dark,.dark *){border-bottom-color:var(--color-amber-500,oklch(76.9% .188 70.08))!important}.dark\:\!border-b-blue-500:where(.dark,.dark *){border-bottom-color:var(--color-blue-500,oklch(62.3% .214 259.815))!important}.dark\:\!border-b-mint-divider:where(.dark,.dark *){border-bottom-color:var(--mint-color-border)!important}.dark\:\!border-b-neutral-500:where(.dark,.dark *){border-bottom-color:var(--color-neutral-500,oklch(55.6% 0 0))!important}.dark\:\!border-b-red-500:where(.dark,.dark *){border-bottom-color:var(--color-red-500,oklch(63.7% .237 25.331))!important}.dark\:\!border-l-amber-700:where(.dark,.dark *){border-left-color:var(--color-amber-700,oklch(55.5% .163 48.998))!important}.dark\:\!border-l-blue-700:where(.dark,.dark *){border-left-color:var(--color-blue-700,oklch(48.8% .243 264.376))!important}.dark\:\!border-l-gray-950:where(.dark,.dark *){border-left-color:var(--color-gray-950,oklch(13% .028 261.692))!important}.dark\:\!border-l-neutral-700:where(.dark,.dark *){border-left-color:var(--color-neutral-700,oklch(37.1% 0 0))!important}.dark\:\!border-l-red-700:where(.dark,.dark *){border-left-color:var(--color-red-700,oklch(50.5% .213 27.518))!important}.dark\:\!bg-amber-700:where(.dark,.dark *){background-color:var(--color-amber-700,oklch(55.5% .163 48.998))!important}.dark\:\!bg-blue-700:where(.dark,.dark *){background-color:var(--color-blue-700,oklch(48.8% .243 264.376))!important}.dark\:\!bg-mint-hover:where(.dark,.dark *){background-color:var(--mint-color-surface-hover)!important}.dark\:\!bg-neutral-700:where(.dark,.dark *){background-color:var(--color-neutral-700,oklch(37.1% 0 0))!important}.dark\:\!bg-red-700:where(.dark,.dark *){background-color:var(--color-red-700,oklch(50.5% .213 27.518))!important}.dark\:\!text-white:where(.dark,.dark *){color:var(--color-white,#fff)!important}@media (hover:hover){.dark\:hover\:\!bg-amber-700:where(.dark,.dark *):hover{background-color:var(--color-amber-700,oklch(55.5% .163 48.998))!important}.dark\:hover\:\!bg-blue-700:where(.dark,.dark *):hover{background-color:var(--color-blue-700,oklch(48.8% .243 264.376))!important}.dark\:hover\:\!bg-mint-hover:where(.dark,.dark *):hover{background-color:var(--mint-color-surface-hover)!important}.dark\:hover\:\!bg-neutral-700:where(.dark,.dark *):hover{background-color:var(--color-neutral-700,oklch(37.1% 0 0))!important}.dark\:hover\:\!bg-red-700:where(.dark,.dark *):hover{background-color:var(--color-red-700,oklch(50.5% .213 27.518))!important}.dark\:hover\:\!text-white:where(.dark,.dark *):hover{color:var(--color-white,#fff)!important}}}.mint-button-core{border-radius:var(--radius-lg,.5rem);--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);cursor:pointer;background:var(--mint-color-surface,#fff);min-height:2.5rem;color:var(--mint-color-text,#28372d);border:1px solid #0000;border-color:var(--mint-color-border,#dfe6e0);justify-content:center;align-items:center;gap:.5rem;padding:.55rem .9rem;font-size:.875rem;line-height:1.2;transition:filter .12s,box-shadow .12s,background-color .12s;display:inline-flex;box-shadow:0 1px 2px #15241a0a}.mint-button-solid.mint-button-tone-action{background:var(--mint-color-primary,#315943);color:var(--mint-color-on-primary,#fff)}.mint-button-solid.mint-button-tone-info{background:var(--mint-color-info,#246487);color:var(--mint-color-on-info,#fff)}.mint-button-solid.mint-button-tone-warning{background:var(--mint-color-warning,#a65f21);color:var(--mint-color-on-warning,#fff)}.mint-button-solid.mint-button-tone-danger{background:var(--mint-color-danger,#a23f38);color:var(--mint-color-on-danger,#fff)}.mint-button-outline{background:0 0}.mint-button-ghost{box-shadow:none;background:0 0;border-color:#0000}.mint-button-full-width{width:100%}.mint-button-icon-only{width:2.5rem;padding:.5rem}.mint-button-content,.mint-spinner-wrap{align-items:center;display:inline-flex}.mint-button-icon{display:inline-flex}.mint-icon-leading{margin-right:.375rem}.mint-icon-trailing{margin-left:.375rem}.mint-spinner{width:1rem;height:1rem}.mint-button-tone-neutral{color:var(--mint-color-text,#28372d)}.mint-button-outline.mint-button-tone-action,.mint-button-ghost.mint-button-tone-action{color:var(--mint-color-primary,#315943)}.mint-button-outline.mint-button-tone-info,.mint-button-ghost.mint-button-tone-info{color:var(--mint-color-info,#246487)}.mint-button-outline.mint-button-tone-warning,.mint-button-ghost.mint-button-tone-warning{color:var(--mint-color-warning,#a65f21)}.mint-button-outline.mint-button-tone-danger,.mint-button-ghost.mint-button-tone-danger{color:var(--mint-color-danger,#a23f38)}.mint-spinner-rotate{transform-origin:50%;width:1rem;height:1rem;animation:.8s linear infinite mint-spinner-rotate}.mint-spinner-track{opacity:.22}.mint-spinner-progress{stroke-dasharray:18 45;animation:1.2s ease-in-out infinite alternate mint-spinner-dash}@keyframes mint-spinner-rotate{to{transform:rotate(360deg)}}@keyframes mint-spinner-dash{to{stroke-dasharray:42 21}}mint-button{vertical-align:middle;display:inline-block}mint-button[full-width=true]{width:100%;display:block}.mint-button-core{box-sizing:border-box;border:2px solid var(--mint-color-border,#dfe6e0);background:var(--mint-color-surface,#fff);min-height:2.25rem;color:var(--mint-color-text,#28372d);cursor:pointer;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.375rem .875rem;font-family:inherit;font-size:.875rem;font-weight:500;line-height:1.2;transition:background-color .12s,border-color .12s,box-shadow .12s,filter .12s;display:inline-flex}.mint-button-core.mint-button-solid{border-top-color:var(--mint-color-border-strong,#b9c5bc)}@supports (color:color-mix(in lab, red, red)){.mint-button-core.mint-button-solid{border-top-color:color-mix(in srgb,var(--mint-color-border-strong,#b9c5bc) 72%,white)}}.mint-button-core.mint-button-solid{border-left-color:var(--mint-color-border-strong,#b9c5bc)}@supports (color:color-mix(in lab, red, red)){.mint-button-core.mint-button-solid{border-left-color:color-mix(in srgb,var(--mint-color-border-strong,#b9c5bc) 72%,white)}}.mint-button-core.mint-button-solid{border-right-color:var(--mint-color-border,#dfe6e0);border-bottom-color:var(--mint-color-border,#dfe6e0);box-shadow:0 1px 2px #15241a14}.mint-button-core.mint-button-solid.mint-button-tone-action{background:var(--mint-color-primary,#315943);color:var(--mint-color-on-primary,#fff);border-top-color:var(--mint-color-primary,#315943)}@supports (color:color-mix(in lab, red, red)){.mint-button-core.mint-button-solid.mint-button-tone-action{border-top-color:color-mix(in srgb,var(--mint-color-primary,#315943) 82%,white)}}.mint-button-core.mint-button-solid.mint-button-tone-action{border-left-color:var(--mint-color-primary,#315943)}@supports (color:color-mix(in lab, red, red)){.mint-button-core.mint-button-solid.mint-button-tone-action{border-left-color:color-mix(in srgb,var(--mint-color-primary,#315943) 82%,white)}}.mint-button-core.mint-button-solid.mint-button-tone-action{border-right-color:var(--mint-color-primary,#315943)}@supports (color:color-mix(in lab, red, red)){.mint-button-core.mint-button-solid.mint-button-tone-action{border-right-color:color-mix(in srgb,var(--mint-color-primary,#315943) 82%,black)}}.mint-button-core.mint-button-solid.mint-button-tone-action{border-bottom-color:var(--mint-color-primary,#315943)}@supports (color:color-mix(in lab, red, red)){.mint-button-core.mint-button-solid.mint-button-tone-action{border-bottom-color:color-mix(in srgb,var(--mint-color-primary,#315943) 82%,black)}}.mint-button-core.mint-button-solid.mint-button-tone-info{background:var(--mint-color-info,#246487);color:var(--mint-color-on-info,#fff)}.mint-button-core.mint-button-solid.mint-button-tone-warning{background:var(--mint-color-warning,#a65f21);color:var(--mint-color-on-warning,#fff)}.mint-button-core.mint-button-solid.mint-button-tone-danger{background:var(--mint-color-danger,#a23f38);color:var(--mint-color-on-danger,#fff)}.mint-button-core.mint-button-ghost,.mint-button-core.mint-button-outline{box-shadow:none;background:0 0;border-color:#0000}.mint-button-core.mint-button-tone-neutral{color:var(--mint-color-text,#28372d)}.mint-button-core.mint-button-outline.mint-button-tone-action,.mint-button-core.mint-button-ghost.mint-button-tone-action{color:var(--mint-color-primary,#315943)}.mint-button-core.mint-button-outline.mint-button-tone-info,.mint-button-core.mint-button-ghost.mint-button-tone-info{color:var(--mint-color-info,#246487)}.mint-button-core.mint-button-outline.mint-button-tone-warning,.mint-button-core.mint-button-ghost.mint-button-tone-warning{color:var(--mint-color-warning,#a65f21)}.mint-button-core.mint-button-outline.mint-button-tone-danger,.mint-button-core.mint-button-ghost.mint-button-tone-danger{color:var(--mint-color-danger,#a23f38)}.mint-button-core.mint-button-icon-only{width:2.25rem;min-width:2.25rem;height:2.25rem;padding:.375rem}.mint-button-core:hover:not(:disabled){filter:brightness(.98)}.mint-button-core:active:not(:disabled),.mint-button-core.mint-button-active:not(:disabled),mint-button[active=true] .mint-button-core:not(:disabled){filter:brightness(.97);box-shadow:inset 0 2px 4px #10201542,inset 0 1px 2px #06190f24}.mint-button-core.mint-button-solid:active:not(:disabled),.mint-button-core.mint-button-solid.mint-button-active:not(:disabled){border-top-color:var(--mint-color-border,#dfe6e0);border-left-color:var(--mint-color-border,#dfe6e0);border-right-color:var(--mint-color-border-strong,#b9c5bc)}@supports (color:color-mix(in lab, red, red)){.mint-button-core.mint-button-solid:active:not(:disabled),.mint-button-core.mint-button-solid.mint-button-active:not(:disabled){border-right-color:color-mix(in srgb,var(--mint-color-border-strong,#b9c5bc) 72%,white)}}.mint-button-core.mint-button-solid:active:not(:disabled),.mint-button-core.mint-button-solid.mint-button-active:not(:disabled){border-bottom-color:var(--mint-color-border-strong,#b9c5bc)}@supports (color:color-mix(in lab, red, red)){.mint-button-core.mint-button-solid:active:not(:disabled),.mint-button-core.mint-button-solid.mint-button-active:not(:disabled){border-bottom-color:color-mix(in srgb,var(--mint-color-border-strong,#b9c5bc) 72%,white)}}mint-button[active=true] .mint-button-core.mint-button-solid:not(:disabled){border-top-color:var(--mint-color-border,#dfe6e0);border-left-color:var(--mint-color-border,#dfe6e0);border-right-color:var(--mint-color-border-strong,#b9c5bc)}@supports (color:color-mix(in lab, red, red)){mint-button[active=true] .mint-button-core.mint-button-solid:not(:disabled){border-right-color:color-mix(in srgb,var(--mint-color-border-strong,#b9c5bc) 72%,white)}}mint-button[active=true] .mint-button-core.mint-button-solid:not(:disabled){border-bottom-color:var(--mint-color-border-strong,#b9c5bc)}@supports (color:color-mix(in lab, red, red)){mint-button[active=true] .mint-button-core.mint-button-solid:not(:disabled){border-bottom-color:color-mix(in srgb,var(--mint-color-border-strong,#b9c5bc) 72%,white)}}.mint-button-core.mint-button-solid.mint-button-tone-action:active:not(:disabled),.mint-button-core.mint-button-solid.mint-button-tone-action.mint-button-active:not(:disabled){border-top-color:var(--mint-color-primary,#315943)}@supports (color:color-mix(in lab, red, red)){.mint-button-core.mint-button-solid.mint-button-tone-action:active:not(:disabled),.mint-button-core.mint-button-solid.mint-button-tone-action.mint-button-active:not(:disabled){border-top-color:color-mix(in srgb,var(--mint-color-primary,#315943) 82%,black)}}.mint-button-core.mint-button-solid.mint-button-tone-action:active:not(:disabled),.mint-button-core.mint-button-solid.mint-button-tone-action.mint-button-active:not(:disabled){border-left-color:var(--mint-color-primary,#315943)}@supports (color:color-mix(in lab, red, red)){.mint-button-core.mint-button-solid.mint-button-tone-action:active:not(:disabled),.mint-button-core.mint-button-solid.mint-button-tone-action.mint-button-active:not(:disabled){border-left-color:color-mix(in srgb,var(--mint-color-primary,#315943) 82%,black)}}.mint-button-core.mint-button-solid.mint-button-tone-action:active:not(:disabled),.mint-button-core.mint-button-solid.mint-button-tone-action.mint-button-active:not(:disabled){border-right-color:var(--mint-color-primary,#315943)}@supports (color:color-mix(in lab, red, red)){.mint-button-core.mint-button-solid.mint-button-tone-action:active:not(:disabled),.mint-button-core.mint-button-solid.mint-button-tone-action.mint-button-active:not(:disabled){border-right-color:color-mix(in srgb,var(--mint-color-primary,#315943) 82%,white)}}.mint-button-core.mint-button-solid.mint-button-tone-action:active:not(:disabled),.mint-button-core.mint-button-solid.mint-button-tone-action.mint-button-active:not(:disabled){border-bottom-color:var(--mint-color-primary,#315943)}@supports (color:color-mix(in lab, red, red)){.mint-button-core.mint-button-solid.mint-button-tone-action:active:not(:disabled),.mint-button-core.mint-button-solid.mint-button-tone-action.mint-button-active:not(:disabled){border-bottom-color:color-mix(in srgb,var(--mint-color-primary,#315943) 82%,white)}}mint-button[active=true] .mint-button-core.mint-button-solid.mint-button-tone-action:not(:disabled){border-top-color:var(--mint-color-primary,#315943)}@supports (color:color-mix(in lab, red, red)){mint-button[active=true] .mint-button-core.mint-button-solid.mint-button-tone-action:not(:disabled){border-top-color:color-mix(in srgb,var(--mint-color-primary,#315943) 82%,black)}}mint-button[active=true] .mint-button-core.mint-button-solid.mint-button-tone-action:not(:disabled){border-left-color:var(--mint-color-primary,#315943)}@supports (color:color-mix(in lab, red, red)){mint-button[active=true] .mint-button-core.mint-button-solid.mint-button-tone-action:not(:disabled){border-left-color:color-mix(in srgb,var(--mint-color-primary,#315943) 82%,black)}}mint-button[active=true] .mint-button-core.mint-button-solid.mint-button-tone-action:not(:disabled){border-right-color:var(--mint-color-primary,#315943)}@supports (color:color-mix(in lab, red, red)){mint-button[active=true] .mint-button-core.mint-button-solid.mint-button-tone-action:not(:disabled){border-right-color:color-mix(in srgb,var(--mint-color-primary,#315943) 82%,white)}}mint-button[active=true] .mint-button-core.mint-button-solid.mint-button-tone-action:not(:disabled){border-bottom-color:var(--mint-color-primary,#315943)}@supports (color:color-mix(in lab, red, red)){mint-button[active=true] .mint-button-core.mint-button-solid.mint-button-tone-action:not(:disabled){border-bottom-color:color-mix(in srgb,var(--mint-color-primary,#315943) 82%,white)}}.mint-button-core.mint-button-active:not(:disabled):not([data-loading=true]):not([data-variant=ghost])>*,mint-button[active=true] .mint-button-core:not(:disabled):not([data-loading=true]):not([data-variant=ghost])>*{transform:translateY(1px)}.mint-button-core:disabled{opacity:.55;cursor:not-allowed}.mint-button-core:focus-visible{outline:3px solid var(--mint-color-focus,#6eaa86);outline-offset:2px}.mint-button-core[data-align=left]{justify-content:flex-start}.mint-button-core[data-align=right]{justify-content:flex-end}.mint-button-core.mint-button-full-width{width:100%}.mint-button-content{align-items:center;min-width:0;display:inline-flex}.mint-button-content[data-full-width=true]{width:100%;display:flex}.mint-button-icon{flex-shrink:0;display:inline-flex}.mint-button-icon[data-position=left]:not([data-icon-only]){margin-right:.375rem}.mint-button-icon[data-position=right]:not([data-icon-only]){margin-left:.375rem}.mint-button-spinner-wrap{align-items:center;margin-right:.5rem;display:inline-flex}.mint-button-spinner-wrap[data-icon-only=true]{margin-right:0}mint-button[data-variant=solid][data-tone=action] button{background-color:var(--mint-color-primary,#315943);color:var(--mint-color-on-primary,#fff)}mint-button[data-variant=solid][data-tone=action] button:hover:not(:disabled){background-color:var(--mint-color-primary,#315943);filter:brightness(.96)}mint-button[data-variant=solid][data-tone=action] button:active:not(:disabled){background-color:var(--mint-color-primary,#315943);filter:brightness(.92)}mint-button[data-variant=solid][data-tone=info] button{background-color:var(--mint-color-info,#246487);color:var(--mint-color-on-info,#fff)}mint-button[data-variant=solid][data-tone=warning] button{background-color:var(--mint-color-warning,#a65f21);color:var(--mint-color-on-warning,#fff)}mint-button[data-variant=solid][data-tone=danger] button{background-color:var(--mint-color-danger,#a23f38);color:var(--mint-color-on-danger,#fff)}mint-icon{vertical-align:middle;background-color:currentColor;width:1.2em;height:1.2em;display:inline-block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}mint-back-button{display:inline-flex}mint-back-button mint-button button{min-width:2.5rem}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}
|
|
3
|
+
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-font-weight:initial}}}@layer utilities{.fixed{position:fixed}.static{position:static}.end{inset-inline-end:var(--spacing,.25rem)}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.m-0{margin:calc(var(--spacing,.25rem) * 0)}.box-border{box-sizing:border-box}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-3{height:calc(var(--spacing,.25rem) * 3)}.h-5{height:calc(var(--spacing,.25rem) * 5)}.h-\[1\.3em\]{height:1.3em}.h-\[1em\]{height:1em}.w-3{width:calc(var(--spacing,.25rem) * 3)}.w-5{width:calc(var(--spacing,.25rem) * 5)}.w-\[1\.3em\]{width:1.3em}.w-\[1em\]{width:1em}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.items-center{align-items:center}.justify-center{justify-content:center}.rounded{border-radius:.25rem}.border-0{border-style:var(--tw-border-style);border-width:0}.\!border-t-amber-900{border-top-color:var(--color-amber-900,oklch(41.4% .112 45.904))!important}.\!border-t-blue-900{border-top-color:var(--color-blue-900,oklch(37.9% .146 265.522))!important}.\!border-t-gray-400{border-top-color:var(--color-gray-400,oklch(70.7% .022 261.325))!important}.\!border-t-neutral-900{border-top-color:var(--color-neutral-900,oklch(20.5% 0 0))!important}.\!border-t-red-900{border-top-color:var(--color-red-900,oklch(39.6% .141 25.723))!important}.\!border-r-amber-600{border-right-color:var(--color-amber-600,oklch(66.6% .179 58.318))!important}.\!border-r-blue-600{border-right-color:var(--color-blue-600,oklch(54.6% .245 262.881))!important}.\!border-r-gray-200{border-right-color:var(--color-gray-200,oklch(92.8% .006 264.531))!important}.\!border-r-neutral-600{border-right-color:var(--color-neutral-600,oklch(43.9% 0 0))!important}.\!border-r-red-600{border-right-color:var(--color-red-600,oklch(57.7% .245 27.325))!important}.\!border-b-amber-600{border-bottom-color:var(--color-amber-600,oklch(66.6% .179 58.318))!important}.\!border-b-blue-600{border-bottom-color:var(--color-blue-600,oklch(54.6% .245 262.881))!important}.\!border-b-gray-200{border-bottom-color:var(--color-gray-200,oklch(92.8% .006 264.531))!important}.\!border-b-neutral-600{border-bottom-color:var(--color-neutral-600,oklch(43.9% 0 0))!important}.\!border-b-red-600{border-bottom-color:var(--color-red-600,oklch(57.7% .245 27.325))!important}.\!border-l-amber-900{border-left-color:var(--color-amber-900,oklch(41.4% .112 45.904))!important}.\!border-l-blue-900{border-left-color:var(--color-blue-900,oklch(37.9% .146 265.522))!important}.\!border-l-gray-400{border-left-color:var(--color-gray-400,oklch(70.7% .022 261.325))!important}.\!border-l-neutral-900{border-left-color:var(--color-neutral-900,oklch(20.5% 0 0))!important}.\!border-l-red-900{border-left-color:var(--color-red-900,oklch(39.6% .141 25.723))!important}.\!bg-amber-900{background-color:var(--color-amber-900,oklch(41.4% .112 45.904))!important}.\!bg-blue-900{background-color:var(--color-blue-900,oklch(37.9% .146 265.522))!important}.\!bg-gray-50{background-color:var(--color-gray-50,oklch(98.5% .002 247.839))!important}.\!bg-gray-100{background-color:var(--color-gray-100,oklch(96.7% .003 264.542))!important}.\!bg-neutral-900{background-color:var(--color-neutral-900,oklch(20.5% 0 0))!important}.\!bg-red-900{background-color:var(--color-red-900,oklch(39.6% .141 25.723))!important}.p-0{padding:calc(var(--spacing,.25rem) * 0)}.align-baseline{vertical-align:baseline}.leading-none{--tw-leading:1;line-height:1}.\!text-gray-900{color:var(--color-gray-900,oklch(21% .034 264.665))!important}.text-gray-100{color:var(--color-gray-100,oklch(96.7% .003 264.542))}.text-gray-900{color:var(--color-gray-900,oklch(21% .034 264.665))}.\!shadow-\[inset_0_2px_4px_rgba\(0\,0\,0\,0\.1\)\]{--tw-shadow:inset 0 2px 4px var(--tw-shadow-color,#0000001a)!important;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)!important}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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,)}@media (hover:hover){.hover\:\!bg-amber-900:hover{background-color:var(--color-amber-900,oklch(41.4% .112 45.904))!important}.hover\:\!bg-blue-900:hover{background-color:var(--color-blue-900,oklch(37.9% .146 265.522))!important}.hover\:\!bg-gray-50:hover{background-color:var(--color-gray-50,oklch(98.5% .002 247.839))!important}.hover\:\!bg-gray-100:hover{background-color:var(--color-gray-100,oklch(96.7% .003 264.542))!important}.hover\:\!bg-neutral-900:hover{background-color:var(--color-neutral-900,oklch(20.5% 0 0))!important}.hover\:\!bg-red-900:hover{background-color:var(--color-red-900,oklch(39.6% .141 25.723))!important}.hover\:\!text-gray-900:hover{color:var(--color-gray-900,oklch(21% .034 264.665))!important}.hover\:\!shadow-\[inset_0_2px_4px_rgba\(0\,0\,0\,0\.1\)\]:hover{--tw-shadow:inset 0 2px 4px var(--tw-shadow-color,#0000001a)!important;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)!important}}.dark\:\!border-t-amber-700:where(.dark,.dark *){border-top-color:var(--color-amber-700,oklch(55.5% .163 48.998))!important}.dark\:\!border-t-blue-700:where(.dark,.dark *){border-top-color:var(--color-blue-700,oklch(48.8% .243 264.376))!important}.dark\:\!border-t-gray-950:where(.dark,.dark *){border-top-color:var(--color-gray-950,oklch(13% .028 261.692))!important}.dark\:\!border-t-neutral-700:where(.dark,.dark *){border-top-color:var(--color-neutral-700,oklch(37.1% 0 0))!important}.dark\:\!border-t-red-700:where(.dark,.dark *){border-top-color:var(--color-red-700,oklch(50.5% .213 27.518))!important}.dark\:\!border-r-amber-500:where(.dark,.dark *){border-right-color:var(--color-amber-500,oklch(76.9% .188 70.08))!important}.dark\:\!border-r-blue-500:where(.dark,.dark *){border-right-color:var(--color-blue-500,oklch(62.3% .214 259.815))!important}.dark\:\!border-r-mint-divider:where(.dark,.dark *){border-right-color:var(--mint-color-border)!important}.dark\:\!border-r-neutral-500:where(.dark,.dark *){border-right-color:var(--color-neutral-500,oklch(55.6% 0 0))!important}.dark\:\!border-r-red-500:where(.dark,.dark *){border-right-color:var(--color-red-500,oklch(63.7% .237 25.331))!important}.dark\:\!border-b-amber-500:where(.dark,.dark *){border-bottom-color:var(--color-amber-500,oklch(76.9% .188 70.08))!important}.dark\:\!border-b-blue-500:where(.dark,.dark *){border-bottom-color:var(--color-blue-500,oklch(62.3% .214 259.815))!important}.dark\:\!border-b-mint-divider:where(.dark,.dark *){border-bottom-color:var(--mint-color-border)!important}.dark\:\!border-b-neutral-500:where(.dark,.dark *){border-bottom-color:var(--color-neutral-500,oklch(55.6% 0 0))!important}.dark\:\!border-b-red-500:where(.dark,.dark *){border-bottom-color:var(--color-red-500,oklch(63.7% .237 25.331))!important}.dark\:\!border-l-amber-700:where(.dark,.dark *){border-left-color:var(--color-amber-700,oklch(55.5% .163 48.998))!important}.dark\:\!border-l-blue-700:where(.dark,.dark *){border-left-color:var(--color-blue-700,oklch(48.8% .243 264.376))!important}.dark\:\!border-l-gray-950:where(.dark,.dark *){border-left-color:var(--color-gray-950,oklch(13% .028 261.692))!important}.dark\:\!border-l-neutral-700:where(.dark,.dark *){border-left-color:var(--color-neutral-700,oklch(37.1% 0 0))!important}.dark\:\!border-l-red-700:where(.dark,.dark *){border-left-color:var(--color-red-700,oklch(50.5% .213 27.518))!important}.dark\:\!bg-amber-700:where(.dark,.dark *){background-color:var(--color-amber-700,oklch(55.5% .163 48.998))!important}.dark\:\!bg-blue-700:where(.dark,.dark *){background-color:var(--color-blue-700,oklch(48.8% .243 264.376))!important}.dark\:\!bg-mint-hover:where(.dark,.dark *){background-color:var(--mint-color-surface-hover)!important}.dark\:\!bg-neutral-700:where(.dark,.dark *){background-color:var(--color-neutral-700,oklch(37.1% 0 0))!important}.dark\:\!bg-red-700:where(.dark,.dark *){background-color:var(--color-red-700,oklch(50.5% .213 27.518))!important}.dark\:\!text-white:where(.dark,.dark *){color:var(--color-white,#fff)!important}@media (hover:hover){.dark\:hover\:\!bg-amber-700:where(.dark,.dark *):hover{background-color:var(--color-amber-700,oklch(55.5% .163 48.998))!important}.dark\:hover\:\!bg-blue-700:where(.dark,.dark *):hover{background-color:var(--color-blue-700,oklch(48.8% .243 264.376))!important}.dark\:hover\:\!bg-mint-hover:where(.dark,.dark *):hover{background-color:var(--mint-color-surface-hover)!important}.dark\:hover\:\!bg-neutral-700:where(.dark,.dark *):hover{background-color:var(--color-neutral-700,oklch(37.1% 0 0))!important}.dark\:hover\:\!bg-red-700:where(.dark,.dark *):hover{background-color:var(--color-red-700,oklch(50.5% .213 27.518))!important}.dark\:hover\:\!text-white:where(.dark,.dark *):hover{color:var(--color-white,#fff)!important}}}.mint-button-core{border-radius:var(--radius-lg,.5rem);--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);cursor:pointer;background:var(--mint-color-surface,#fff);min-height:2.5rem;color:var(--mint-color-text,#28372d);border:1px solid #0000;border-color:var(--mint-color-border,#dfe6e0);justify-content:center;align-items:center;gap:.5rem;padding:.55rem .9rem;font-size:.875rem;line-height:1.2;transition:filter .12s,box-shadow .12s,background-color .12s;display:inline-flex;box-shadow:0 1px 2px #15241a0a}.mint-button-solid.mint-button-tone-action{background:var(--mint-color-primary,#315943);color:var(--mint-color-on-primary,#fff)}.mint-button-solid.mint-button-tone-info{background:var(--mint-color-info,#246487);color:var(--mint-color-on-info,#fff)}.mint-button-solid.mint-button-tone-warning{background:var(--mint-color-warning,#a65f21);color:var(--mint-color-on-warning,#fff)}.mint-button-solid.mint-button-tone-danger{background:var(--mint-color-danger,#a23f38);color:var(--mint-color-on-danger,#fff)}.mint-button-outline{background:0 0}.mint-button-ghost{box-shadow:none;background:0 0;border-color:#0000}.mint-button-full-width{width:100%}.mint-button-icon-only{width:2.5rem;padding:.5rem}.mint-button-content,.mint-spinner-wrap{align-items:center;display:inline-flex}.mint-button-icon{display:inline-flex}.mint-icon-leading{margin-right:.375rem}.mint-icon-trailing{margin-left:.375rem}.mint-spinner{width:1rem;height:1rem}.mint-button-tone-neutral{color:var(--mint-color-text,#28372d)}.mint-button-outline.mint-button-tone-action,.mint-button-ghost.mint-button-tone-action{color:var(--mint-color-primary,#315943)}.mint-button-outline.mint-button-tone-info,.mint-button-ghost.mint-button-tone-info{color:var(--mint-color-info,#246487)}.mint-button-outline.mint-button-tone-warning,.mint-button-ghost.mint-button-tone-warning{color:var(--mint-color-warning,#a65f21)}.mint-button-outline.mint-button-tone-danger,.mint-button-ghost.mint-button-tone-danger{color:var(--mint-color-danger,#a23f38)}.mint-spinner-rotate{transform-origin:50%;width:1rem;height:1rem;animation:.8s linear infinite mint-spinner-rotate}.mint-spinner-track{opacity:.22}.mint-spinner-progress{stroke-dasharray:18 45;animation:1.2s ease-in-out infinite alternate mint-spinner-dash}@keyframes mint-spinner-rotate{to{transform:rotate(360deg)}}@keyframes mint-spinner-dash{to{stroke-dasharray:42 21}}mint-icon{vertical-align:middle;background-color:currentColor;width:1.2em;height:1.2em;display:inline-block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}mint-button{vertical-align:middle;display:inline-block}mint-button[full-width=true]{width:100%;display:block}.mint-button-core{box-sizing:border-box;border:2px solid var(--mint-color-border,#dfe6e0);background:var(--mint-color-surface,#fff);min-height:2.25rem;color:var(--mint-color-text,#28372d);cursor:pointer;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.375rem .875rem;font-family:inherit;font-size:.875rem;font-weight:500;line-height:1.2;transition:background-color .12s,border-color .12s,box-shadow .12s,filter .12s;display:inline-flex}.mint-button-core.mint-button-solid{border-top-color:var(--mint-color-border-strong,#b9c5bc)}@supports (color:color-mix(in lab, red, red)){.mint-button-core.mint-button-solid{border-top-color:color-mix(in srgb,var(--mint-color-border-strong,#b9c5bc) 72%,white)}}.mint-button-core.mint-button-solid{border-left-color:var(--mint-color-border-strong,#b9c5bc)}@supports (color:color-mix(in lab, red, red)){.mint-button-core.mint-button-solid{border-left-color:color-mix(in srgb,var(--mint-color-border-strong,#b9c5bc) 72%,white)}}.mint-button-core.mint-button-solid{border-right-color:var(--mint-color-border,#dfe6e0);border-bottom-color:var(--mint-color-border,#dfe6e0);box-shadow:0 1px 2px #15241a14}.mint-button-core.mint-button-solid.mint-button-tone-action{background:var(--mint-color-primary,#315943);color:var(--mint-color-on-primary,#fff);border-top-color:var(--mint-color-primary,#315943)}@supports (color:color-mix(in lab, red, red)){.mint-button-core.mint-button-solid.mint-button-tone-action{border-top-color:color-mix(in srgb,var(--mint-color-primary,#315943) 82%,white)}}.mint-button-core.mint-button-solid.mint-button-tone-action{border-left-color:var(--mint-color-primary,#315943)}@supports (color:color-mix(in lab, red, red)){.mint-button-core.mint-button-solid.mint-button-tone-action{border-left-color:color-mix(in srgb,var(--mint-color-primary,#315943) 82%,white)}}.mint-button-core.mint-button-solid.mint-button-tone-action{border-right-color:var(--mint-color-primary,#315943)}@supports (color:color-mix(in lab, red, red)){.mint-button-core.mint-button-solid.mint-button-tone-action{border-right-color:color-mix(in srgb,var(--mint-color-primary,#315943) 82%,black)}}.mint-button-core.mint-button-solid.mint-button-tone-action{border-bottom-color:var(--mint-color-primary,#315943)}@supports (color:color-mix(in lab, red, red)){.mint-button-core.mint-button-solid.mint-button-tone-action{border-bottom-color:color-mix(in srgb,var(--mint-color-primary,#315943) 82%,black)}}.mint-button-core.mint-button-solid.mint-button-tone-info{background:var(--mint-color-info,#246487);color:var(--mint-color-on-info,#fff)}.mint-button-core.mint-button-solid.mint-button-tone-warning{background:var(--mint-color-warning,#a65f21);color:var(--mint-color-on-warning,#fff)}.mint-button-core.mint-button-solid.mint-button-tone-danger{background:var(--mint-color-danger,#a23f38);color:var(--mint-color-on-danger,#fff)}.mint-button-core.mint-button-ghost,.mint-button-core.mint-button-outline{box-shadow:none;background:0 0;border-color:#0000}.mint-button-core.mint-button-tone-neutral{color:var(--mint-color-text,#28372d)}.mint-button-core.mint-button-outline.mint-button-tone-action,.mint-button-core.mint-button-ghost.mint-button-tone-action{color:var(--mint-color-primary,#315943)}.mint-button-core.mint-button-outline.mint-button-tone-info,.mint-button-core.mint-button-ghost.mint-button-tone-info{color:var(--mint-color-info,#246487)}.mint-button-core.mint-button-outline.mint-button-tone-warning,.mint-button-core.mint-button-ghost.mint-button-tone-warning{color:var(--mint-color-warning,#a65f21)}.mint-button-core.mint-button-outline.mint-button-tone-danger,.mint-button-core.mint-button-ghost.mint-button-tone-danger{color:var(--mint-color-danger,#a23f38)}.mint-button-core.mint-button-icon-only{width:2.25rem;min-width:2.25rem;height:2.25rem;padding:.375rem}.mint-button-core:hover:not(:disabled){filter:brightness(.98)}.mint-button-core:active:not(:disabled),.mint-button-core.mint-button-active:not(:disabled),mint-button[active=true] .mint-button-core:not(:disabled){filter:brightness(.97);box-shadow:inset 0 2px 4px #10201542,inset 0 1px 2px #06190f24}.mint-button-core.mint-button-solid:active:not(:disabled),.mint-button-core.mint-button-solid.mint-button-active:not(:disabled){border-top-color:var(--mint-color-border,#dfe6e0);border-left-color:var(--mint-color-border,#dfe6e0);border-right-color:var(--mint-color-border-strong,#b9c5bc)}@supports (color:color-mix(in lab, red, red)){.mint-button-core.mint-button-solid:active:not(:disabled),.mint-button-core.mint-button-solid.mint-button-active:not(:disabled){border-right-color:color-mix(in srgb,var(--mint-color-border-strong,#b9c5bc) 72%,white)}}.mint-button-core.mint-button-solid:active:not(:disabled),.mint-button-core.mint-button-solid.mint-button-active:not(:disabled){border-bottom-color:var(--mint-color-border-strong,#b9c5bc)}@supports (color:color-mix(in lab, red, red)){.mint-button-core.mint-button-solid:active:not(:disabled),.mint-button-core.mint-button-solid.mint-button-active:not(:disabled){border-bottom-color:color-mix(in srgb,var(--mint-color-border-strong,#b9c5bc) 72%,white)}}mint-button[active=true] .mint-button-core.mint-button-solid:not(:disabled){border-top-color:var(--mint-color-border,#dfe6e0);border-left-color:var(--mint-color-border,#dfe6e0);border-right-color:var(--mint-color-border-strong,#b9c5bc)}@supports (color:color-mix(in lab, red, red)){mint-button[active=true] .mint-button-core.mint-button-solid:not(:disabled){border-right-color:color-mix(in srgb,var(--mint-color-border-strong,#b9c5bc) 72%,white)}}mint-button[active=true] .mint-button-core.mint-button-solid:not(:disabled){border-bottom-color:var(--mint-color-border-strong,#b9c5bc)}@supports (color:color-mix(in lab, red, red)){mint-button[active=true] .mint-button-core.mint-button-solid:not(:disabled){border-bottom-color:color-mix(in srgb,var(--mint-color-border-strong,#b9c5bc) 72%,white)}}.mint-button-core.mint-button-solid.mint-button-tone-action:active:not(:disabled),.mint-button-core.mint-button-solid.mint-button-tone-action.mint-button-active:not(:disabled){border-top-color:var(--mint-color-primary,#315943)}@supports (color:color-mix(in lab, red, red)){.mint-button-core.mint-button-solid.mint-button-tone-action:active:not(:disabled),.mint-button-core.mint-button-solid.mint-button-tone-action.mint-button-active:not(:disabled){border-top-color:color-mix(in srgb,var(--mint-color-primary,#315943) 82%,black)}}.mint-button-core.mint-button-solid.mint-button-tone-action:active:not(:disabled),.mint-button-core.mint-button-solid.mint-button-tone-action.mint-button-active:not(:disabled){border-left-color:var(--mint-color-primary,#315943)}@supports (color:color-mix(in lab, red, red)){.mint-button-core.mint-button-solid.mint-button-tone-action:active:not(:disabled),.mint-button-core.mint-button-solid.mint-button-tone-action.mint-button-active:not(:disabled){border-left-color:color-mix(in srgb,var(--mint-color-primary,#315943) 82%,black)}}.mint-button-core.mint-button-solid.mint-button-tone-action:active:not(:disabled),.mint-button-core.mint-button-solid.mint-button-tone-action.mint-button-active:not(:disabled){border-right-color:var(--mint-color-primary,#315943)}@supports (color:color-mix(in lab, red, red)){.mint-button-core.mint-button-solid.mint-button-tone-action:active:not(:disabled),.mint-button-core.mint-button-solid.mint-button-tone-action.mint-button-active:not(:disabled){border-right-color:color-mix(in srgb,var(--mint-color-primary,#315943) 82%,white)}}.mint-button-core.mint-button-solid.mint-button-tone-action:active:not(:disabled),.mint-button-core.mint-button-solid.mint-button-tone-action.mint-button-active:not(:disabled){border-bottom-color:var(--mint-color-primary,#315943)}@supports (color:color-mix(in lab, red, red)){.mint-button-core.mint-button-solid.mint-button-tone-action:active:not(:disabled),.mint-button-core.mint-button-solid.mint-button-tone-action.mint-button-active:not(:disabled){border-bottom-color:color-mix(in srgb,var(--mint-color-primary,#315943) 82%,white)}}mint-button[active=true] .mint-button-core.mint-button-solid.mint-button-tone-action:not(:disabled){border-top-color:var(--mint-color-primary,#315943)}@supports (color:color-mix(in lab, red, red)){mint-button[active=true] .mint-button-core.mint-button-solid.mint-button-tone-action:not(:disabled){border-top-color:color-mix(in srgb,var(--mint-color-primary,#315943) 82%,black)}}mint-button[active=true] .mint-button-core.mint-button-solid.mint-button-tone-action:not(:disabled){border-left-color:var(--mint-color-primary,#315943)}@supports (color:color-mix(in lab, red, red)){mint-button[active=true] .mint-button-core.mint-button-solid.mint-button-tone-action:not(:disabled){border-left-color:color-mix(in srgb,var(--mint-color-primary,#315943) 82%,black)}}mint-button[active=true] .mint-button-core.mint-button-solid.mint-button-tone-action:not(:disabled){border-right-color:var(--mint-color-primary,#315943)}@supports (color:color-mix(in lab, red, red)){mint-button[active=true] .mint-button-core.mint-button-solid.mint-button-tone-action:not(:disabled){border-right-color:color-mix(in srgb,var(--mint-color-primary,#315943) 82%,white)}}mint-button[active=true] .mint-button-core.mint-button-solid.mint-button-tone-action:not(:disabled){border-bottom-color:var(--mint-color-primary,#315943)}@supports (color:color-mix(in lab, red, red)){mint-button[active=true] .mint-button-core.mint-button-solid.mint-button-tone-action:not(:disabled){border-bottom-color:color-mix(in srgb,var(--mint-color-primary,#315943) 82%,white)}}.mint-button-core.mint-button-active:not(:disabled):not([data-loading=true]):not([data-variant=ghost])>*,mint-button[active=true] .mint-button-core:not(:disabled):not([data-loading=true]):not([data-variant=ghost])>*{transform:translateY(1px)}.mint-button-core:disabled{opacity:.55;cursor:not-allowed}.mint-button-core:focus-visible{outline:3px solid var(--mint-color-focus,#6eaa86);outline-offset:2px}.mint-button-core[data-align=left]{justify-content:flex-start}.mint-button-core[data-align=right]{justify-content:flex-end}.mint-button-core.mint-button-full-width{width:100%}.mint-button-content{align-items:center;min-width:0;display:inline-flex}.mint-button-content[data-full-width=true]{width:100%;display:flex}.mint-button-icon{flex-shrink:0;display:inline-flex}.mint-button-icon[data-position=left]:not([data-icon-only]){margin-right:.375rem}.mint-button-icon[data-position=right]:not([data-icon-only]){margin-left:.375rem}.mint-button-spinner-wrap{align-items:center;margin-right:.5rem;display:inline-flex}.mint-button-spinner-wrap[data-icon-only=true]{margin-right:0}mint-button[data-variant=solid][data-tone=action] button{background-color:var(--mint-color-primary,#315943);color:var(--mint-color-on-primary,#fff)}mint-button[data-variant=solid][data-tone=action] button:hover:not(:disabled){background-color:var(--mint-color-primary,#315943);filter:brightness(.96)}mint-button[data-variant=solid][data-tone=action] button:active:not(:disabled){background-color:var(--mint-color-primary,#315943);filter:brightness(.92)}mint-button[data-variant=solid][data-tone=info] button{background-color:var(--mint-color-info,#246487);color:var(--mint-color-on-info,#fff)}mint-button[data-variant=solid][data-tone=warning] button{background-color:var(--mint-color-warning,#a65f21);color:var(--mint-color-on-warning,#fff)}mint-button[data-variant=solid][data-tone=danger] button{background-color:var(--mint-color-danger,#a23f38);color:var(--mint-color-on-danger,#fff)}@layer components{mint-icon{vertical-align:middle;background-color:currentColor;width:1.2em;height:1.2em;display:inline-block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}}mint-back-button{display:inline-flex}mint-back-button mint-button button{min-width:2.5rem}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}
|
|
@@ -14,10 +14,10 @@ __mintLoadStyle('theme', '../../theme.css')
|
|
|
14
14
|
__mintLoadStyle('text', '../../text.css')
|
|
15
15
|
__mintLoadStyle('icon', '../../icon.css')
|
|
16
16
|
__mintLoadStyle('alert', '../../alert.css')
|
|
17
|
-
import { a as e } from "../chunks/icon-
|
|
17
|
+
import { a as e } from "../chunks/icon-B01tq_aJ.js";
|
|
18
18
|
import { t } from "../chunks/register-element-BFYmIynH.js";
|
|
19
|
-
import "../chunks/icon-
|
|
20
|
-
import "../chunks/close-
|
|
19
|
+
import "../chunks/icon-DNWs0suS.js";
|
|
20
|
+
import "../chunks/close-y8q0rMSE.js";
|
|
21
21
|
import "../chunks/text-BHkEs8U5.js";
|
|
22
22
|
e({
|
|
23
23
|
name: "info",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const e=require(`../chunks/icon-
|
|
1
|
+
const e=require(`../chunks/icon-BcsWL4kZ.js`),t=require(`../chunks/register-element-tCL_F1YI.js`);require(`../chunks/icon-uMo_iGkX.js`),require(`../chunks/close-Bg0kqvrY.js`),require(`../chunks/text-BmHZbBMo.js`),e.a({name:`info`,viewBox:`0 0 24 24`,path:`M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z`,strokeLinecap:`round`,strokeLinejoin:`round`}),e.a({name:`success`,viewBox:`0 0 24 24`,path:`M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z`,strokeLinecap:`round`,strokeLinejoin:`round`}),e.a({name:`warning`,viewBox:`0 0 24 24`,path:`M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z`,strokeLinecap:`round`,strokeLinejoin:`round`}),e.a({name:`error`,viewBox:`0 0 24 24`,path:`M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z`,strokeLinecap:`round`,strokeLinejoin:`round`});var n=class extends HTMLElement{static get observedAttributes(){return[`heading`,`dismissable`,`tone`]}constructor(){super(),this._headingElement=null,this._iconElement=null,this._dismissButton=null,this._headerWrapper=null,this._bodyWrapper=null,this._dismissHandler=null,this._rendering=!1,this._childObserver=null,this._normalizingChildren=!1}connectedCallback(){this.render()}disconnectedCallback(){this._childObserver?.disconnect(),this._dismissButton?.removeEventListener(`click`,this._dismissHandler),this._dismissHandler=null}get heading(){return this.getAttribute(`heading`)??``}set heading(e){this.setAttribute(`heading`,String(e??``))}get tone(){return this.getTone()}set tone(e){this.setAttribute(`tone`,e)}get dismissable(){return this.isDismissable()}set dismissable(e){this.setAttribute(`dismissable`,String(!!e))}get dismissible(){return this.dismissable}set dismissible(e){this.dismissable=e}cleanupDismissListener(){this._dismissButton&&this._dismissHandler&&this._dismissButton.removeEventListener(`click`,this._dismissHandler),this._dismissHandler=null}attributeChangedCallback(e,t,n){t!==n&&this.render()}getHeading(){return this.getAttribute(`heading`)||``}getTone(){let e=this.getAttribute(`tone`);return e===`info`||e===`success`||e===`warning`||e===`danger`?e:`info`}isDismissable(){return this.getAttribute(`dismissable`)===`true`}getIconName(){switch(this.getTone()){case`info`:return`info`;case`success`:return`success`;case`warning`:return`warning`;case`danger`:return`error`;default:return`info`}}getAriaLive(){return this.getTone()===`danger`?`assertive`:`polite`}render(){if(!(this._rendering||!this.isConnected)){this._rendering=!0;try{this.renderContent()}finally{this._rendering=!1}}}renderContent(){this._childObserver?.disconnect();let e=this.getTone(),t=this.getHeading(),n=this.isDismissable(),r=this.getAriaLive();this.setAttribute(`role`,e===`danger`?`alert`:`status`),this.setAttribute(`aria-live`,r),e===`danger`?this.setAttribute(`aria-atomic`,`true`):this.removeAttribute(`aria-atomic`);let i=[];for(this._bodyWrapper?Array.from(this._bodyWrapper.childNodes).forEach(e=>{i.push(e)}):Array.from(this.childNodes).forEach(e=>{e!==this._headerWrapper&&e!==this._bodyWrapper&&e!==this._iconElement&&e!==this._headingElement&&e!==this._dismissButton&&i.push(e)}),this.cleanupDismissListener();this.firstChild;)this.removeChild(this.firstChild);if(this._headerWrapper=null,this._bodyWrapper=null,this._iconElement=null,this._headingElement=null,this._dismissButton=null,this._headerWrapper=document.createElement(`div`),this._headerWrapper.className=`mint-alert-header`,this._iconElement=document.createElement(`mint-icon`),this._iconElement.setAttribute(`name`,this.getIconName()),this._iconElement.className=`mint-alert-icon`,this._headerWrapper.appendChild(this._iconElement),this._headingElement=document.createElement(`mint-text`),this._headingElement.className=`mint-alert-heading`,this._headingElement.textContent=t||``,this._headerWrapper.appendChild(this._headingElement),n){this._dismissButton=document.createElement(`button`),this._dismissButton.className=`mint-alert-dismiss`,this._dismissButton.setAttribute(`aria-label`,`Dismiss alert`),this._dismissButton.setAttribute(`type`,`button`);let e=document.createElement(`mint-icon`);e.setAttribute(`name`,`close`),e.className=`mint-alert-close-icon`,this._dismissButton.appendChild(e),this._dismissHandler=e=>{e.preventDefault(),e.stopPropagation(),this.dispatchEvent(new CustomEvent(`dismissed`,{bubbles:!0,composed:!0})),this.remove()},this._dismissButton.addEventListener(`click`,this._dismissHandler),this._headerWrapper.appendChild(this._dismissButton)}this._bodyWrapper=document.createElement(`div`),this._bodyWrapper.className=`mint-alert-body`,i.forEach(e=>{this._bodyWrapper.appendChild(e)}),this.appendChild(this._headerWrapper),this.appendChild(this._bodyWrapper),this._childObserver||=new MutationObserver(()=>this.normalizeConsumerChildren()),this._childObserver.observe(this,{childList:!0})}normalizeConsumerChildren(){if(!(this._normalizingChildren||!this._bodyWrapper)){this._normalizingChildren=!0;try{Array.from(this.childNodes).forEach(e=>{e!==this._headerWrapper&&e!==this._bodyWrapper&&this._bodyWrapper.appendChild(e)})}finally{this._normalizingChildren=!1}}}};customElements.get(`mint-alert`)||t.t(`mint-alert`,n),module.exports=n;
|
|
@@ -2,10 +2,10 @@ import '../../theme.css'
|
|
|
2
2
|
import '../../text.css'
|
|
3
3
|
import '../../icon.css'
|
|
4
4
|
import '../../alert.css'
|
|
5
|
-
import { a as e } from "../chunks/icon-
|
|
5
|
+
import { a as e } from "../chunks/icon-B01tq_aJ.js";
|
|
6
6
|
import { t } from "../chunks/register-element-BFYmIynH.js";
|
|
7
|
-
import "../chunks/icon-
|
|
8
|
-
import "../chunks/close-
|
|
7
|
+
import "../chunks/icon-DNWs0suS.js";
|
|
8
|
+
import "../chunks/close-y8q0rMSE.js";
|
|
9
9
|
import "../chunks/text-BHkEs8U5.js";
|
|
10
10
|
e({
|
|
11
11
|
name: "info",
|
|
@@ -15,9 +15,9 @@ __mintLoadStyle('button', '../../button.css')
|
|
|
15
15
|
__mintLoadStyle('spinner', '../../spinner.css')
|
|
16
16
|
__mintLoadStyle('icon', '../../icon.css')
|
|
17
17
|
__mintLoadStyle('back-button', '../../back-button.css')
|
|
18
|
-
import { a as e } from "../chunks/icon-
|
|
18
|
+
import { a as e } from "../chunks/icon-B01tq_aJ.js";
|
|
19
19
|
import { t } from "../chunks/register-element-BFYmIynH.js";
|
|
20
|
-
import "../chunks/icon-
|
|
20
|
+
import "../chunks/icon-DNWs0suS.js";
|
|
21
21
|
/* empty css */
|
|
22
22
|
import "../chunks/spinner-BsaFHuS6.js";
|
|
23
23
|
e({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const e=require(`../chunks/icon-
|
|
1
|
+
const e=require(`../chunks/icon-BcsWL4kZ.js`),t=require(`../chunks/register-element-tCL_F1YI.js`);require(`../chunks/icon-uMo_iGkX.js`),/* empty css */require(`../chunks/spinner-DbTohC6i.js`),e.a({name:`arrow-left`,viewBox:`0 0 24 24`,path:`M19 12H5m7-7l-7 7 7 7`,strokeLinecap:`round`,strokeLinejoin:`round`});var n=class extends HTMLElement{static get observedAttributes(){return[`variant`,`tone`,`disabled`,`loading`,`button-type`,`type`,`full-width`,`icon-position`,`icon`]}constructor(){super(),this._button=null,this._clickHandler=null,this._isHandlingClick=!1}connectedCallback(){this.render(),this._button&&this.setupEventListeners()}disconnectedCallback(){this.removeEventListeners()}attributeChangedCallback(e,t,n){t!==n&&this.render()}getVariant(){return this.getAttribute(`variant`)||`solid`}getTone(){return this.getAttribute(`tone`)||`neutral`}isDisabled(){return this.hasAttribute(`disabled`)}isLoading(){return this.hasAttribute(`loading`)}getType(){return(this.getAttribute(`type`)||this.getAttribute(`button-type`)||`default`)===`submit`?`submit`:`button`}isFullWidth(){return this.hasAttribute(`full-width`)}getIconPosition(){return this.getAttribute(`icon-position`)||`left`}getIcon(){return this.getAttribute(`icon`)||``}isIconOnly(){if(!(this.getIcon()||this._button?.querySelector(`[slot="icon"], .mint-button-icon, mint-icon`)))return!1;let e=this._button?.querySelector(`.mint-button-content`);if(e&&e.textContent.trim())return!1;if(this._button){for(let e=this._button.firstChild;e;e=e.nextSibling)if(e.nodeType===Node.TEXT_NODE&&e.textContent.trim()||e.nodeType===Node.ELEMENT_NODE&&e.tagName!==`MINT-ICON`&&e.tagName!==`MINT-SPINNER`&&!e.querySelector?.(`mint-spinner`)&&!e.hasAttribute?.(`slot`)&&e.className!==`mint-button-icon`&&!(e.className===`mr-2`&&e.querySelector(`mint-spinner`))&&e.textContent.trim())return!1}return!0}getButtonClasses(){return[`mint-button-core`,`mint-button-`+this.getVariant(),`mint-button-tone-`+this.getTone(),this.isIconOnly()?`mint-button-icon-only`:``,this.isFullWidth()?`mint-button-full-width`:``].filter(Boolean).join(` `)}render(){let e=this.isDisabled()||this.isLoading(),t=this.getType();if(!this._button){for(this._button=document.createElement(`button`);this.firstChild;)this._button.appendChild(this.firstChild);this.appendChild(this._button),this.setupEventListeners()}this._button.type=t,this._button.disabled=e;let n=this._button.querySelector(`mint-spinner`);if(this.isLoading())if(n)n.setAttribute(`data-button-variant`,this.getVariant()),n.setAttribute(`data-button-tone`,this.getTone()),n.render();else{let e=document.createElement(`span`);e.className=`mint-spinner-wrap`;let t=document.createElement(`mint-spinner`);t.setAttribute(`size`,`default`),t.setAttribute(`data-button-variant`,this.getVariant()),t.setAttribute(`data-button-tone`,this.getTone()),t.style.width=`0.875rem`,t.style.height=`0.875rem`,e.appendChild(t),this._button.insertBefore(e,this._button.firstChild)}else n&&n.parentElement?.remove();for(;this.firstChild&&this.firstChild!==this._button;)this._button.appendChild(this.firstChild);let r=this.getIcon(),i=this._button.querySelector(`[slot="icon"], .mint-button-icon, mint-icon`);r?(i&&i.tagName!==`MINT-ICON`&&(i.remove(),i=null),!i||i.tagName!==`MINT-ICON`?(i=document.createElement(`mint-icon`),i.setAttribute(`name`,r),i.className=`mint-button-icon`):i.setAttribute(`name`,r)):i&&i.tagName===`MINT-ICON`&&(i.remove(),i=null),i||=this._button.querySelector(`[slot="icon"], .mint-button-icon`);let a=this.getIconPosition(),o=this._button.querySelector(`.mint-button-content`);if(o){let e=i&&i.tagName===`MINT-ICON`;if(i&&!i.parentElement){let t=this._button.querySelector(`mint-spinner`)?.parentElement;e||a===`left`?t?t.insertAdjacentElement(`afterend`,i):this._button.insertBefore(i,o):o.insertAdjacentElement(`afterend`,i)}else if(i&&(e||a===`left`)&&i.nextSibling!==o){i.remove();let e=this._button.querySelector(`mint-spinner`)?.parentElement;e?e.insertAdjacentElement(`afterend`,i):this._button.insertBefore(i,o)}else i&&!e&&a===`right`&&i.previousSibling!==o&&(i.remove(),o.insertAdjacentElement(`afterend`,i))}else{let e=[];for(let t=this._button.firstChild;t;t=t.nextSibling)t.tagName!==`MINT-SPINNER`&&!t.querySelector?.(`mint-spinner`)&&t!==i&&!t.hasAttribute?.(`slot`)&&!(t.className===`mr-2`&&t.querySelector(`mint-spinner`))&&e.push(t);if(e.length>0){o=document.createElement(`span`),o.className=`mint-button-content`,e.forEach(e=>{o.appendChild(e)});let t=this._button.querySelector(`mint-spinner`)?.parentElement;i&&a===`left`?t?(t.insertAdjacentElement(`afterend`,i),i.insertAdjacentElement(`afterend`,o)):(this._button.insertBefore(i,this._button.firstChild),i.insertAdjacentElement(`afterend`,o)):i&&a===`right`?t?(t.insertAdjacentElement(`afterend`,o),o.insertAdjacentElement(`afterend`,i)):(this._button.insertBefore(o,this._button.firstChild),o.insertAdjacentElement(`afterend`,i)):t?t.insertAdjacentElement(`afterend`,o):this._button.insertBefore(o,this._button.firstChild)}else if(i&&i.tagName===`MINT-ICON`&&!i.parentElement){let e=this._button.querySelector(`mint-spinner`)?.parentElement;e?e.insertAdjacentElement(`afterend`,i):this._button.insertBefore(i,this._button.firstChild)}}let s=this.isIconOnly();i&&(i.classList.contains(`mint-button-icon`)||i.classList.add(`mint-button-icon`),i.classList.remove(`mint-icon-leading`,`mint-icon-trailing`),s?i.tagName===`MINT-ICON`?(i.style.width=`1rem`,i.style.height=`1rem`,i.style.maxWidth=`1rem`,i.style.maxHeight=`1rem`,i.style.flexShrink=`0`):(i.style.maxWidth=`1rem`,i.style.maxHeight=`1rem`,i.style.flexShrink=`0`,i.tagName===`svg`&&(i.style.width=`1rem`,i.style.height=`1rem`)):a===`left`?i.classList.add(`mint-icon-leading`):i.classList.add(`mint-icon-trailing`));let c=this.getButtonClasses();this._button.className=c}setupEventListeners(){this._button&&!this._clickHandler&&(this._clickHandler=this.handleClick.bind(this),this._button.addEventListener(`click`,this._clickHandler,!0),this._button.addEventListener(`mousedown`,this._handleMouseDown),this._button.addEventListener(`mouseup`,this._handleMouseUp),this._button.addEventListener(`mouseleave`,this._handleMouseLeave),this._button.addEventListener(`touchstart`,this._handleTouchStart),this._button.addEventListener(`touchend`,this._handleTouchEnd),this._button.addEventListener(`touchcancel`,this._handleTouchCancel))}removeEventListeners(){this._button&&(this._clickHandler&&=(this._button.removeEventListener(`click`,this._clickHandler,!0),null),this._button.removeEventListener(`mousedown`,this._handleMouseDown),this._button.removeEventListener(`mouseup`,this._handleMouseUp),this._button.removeEventListener(`mouseleave`,this._handleMouseLeave),this._button.removeEventListener(`touchstart`,this._handleTouchStart),this._button.removeEventListener(`touchend`,this._handleTouchEnd),this._button.removeEventListener(`touchcancel`,this._handleTouchCancel))}_handleMouseDown=()=>{this._button&&!this.isDisabled()&&!this.isLoading()&&this._button.classList.add(`mint-button-active`)};_handleMouseUp=()=>{this._button&&this._button.classList.remove(`mint-button-active`)};_handleMouseLeave=()=>{this._button&&this._button.classList.remove(`mint-button-active`)};_handleTouchStart=()=>{this._button&&!this.isDisabled()&&!this.isLoading()&&this._button.classList.add(`mint-button-active`)};_handleTouchEnd=()=>{this._button&&this._button.classList.remove(`mint-button-active`)};_handleTouchCancel=()=>{this._button&&this._button.classList.remove(`mint-button-active`)};handleClick(e){if(this.isDisabled()||this.isLoading()){e.preventDefault(),e.stopPropagation(),e.stopImmediatePropagation();return}if(e.stopPropagation(),e.stopImmediatePropagation(),this._isHandlingClick){e.preventDefault();return}this._isHandlingClick=!0,e.preventDefault(),this.dispatchEvent(new CustomEvent(`click`,{detail:{originalEvent:e},bubbles:!0,cancelable:!0,composed:!0})),requestAnimationFrame(()=>{this._isHandlingClick=!1})}};typeof customElements<`u`&&!customElements.get(`mint-button`)&&t.t(`mint-button`,n);var r=class extends HTMLElement{static get observedAttributes(){return[`href`,`fallback-href`]}constructor(){super(),this._historyDepth=0,this._maxBackAttempts=10,this._backAttempts=0}connectedCallback(){this.render(),this._setupHistoryTracking()}attributeChangedCallback(e,t,n){t!==n&&this.render()}_setupHistoryTracking(){window.addEventListener(`popstate`,()=>{this._backAttempts=0}),this._historyDepth=window.history.length}getFallbackHref(){return this.getAttribute(`fallback-href`)||this.getAttribute(`href`)||`/`}handleClick(e){if(e.preventDefault(),e.stopPropagation(),window.history.length>1&&this._backAttempts<this._maxBackAttempts&&this._backAttempts===0){this._backAttempts++;let e=window.location.href,t=Date.now();window.history.back(),setTimeout(()=>{Date.now()-t,window.location.href===e?this._navigateToFallback():setTimeout(()=>{this._backAttempts=0},500)},200)}else this._navigateToFallback()}_navigateToFallback(){let e=this.getFallbackHref();if(this._backAttempts=0,e.startsWith(`/`)&&!e.startsWith(`//`))try{window.history.pushState({},``,e),window.dispatchEvent(new PopStateEvent(`popstate`));return}catch{}window.location.href=e}render(){this._button||(this._button=document.createElement(`mint-button`),this._button.setAttribute(`variant`,`neutral`),this._button.setAttribute(`icon`,`arrow-left`),this._button.addEventListener(`click`,e=>this.handleClick(e)),this.appendChild(this._button))}};typeof customElements<`u`&&!customElements.get(`mint-back-button`)&&t.t(`mint-back-button`,r),module.exports=r;
|
|
@@ -3,9 +3,9 @@ import '../../button.css'
|
|
|
3
3
|
import '../../spinner.css'
|
|
4
4
|
import '../../icon.css'
|
|
5
5
|
import '../../back-button.css'
|
|
6
|
-
import { a as e } from "../chunks/icon-
|
|
6
|
+
import { a as e } from "../chunks/icon-B01tq_aJ.js";
|
|
7
7
|
import { t } from "../chunks/register-element-BFYmIynH.js";
|
|
8
|
-
import "../chunks/icon-
|
|
8
|
+
import "../chunks/icon-DNWs0suS.js";
|
|
9
9
|
/* empty css */
|
|
10
10
|
import "../chunks/spinner-BsaFHuS6.js";
|
|
11
11
|
e({
|
|
@@ -13,9 +13,9 @@ const __mintLoadStyle = (key, url) => {
|
|
|
13
13
|
__mintLoadStyle('theme', '../../theme.css')
|
|
14
14
|
__mintLoadStyle('icon', '../../icon.css')
|
|
15
15
|
__mintLoadStyle('bottom-navigation', '../../bottom-navigation.css')
|
|
16
|
-
import "../chunks/icon-
|
|
16
|
+
import "../chunks/icon-B01tq_aJ.js";
|
|
17
17
|
import { t as e } from "../chunks/register-element-BFYmIynH.js";
|
|
18
|
-
import "../chunks/icon-
|
|
18
|
+
import "../chunks/icon-DNWs0suS.js";
|
|
19
19
|
//#region src/components/bottom-navigation/BottomNavigation.ts
|
|
20
20
|
var t = class extends HTMLElement {
|
|
21
21
|
constructor(...e) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../chunks/icon-
|
|
1
|
+
Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../chunks/icon-BcsWL4kZ.js`);const e=require(`../chunks/register-element-tCL_F1YI.js`);require(`../chunks/icon-uMo_iGkX.js`);var t=class extends HTMLElement{constructor(...e){super(...e),this._lastScrollY=0,this._scrollHandler=null}connectedCallback(){this.classList.add(`mint-bottom-navigation`),this.setAttribute(`role`,`navigation`),this.hasAttribute(`aria-label`)||this.setAttribute(`aria-label`,`Primary`),this._lastScrollY=window.scrollY,this.hasAttribute(`data-preview`)||this._attachScrollListener()}disconnectedCallback(){this._detachScrollListener()}_attachScrollListener(){this._scrollHandler||(this._scrollHandler=()=>{let e=window.scrollY;if(e<=8){this.classList.remove(`is-hidden`),this._lastScrollY=e;return}let t=e-this._lastScrollY;Math.abs(t)<4||(t>0?this.classList.add(`is-hidden`):this.classList.remove(`is-hidden`),this._lastScrollY=e)},window.addEventListener(`scroll`,this._scrollHandler,{passive:!0}))}_detachScrollListener(){this._scrollHandler&&=(window.removeEventListener(`scroll`,this._scrollHandler),null)}};customElements.get(`mint-bottom-navigation`)||e.t(`mint-bottom-navigation`,t);var n=class extends HTMLElement{constructor(...e){super(...e),this._root=null}static get observedAttributes(){return[`icon`,`label`,`href`,`active`]}connectedCallback(){this.classList.add(`mint-bottom-nav-item`),this.render()}attributeChangedCallback(e,t,n){t!==n&&this.render()}_isActive(){return this.hasAttribute(`active`)&&this.getAttribute(`active`)!==`false`}_getLabel(){return this.getAttribute(`label`)||``}_getIcon(){return this.getAttribute(`icon`)||``}_getHref(){return this.getAttribute(`href`)}render(){let e=this._getHref(),t=this._getLabel(),n=this._getIcon(),r=this._isActive(),i;e?(i=document.createElement(`a`),i.href=e):(i=document.createElement(`button`),i.type=`button`),i.className=`mint-bottom-nav-link`,i.setAttribute(`aria-current`,r?`page`:`false`);let a=n.split(`-`).filter(Boolean).map(e=>e.charAt(0).toUpperCase()+e.slice(1)).join(` `);i.setAttribute(`aria-label`,t||a||`Navigation item`);let o=document.createElement(`span`);if(o.className=`mint-bottom-nav-icon`,n){let e=document.createElement(`mint-icon`);e.setAttribute(`name`,n),e.className=`mint-bottom-nav-icon-glyph`,o.appendChild(e)}let s=document.createElement(`span`);s.className=`mint-bottom-nav-label`,s.textContent=t,i.appendChild(o),i.appendChild(s),this.replaceChildren(i),this._root=i}};customElements.get(`mint-bottom-nav-item`)||e.t(`mint-bottom-nav-item`,n);var r=t;exports.MintBottomNavItem=n,exports.MintBottomNavigation=t,exports.default=r;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import '../../theme.css'
|
|
2
2
|
import '../../icon.css'
|
|
3
3
|
import '../../bottom-navigation.css'
|
|
4
|
-
import "../chunks/icon-
|
|
4
|
+
import "../chunks/icon-B01tq_aJ.js";
|
|
5
5
|
import { t as e } from "../chunks/register-element-BFYmIynH.js";
|
|
6
|
-
import "../chunks/icon-
|
|
6
|
+
import "../chunks/icon-DNWs0suS.js";
|
|
7
7
|
//#region src/components/bottom-navigation/BottomNavigation.ts
|
|
8
8
|
var t = class extends HTMLElement {
|
|
9
9
|
constructor(...e) {
|
|
@@ -14,5 +14,5 @@ __mintLoadStyle('theme', '../../theme.css')
|
|
|
14
14
|
__mintLoadStyle('spinner', '../../spinner.css')
|
|
15
15
|
__mintLoadStyle('icon', '../../icon.css')
|
|
16
16
|
__mintLoadStyle('button', '../../button.css')
|
|
17
|
-
import { t as e } from "../chunks/button-
|
|
17
|
+
import { t as e } from "../chunks/button-BZ25puI2.js";
|
|
18
18
|
export { e as default };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const e=require(`../chunks/button-
|
|
1
|
+
const e=require(`../chunks/button-CgYC1lB7.js`);module.exports=e.t;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const e=require(`../chunks/register-element-tCL_F1YI.js`);var t=class e extends HTMLElement{static get observedAttributes(){return[`type`,`data`,`width`,`height`,`show-legend`,`show-grid`,`show-tooltip`,`curve-tension`]}static{this.MAX_CACHE_SIZE=100}constructor(){super(),this._chartContainer=null,this._svg=null,this._tooltip=null,this._chartType=`line`,this._chartData=null,this._width=800,this._height=400,this._padding={top:20,right:20,bottom:60,left:60},this._showLegend=!0,this._showGrid=!0,this._showTooltip=!0,this._curveTension=.5,this._dataObserver=null,this._darkModeObserver=null,this._tooltipHideTimeout=null,this._lastTooltipContent=``,this._activeXValue=null,this._pinnedXValue=null,this._tooltipAnimationFrame=null,this._cachedTooltipContent=new Map,this._cachedXPositions=new Map,this._verticalLine=null,this._plotPoints=new Map,this._resizeObserver=null,this._windowResizeHandler=null,this._pieChartTimeouts=new Set,this._pieChartTooltipShown=!1,this._pieChartClickOutsideHandler=null,this._pieChartGroup=null,this._chartClickOutsideHandler=null,this._chartTooltipScrollHandler=null,this._cachedBounds={bounds:null,dataHash:``},this._cachedYRange={range:null,dataHash:``},this._cachedXValues={values:null,dataHash:``},this._renderScheduled=!1,this._animateNextRender=!1,this._observedDataReference=null,this._observedDataFingerprint=``,this._datasetVisibility=new Map,this._widthValue=`100%`,this._heightValue=400,this._defaultColors=[`#2563eb`,`#3b82f6`,`#0d9488`,`#7c3aed`,`#d97706`,`#059669`,`#dc2626`,`#c026d3`],this._legendHeight=0,this._rotatedLabelHeight=0}connectedCallback(){this.classList.add(`box-border`,`m-0`,`p-0`,`border-0`,`align-baseline`,`block`,`w-full`),this._setupDataObserver(),this._setupDarkModeObserver(),this._setupResizeObserver(),requestAnimationFrame(()=>{requestAnimationFrame(()=>{this.render()})})}_setupDataObserver(){let e=()=>{if(!this.isConnected)return;let e=this.data,t=null;e&&typeof e==`object`&&!Array.isArray(e)&&`datasets`in e&&(t=e);let n=``;if(t)try{n=JSON.stringify(t)}catch{n=``}t&&(t!==this._observedDataReference||n&&n!==this._observedDataFingerprint)&&(this._observedDataReference=t,this._observedDataFingerprint=n,this._chartData=t,this._animateNextRender=!0,this._cachedBounds.dataHash=``,this._cachedYRange.dataHash=``,this._cachedXValues.dataHash=``,this.render())};requestAnimationFrame(()=>{e(),requestAnimationFrame(()=>{e()})});let t=setInterval(()=>{if(!this.isConnected){clearInterval(t);return}e()},250);this._dataCheckInterval=t}_setupDarkModeObserver(){this._darkModeObserver=new MutationObserver(()=>{this.isConnected&&this.render()}),this._darkModeObserver.observe(document.documentElement,{attributes:!0,attributeFilter:[`class`]})}disconnectedCallback(){if(this._tooltip&&this._tooltip.parentNode&&(this._tooltip.parentNode.removeChild(this._tooltip),this._tooltip=null),this._tooltipHideTimeout!==null&&(clearTimeout(this._tooltipHideTimeout),this._tooltipHideTimeout=null),this._pieChartTimeouts.forEach(e=>clearTimeout(e)),this._pieChartTimeouts.clear(),this._pieChartClickOutsideHandler&&=(document.removeEventListener(`click`,this._pieChartClickOutsideHandler,!0),null),this._chartClickOutsideHandler&&=(document.removeEventListener(`click`,this._chartClickOutsideHandler,!0),null),this._pieChartTooltipShown=!1,this._pieChartGroup=null,this._pinnedXValue=null,this._tooltipAnimationFrame!==null&&(cancelAnimationFrame(this._tooltipAnimationFrame),this._tooltipAnimationFrame=null),this._dataObserver&&=(this._dataObserver.disconnect(),null),this._darkModeObserver&&=(this._darkModeObserver.disconnect(),null),this._dataCheckInterval&&=(clearInterval(this._dataCheckInterval),null),this._svg&&(this._chartTooltipMouseMove&&=(this._svg.removeEventListener(`mousemove`,this._chartTooltipMouseMove),null),this._chartTooltipMouseLeave&&=(this._svg.removeEventListener(`mouseleave`,this._chartTooltipMouseLeave),null),this._chartTooltipTouchStart&&=(this._svg.removeEventListener(`touchstart`,this._chartTooltipTouchStart),null),this._chartTooltipTouchMove&&=(this._svg.removeEventListener(`touchmove`,this._chartTooltipTouchMove),null),this._chartTooltipTouchEnd&&=(this._svg.removeEventListener(`touchend`,this._chartTooltipTouchEnd),null)),this._chartTooltipScrollHandler){window.removeEventListener(`scroll`,this._chartTooltipScrollHandler,!0),this._chartContainer&&this._chartContainer.removeEventListener(`scroll`,this._chartTooltipScrollHandler,!0);let e=this.parentElement;for(;e;)e.removeEventListener(`scroll`,this._chartTooltipScrollHandler,!0),e=e.parentElement;this._chartTooltipScrollHandler=null}this._resizeObserver&&=(this._resizeObserver.disconnect(),null),this._windowResizeHandler&&=(window.removeEventListener(`resize`,this._windowResizeHandler),null),this._cachedTooltipContent.clear(),this._cachedXPositions.clear(),this._plotPoints.clear(),this._cachedBounds={bounds:null,dataHash:``},this._cachedYRange={range:null,dataHash:``},this._cachedXValues={values:null,dataHash:``}}_handleResize(){if(!this.isConnected)return;let e=this.getBoundingClientRect(),t=e.width||this.parentElement?.clientWidth||800,n=e.height||this.parentElement?.clientHeight||400,r=this._calculateDimension(this._widthValue,t,t),i=this._calculateDimension(this._heightValue,n,400);(r!==this._width||i!==this._height)&&(this._width=r,this._height=i,this.render())}_setupResizeObserver(){this._resizeObserver&&=(this._resizeObserver.disconnect(),null),this._windowResizeHandler&&=(window.removeEventListener(`resize`,this._windowResizeHandler),null);let e=null,t=()=>{e&&clearTimeout(e),e=window.setTimeout(()=>{this._handleResize()},100)};this._windowResizeHandler=t,this._resizeObserver=new ResizeObserver(()=>{t()}),this._resizeObserver.observe(this),window.addEventListener(`resize`,t)}attributeChangedCallback(e,t,n){if(t!==n){if(e===`data`){if(n)try{this._chartData=JSON.parse(n)}catch(e){console.error(`mint-chart: Invalid data JSON`,e),this._chartData=null}else this._chartData=null;this._invalidateDataCaches(),this._animateNextRender=!0}(e===`width`||e===`height`)&&this.isConnected&&(t&&t.endsWith(`%`))!==(n&&n.endsWith(`%`))&&this._setupResizeObserver(),this.isConnected&&requestAnimationFrame(()=>{this.render()})}}get type(){let e=this.getAttribute(`type`)||`line`;return e===`line`||e===`bar`||e===`area`||e===`pie`?e:`line`}set type(e){this.setAttribute(`type`,e)}get data(){return this._chartData}set data(e){if(typeof e==`string`)try{this._chartData=JSON.parse(e)}catch(e){console.error(`mint-chart: Invalid data JSON`,e),this._chartData=null}else this._chartData=e;this._invalidateDataCaches(),this._animateNextRender=!0,this.isConnected&&requestAnimationFrame(()=>{this.render()})}get width(){let e=this.getAttribute(`width`);if(!e)return this._widthValue;if(e.endsWith(`%`))return e;let t=parseInt(e,10);return isNaN(t)?this._widthValue:t}set width(e){this.setAttribute(`width`,e.toString())}get height(){let e=this.getAttribute(`height`);if(!e)return this._heightValue;if(e.endsWith(`%`))return e;let t=parseInt(e,10);return isNaN(t)?this._heightValue:t}set height(e){this.setAttribute(`height`,e.toString())}_calculateDimension(e,t,n){if(typeof e==`number`)return e;if(typeof e==`string`&&e.endsWith(`%`)){let n=parseFloat(e);if(!isNaN(n))return t*n/100}return n}_scheduleRender(){this._animateNextRender=!0,this._syncObservedData(),!this._renderScheduled&&(this._renderScheduled=!0,requestAnimationFrame(()=>{this._renderScheduled=!1,this.render()}))}_invalidateDataCaches(){this._cachedBounds.dataHash=``,this._cachedYRange.dataHash=``,this._cachedXValues.dataHash=``,this._cachedTooltipContent?.clear()}_syncObservedData(){this._observedDataReference=this._chartData;try{this._observedDataFingerprint=this._chartData?JSON.stringify(this._chartData):``}catch{this._observedDataFingerprint=``}}_isDatasetVisible(e,t){if(e.id){let t=this._datasetVisibility.get(e.id);if(t!==void 0)return t}return e.visible!==!1}_initializeDatasetVisibility(){this._chartData&&this._chartData.datasets.forEach((e,t)=>{e.id&&(this._datasetVisibility.has(e.id)||this._datasetVisibility.set(e.id,e.visible!==!1))})}render(){if(!this.isConnected)return;let e=this._animateNextRender&&!window.matchMedia?.(`(prefers-reduced-motion: reduce)`).matches&&this._svg?this._svg.cloneNode(!0):null;this._animateNextRender=!1,this._plotPoints.clear(),this._activeXValue=null,this._cachedTooltipContent?.clear(),this._cachedXPositions?.clear(),this._chartType=this.type;let t=this.data;if(t&&typeof t==`object`&&!Array.isArray(t)&&`datasets`in t&&(this._chartData=t),!this._chartData){let e=this.getAttribute(`data`);if(e)try{this._chartData=JSON.parse(e)}catch(e){console.error(`mint-chart: Invalid data JSON`,e),this._chartData=null}}this._widthValue=this.width,this._heightValue=this.height;let n=this.getBoundingClientRect(),r=n.width||this.parentElement?.clientWidth||800,i=n.height||this.parentElement?.clientHeight||400;this._width=this._calculateDimension(this._widthValue,r,r),this._height=this._calculateDimension(this._heightValue,i,400),this._showLegend=this.getAttribute(`show-legend`)!==`false`,this._showGrid=this.getAttribute(`show-grid`)!==`false`,this._showTooltip=this.getAttribute(`show-tooltip`)!==`false`;let a=this.getAttribute(`curve-tension`);if(a!==null){let e=parseFloat(a);this._curveTension=isNaN(e)?.5:Math.max(0,Math.min(1,e))}else this._curveTension=.5;if(!this._chartData||!this._chartData.datasets||this._chartData.datasets.length===0){this.innerHTML=`<div class="p-4 text-gray-500">No chart data provided</div>`;return}this.innerHTML=``,this._chartContainer=document.createElement(`div`),this._chartContainer.className=`relative w-full`,this._chartContainer.style.position=`relative`,typeof this._widthValue==`string`&&this._widthValue.endsWith(`%`)?this._chartContainer.style.width=this._widthValue:this._chartContainer.style.width=`${this._width}px`,typeof this._heightValue==`string`&&this._heightValue.endsWith(`%`)?this._chartContainer.style.height=this._heightValue:this._chartContainer.style.height=`${this._height}px`,this.appendChild(this._chartContainer),this._svg=document.createElementNS(`http://www.w3.org/2000/svg`,`svg`),this._svg.setAttribute(`width`,this._width.toString()),this._svg.setAttribute(`height`,this._height.toString()),this._svg.setAttribute(`viewBox`,`0 0 ${this._width} ${this._height}`),this._svg.setAttribute(`class`,`w-full h-full`),this._svg.setAttribute(`role`,`img`);let o=this._chartData.datasets.map(e=>e.name).filter(Boolean),s=this.getAttribute(`aria-label`)?.trim()||`${this.type} chart${o.length?` showing ${o.join(`, `)}`:``}. ${Math.max(0,...this._chartData.datasets.map(e=>e.data.length))} data points.`,c=`${this.id||`mint-chart-${Math.random().toString(36).slice(2,10)}`}-data`;this._svg.setAttribute(`aria-label`,s),this._svg.setAttribute(`aria-describedby`,c),this._chartContainer&&this._svg&&(e&&(e.style.position=`absolute`,e.style.inset=`0`,e.style.width=`100%`,e.style.height=`100%`,e.style.pointerEvents=`none`,e.style.zIndex=`1`,e.style.opacity=`1`,e.style.transition=`opacity 260ms ease`,this._chartContainer.appendChild(e),this._svg.style.position=`relative`,this._svg.style.zIndex=`0`,this._svg.style.opacity=`0`,this._svg.style.transition=`opacity 260ms ease`),this._chartContainer.appendChild(this._svg));let l=document.createElement(`table`);l.id=c,Object.assign(l.style,{position:`absolute`,width:`1px`,height:`1px`,padding:`0`,margin:`-1px`,overflow:`hidden`,clip:`rect(0, 0, 0, 0)`,whiteSpace:`nowrap`,border:`0`});let u=document.createElement(`caption`);u.textContent=`Data for ${s}`,l.appendChild(u);let d=document.createElement(`thead`),f=document.createElement(`tr`),p=document.createElement(`th`);p.scope=`col`,p.textContent=`Category`,f.appendChild(p),this._chartData.datasets.forEach(e=>{let t=document.createElement(`th`);t.scope=`col`,t.textContent=e.name||`Series`,f.appendChild(t)}),d.appendChild(f),l.appendChild(d);let m=document.createElement(`tbody`),h=Math.max(0,...this._chartData.datasets.map(e=>e.data.length));for(let e=0;e<h;e+=1){let t=document.createElement(`tr`),n=document.createElement(`th`);n.scope=`row`,n.textContent=String(this._chartData.datasets.find(t=>t.data[e])?.data[e]?.x??e+1),t.appendChild(n),this._chartData.datasets.forEach(n=>{let r=document.createElement(`td`),i=n.data[e];r.textContent=i?this._formatValue(i.y,n):``,t.appendChild(r)}),m.appendChild(t)}switch(l.appendChild(m),this.appendChild(l),this._showTooltip&&this._createTooltip(),this._initializeDatasetVisibility(),this._calculateRotatedLabelHeight(),this._showLegend?this._legendHeight=this._calculateLegendHeight():this._legendHeight=0,this._showLegend&&this._renderLegend(),this._chartType!==`pie`&&this._pieChartClickOutsideHandler&&(document.removeEventListener(`click`,this._pieChartClickOutsideHandler,!0),this._pieChartClickOutsideHandler=null,this._pieChartTooltipShown=!1,this._pieChartGroup=null),this._pinnedXValue=null,this._chartType){case`line`:this._renderLineChart();break;case`bar`:this._renderBarChart();break;case`area`:this._renderAreaChart();break;case`pie`:this._renderPieChart();break}if(this._showTooltip&&this._chartType!==`pie`&&(this._setupChartTooltip(),this._setupTooltipScrollHandler()),this._createVerticalLine(),e&&this._svg){let t=this._svg;requestAnimationFrame(()=>requestAnimationFrame(()=>{t.isConnected&&(e.style.opacity=`0`,t.style.opacity=`1`,window.setTimeout(()=>e.remove(),280))}))}}_createTooltip(){this._tooltip&&this._tooltip.parentNode&&this._tooltip.parentNode.removeChild(this._tooltip),this._tooltip=document.createElement(`div`),this._tooltip.className=`fixed pointer-events-none z-50 bg-gray-900 dark:bg-mint-elevated text-white text-xs rounded px-2 py-1 shadow-lg opacity-0`,this._tooltip.style.display=`none`,document.body.appendChild(this._tooltip)}_showTooltipAt(e,t,n){if(!this._tooltip)return;this._tooltipHideTimeout!==null&&(clearTimeout(this._tooltipHideTimeout),this._tooltipHideTimeout=null),this._lastTooltipContent!==n&&(this._tooltip.innerHTML=n,this._lastTooltipContent=n),(this._tooltip.style.display===`none`||this._tooltip.style.opacity===`0`)&&(this._tooltip.style.display=`block`,this._tooltip.style.opacity=`1`,this._tooltip.style.padding=`8px 12px`);let r=this._tooltip.getBoundingClientRect(),i=window.innerWidth,a=window.innerHeight,o=e+10,s=t-r.height-8;o+r.width>i&&(o=e-r.width-10),o<0&&(o=10),s<0&&(s=t+20),s+r.height>a&&(s=t-r.height-8,s<0&&(s=10));let c=`${o}px`,l=`${s}px`;this._tooltip.style.left!==c&&(this._tooltip.style.left=c),this._tooltip.style.top!==l&&(this._tooltip.style.top=l)}_hideTooltip(){this._tooltip&&(this._tooltipHideTimeout!==null&&(clearTimeout(this._tooltipHideTimeout),this._tooltipHideTimeout=null),this._tooltip.style.opacity=`0`,this._tooltipHideTimeout=window.setTimeout(()=>{this._tooltip&&(this._tooltip.style.display=`none`),this._tooltipHideTimeout=null},200))}_createVerticalLine(){if(!this._svg)return;this._verticalLine&&this._verticalLine.parentNode&&this._verticalLine.parentNode.removeChild(this._verticalLine),this._verticalLine=document.createElementNS(`http://www.w3.org/2000/svg`,`line`);let e=document.documentElement.classList.contains(`dark`);this._verticalLine.setAttribute(`stroke`,e?`#9ca3af`:`#6b7280`),this._verticalLine.setAttribute(`stroke-width`,`1`),this._verticalLine.setAttribute(`stroke-dasharray`,`4,2`),this._verticalLine.style.opacity=`0`,this._verticalLine.style.pointerEvents=`none`;let t=this._svg.querySelector(`.chart-legend`);t&&t.parentNode?t.parentNode.insertBefore(this._verticalLine,t):this._svg.appendChild(this._verticalLine)}_showVerticalLineAtX(e,t){if(!this._verticalLine)return;let n=this._chartType===`bar`?this._scaleXForBarChart(e,t):this._scaleX(e,t);this._verticalLine.setAttribute(`x1`,n.toString()),this._verticalLine.setAttribute(`y1`,t.y.toString()),this._verticalLine.setAttribute(`x2`,n.toString()),this._verticalLine.setAttribute(`y2`,(t.y+t.height).toString()),this._verticalLine.style.opacity=`1`}_hideVerticalLine(){this._verticalLine&&(this._verticalLine.style.opacity=`0`)}_showPlotPointsForX(e){this._plotPoints.forEach(e=>{e.forEach(e=>{e.style.opacity=`0`})});let t=String(e),n=this._plotPoints.get(t);n&&n.forEach(e=>{e.style.opacity=`1`})}_hidePlotPoints(){this._plotPoints.forEach(e=>{e.forEach(e=>{e.style.opacity=`0`})})}_calculateMaxYAxisLabelWidth(){if(!this._showGrid||!this._chartData)return 0;let e=document.createElement(`canvas`).getContext(`2d`);if(!e)return 60;e.font=`12px system-ui, -apple-system, sans-serif`;let t=this._showLegend?Math.max(this._legendHeight,60):0,n=this._height-t,r=Math.floor(n/35),i=Math.min(5,r),a=0;for(let t=0;t<=i;t++){let n=this._getYRange(),r=n.max-(n.max-n.min)/i*t,o=this._formatYAxisValue(r),s=e.measureText(o);a=Math.max(a,s.width)}return Math.ceil(a)+20}_getChartBounds(){let e=this._calculateMaxYAxisLabelWidth(),t=`${this._width}-${this._height}-${this._showGrid}-${this._showLegend}-${this._legendHeight}-${e}-${this._rotatedLabelHeight}`;if(this._cachedBounds.bounds&&this._cachedBounds.dataHash===t)return this._cachedBounds.bounds;let n=0,r=0;this._showGrid&&(n=e+10);let i=(this._rotatedLabelHeight>0?30:20)+this._rotatedLabelHeight+12,a=i;this._showLegend&&(a=i+20+Math.max(this._legendHeight,60));let o=this._height-0-n-0,s=o-a,c=1;if(s<100&&a>0){let e=o-100;e>0?(c=Math.min(1,e/a),c=Math.max(.5,c)):c=.5}r=a*c;let l=this._width*.3,u=n,d=1;n>l&&(d=l/n,u=l);let f={width:(this._width-u-0)*d,height:this._height-0-r,x:u,y:0};return this._cachedBounds={bounds:f,dataHash:t},f}_getAllDataPoints(){if(!this._chartData)return[];let e=[];return this._chartData.datasets.forEach((t,n)=>{this._isDatasetVisible(t,n)&&e.push(...t.data)}),e}_getXValues(){if(!this._chartData)return[];let e=JSON.stringify(this._chartData.labels)+JSON.stringify(this._chartData.datasets.map(e=>e.data.map(e=>e.x)));if(this._cachedXValues.values&&this._cachedXValues.dataHash===e)return this._cachedXValues.values;if(this._chartData.labels&&this._chartData.labels.length>0)return this._cachedXValues={values:this._chartData.labels,dataHash:e},this._chartData.labels;let t=new Set;this._chartData.datasets.forEach((e,n)=>{this._isDatasetVisible(e,n)&&e.data.forEach(e=>{t.add(e.x)})});let n=Array.from(t).sort((e,t)=>{if(typeof e==`number`&&typeof t==`number`)return e-t;let n=String(e),r=String(t),i=/^([A-Za-z]{3})\s+(\d{4})$/,a=n.match(i),o=r.match(i);if(a&&o){let e=[`Jan`,`Feb`,`Mar`,`Apr`,`May`,`Jun`,`Jul`,`Aug`,`Sep`,`Oct`,`Nov`,`Dec`],t=e.indexOf(a[1]),n=e.indexOf(o[1]),r=parseInt(a[2]),i=parseInt(o[2]);return r===i?t-n:r-i}return n.localeCompare(r)});return this._cachedXValues={values:n,dataHash:e},n}_getYRange(){if(!this._chartData)return{min:0,max:100};let e=JSON.stringify(this._chartData.datasets.map(e=>e.data.map(e=>e.y)));if(this._cachedYRange.range&&this._cachedYRange.dataHash===e)return this._cachedYRange.range;let t=this._getAllDataPoints();if(t.length===0){let t={min:0,max:100};return this._cachedYRange={range:t,dataHash:e},t}let n=t.map(e=>e.y),r=Math.min(...n),i=Math.max(...n),a=(i-r)*.1,o={min:Math.max(0,r-a),max:i+a};return this._cachedYRange={range:o,dataHash:e},o}_hasDecimalValues(){return this._getAllDataPoints().some(e=>e.y%1!=0)}_formatValueByString(e,t){switch(t.toLowerCase()){case`currency`:case`currency-usd`:return new Intl.NumberFormat(`en-US`,{style:`currency`,currency:`USD`}).format(e);case`currency-eur`:return new Intl.NumberFormat(`en-US`,{style:`currency`,currency:`EUR`}).format(e);case`currency-gbp`:return new Intl.NumberFormat(`en-US`,{style:`currency`,currency:`GBP`}).format(e);case`number`:case`number-with-commas`:return new Intl.NumberFormat(`en-US`).format(e);case`percent`:return new Intl.NumberFormat(`en-US`,{style:`percent`,minimumFractionDigits:1}).format(e/100);default:return this._hasDecimalValues()&&e%1!=0?e.toFixed(1):Math.round(e).toString()}}_formatXAxisValue(e){if(this._chartData?.formatXAxis){if(typeof this._chartData.formatXAxis==`function`)return this._chartData.formatXAxis(e);if(typeof this._chartData.formatXAxis==`string`)return String(e)}return String(e)}_escapeHtmlForTooltip(e){return e.replace(/&/g,`&`).replace(/</g,`<`).replace(/>/g,`>`).replace(/"/g,`"`).replace(/'/g,`'`)}_tooltipXHeadingHtml(e){return`<strong>${this._escapeHtmlForTooltip(this._formatXAxisValue(e))}</strong><br/>`}_formatYAxisValue(e){if(this._chartData?.formatYAxis){if(typeof this._chartData.formatYAxis==`function`)return this._chartData.formatYAxis(e);if(typeof this._chartData.formatYAxis==`string`)return this._formatValueByString(e,this._chartData.formatYAxis)}if(this._chartData?.datasets?.[0]?.formatValue){if(typeof this._chartData.datasets[0].formatValue==`function`)return this._chartData.datasets[0].formatValue(e);if(typeof this._chartData.datasets[0].formatValue==`string`)return this._formatValueByString(e,this._chartData.datasets[0].formatValue)}return this._hasDecimalValues()&&e%1!=0?e.toFixed(1):Math.round(e).toString()}_formatValue(e,t){if(t.formatValue){if(typeof t.formatValue==`function`)return t.formatValue(e);if(typeof t.formatValue==`string`)return this._formatValueByString(e,t.formatValue)}return String(e)}_getAllDatasetsAtX(e){if(!this._chartData)return[];let t=[];return this._chartData.datasets.forEach((n,r)=>{if(!this._isDatasetVisible(n,r))return;let i=n.data.find(t=>String(t.x)===String(e));if(i){let e=this._getDatasetColor(n,r),a=this._formatValue(i.y,n);t.push({name:n.name,value:i.y,color:e,formattedValue:a})}}),t}_findNearestXValue(e){if(!this._chartData)return null;let t=this._getChartBounds(),n=this._getXValues();if(n.length===0)return null;let r=this._chartType===`bar`,i=null,a=1/0;return n.forEach(n=>{let o=r?this._scaleXForBarChart(n,t):this._scaleX(n,t),s=Math.abs(e-o);s<a&&(a=s,i=n)}),i}_setupTooltipScrollHandler(){if(this._chartTooltipScrollHandler){window.removeEventListener(`scroll`,this._chartTooltipScrollHandler,!0),this._chartContainer&&this._chartContainer.removeEventListener(`scroll`,this._chartTooltipScrollHandler,!0);let e=this.parentElement;for(;e;)e.removeEventListener(`scroll`,this._chartTooltipScrollHandler,!0),e=e.parentElement}this._chartTooltipScrollHandler=()=>{this._hideTooltip(),this._pinnedXValue=null},window.addEventListener(`scroll`,this._chartTooltipScrollHandler,!0),this._chartContainer&&this._chartContainer.addEventListener(`scroll`,this._chartTooltipScrollHandler,!0);let e=this.parentElement;for(;e;){let t=window.getComputedStyle(e),n=t.overflow,r=t.overflowY;(n===`auto`||n===`scroll`||r===`auto`||r===`scroll`)&&e.addEventListener(`scroll`,this._chartTooltipScrollHandler,!0),e=e.parentElement}}_setupChartTooltip(){if(!this._svg||!this._showTooltip)return;this._chartTooltipMouseMove&&this._svg.removeEventListener(`mousemove`,this._chartTooltipMouseMove),this._chartTooltipMouseLeave&&this._svg.removeEventListener(`mouseleave`,this._chartTooltipMouseLeave),this._chartTooltipClick&&this._svg.removeEventListener(`click`,this._chartTooltipClick),this._chartTooltipTouchStart&&this._svg.removeEventListener(`touchstart`,this._chartTooltipTouchStart),this._chartTooltipTouchMove&&this._svg.removeEventListener(`touchmove`,this._chartTooltipTouchMove),this._chartTooltipTouchEnd&&this._svg.removeEventListener(`touchend`,this._chartTooltipTouchEnd),this._cachedTooltipContent.clear(),this._cachedXPositions.clear();let t=this._getChartBounds(),n=0,r=0,i=i=>{!this._chartContainer||!this._svg||(n=i.clientX,r=i.clientY,this._tooltipAnimationFrame!==null&&cancelAnimationFrame(this._tooltipAnimationFrame),this._tooltipAnimationFrame=requestAnimationFrame(()=>{if(this._tooltipAnimationFrame=null,!this._svg)return;let i=this._svg.getBoundingClientRect(),a=n-i.left,o=r-i.top;if(a<t.x||a>t.x+t.width||o<t.y||o>t.y+t.height){this._hideTooltip(),this._hidePlotPoints(),this._hideVerticalLine(),this._activeXValue=null;return}let s=this._findNearestXValue(a);if(!s){this._hideTooltip(),this._hidePlotPoints(),this._hideVerticalLine(),this._activeXValue=null;return}if(this._pinnedXValue!==null&&this._pinnedXValue===s){let e=this._pinnedXValue,i=this._getAllDatasetsAtX(e);if(i.length>0){this._activeXValue=e,this._showPlotPointsForX(e),this._showVerticalLineAtX(e,t);let a=this._cachedTooltipContent.get(e);a||(a=this._tooltipXHeadingHtml(e),i.forEach(e=>{a+=`<div style="display: flex; align-items: center; gap: 6px; margin-top: 4px;">
|
|
1
|
+
const e=require(`../chunks/register-element-tCL_F1YI.js`);var t=class e extends HTMLElement{static get observedAttributes(){return[`type`,`data`,`width`,`height`,`show-legend`,`show-grid`,`show-tooltip`,`curve-tension`]}static{this.MAX_CACHE_SIZE=100}constructor(){super(),this._chartContainer=null,this._svg=null,this._tooltip=null,this._chartType=`line`,this._chartData=null,this._width=800,this._height=400,this._padding={top:20,right:20,bottom:60,left:60},this._showLegend=!0,this._showGrid=!0,this._showTooltip=!0,this._curveTension=.5,this._dataObserver=null,this._darkModeObserver=null,this._tooltipHideTimeout=null,this._lastTooltipContent=``,this._activeXValue=null,this._pinnedXValue=null,this._tooltipAnimationFrame=null,this._cachedTooltipContent=new Map,this._cachedXPositions=new Map,this._verticalLine=null,this._plotPoints=new Map,this._resizeObserver=null,this._windowResizeHandler=null,this._pieChartTimeouts=new Set,this._pieChartTooltipShown=!1,this._pieChartClickOutsideHandler=null,this._pieChartGroup=null,this._chartClickOutsideHandler=null,this._chartTooltipScrollHandler=null,this._cachedBounds={bounds:null,dataHash:``},this._cachedYRange={range:null,dataHash:``},this._cachedXValues={values:null,dataHash:``},this._renderScheduled=!1,this._animateNextRender=!1,this._observedDataReference=null,this._observedDataFingerprint=``,this._datasetVisibility=new Map,this._widthValue=`100%`,this._heightValue=400,this._defaultColors=[`#2563eb`,`#3b82f6`,`#0d9488`,`#7c3aed`,`#d97706`,`#059669`,`#dc2626`,`#c026d3`],this._legendHeight=0,this._rotatedLabelHeight=0}connectedCallback(){this.classList.add(`box-border`,`m-0`,`p-0`,`border-0`,`align-baseline`,`block`,`w-full`),this._setupDataObserver(),this._setupDarkModeObserver(),this._setupResizeObserver(),requestAnimationFrame(()=>{requestAnimationFrame(()=>{this.render()})})}_setupDataObserver(){let e=()=>{if(!this.isConnected)return;let e=this.data,t=null;e&&typeof e==`object`&&!Array.isArray(e)&&`datasets`in e&&(t=e);let n=``;if(t)try{n=JSON.stringify(t)}catch{n=``}t&&(t!==this._observedDataReference||n&&n!==this._observedDataFingerprint)&&(this._observedDataReference=t,this._observedDataFingerprint=n,this._chartData=t,this._animateNextRender=!0,this._cachedBounds.dataHash=``,this._cachedYRange.dataHash=``,this._cachedXValues.dataHash=``,this.render())};requestAnimationFrame(()=>{e(),requestAnimationFrame(()=>{e()})});let t=setInterval(()=>{if(!this.isConnected){clearInterval(t);return}e()},250);this._dataCheckInterval=t}_setupDarkModeObserver(){this._darkModeObserver=new MutationObserver(()=>{this.isConnected&&this.render()}),this._darkModeObserver.observe(document.documentElement,{attributes:!0,attributeFilter:[`class`]})}disconnectedCallback(){if(this._tooltip&&this._tooltip.parentNode&&(this._tooltip.parentNode.removeChild(this._tooltip),this._tooltip=null),this._tooltipHideTimeout!==null&&(clearTimeout(this._tooltipHideTimeout),this._tooltipHideTimeout=null),this._pieChartTimeouts.forEach(e=>clearTimeout(e)),this._pieChartTimeouts.clear(),this._pieChartClickOutsideHandler&&=(document.removeEventListener(`click`,this._pieChartClickOutsideHandler,!0),null),this._chartClickOutsideHandler&&=(document.removeEventListener(`click`,this._chartClickOutsideHandler,!0),null),this._pieChartTooltipShown=!1,this._pieChartGroup=null,this._pinnedXValue=null,this._tooltipAnimationFrame!==null&&(cancelAnimationFrame(this._tooltipAnimationFrame),this._tooltipAnimationFrame=null),this._dataObserver&&=(this._dataObserver.disconnect(),null),this._darkModeObserver&&=(this._darkModeObserver.disconnect(),null),this._dataCheckInterval&&=(clearInterval(this._dataCheckInterval),null),this._svg&&(this._chartTooltipMouseMove&&=(this._svg.removeEventListener(`mousemove`,this._chartTooltipMouseMove),null),this._chartTooltipMouseLeave&&=(this._svg.removeEventListener(`mouseleave`,this._chartTooltipMouseLeave),null),this._chartTooltipTouchStart&&=(this._svg.removeEventListener(`touchstart`,this._chartTooltipTouchStart),null),this._chartTooltipTouchMove&&=(this._svg.removeEventListener(`touchmove`,this._chartTooltipTouchMove),null),this._chartTooltipTouchEnd&&=(this._svg.removeEventListener(`touchend`,this._chartTooltipTouchEnd),null)),this._chartTooltipScrollHandler){window.removeEventListener(`scroll`,this._chartTooltipScrollHandler,!0),this._chartContainer&&this._chartContainer.removeEventListener(`scroll`,this._chartTooltipScrollHandler,!0);let e=this.parentElement;for(;e;)e.removeEventListener(`scroll`,this._chartTooltipScrollHandler,!0),e=e.parentElement;this._chartTooltipScrollHandler=null}this._resizeObserver&&=(this._resizeObserver.disconnect(),null),this._windowResizeHandler&&=(window.removeEventListener(`resize`,this._windowResizeHandler),null),this._cachedTooltipContent.clear(),this._cachedXPositions.clear(),this._plotPoints.clear(),this._cachedBounds={bounds:null,dataHash:``},this._cachedYRange={range:null,dataHash:``},this._cachedXValues={values:null,dataHash:``}}_handleResize(){if(!this.isConnected)return;let e=this.getBoundingClientRect(),t=e.width||this.parentElement?.clientWidth||800,n=e.height||this.parentElement?.clientHeight||400,r=this._calculateDimension(this._widthValue,t,t),i=this._calculateDimension(this._heightValue,n,400);(r!==this._width||i!==this._height)&&(this._width=r,this._height=i,this.render())}_setupResizeObserver(){this._resizeObserver&&=(this._resizeObserver.disconnect(),null),this._windowResizeHandler&&=(window.removeEventListener(`resize`,this._windowResizeHandler),null);let e=null,t=()=>{e&&clearTimeout(e),e=window.setTimeout(()=>{this._handleResize()},100)};this._windowResizeHandler=t,this._resizeObserver=new ResizeObserver(()=>{t()}),this._resizeObserver.observe(this),window.addEventListener(`resize`,t)}attributeChangedCallback(e,t,n){if(t!==n){if(e===`data`){if(n)try{this._chartData=JSON.parse(n)}catch(e){console.error(`mint-chart: Invalid data JSON`,e),this._chartData=null}else this._chartData=null;this._invalidateDataCaches(),this._animateNextRender=!0}(e===`width`||e===`height`)&&this.isConnected&&(t&&t.endsWith(`%`))!==(n&&n.endsWith(`%`))&&this._setupResizeObserver(),this.isConnected&&requestAnimationFrame(()=>{this.render()})}}get type(){let e=this.getAttribute(`type`)||`line`;return e===`line`||e===`bar`||e===`area`||e===`pie`?e:`line`}set type(e){this.setAttribute(`type`,e)}get data(){return this._chartData}set data(e){if(typeof e==`string`)try{this._chartData=JSON.parse(e)}catch(e){console.error(`mint-chart: Invalid data JSON`,e),this._chartData=null}else this._chartData=e;this._invalidateDataCaches(),this._animateNextRender=!0,this.isConnected&&requestAnimationFrame(()=>{this.render()})}get width(){let e=this.getAttribute(`width`);if(!e)return this._widthValue;if(e.endsWith(`%`))return e;let t=parseInt(e,10);return isNaN(t)?this._widthValue:t}set width(e){this.setAttribute(`width`,e.toString())}get height(){let e=this.getAttribute(`height`);if(!e)return this._heightValue;if(e.endsWith(`%`))return e;let t=parseInt(e,10);return isNaN(t)?this._heightValue:t}set height(e){this.setAttribute(`height`,e.toString())}_calculateDimension(e,t,n){if(typeof e==`number`)return e;if(typeof e==`string`&&e.endsWith(`%`)){let n=parseFloat(e);if(!isNaN(n))return t*n/100}return n}_scheduleRender(){this._animateNextRender=!0,this._syncObservedData(),!this._renderScheduled&&(this._renderScheduled=!0,requestAnimationFrame(()=>{this._renderScheduled=!1,this.render()}))}_invalidateDataCaches(){this._cachedBounds.dataHash=``,this._cachedYRange.dataHash=``,this._cachedXValues.dataHash=``,this._cachedTooltipContent?.clear()}_syncObservedData(){this._observedDataReference=this._chartData;try{this._observedDataFingerprint=this._chartData?JSON.stringify(this._chartData):``}catch{this._observedDataFingerprint=``}}_isDatasetVisible(e,t){if(e.id){let t=this._datasetVisibility.get(e.id);if(t!==void 0)return t}return e.visible!==!1}_initializeDatasetVisibility(){this._chartData&&this._chartData.datasets.forEach((e,t)=>{e.id&&(this._datasetVisibility.has(e.id)||this._datasetVisibility.set(e.id,e.visible!==!1))})}render(){if(!this.isConnected)return;let e=this._animateNextRender&&!window.matchMedia?.(`(prefers-reduced-motion: reduce)`).matches&&this._svg?this._svg.cloneNode(!0):null;this._animateNextRender=!1,this._plotPoints.clear(),this._activeXValue=null,this._cachedTooltipContent?.clear(),this._cachedXPositions?.clear(),this._chartType=this.type;let t=this.data;if(t&&typeof t==`object`&&!Array.isArray(t)&&`datasets`in t&&(this._chartData=t),!this._chartData){let e=this.getAttribute(`data`);if(e)try{this._chartData=JSON.parse(e)}catch(e){console.error(`mint-chart: Invalid data JSON`,e),this._chartData=null}}this._widthValue=this.width,this._heightValue=this.height;let n=this.getBoundingClientRect(),r=n.width||this.parentElement?.clientWidth||800,i=n.height||this.parentElement?.clientHeight||400;this._width=this._calculateDimension(this._widthValue,r,r),this._height=this._calculateDimension(this._heightValue,i,400),this._showLegend=this.getAttribute(`show-legend`)!==`false`,this._showGrid=this.getAttribute(`show-grid`)!==`false`,this._showTooltip=this.getAttribute(`show-tooltip`)!==`false`;let a=this.getAttribute(`curve-tension`);if(a!==null){let e=parseFloat(a);this._curveTension=isNaN(e)?.5:Math.max(0,Math.min(1,e))}else this._curveTension=.5;if(!this._chartData||!this._chartData.datasets||this._chartData.datasets.length===0){this.innerHTML=`<div class="p-4 text-gray-500">No chart data provided</div>`;return}this.innerHTML=``,this._chartContainer=document.createElement(`div`),this._chartContainer.className=`relative w-full`,this._chartContainer.style.position=`relative`,typeof this._widthValue==`string`&&this._widthValue.endsWith(`%`)?this._chartContainer.style.width=this._widthValue:this._chartContainer.style.width=`${this._width}px`,typeof this._heightValue==`string`&&this._heightValue.endsWith(`%`)?this._chartContainer.style.height=this._heightValue:this._chartContainer.style.height=`${this._height}px`,this.appendChild(this._chartContainer),this._svg=document.createElementNS(`http://www.w3.org/2000/svg`,`svg`),this._svg.setAttribute(`width`,this._width.toString()),this._svg.setAttribute(`height`,this._height.toString()),this._svg.setAttribute(`viewBox`,`0 0 ${this._width} ${this._height}`),this._svg.setAttribute(`class`,`w-full h-full`),this._svg.setAttribute(`role`,`img`);let o=this._chartData.datasets.map(e=>e.name).filter(Boolean),s=this.getAttribute(`aria-label`)?.trim()||`${this.type} chart${o.length?` showing ${o.join(`, `)}`:``}. ${Math.max(0,...this._chartData.datasets.map(e=>e.data.length))} data points.`,c=`${this.id||`mint-chart-${Math.random().toString(36).slice(2,10)}`}-data`;this._svg.setAttribute(`aria-label`,s),this._svg.setAttribute(`aria-describedby`,c),this._chartContainer&&this._svg&&(e&&(e.style.position=`absolute`,e.style.inset=`0`,e.style.width=`100%`,e.style.height=`100%`,e.style.pointerEvents=`none`,e.style.zIndex=`1`,e.style.opacity=`1`,e.style.transition=`opacity 260ms ease`,this._chartContainer.appendChild(e),this._svg.style.position=`relative`,this._svg.style.zIndex=`0`,this._svg.style.opacity=`0`,this._svg.style.transition=`opacity 260ms ease`),this._chartContainer.appendChild(this._svg));let l=document.createElement(`table`);l.id=c,Object.assign(l.style,{position:`absolute`,width:`1px`,height:`1px`,padding:`0`,margin:`-1px`,top:`0`,left:`0`,overflow:`hidden`,clip:`rect(0, 0, 0, 0)`,whiteSpace:`nowrap`,border:`0`});let u=document.createElement(`caption`);u.textContent=`Data for ${s}`,l.appendChild(u);let d=document.createElement(`thead`),f=document.createElement(`tr`),p=document.createElement(`th`);p.scope=`col`,p.textContent=`Category`,f.appendChild(p),this._chartData.datasets.forEach(e=>{let t=document.createElement(`th`);t.scope=`col`,t.textContent=e.name||`Series`,f.appendChild(t)}),d.appendChild(f),l.appendChild(d);let m=document.createElement(`tbody`),h=Math.max(0,...this._chartData.datasets.map(e=>e.data.length));for(let e=0;e<h;e+=1){let t=document.createElement(`tr`),n=document.createElement(`th`);n.scope=`row`,n.textContent=String(this._chartData.datasets.find(t=>t.data[e])?.data[e]?.x??e+1),t.appendChild(n),this._chartData.datasets.forEach(n=>{let r=document.createElement(`td`),i=n.data[e];r.textContent=i?this._formatValue(i.y,n):``,t.appendChild(r)}),m.appendChild(t)}switch(l.appendChild(m),this.appendChild(l),this._showTooltip&&this._createTooltip(),this._initializeDatasetVisibility(),this._calculateRotatedLabelHeight(),this._showLegend?this._legendHeight=this._calculateLegendHeight():this._legendHeight=0,this._showLegend&&this._renderLegend(),this._chartType!==`pie`&&this._pieChartClickOutsideHandler&&(document.removeEventListener(`click`,this._pieChartClickOutsideHandler,!0),this._pieChartClickOutsideHandler=null,this._pieChartTooltipShown=!1,this._pieChartGroup=null),this._pinnedXValue=null,this._chartType){case`line`:this._renderLineChart();break;case`bar`:this._renderBarChart();break;case`area`:this._renderAreaChart();break;case`pie`:this._renderPieChart();break}if(this._showTooltip&&this._chartType!==`pie`&&(this._setupChartTooltip(),this._setupTooltipScrollHandler()),this._createVerticalLine(),e&&this._svg){let t=this._svg;requestAnimationFrame(()=>requestAnimationFrame(()=>{t.isConnected&&(e.style.opacity=`0`,t.style.opacity=`1`,window.setTimeout(()=>e.remove(),280))}))}}_createTooltip(){this._tooltip&&this._tooltip.parentNode&&this._tooltip.parentNode.removeChild(this._tooltip),this._tooltip=document.createElement(`div`),this._tooltip.className=`fixed pointer-events-none z-50 bg-gray-900 dark:bg-mint-elevated text-white text-xs rounded px-2 py-1 shadow-lg opacity-0`,this._tooltip.style.display=`none`,document.body.appendChild(this._tooltip)}_showTooltipAt(e,t,n){if(!this._tooltip)return;this._tooltipHideTimeout!==null&&(clearTimeout(this._tooltipHideTimeout),this._tooltipHideTimeout=null),this._lastTooltipContent!==n&&(this._tooltip.innerHTML=n,this._lastTooltipContent=n),(this._tooltip.style.display===`none`||this._tooltip.style.opacity===`0`)&&(this._tooltip.style.display=`block`,this._tooltip.style.opacity=`1`,this._tooltip.style.padding=`8px 12px`);let r=this._tooltip.getBoundingClientRect(),i=window.innerWidth,a=window.innerHeight,o=e+10,s=t-r.height-8;o+r.width>i&&(o=e-r.width-10),o<0&&(o=10),s<0&&(s=t+20),s+r.height>a&&(s=t-r.height-8,s<0&&(s=10));let c=`${o}px`,l=`${s}px`;this._tooltip.style.left!==c&&(this._tooltip.style.left=c),this._tooltip.style.top!==l&&(this._tooltip.style.top=l)}_hideTooltip(){this._tooltip&&(this._tooltipHideTimeout!==null&&(clearTimeout(this._tooltipHideTimeout),this._tooltipHideTimeout=null),this._tooltip.style.opacity=`0`,this._tooltipHideTimeout=window.setTimeout(()=>{this._tooltip&&(this._tooltip.style.display=`none`),this._tooltipHideTimeout=null},200))}_createVerticalLine(){if(!this._svg)return;this._verticalLine&&this._verticalLine.parentNode&&this._verticalLine.parentNode.removeChild(this._verticalLine),this._verticalLine=document.createElementNS(`http://www.w3.org/2000/svg`,`line`);let e=document.documentElement.classList.contains(`dark`);this._verticalLine.setAttribute(`stroke`,e?`#9ca3af`:`#6b7280`),this._verticalLine.setAttribute(`stroke-width`,`1`),this._verticalLine.setAttribute(`stroke-dasharray`,`4,2`),this._verticalLine.style.opacity=`0`,this._verticalLine.style.pointerEvents=`none`;let t=this._svg.querySelector(`.chart-legend`);t&&t.parentNode?t.parentNode.insertBefore(this._verticalLine,t):this._svg.appendChild(this._verticalLine)}_showVerticalLineAtX(e,t){if(!this._verticalLine)return;let n=this._chartType===`bar`?this._scaleXForBarChart(e,t):this._scaleX(e,t);this._verticalLine.setAttribute(`x1`,n.toString()),this._verticalLine.setAttribute(`y1`,t.y.toString()),this._verticalLine.setAttribute(`x2`,n.toString()),this._verticalLine.setAttribute(`y2`,(t.y+t.height).toString()),this._verticalLine.style.opacity=`1`}_hideVerticalLine(){this._verticalLine&&(this._verticalLine.style.opacity=`0`)}_showPlotPointsForX(e){this._plotPoints.forEach(e=>{e.forEach(e=>{e.style.opacity=`0`})});let t=String(e),n=this._plotPoints.get(t);n&&n.forEach(e=>{e.style.opacity=`1`})}_hidePlotPoints(){this._plotPoints.forEach(e=>{e.forEach(e=>{e.style.opacity=`0`})})}_calculateMaxYAxisLabelWidth(){if(!this._showGrid||!this._chartData)return 0;let e=document.createElement(`canvas`).getContext(`2d`);if(!e)return 60;e.font=`12px system-ui, -apple-system, sans-serif`;let t=this._showLegend?Math.max(this._legendHeight,60):0,n=this._height-t,r=Math.floor(n/35),i=Math.min(5,r),a=0;for(let t=0;t<=i;t++){let n=this._getYRange(),r=n.max-(n.max-n.min)/i*t,o=this._formatYAxisValue(r),s=e.measureText(o);a=Math.max(a,s.width)}return Math.ceil(a)+20}_getChartBounds(){let e=this._calculateMaxYAxisLabelWidth(),t=`${this._width}-${this._height}-${this._showGrid}-${this._showLegend}-${this._legendHeight}-${e}-${this._rotatedLabelHeight}`;if(this._cachedBounds.bounds&&this._cachedBounds.dataHash===t)return this._cachedBounds.bounds;let n=0,r=0;this._showGrid&&(n=e+10);let i=(this._rotatedLabelHeight>0?30:20)+this._rotatedLabelHeight+12,a=i;this._showLegend&&(a=i+20+Math.max(this._legendHeight,60));let o=this._height-0-n-0,s=o-a,c=1;if(s<100&&a>0){let e=o-100;e>0?(c=Math.min(1,e/a),c=Math.max(.5,c)):c=.5}r=a*c;let l=this._width*.3,u=n,d=1;n>l&&(d=l/n,u=l);let f={width:(this._width-u-0)*d,height:this._height-0-r,x:u,y:0};return this._cachedBounds={bounds:f,dataHash:t},f}_getAllDataPoints(){if(!this._chartData)return[];let e=[];return this._chartData.datasets.forEach((t,n)=>{this._isDatasetVisible(t,n)&&e.push(...t.data)}),e}_getXValues(){if(!this._chartData)return[];let e=JSON.stringify(this._chartData.labels)+JSON.stringify(this._chartData.datasets.map(e=>e.data.map(e=>e.x)));if(this._cachedXValues.values&&this._cachedXValues.dataHash===e)return this._cachedXValues.values;if(this._chartData.labels&&this._chartData.labels.length>0)return this._cachedXValues={values:this._chartData.labels,dataHash:e},this._chartData.labels;let t=new Set;this._chartData.datasets.forEach((e,n)=>{this._isDatasetVisible(e,n)&&e.data.forEach(e=>{t.add(e.x)})});let n=Array.from(t).sort((e,t)=>{if(typeof e==`number`&&typeof t==`number`)return e-t;let n=String(e),r=String(t),i=/^([A-Za-z]{3})\s+(\d{4})$/,a=n.match(i),o=r.match(i);if(a&&o){let e=[`Jan`,`Feb`,`Mar`,`Apr`,`May`,`Jun`,`Jul`,`Aug`,`Sep`,`Oct`,`Nov`,`Dec`],t=e.indexOf(a[1]),n=e.indexOf(o[1]),r=parseInt(a[2]),i=parseInt(o[2]);return r===i?t-n:r-i}return n.localeCompare(r)});return this._cachedXValues={values:n,dataHash:e},n}_getYRange(){if(!this._chartData)return{min:0,max:100};let e=JSON.stringify(this._chartData.datasets.map(e=>e.data.map(e=>e.y)));if(this._cachedYRange.range&&this._cachedYRange.dataHash===e)return this._cachedYRange.range;let t=this._getAllDataPoints();if(t.length===0){let t={min:0,max:100};return this._cachedYRange={range:t,dataHash:e},t}let n=t.map(e=>e.y),r=Math.min(...n),i=Math.max(...n),a=(i-r)*.1,o={min:Math.max(0,r-a),max:i+a};return this._cachedYRange={range:o,dataHash:e},o}_hasDecimalValues(){return this._getAllDataPoints().some(e=>e.y%1!=0)}_formatValueByString(e,t){switch(t.toLowerCase()){case`currency`:case`currency-usd`:return new Intl.NumberFormat(`en-US`,{style:`currency`,currency:`USD`}).format(e);case`currency-eur`:return new Intl.NumberFormat(`en-US`,{style:`currency`,currency:`EUR`}).format(e);case`currency-gbp`:return new Intl.NumberFormat(`en-US`,{style:`currency`,currency:`GBP`}).format(e);case`number`:case`number-with-commas`:return new Intl.NumberFormat(`en-US`).format(e);case`percent`:return new Intl.NumberFormat(`en-US`,{style:`percent`,minimumFractionDigits:1}).format(e/100);default:return this._hasDecimalValues()&&e%1!=0?e.toFixed(1):Math.round(e).toString()}}_formatXAxisValue(e){if(this._chartData?.formatXAxis){if(typeof this._chartData.formatXAxis==`function`)return this._chartData.formatXAxis(e);if(typeof this._chartData.formatXAxis==`string`)return String(e)}return String(e)}_escapeHtmlForTooltip(e){return e.replace(/&/g,`&`).replace(/</g,`<`).replace(/>/g,`>`).replace(/"/g,`"`).replace(/'/g,`'`)}_tooltipXHeadingHtml(e){return`<strong>${this._escapeHtmlForTooltip(this._formatXAxisValue(e))}</strong><br/>`}_formatYAxisValue(e){if(this._chartData?.formatYAxis){if(typeof this._chartData.formatYAxis==`function`)return this._chartData.formatYAxis(e);if(typeof this._chartData.formatYAxis==`string`)return this._formatValueByString(e,this._chartData.formatYAxis)}if(this._chartData?.datasets?.[0]?.formatValue){if(typeof this._chartData.datasets[0].formatValue==`function`)return this._chartData.datasets[0].formatValue(e);if(typeof this._chartData.datasets[0].formatValue==`string`)return this._formatValueByString(e,this._chartData.datasets[0].formatValue)}return this._hasDecimalValues()&&e%1!=0?e.toFixed(1):Math.round(e).toString()}_formatValue(e,t){if(t.formatValue){if(typeof t.formatValue==`function`)return t.formatValue(e);if(typeof t.formatValue==`string`)return this._formatValueByString(e,t.formatValue)}return String(e)}_getAllDatasetsAtX(e){if(!this._chartData)return[];let t=[];return this._chartData.datasets.forEach((n,r)=>{if(!this._isDatasetVisible(n,r))return;let i=n.data.find(t=>String(t.x)===String(e));if(i){let e=this._getDatasetColor(n,r),a=this._formatValue(i.y,n);t.push({name:n.name,value:i.y,color:e,formattedValue:a})}}),t}_findNearestXValue(e){if(!this._chartData)return null;let t=this._getChartBounds(),n=this._getXValues();if(n.length===0)return null;let r=this._chartType===`bar`,i=null,a=1/0;return n.forEach(n=>{let o=r?this._scaleXForBarChart(n,t):this._scaleX(n,t),s=Math.abs(e-o);s<a&&(a=s,i=n)}),i}_setupTooltipScrollHandler(){if(this._chartTooltipScrollHandler){window.removeEventListener(`scroll`,this._chartTooltipScrollHandler,!0),this._chartContainer&&this._chartContainer.removeEventListener(`scroll`,this._chartTooltipScrollHandler,!0);let e=this.parentElement;for(;e;)e.removeEventListener(`scroll`,this._chartTooltipScrollHandler,!0),e=e.parentElement}this._chartTooltipScrollHandler=()=>{this._hideTooltip(),this._pinnedXValue=null},window.addEventListener(`scroll`,this._chartTooltipScrollHandler,!0),this._chartContainer&&this._chartContainer.addEventListener(`scroll`,this._chartTooltipScrollHandler,!0);let e=this.parentElement;for(;e;){let t=window.getComputedStyle(e),n=t.overflow,r=t.overflowY;(n===`auto`||n===`scroll`||r===`auto`||r===`scroll`)&&e.addEventListener(`scroll`,this._chartTooltipScrollHandler,!0),e=e.parentElement}}_setupChartTooltip(){if(!this._svg||!this._showTooltip)return;this._chartTooltipMouseMove&&this._svg.removeEventListener(`mousemove`,this._chartTooltipMouseMove),this._chartTooltipMouseLeave&&this._svg.removeEventListener(`mouseleave`,this._chartTooltipMouseLeave),this._chartTooltipClick&&this._svg.removeEventListener(`click`,this._chartTooltipClick),this._chartTooltipTouchStart&&this._svg.removeEventListener(`touchstart`,this._chartTooltipTouchStart),this._chartTooltipTouchMove&&this._svg.removeEventListener(`touchmove`,this._chartTooltipTouchMove),this._chartTooltipTouchEnd&&this._svg.removeEventListener(`touchend`,this._chartTooltipTouchEnd),this._cachedTooltipContent.clear(),this._cachedXPositions.clear();let t=this._getChartBounds(),n=0,r=0,i=i=>{!this._chartContainer||!this._svg||(n=i.clientX,r=i.clientY,this._tooltipAnimationFrame!==null&&cancelAnimationFrame(this._tooltipAnimationFrame),this._tooltipAnimationFrame=requestAnimationFrame(()=>{if(this._tooltipAnimationFrame=null,!this._svg)return;let i=this._svg.getBoundingClientRect(),a=n-i.left,o=r-i.top;if(a<t.x||a>t.x+t.width||o<t.y||o>t.y+t.height){this._hideTooltip(),this._hidePlotPoints(),this._hideVerticalLine(),this._activeXValue=null;return}let s=this._findNearestXValue(a);if(!s){this._hideTooltip(),this._hidePlotPoints(),this._hideVerticalLine(),this._activeXValue=null;return}if(this._pinnedXValue!==null&&this._pinnedXValue===s){let e=this._pinnedXValue,i=this._getAllDatasetsAtX(e);if(i.length>0){this._activeXValue=e,this._showPlotPointsForX(e),this._showVerticalLineAtX(e,t);let a=this._cachedTooltipContent.get(e);a||(a=this._tooltipXHeadingHtml(e),i.forEach(e=>{a+=`<div style="display: flex; align-items: center; gap: 6px; margin-top: 4px;">
|
|
2
2
|
<span style="display: inline-block; width: 12px; height: 12px; background-color: ${e.color}; border-radius: 2px;"></span>
|
|
3
3
|
<span>${e.name}: ${e.formattedValue}</span>
|
|
4
4
|
</div>`}),this._cachedTooltipContent.set(e,a)),this._updateTooltipPosition(n,r),this._lastTooltipContent!==a&&this._showTooltipAt(n,r,a);return}}if(this._activeXValue===s){this._updateTooltipPosition(n,r);return}let c=this._getAllDatasetsAtX(s);if(c.length===0){this._hideTooltip(),this._hidePlotPoints(),this._hideVerticalLine();return}this._activeXValue=s,this._showPlotPointsForX(s),this._showVerticalLineAtX(s,t);let l=this._cachedTooltipContent.get(s);if(!l){if(l=this._tooltipXHeadingHtml(s),c.forEach(e=>{l+=`<div style="display: flex; align-items: center; gap: 6px; margin-top: 4px;">
|
|
@@ -13,9 +13,9 @@ const __mintLoadStyle = (key, url) => {
|
|
|
13
13
|
__mintLoadStyle('theme', '../../theme.css')
|
|
14
14
|
__mintLoadStyle('icon', '../../icon.css')
|
|
15
15
|
__mintLoadStyle('checkbox', '../../checkbox.css')
|
|
16
|
-
import { a as e } from "../chunks/icon-
|
|
16
|
+
import { a as e } from "../chunks/icon-B01tq_aJ.js";
|
|
17
17
|
import { t } from "../chunks/register-element-BFYmIynH.js";
|
|
18
|
-
import "../chunks/icon-
|
|
18
|
+
import "../chunks/icon-DNWs0suS.js";
|
|
19
19
|
e({
|
|
20
20
|
name: "check",
|
|
21
21
|
viewBox: "0 0 24 24",
|