monobill-mintui 0.1.0
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 +194 -0
- package/dist/components/back-button/BackButton.d.ts +22 -0
- package/dist/components/back-button/BackButton.d.ts.map +1 -0
- package/dist/components/back-button/index.d.ts +3 -0
- package/dist/components/back-button/index.d.ts.map +1 -0
- package/dist/components/button/Button.d.ts +38 -0
- package/dist/components/button/Button.d.ts.map +1 -0
- package/dist/components/button/index.d.ts +3 -0
- package/dist/components/button/index.d.ts.map +1 -0
- package/dist/components/card/Card.d.ts +9 -0
- package/dist/components/card/Card.d.ts.map +1 -0
- package/dist/components/card/index.d.ts +3 -0
- package/dist/components/card/index.d.ts.map +1 -0
- package/dist/components/checkbox/Checkbox.d.ts +36 -0
- package/dist/components/checkbox/Checkbox.d.ts.map +1 -0
- package/dist/components/checkbox/index.d.ts +3 -0
- package/dist/components/checkbox/index.d.ts.map +1 -0
- package/dist/components/choice/Choice.d.ts +35 -0
- package/dist/components/choice/Choice.d.ts.map +1 -0
- package/dist/components/choice/index.d.ts +3 -0
- package/dist/components/choice/index.d.ts.map +1 -0
- package/dist/components/date-picker/DatePicker.d.ts +103 -0
- package/dist/components/date-picker/DatePicker.d.ts.map +1 -0
- package/dist/components/date-picker/index.d.ts +3 -0
- package/dist/components/date-picker/index.d.ts.map +1 -0
- package/dist/components/dropzone/Dropzone.d.ts +54 -0
- package/dist/components/dropzone/Dropzone.d.ts.map +1 -0
- package/dist/components/dropzone/index.d.ts +3 -0
- package/dist/components/dropzone/index.d.ts.map +1 -0
- package/dist/components/form/Form.d.ts +42 -0
- package/dist/components/form/Form.d.ts.map +1 -0
- package/dist/components/form/index.d.ts +3 -0
- package/dist/components/form/index.d.ts.map +1 -0
- package/dist/components/grid/Grid.d.ts +16 -0
- package/dist/components/grid/Grid.d.ts.map +1 -0
- package/dist/components/grid/index.d.ts +3 -0
- package/dist/components/grid/index.d.ts.map +1 -0
- package/dist/components/icon/Icon.d.ts +14 -0
- package/dist/components/icon/Icon.d.ts.map +1 -0
- package/dist/components/icon/build-icons.d.ts +2 -0
- package/dist/components/icon/build-icons.d.ts.map +1 -0
- package/dist/components/icon/icons/archive.d.ts +3 -0
- package/dist/components/icon/icons/archive.d.ts.map +1 -0
- package/dist/components/icon/icons/arrow-down.d.ts +3 -0
- package/dist/components/icon/icons/arrow-down.d.ts.map +1 -0
- package/dist/components/icon/icons/arrow-left.d.ts +3 -0
- package/dist/components/icon/icons/arrow-left.d.ts.map +1 -0
- package/dist/components/icon/icons/arrow-right.d.ts +3 -0
- package/dist/components/icon/icons/arrow-right.d.ts.map +1 -0
- package/dist/components/icon/icons/arrow-up.d.ts +3 -0
- package/dist/components/icon/icons/arrow-up.d.ts.map +1 -0
- package/dist/components/icon/icons/attach.d.ts +3 -0
- package/dist/components/icon/icons/attach.d.ts.map +1 -0
- package/dist/components/icon/icons/barcode.d.ts +3 -0
- package/dist/components/icon/icons/barcode.d.ts.map +1 -0
- package/dist/components/icon/icons/bookmark.d.ts +3 -0
- package/dist/components/icon/icons/bookmark.d.ts.map +1 -0
- package/dist/components/icon/icons/calendar.d.ts +3 -0
- package/dist/components/icon/icons/calendar.d.ts.map +1 -0
- package/dist/components/icon/icons/caret-down.d.ts +3 -0
- package/dist/components/icon/icons/caret-down.d.ts.map +1 -0
- package/dist/components/icon/icons/caret-left.d.ts +3 -0
- package/dist/components/icon/icons/caret-left.d.ts.map +1 -0
- package/dist/components/icon/icons/caret-right.d.ts +3 -0
- package/dist/components/icon/icons/caret-right.d.ts.map +1 -0
- package/dist/components/icon/icons/caret-up.d.ts +3 -0
- package/dist/components/icon/icons/caret-up.d.ts.map +1 -0
- package/dist/components/icon/icons/chat.d.ts +3 -0
- package/dist/components/icon/icons/chat.d.ts.map +1 -0
- package/dist/components/icon/icons/check.d.ts +3 -0
- package/dist/components/icon/icons/check.d.ts.map +1 -0
- package/dist/components/icon/icons/clock.d.ts +3 -0
- package/dist/components/icon/icons/clock.d.ts.map +1 -0
- package/dist/components/icon/icons/close.d.ts +3 -0
- package/dist/components/icon/icons/close.d.ts.map +1 -0
- package/dist/components/icon/icons/copy.d.ts +3 -0
- package/dist/components/icon/icons/copy.d.ts.map +1 -0
- package/dist/components/icon/icons/delete.d.ts +3 -0
- package/dist/components/icon/icons/delete.d.ts.map +1 -0
- package/dist/components/icon/icons/documentation.d.ts +3 -0
- package/dist/components/icon/icons/documentation.d.ts.map +1 -0
- package/dist/components/icon/icons/download.d.ts +3 -0
- package/dist/components/icon/icons/download.d.ts.map +1 -0
- package/dist/components/icon/icons/duplicate.d.ts +3 -0
- package/dist/components/icon/icons/duplicate.d.ts.map +1 -0
- package/dist/components/icon/icons/edit.d.ts +3 -0
- package/dist/components/icon/icons/edit.d.ts.map +1 -0
- package/dist/components/icon/icons/ellipsis.d.ts +3 -0
- package/dist/components/icon/icons/ellipsis.d.ts.map +1 -0
- package/dist/components/icon/icons/error.d.ts +3 -0
- package/dist/components/icon/icons/error.d.ts.map +1 -0
- package/dist/components/icon/icons/external-link.d.ts +3 -0
- package/dist/components/icon/icons/external-link.d.ts.map +1 -0
- package/dist/components/icon/icons/file.d.ts +3 -0
- package/dist/components/icon/icons/file.d.ts.map +1 -0
- package/dist/components/icon/icons/filter.d.ts +3 -0
- package/dist/components/icon/icons/filter.d.ts.map +1 -0
- package/dist/components/icon/icons/folder.d.ts +3 -0
- package/dist/components/icon/icons/folder.d.ts.map +1 -0
- package/dist/components/icon/icons/grid.d.ts +3 -0
- package/dist/components/icon/icons/grid.d.ts.map +1 -0
- package/dist/components/icon/icons/help.d.ts +3 -0
- package/dist/components/icon/icons/help.d.ts.map +1 -0
- package/dist/components/icon/icons/home.d.ts +3 -0
- package/dist/components/icon/icons/home.d.ts.map +1 -0
- package/dist/components/icon/icons/image.d.ts +3 -0
- package/dist/components/icon/icons/image.d.ts.map +1 -0
- package/dist/components/icon/icons/index.d.ts +70 -0
- package/dist/components/icon/icons/index.d.ts.map +1 -0
- package/dist/components/icon/icons/info.d.ts +3 -0
- package/dist/components/icon/icons/info.d.ts.map +1 -0
- package/dist/components/icon/icons/language.d.ts +3 -0
- package/dist/components/icon/icons/language.d.ts.map +1 -0
- package/dist/components/icon/icons/link.d.ts +3 -0
- package/dist/components/icon/icons/link.d.ts.map +1 -0
- package/dist/components/icon/icons/list.d.ts +3 -0
- package/dist/components/icon/icons/list.d.ts.map +1 -0
- package/dist/components/icon/icons/location.d.ts +3 -0
- package/dist/components/icon/icons/location.d.ts.map +1 -0
- package/dist/components/icon/icons/lock.d.ts +3 -0
- package/dist/components/icon/icons/lock.d.ts.map +1 -0
- package/dist/components/icon/icons/login.d.ts +3 -0
- package/dist/components/icon/icons/login.d.ts.map +1 -0
- package/dist/components/icon/icons/logout.d.ts +3 -0
- package/dist/components/icon/icons/logout.d.ts.map +1 -0
- package/dist/components/icon/icons/mail.d.ts +3 -0
- package/dist/components/icon/icons/mail.d.ts.map +1 -0
- package/dist/components/icon/icons/map.d.ts +3 -0
- package/dist/components/icon/icons/map.d.ts.map +1 -0
- package/dist/components/icon/icons/menu.d.ts +3 -0
- package/dist/components/icon/icons/menu.d.ts.map +1 -0
- package/dist/components/icon/icons/moon.d.ts +3 -0
- package/dist/components/icon/icons/moon.d.ts.map +1 -0
- package/dist/components/icon/icons/notifications.d.ts +3 -0
- package/dist/components/icon/icons/notifications.d.ts.map +1 -0
- package/dist/components/icon/icons/paste.d.ts +3 -0
- package/dist/components/icon/icons/paste.d.ts.map +1 -0
- package/dist/components/icon/icons/pin.d.ts +3 -0
- package/dist/components/icon/icons/pin.d.ts.map +1 -0
- package/dist/components/icon/icons/plus.d.ts +3 -0
- package/dist/components/icon/icons/plus.d.ts.map +1 -0
- package/dist/components/icon/icons/print.d.ts +3 -0
- package/dist/components/icon/icons/print.d.ts.map +1 -0
- package/dist/components/icon/icons/refresh.d.ts +3 -0
- package/dist/components/icon/icons/refresh.d.ts.map +1 -0
- package/dist/components/icon/icons/remove.d.ts +3 -0
- package/dist/components/icon/icons/remove.d.ts.map +1 -0
- package/dist/components/icon/icons/save.d.ts +3 -0
- package/dist/components/icon/icons/save.d.ts.map +1 -0
- package/dist/components/icon/icons/search.d.ts +3 -0
- package/dist/components/icon/icons/search.d.ts.map +1 -0
- package/dist/components/icon/icons/settings.d.ts +3 -0
- package/dist/components/icon/icons/settings.d.ts.map +1 -0
- package/dist/components/icon/icons/share.d.ts +3 -0
- package/dist/components/icon/icons/share.d.ts.map +1 -0
- package/dist/components/icon/icons/sort.d.ts +3 -0
- package/dist/components/icon/icons/sort.d.ts.map +1 -0
- package/dist/components/icon/icons/star.d.ts +3 -0
- package/dist/components/icon/icons/star.d.ts.map +1 -0
- package/dist/components/icon/icons/success.d.ts +3 -0
- package/dist/components/icon/icons/success.d.ts.map +1 -0
- package/dist/components/icon/icons/sun.d.ts +3 -0
- package/dist/components/icon/icons/sun.d.ts.map +1 -0
- package/dist/components/icon/icons/tag.d.ts +3 -0
- package/dist/components/icon/icons/tag.d.ts.map +1 -0
- package/dist/components/icon/icons/trash.d.ts +3 -0
- package/dist/components/icon/icons/trash.d.ts.map +1 -0
- package/dist/components/icon/icons/unlock.d.ts +3 -0
- package/dist/components/icon/icons/unlock.d.ts.map +1 -0
- package/dist/components/icon/icons/upload.d.ts +3 -0
- package/dist/components/icon/icons/upload.d.ts.map +1 -0
- package/dist/components/icon/icons/user-add.d.ts +3 -0
- package/dist/components/icon/icons/user-add.d.ts.map +1 -0
- package/dist/components/icon/icons/user.d.ts +3 -0
- package/dist/components/icon/icons/user.d.ts.map +1 -0
- package/dist/components/icon/icons/users.d.ts +3 -0
- package/dist/components/icon/icons/users.d.ts.map +1 -0
- package/dist/components/icon/icons/video.d.ts +3 -0
- package/dist/components/icon/icons/video.d.ts.map +1 -0
- package/dist/components/icon/icons/warning.d.ts +3 -0
- package/dist/components/icon/icons/warning.d.ts.map +1 -0
- package/dist/components/icon/index.d.ts +3 -0
- package/dist/components/icon/index.d.ts.map +1 -0
- package/dist/components/icon/registry.d.ts +14 -0
- package/dist/components/icon/registry.d.ts.map +1 -0
- package/dist/components/input/Input.d.ts +54 -0
- package/dist/components/input/Input.d.ts.map +1 -0
- package/dist/components/input/index.d.ts +3 -0
- package/dist/components/input/index.d.ts.map +1 -0
- package/dist/components/link/Link.d.ts +16 -0
- package/dist/components/link/Link.d.ts.map +1 -0
- package/dist/components/link/index.d.ts +3 -0
- package/dist/components/link/index.d.ts.map +1 -0
- package/dist/components/modal/Modal.d.ts +32 -0
- package/dist/components/modal/Modal.d.ts.map +1 -0
- package/dist/components/modal/index.d.ts +3 -0
- package/dist/components/modal/index.d.ts.map +1 -0
- package/dist/components/page/Page.d.ts +23 -0
- package/dist/components/page/Page.d.ts.map +1 -0
- package/dist/components/page/index.d.ts +3 -0
- package/dist/components/page/index.d.ts.map +1 -0
- package/dist/components/popover/Popover.d.ts +47 -0
- package/dist/components/popover/Popover.d.ts.map +1 -0
- package/dist/components/popover/index.d.ts +3 -0
- package/dist/components/popover/index.d.ts.map +1 -0
- package/dist/components/select/Select.d.ts +28 -0
- package/dist/components/select/Select.d.ts.map +1 -0
- package/dist/components/select/index.d.ts +3 -0
- package/dist/components/select/index.d.ts.map +1 -0
- package/dist/components/spinner/Spinner.d.ts +13 -0
- package/dist/components/spinner/Spinner.d.ts.map +1 -0
- package/dist/components/spinner/index.d.ts +3 -0
- package/dist/components/spinner/index.d.ts.map +1 -0
- package/dist/components/stack/Stack.d.ts +20 -0
- package/dist/components/stack/Stack.d.ts.map +1 -0
- package/dist/components/stack/index.d.ts +3 -0
- package/dist/components/stack/index.d.ts.map +1 -0
- package/dist/components/switch/Switch.d.ts +24 -0
- package/dist/components/switch/Switch.d.ts.map +1 -0
- package/dist/components/switch/index.d.ts +3 -0
- package/dist/components/switch/index.d.ts.map +1 -0
- package/dist/components/text/Text.d.ts +25 -0
- package/dist/components/text/Text.d.ts.map +1 -0
- package/dist/components/text/index.d.ts +3 -0
- package/dist/components/text/index.d.ts.map +1 -0
- package/dist/icons/archive.svg +3 -0
- package/dist/icons/arrow-down.svg +3 -0
- package/dist/icons/arrow-left.svg +3 -0
- package/dist/icons/arrow-right.svg +3 -0
- package/dist/icons/arrow-up.svg +3 -0
- package/dist/icons/attach.svg +3 -0
- package/dist/icons/barcode.svg +3 -0
- package/dist/icons/bookmark.svg +3 -0
- package/dist/icons/calendar.svg +3 -0
- package/dist/icons/caret-down.svg +3 -0
- package/dist/icons/caret-left.svg +3 -0
- package/dist/icons/caret-right.svg +3 -0
- package/dist/icons/caret-up.svg +3 -0
- package/dist/icons/chat.svg +3 -0
- package/dist/icons/check.svg +3 -0
- package/dist/icons/clock.svg +3 -0
- package/dist/icons/close.svg +3 -0
- package/dist/icons/copy.svg +3 -0
- package/dist/icons/delete.svg +3 -0
- package/dist/icons/documentation.svg +3 -0
- package/dist/icons/download.svg +3 -0
- package/dist/icons/duplicate.svg +3 -0
- package/dist/icons/edit.svg +3 -0
- package/dist/icons/ellipsis.svg +3 -0
- package/dist/icons/error.svg +3 -0
- package/dist/icons/external-link.svg +3 -0
- package/dist/icons/file.svg +3 -0
- package/dist/icons/filter.svg +3 -0
- package/dist/icons/folder.svg +3 -0
- package/dist/icons/grid.svg +3 -0
- package/dist/icons/help.svg +3 -0
- package/dist/icons/home.svg +3 -0
- package/dist/icons/image.svg +3 -0
- package/dist/icons/info.svg +3 -0
- package/dist/icons/language.svg +3 -0
- package/dist/icons/link.svg +3 -0
- package/dist/icons/list.svg +3 -0
- package/dist/icons/location.svg +3 -0
- package/dist/icons/lock.svg +3 -0
- package/dist/icons/login.svg +3 -0
- package/dist/icons/logout.svg +3 -0
- package/dist/icons/mail.svg +3 -0
- package/dist/icons/map.svg +3 -0
- package/dist/icons/menu.svg +3 -0
- package/dist/icons/moon.svg +3 -0
- package/dist/icons/notifications.svg +3 -0
- package/dist/icons/paste.svg +3 -0
- package/dist/icons/pin.svg +3 -0
- package/dist/icons/plus.svg +3 -0
- package/dist/icons/print.svg +3 -0
- package/dist/icons/qr-code.svg +3 -0
- package/dist/icons/refresh.svg +3 -0
- package/dist/icons/register.svg +3 -0
- package/dist/icons/remove.svg +3 -0
- package/dist/icons/save.svg +3 -0
- package/dist/icons/search.svg +3 -0
- package/dist/icons/settings.svg +3 -0
- package/dist/icons/share.svg +3 -0
- package/dist/icons/sort.svg +3 -0
- package/dist/icons/star.svg +3 -0
- package/dist/icons/success.svg +3 -0
- package/dist/icons/sun.svg +3 -0
- package/dist/icons/tag.svg +3 -0
- package/dist/icons/trash.svg +3 -0
- package/dist/icons/unlock.svg +3 -0
- package/dist/icons/upload.svg +3 -0
- package/dist/icons/user-add.svg +3 -0
- package/dist/icons/user.svg +3 -0
- package/dist/icons/users.svg +3 -0
- package/dist/icons/video.svg +3 -0
- package/dist/icons/warning.svg +3 -0
- package/dist/index.cjs +68 -0
- package/dist/index.d.ts +42 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +3944 -0
- package/package.json +64 -0
package/README.md
ADDED
|
@@ -0,0 +1,194 @@
|
|
|
1
|
+
# MintUI
|
|
2
|
+
|
|
3
|
+
A modern **framework-agnostic** UI kit built as **pure JavaScript Web Components** (no framework dependencies). Works in Vue, React, Angular, Svelte, or vanilla JavaScript!
|
|
4
|
+
|
|
5
|
+
**100% Framework Independent**: Components are built with pure JavaScript and native Web Component APIs. No Vue, React, or any other framework required!
|
|
6
|
+
|
|
7
|
+
**Requires Tailwind CSS**: Components use Tailwind CSS classes and require Tailwind to be installed in your project. This ensures optimal tree-shaking and minimal CSS output.
|
|
8
|
+
|
|
9
|
+
## Installation
|
|
10
|
+
|
|
11
|
+
```bash
|
|
12
|
+
npm install mintui
|
|
13
|
+
```
|
|
14
|
+
|
|
15
|
+
## Usage
|
|
16
|
+
|
|
17
|
+
### Framework-Agnostic Web Components
|
|
18
|
+
|
|
19
|
+
Components are Web Components (Custom Elements) that work in **any framework**:
|
|
20
|
+
|
|
21
|
+
#### Vanilla JavaScript / HTML
|
|
22
|
+
|
|
23
|
+
```html
|
|
24
|
+
<!DOCTYPE html>
|
|
25
|
+
<html>
|
|
26
|
+
<head>
|
|
27
|
+
<script type="module">
|
|
28
|
+
import 'mintui'
|
|
29
|
+
</script>
|
|
30
|
+
</head>
|
|
31
|
+
<body>
|
|
32
|
+
<mint-button variant="primary">Click me</mint-button>
|
|
33
|
+
<mint-switch id="mySwitch"></mint-switch>
|
|
34
|
+
|
|
35
|
+
<script>
|
|
36
|
+
document.getElementById('mySwitch').addEventListener('change', (e) => {
|
|
37
|
+
console.log('Toggled:', e.detail.checked)
|
|
38
|
+
})
|
|
39
|
+
</script>
|
|
40
|
+
</body>
|
|
41
|
+
</html>
|
|
42
|
+
```
|
|
43
|
+
|
|
44
|
+
#### Vue 3
|
|
45
|
+
|
|
46
|
+
```vue
|
|
47
|
+
<template>
|
|
48
|
+
<mint-button variant="primary" @click="handleClick">
|
|
49
|
+
Click me
|
|
50
|
+
</mint-button>
|
|
51
|
+
<mint-switch :checked="enabled" @change="handleChange" />
|
|
52
|
+
<mint-input label="Name" v-model="name" />
|
|
53
|
+
<mint-select label="Country" v-model="country">
|
|
54
|
+
<option value="us">United States</option>
|
|
55
|
+
<option value="ca">Canada</option>
|
|
56
|
+
</mint-select>
|
|
57
|
+
</template>
|
|
58
|
+
|
|
59
|
+
<script setup>
|
|
60
|
+
import { ref } from 'vue'
|
|
61
|
+
import 'mintui'
|
|
62
|
+
|
|
63
|
+
const enabled = ref(false)
|
|
64
|
+
const name = ref('')
|
|
65
|
+
const country = ref('')
|
|
66
|
+
|
|
67
|
+
const handleClick = () => console.log('Clicked!')
|
|
68
|
+
const handleChange = (e) => {
|
|
69
|
+
enabled.value = e.detail?.checked ?? e.target.checked
|
|
70
|
+
}
|
|
71
|
+
</script>
|
|
72
|
+
```
|
|
73
|
+
|
|
74
|
+
#### React
|
|
75
|
+
|
|
76
|
+
```jsx
|
|
77
|
+
import { useState } from 'react'
|
|
78
|
+
import 'mintui'
|
|
79
|
+
|
|
80
|
+
function App() {
|
|
81
|
+
const [enabled, setEnabled] = useState(false)
|
|
82
|
+
|
|
83
|
+
return (
|
|
84
|
+
<>
|
|
85
|
+
<mint-button variant="primary" onClick={() => console.log('Clicked!')}>
|
|
86
|
+
Click me
|
|
87
|
+
</mint-button>
|
|
88
|
+
<mint-switch
|
|
89
|
+
checked={enabled}
|
|
90
|
+
onChange={(e) => setEnabled(e.detail?.checked ?? e.target.checked)}
|
|
91
|
+
/>
|
|
92
|
+
<mint-input label="Name" />
|
|
93
|
+
<mint-select label="Country">
|
|
94
|
+
<option value="us">United States</option>
|
|
95
|
+
<option value="ca">Canada</option>
|
|
96
|
+
</mint-select>
|
|
97
|
+
</>
|
|
98
|
+
)
|
|
99
|
+
}
|
|
100
|
+
```
|
|
101
|
+
|
|
102
|
+
#### Angular
|
|
103
|
+
|
|
104
|
+
```typescript
|
|
105
|
+
import { Component } from '@angular/core'
|
|
106
|
+
import 'mintui'
|
|
107
|
+
|
|
108
|
+
@Component({
|
|
109
|
+
selector: 'app-root',
|
|
110
|
+
template: `
|
|
111
|
+
<mint-button variant="primary" (click)="handleClick()">
|
|
112
|
+
Click me
|
|
113
|
+
</mint-button>
|
|
114
|
+
<mint-switch [checked]="enabled" (change)="handleChange($event)">
|
|
115
|
+
</mint-switch>
|
|
116
|
+
`
|
|
117
|
+
})
|
|
118
|
+
export class AppComponent {
|
|
119
|
+
enabled = false
|
|
120
|
+
handleClick() { console.log('Clicked!') }
|
|
121
|
+
handleChange(e: any) {
|
|
122
|
+
this.enabled = e.detail?.checked ?? e.target.checked
|
|
123
|
+
}
|
|
124
|
+
}
|
|
125
|
+
```
|
|
126
|
+
|
|
127
|
+
## Available Components
|
|
128
|
+
|
|
129
|
+
- **mint-button** - Button component with multiple variants
|
|
130
|
+
- **mint-switch** - Toggle switch component
|
|
131
|
+
- **mint-input** - Text input, textarea, and various input types
|
|
132
|
+
- **mint-select** - Select dropdown component
|
|
133
|
+
- **mint-checkbox** - Checkbox component
|
|
134
|
+
- **mint-choice** - Radio button group component
|
|
135
|
+
- **mint-date-picker** - Date picker component
|
|
136
|
+
- **mint-dropzone** - File upload component
|
|
137
|
+
- **mint-form** - Form component with validation
|
|
138
|
+
- **mint-icon** - Icon component
|
|
139
|
+
- **mint-text** - Text component with typography variants
|
|
140
|
+
- **mint-card** - Card component
|
|
141
|
+
- **mint-modal** - Modal dialog component
|
|
142
|
+
- **mint-popover** - Popover component
|
|
143
|
+
- **mint-spinner** - Loading spinner component
|
|
144
|
+
- **mint-stack** - Stack layout component
|
|
145
|
+
- **mint-grid** - Grid layout component
|
|
146
|
+
- **mint-page** - Page container component
|
|
147
|
+
- **mint-link** - Link component
|
|
148
|
+
- **mint-back-button** - Back button component
|
|
149
|
+
|
|
150
|
+
## Importing Styles
|
|
151
|
+
|
|
152
|
+
If you need the base styles (though components work with Tailwind CSS):
|
|
153
|
+
|
|
154
|
+
```javascript
|
|
155
|
+
import 'mintui/styles'
|
|
156
|
+
```
|
|
157
|
+
|
|
158
|
+
## Requirements
|
|
159
|
+
|
|
160
|
+
- **Tailwind CSS** - Required. Components use Tailwind utility classes.
|
|
161
|
+
- **No framework required!** Components are pure JavaScript Web Components
|
|
162
|
+
- **No JavaScript dependencies!** Built with native Web Component APIs
|
|
163
|
+
- Modern browser with Web Components support (all modern browsers)
|
|
164
|
+
|
|
165
|
+
### Tailwind Configuration
|
|
166
|
+
|
|
167
|
+
Make sure your `tailwind.config.js` includes the component paths:
|
|
168
|
+
|
|
169
|
+
```js
|
|
170
|
+
export default {
|
|
171
|
+
content: [
|
|
172
|
+
"./src/**/*.{vue,js,ts,jsx,tsx}",
|
|
173
|
+
"./node_modules/mintui/**/*.js", // Add this
|
|
174
|
+
],
|
|
175
|
+
// ... rest of config
|
|
176
|
+
}
|
|
177
|
+
```
|
|
178
|
+
|
|
179
|
+
## Development
|
|
180
|
+
|
|
181
|
+
```bash
|
|
182
|
+
# Install dependencies
|
|
183
|
+
npm install
|
|
184
|
+
|
|
185
|
+
# Run development server
|
|
186
|
+
npm run dev
|
|
187
|
+
|
|
188
|
+
# Build for production
|
|
189
|
+
npm run build
|
|
190
|
+
```
|
|
191
|
+
|
|
192
|
+
## License
|
|
193
|
+
|
|
194
|
+
MIT
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
declare class MintBackButton extends HTMLElement {
|
|
2
|
+
static get observedAttributes(): string[];
|
|
3
|
+
private _button;
|
|
4
|
+
private _historyDepth;
|
|
5
|
+
private readonly _maxBackAttempts;
|
|
6
|
+
private _backAttempts;
|
|
7
|
+
private _initialUrl;
|
|
8
|
+
private _initialOrigin;
|
|
9
|
+
private _popstateHandler;
|
|
10
|
+
constructor();
|
|
11
|
+
connectedCallback(): void;
|
|
12
|
+
disconnectedCallback(): void;
|
|
13
|
+
attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
|
|
14
|
+
private _setupHistoryTracking;
|
|
15
|
+
getFallbackHref(): string;
|
|
16
|
+
handleClick(event: Event): void;
|
|
17
|
+
private _wouldBackLeaveApp;
|
|
18
|
+
private _navigateToFallback;
|
|
19
|
+
render(): void;
|
|
20
|
+
}
|
|
21
|
+
export default MintBackButton;
|
|
22
|
+
//# sourceMappingURL=BackButton.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BackButton.d.ts","sourceRoot":"","sources":["../../../src/components/back-button/BackButton.ts"],"names":[],"mappings":"AAkBA,cAAM,cAAe,SAAQ,WAAW;IACtC,MAAM,KAAK,kBAAkB,IAAI,MAAM,EAAE,CAExC;IAED,OAAO,CAAC,OAAO,CAA2B;IAC1C,OAAO,CAAC,aAAa,CAAY;IACjC,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAAa;IAC9C,OAAO,CAAC,aAAa,CAAY;IACjC,OAAO,CAAC,WAAW,CAAa;IAChC,OAAO,CAAC,cAAc,CAAa;IACnC,OAAO,CAAC,gBAAgB,CAA4C;;IAOpE,iBAAiB,IAAI,IAAI;IAOzB,oBAAoB,IAAI,IAAI;IAQ5B,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAM9F,OAAO,CAAC,qBAAqB;IAyC7B,eAAe,IAAI,MAAM;IAIzB,WAAW,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAkE/B,OAAO,CAAC,kBAAkB;IA0C1B,OAAO,CAAC,mBAAmB;IAiC3B,MAAM,IAAI,IAAI;CAUf;AAOD,eAAe,cAAc,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/back-button/index.ts"],"names":[],"mappings":"AAEA,OAAO,cAAc,CAAA;AAGrB,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA"}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import '../spinner/index';
|
|
2
|
+
import '../icon/index';
|
|
3
|
+
type ButtonVariant = 'solid' | 'ghost' | 'link';
|
|
4
|
+
type ButtonTone = 'neutral' | 'action' | 'info' | 'warning' | 'danger';
|
|
5
|
+
type ButtonType = 'button' | 'submit';
|
|
6
|
+
type IconPosition = 'left' | 'right';
|
|
7
|
+
declare class MintButton extends HTMLElement {
|
|
8
|
+
static get observedAttributes(): string[];
|
|
9
|
+
private _button;
|
|
10
|
+
private _clickHandler;
|
|
11
|
+
private _isHandlingClick;
|
|
12
|
+
constructor();
|
|
13
|
+
connectedCallback(): void;
|
|
14
|
+
disconnectedCallback(): void;
|
|
15
|
+
attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
|
|
16
|
+
getVariant(): ButtonVariant;
|
|
17
|
+
getTone(): ButtonTone;
|
|
18
|
+
isDisabled(): boolean;
|
|
19
|
+
isLoading(): boolean;
|
|
20
|
+
getType(): ButtonType;
|
|
21
|
+
isFullWidth(): boolean;
|
|
22
|
+
getIconPosition(): IconPosition;
|
|
23
|
+
getIcon(): string;
|
|
24
|
+
isIconOnly(): boolean;
|
|
25
|
+
getButtonClasses(): string;
|
|
26
|
+
render(): void;
|
|
27
|
+
setupEventListeners(): void;
|
|
28
|
+
removeEventListeners(): void;
|
|
29
|
+
private _handleMouseDown;
|
|
30
|
+
private _handleMouseUp;
|
|
31
|
+
private _handleMouseLeave;
|
|
32
|
+
private _handleTouchStart;
|
|
33
|
+
private _handleTouchEnd;
|
|
34
|
+
private _handleTouchCancel;
|
|
35
|
+
handleClick(event: Event): void;
|
|
36
|
+
}
|
|
37
|
+
export default MintButton;
|
|
38
|
+
//# sourceMappingURL=Button.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/button/Button.ts"],"names":[],"mappings":"AAEA,OAAO,kBAAkB,CAAA;AACzB,OAAO,eAAe,CAAA;AAEtB,KAAK,aAAa,GAAG,OAAO,GAAG,OAAO,GAAG,MAAM,CAAA;AAC/C,KAAK,UAAU,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAA;AACtE,KAAK,UAAU,GAAG,QAAQ,GAAG,QAAQ,CAAA;AACrC,KAAK,YAAY,GAAG,MAAM,GAAG,OAAO,CAAA;AAMpC,cAAM,UAAW,SAAQ,WAAW;IAClC,MAAM,KAAK,kBAAkB,IAAI,MAAM,EAAE,CAExC;IAED,OAAO,CAAC,OAAO,CAAiC;IAChD,OAAO,CAAC,aAAa,CAAwC;IAC7D,OAAO,CAAC,gBAAgB,CAAiB;;IAOzC,iBAAiB,IAAI,IAAI;IAczB,oBAAoB,IAAI,IAAI;IAI5B,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAM9F,UAAU,IAAI,aAAa;IAI3B,OAAO,IAAI,UAAU;IAIrB,UAAU,IAAI,OAAO;IAIrB,SAAS,IAAI,OAAO;IAIpB,OAAO,IAAI,UAAU;IASrB,WAAW,IAAI,OAAO;IAItB,eAAe,IAAI,YAAY;IAI/B,OAAO,IAAI,MAAM;IAIjB,UAAU,IAAI,OAAO;IAiCrB,gBAAgB,IAAI,MAAM;IA4U1B,MAAM,IAAI,IAAI;IAuOd,mBAAmB,IAAI,IAAI;IAmB3B,oBAAoB,IAAI,IAAI;IAgB5B,OAAO,CAAC,gBAAgB,CAIvB;IAED,OAAO,CAAC,cAAc,CAIrB;IAED,OAAO,CAAC,iBAAiB,CAIxB;IAED,OAAO,CAAC,iBAAiB,CAIxB;IAED,OAAO,CAAC,eAAe,CAItB;IAED,OAAO,CAAC,kBAAkB,CAIzB;IAED,WAAW,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;CAuChC;AAOD,eAAe,UAAU,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/button/index.ts"],"names":[],"mappings":"AAEA,OAAO,UAAU,CAAA;AAGjB,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
declare class MintCard extends HTMLElement {
|
|
2
|
+
static get observedAttributes(): string[];
|
|
3
|
+
constructor();
|
|
4
|
+
connectedCallback(): void;
|
|
5
|
+
attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
|
|
6
|
+
render(): void;
|
|
7
|
+
}
|
|
8
|
+
export default MintCard;
|
|
9
|
+
//# sourceMappingURL=Card.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/card/Card.ts"],"names":[],"mappings":"AAGA,cAAM,QAAS,SAAQ,WAAW;IAChC,MAAM,KAAK,kBAAkB,IAAI,MAAM,EAAE,CAExC;;IAOD,iBAAiB,IAAI,IAAI;IAMzB,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAM9F,MAAM,IAAI,IAAI;CAgBf;AAOD,eAAe,QAAQ,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/card/index.ts"],"names":[],"mappings":"AAEA,OAAO,QAAQ,CAAA;AAGf,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA"}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import '../icon/index';
|
|
2
|
+
import '../icon/icons/check';
|
|
3
|
+
declare class MintCheckbox extends HTMLElement {
|
|
4
|
+
static get observedAttributes(): string[];
|
|
5
|
+
private _checkbox;
|
|
6
|
+
private _checked;
|
|
7
|
+
private _clickHandler;
|
|
8
|
+
private _changeHandler;
|
|
9
|
+
private _mousedownHandler;
|
|
10
|
+
private _mouseupHandler;
|
|
11
|
+
private _mouseleaveHandler;
|
|
12
|
+
private _touchstartHandler;
|
|
13
|
+
private _touchendHandler;
|
|
14
|
+
private _focusHandler;
|
|
15
|
+
private _blurHandler;
|
|
16
|
+
constructor();
|
|
17
|
+
connectedCallback(): void;
|
|
18
|
+
disconnectedCallback(): void;
|
|
19
|
+
attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
|
|
20
|
+
get checked(): boolean;
|
|
21
|
+
set checked(value: boolean);
|
|
22
|
+
isDisabled(): boolean;
|
|
23
|
+
getLabel(): string;
|
|
24
|
+
getInfo(): string;
|
|
25
|
+
getId(): string;
|
|
26
|
+
getName(): string;
|
|
27
|
+
getValue(): string;
|
|
28
|
+
getCheckboxClasses(): string;
|
|
29
|
+
render(): void;
|
|
30
|
+
setupEventListeners(): void;
|
|
31
|
+
removeEventListeners(): void;
|
|
32
|
+
updateVisualState(): void;
|
|
33
|
+
toggle(): void;
|
|
34
|
+
}
|
|
35
|
+
export default MintCheckbox;
|
|
36
|
+
//# sourceMappingURL=Checkbox.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox/Checkbox.ts"],"names":[],"mappings":"AAEA,OAAO,eAAe,CAAA;AACtB,OAAO,qBAAqB,CAAA;AAM5B,cAAM,YAAa,SAAQ,WAAW;IACpC,MAAM,KAAK,kBAAkB,IAAI,MAAM,EAAE,CAExC;IAED,OAAO,CAAC,SAAS,CAAgC;IACjD,OAAO,CAAC,QAAQ,CAAiB;IACjC,OAAO,CAAC,aAAa,CAAoC;IACzD,OAAO,CAAC,cAAc,CAAoC;IAC1D,OAAO,CAAC,iBAAiB,CAAoC;IAC7D,OAAO,CAAC,eAAe,CAAoC;IAC3D,OAAO,CAAC,kBAAkB,CAAoC;IAC9D,OAAO,CAAC,kBAAkB,CAAoC;IAC9D,OAAO,CAAC,gBAAgB,CAAoC;IAC5D,OAAO,CAAC,aAAa,CAAyC;IAC9D,OAAO,CAAC,YAAY,CAAyC;;IAO7D,iBAAiB,IAAI,IAAI;IASzB,oBAAoB,IAAI,IAAI;IAI5B,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAkB9F,IAAI,OAAO,IAAI,OAAO,CAErB;IAED,IAAI,OAAO,CAAC,KAAK,EAAE,OAAO,EAYzB;IAED,UAAU,IAAI,OAAO;IAIrB,QAAQ,IAAI,MAAM;IAIlB,OAAO,IAAI,MAAM;IAIjB,KAAK,IAAI,MAAM;IAIf,OAAO,IAAI,MAAM;IAIjB,QAAQ,IAAI,MAAM;IAIlB,kBAAkB,IAAI,MAAM;IA6C5B,MAAM,IAAI,IAAI;IAqKd,mBAAmB,IAAI,IAAI;IAwI3B,oBAAoB,IAAI,IAAI;IAqC5B,iBAAiB,IAAI,IAAI;IAmBzB,MAAM,IAAI,IAAI;CA4Bf;AAOD,eAAe,YAAY,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox/index.ts"],"names":[],"mappings":"AAEA,OAAO,YAAY,CAAA;AAGnB,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
declare class MintChoice extends HTMLElement {
|
|
2
|
+
static get observedAttributes(): string[];
|
|
3
|
+
private _radio;
|
|
4
|
+
private _checked;
|
|
5
|
+
private _changeHandler;
|
|
6
|
+
private _groupChangeHandler;
|
|
7
|
+
private _clickHandler;
|
|
8
|
+
private _mousedownHandler;
|
|
9
|
+
private _mouseupHandler;
|
|
10
|
+
private _mouseleaveHandler;
|
|
11
|
+
private _touchstartHandler;
|
|
12
|
+
private _touchendHandler;
|
|
13
|
+
private _focusHandler;
|
|
14
|
+
private _blurHandler;
|
|
15
|
+
constructor();
|
|
16
|
+
connectedCallback(): void;
|
|
17
|
+
disconnectedCallback(): void;
|
|
18
|
+
attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
|
|
19
|
+
get checked(): boolean;
|
|
20
|
+
set checked(value: boolean);
|
|
21
|
+
isDisabled(): boolean;
|
|
22
|
+
getLabel(): string;
|
|
23
|
+
getInfo(): string;
|
|
24
|
+
getId(): string;
|
|
25
|
+
getName(): string;
|
|
26
|
+
getValue(): string;
|
|
27
|
+
getChoiceClasses(): string;
|
|
28
|
+
render(): void;
|
|
29
|
+
setupEventListeners(): void;
|
|
30
|
+
removeEventListeners(): void;
|
|
31
|
+
updateVisualState(): void;
|
|
32
|
+
select(): void;
|
|
33
|
+
}
|
|
34
|
+
export default MintChoice;
|
|
35
|
+
//# sourceMappingURL=Choice.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Choice.d.ts","sourceRoot":"","sources":["../../../src/components/choice/Choice.ts"],"names":[],"mappings":"AAYA,cAAM,UAAW,SAAQ,WAAW;IAClC,MAAM,KAAK,kBAAkB,IAAI,MAAM,EAAE,CAExC;IAED,OAAO,CAAC,MAAM,CAAgC;IAC9C,OAAO,CAAC,QAAQ,CAAiB;IACjC,OAAO,CAAC,cAAc,CAAoC;IAC1D,OAAO,CAAC,mBAAmB,CAAoC;IAC/D,OAAO,CAAC,aAAa,CAAoC;IACzD,OAAO,CAAC,iBAAiB,CAAoC;IAC7D,OAAO,CAAC,eAAe,CAAoC;IAC3D,OAAO,CAAC,kBAAkB,CAAoC;IAC9D,OAAO,CAAC,kBAAkB,CAAoC;IAC9D,OAAO,CAAC,gBAAgB,CAAoC;IAC5D,OAAO,CAAC,aAAa,CAAyC;IAC9D,OAAO,CAAC,YAAY,CAAyC;;IAO7D,iBAAiB,IAAI,IAAI;IASzB,oBAAoB,IAAI,IAAI;IAI5B,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAkB9F,IAAI,OAAO,IAAI,OAAO,CAErB;IAED,IAAI,OAAO,CAAC,KAAK,EAAE,OAAO,EAYzB;IAED,UAAU,IAAI,OAAO;IAIrB,QAAQ,IAAI,MAAM;IAIlB,OAAO,IAAI,MAAM;IAIjB,KAAK,IAAI,MAAM;IAIf,OAAO,IAAI,MAAM;IAIjB,QAAQ,IAAI,MAAM;IAIlB,gBAAgB,IAAI,MAAM;IA4C1B,MAAM,IAAI,IAAI;IAwKd,mBAAmB,IAAI,IAAI;IA6O3B,oBAAoB,IAAI,IAAI;IA6C5B,iBAAiB,IAAI,IAAI;IAmBzB,MAAM,IAAI,IAAI;CAqDf;AAOD,eAAe,UAAU,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/choice/index.ts"],"names":[],"mappings":"AAEA,OAAO,UAAU,CAAA;AAGjB,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA"}
|
|
@@ -0,0 +1,103 @@
|
|
|
1
|
+
import '../input/index';
|
|
2
|
+
import '../popover/index';
|
|
3
|
+
import '../icon/index';
|
|
4
|
+
interface DateShortcut {
|
|
5
|
+
label: string;
|
|
6
|
+
action: () => Date | {
|
|
7
|
+
start: Date;
|
|
8
|
+
end: Date;
|
|
9
|
+
} | null;
|
|
10
|
+
}
|
|
11
|
+
declare class MintDatePicker extends HTMLElement {
|
|
12
|
+
static get observedAttributes(): string[];
|
|
13
|
+
private _input;
|
|
14
|
+
private _textInput;
|
|
15
|
+
private _popover;
|
|
16
|
+
private _calendarContainer;
|
|
17
|
+
private _iconButton;
|
|
18
|
+
private _hiddenInput;
|
|
19
|
+
private _startPartInputs;
|
|
20
|
+
private _endPartInputs;
|
|
21
|
+
private _displayEl;
|
|
22
|
+
private _inputsWrapperEl;
|
|
23
|
+
private _fieldsContainer;
|
|
24
|
+
private _resetHandler;
|
|
25
|
+
private _isInputMode;
|
|
26
|
+
private _currentMonth;
|
|
27
|
+
private _currentYear;
|
|
28
|
+
private _viewMode;
|
|
29
|
+
private _selectedStartDate;
|
|
30
|
+
private _selectedEndDate;
|
|
31
|
+
private _isRange;
|
|
32
|
+
private _popoverObserver;
|
|
33
|
+
private _focusTrapHandler;
|
|
34
|
+
private _escapeHandler;
|
|
35
|
+
constructor();
|
|
36
|
+
connectedCallback(): void;
|
|
37
|
+
disconnectedCallback(): void;
|
|
38
|
+
attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
|
|
39
|
+
getValue(): string;
|
|
40
|
+
setValue(value: string): void;
|
|
41
|
+
getFormat(): string;
|
|
42
|
+
getLabel(): string;
|
|
43
|
+
getInfo(): string;
|
|
44
|
+
isDisabled(): boolean;
|
|
45
|
+
isReadonly(): boolean;
|
|
46
|
+
isRequired(): boolean;
|
|
47
|
+
hasError(): boolean;
|
|
48
|
+
getErrorMessage(): string;
|
|
49
|
+
isRange(): boolean;
|
|
50
|
+
getId(): string;
|
|
51
|
+
getName(): string;
|
|
52
|
+
getMin(): string;
|
|
53
|
+
getMax(): string;
|
|
54
|
+
getDisplayFormat(): string;
|
|
55
|
+
getShortcuts(): DateShortcut[];
|
|
56
|
+
private _createShortcutAction;
|
|
57
|
+
private _getDefaultShortcuts;
|
|
58
|
+
private _getFormatTokens;
|
|
59
|
+
private _createPartInput;
|
|
60
|
+
private _buildValueFromParts;
|
|
61
|
+
private _applyDateToParts;
|
|
62
|
+
private _syncHiddenInput;
|
|
63
|
+
private _focusNext;
|
|
64
|
+
private _focusPrev;
|
|
65
|
+
private _attachPartInputHandlers;
|
|
66
|
+
private _splitRangeInput;
|
|
67
|
+
private _parseValue;
|
|
68
|
+
private _parseDateString;
|
|
69
|
+
private _formatDate;
|
|
70
|
+
private _formatDatePhp;
|
|
71
|
+
private _validateDateString;
|
|
72
|
+
render(): void;
|
|
73
|
+
private _renderErrorState;
|
|
74
|
+
private _applyErrorVisuals;
|
|
75
|
+
private _attachFormResetListener;
|
|
76
|
+
private _clearPartInputs;
|
|
77
|
+
private _getFieldContainerClass;
|
|
78
|
+
private _handleInputChange;
|
|
79
|
+
private _cleanInputValue;
|
|
80
|
+
private _handleBlur;
|
|
81
|
+
private _setupPopoverWithRetry;
|
|
82
|
+
private _createPopover;
|
|
83
|
+
private _buildCalendar;
|
|
84
|
+
private _buildCalendarView;
|
|
85
|
+
private _buildMonthView;
|
|
86
|
+
private _buildYearView;
|
|
87
|
+
private _getDaysInMonth;
|
|
88
|
+
private _getFirstDayOfMonth;
|
|
89
|
+
private _isToday;
|
|
90
|
+
private _isDateSelected;
|
|
91
|
+
private _isDateInRange;
|
|
92
|
+
private _hasIncompleteRange;
|
|
93
|
+
private _isSameDate;
|
|
94
|
+
private _handleDateClick;
|
|
95
|
+
private _updateDisplayText;
|
|
96
|
+
private _enterInputMode;
|
|
97
|
+
private _exitInputMode;
|
|
98
|
+
private _getFocusableElements;
|
|
99
|
+
private _setupFocusTrap;
|
|
100
|
+
private _removeFocusTrap;
|
|
101
|
+
}
|
|
102
|
+
export default MintDatePicker;
|
|
103
|
+
//# sourceMappingURL=DatePicker.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/date-picker/DatePicker.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/date-picker/index.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAA;AAErB,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA"}
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
import '../icon/index';
|
|
2
|
+
declare class MintDropzone extends HTMLElement {
|
|
3
|
+
static get observedAttributes(): string[];
|
|
4
|
+
private _dropzone;
|
|
5
|
+
private _fileInput;
|
|
6
|
+
private _previewContainer;
|
|
7
|
+
private _isDragging;
|
|
8
|
+
private _wasDragging;
|
|
9
|
+
private _isUpdatingFiles;
|
|
10
|
+
private _listenersInitialized;
|
|
11
|
+
private _selectedFiles;
|
|
12
|
+
private _previewUrls;
|
|
13
|
+
private _resetHandler;
|
|
14
|
+
private _onDropzoneClick?;
|
|
15
|
+
private _onDragOver?;
|
|
16
|
+
private _onDragLeave?;
|
|
17
|
+
private _onDrop?;
|
|
18
|
+
private _onFileInputChange?;
|
|
19
|
+
private _onFileInputInput?;
|
|
20
|
+
constructor();
|
|
21
|
+
connectedCallback(): void;
|
|
22
|
+
disconnectedCallback(): void;
|
|
23
|
+
attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
|
|
24
|
+
getLabel(): string;
|
|
25
|
+
getAccept(): string;
|
|
26
|
+
isMultiple(): boolean;
|
|
27
|
+
getWidth(): string;
|
|
28
|
+
getHeight(): string;
|
|
29
|
+
getName(): string;
|
|
30
|
+
hasError(): boolean;
|
|
31
|
+
getErrorMessage(): string;
|
|
32
|
+
isDisabled(): boolean;
|
|
33
|
+
render(): void;
|
|
34
|
+
private _updateDragState;
|
|
35
|
+
private _renderErrorState;
|
|
36
|
+
private _updateDragStateClass;
|
|
37
|
+
private setupEventListeners;
|
|
38
|
+
private removeEventListeners;
|
|
39
|
+
private _handleFiles;
|
|
40
|
+
private _isFileAccepted;
|
|
41
|
+
private _dispatchEvent;
|
|
42
|
+
private _dispatchSelectionEvents;
|
|
43
|
+
private _syncFileInputFromSelected;
|
|
44
|
+
get files(): FileList | null;
|
|
45
|
+
syncFiles(): void;
|
|
46
|
+
private _renderPreviews;
|
|
47
|
+
private _removeFileAt;
|
|
48
|
+
private _cleanupPreviewUrls;
|
|
49
|
+
private _attachFormResetListener;
|
|
50
|
+
private _applyValidFiles;
|
|
51
|
+
private _isDuplicateFile;
|
|
52
|
+
}
|
|
53
|
+
export default MintDropzone;
|
|
54
|
+
//# sourceMappingURL=Dropzone.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Dropzone.d.ts","sourceRoot":"","sources":["../../../src/components/dropzone/Dropzone.ts"],"names":[],"mappings":"AAEA,OAAO,eAAe,CAAA;AAEtB,cAAM,YAAa,SAAQ,WAAW;IACpC,MAAM,KAAK,kBAAkB,IAAI,MAAM,EAAE,CAExC;IAED,OAAO,CAAC,SAAS,CAA2B;IAC5C,OAAO,CAAC,UAAU,CAAgC;IAClD,OAAO,CAAC,iBAAiB,CAA2B;IACpD,OAAO,CAAC,WAAW,CAAiB;IACpC,OAAO,CAAC,YAAY,CAAiB;IACrC,OAAO,CAAC,gBAAgB,CAAiB;IACzC,OAAO,CAAC,qBAAqB,CAAiB;IAC9C,OAAO,CAAC,cAAc,CAAa;IACnC,OAAO,CAAC,YAAY,CAAe;IACnC,OAAO,CAAC,aAAa,CAAoC;IACzD,OAAO,CAAC,gBAAgB,CAAC,CAAyB;IAClD,OAAO,CAAC,WAAW,CAAC,CAAwB;IAC5C,OAAO,CAAC,YAAY,CAAC,CAAwB;IAC7C,OAAO,CAAC,OAAO,CAAC,CAAwB;IACxC,OAAO,CAAC,kBAAkB,CAAC,CAAoB;IAC/C,OAAO,CAAC,iBAAiB,CAAC,CAAoB;;IAM9C,iBAAiB,IAAI,IAAI;IAMzB,oBAAoB,IAAI,IAAI;IAU5B,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAY9F,QAAQ,IAAI,MAAM;IAIlB,SAAS,IAAI,MAAM;IAInB,UAAU,IAAI,OAAO;IAIrB,QAAQ,IAAI,MAAM;IAIlB,SAAS,IAAI,MAAM;IAInB,OAAO,IAAI,MAAM;IAIjB,QAAQ,IAAI,OAAO;IAInB,eAAe,IAAI,MAAM;IAIzB,UAAU,IAAI,OAAO;IAIrB,MAAM,IAAI,IAAI;IAyEd,OAAO,CAAC,gBAAgB;IAMxB,OAAO,CAAC,iBAAiB;IAczB,OAAO,CAAC,qBAAqB;IAmB7B,OAAO,CAAC,mBAAmB;IA+J3B,OAAO,CAAC,oBAAoB;IAqB5B,OAAO,CAAC,YAAY;IAqCpB,OAAO,CAAC,eAAe;IAyBvB,OAAO,CAAC,cAAc;IAatB,OAAO,CAAC,wBAAwB;IAOhC,OAAO,CAAC,0BAA0B;IAyBlC,IAAI,KAAK,IAAI,QAAQ,GAAG,IAAI,CAI3B;IAGD,SAAS,IAAI,IAAI;IAIjB,OAAO,CAAC,eAAe;IAiHvB,OAAO,CAAC,aAAa;IAYrB,OAAO,CAAC,mBAAmB;IAK3B,OAAO,CAAC,wBAAwB;IAahC,OAAO,CAAC,gBAAgB;IAuBxB,OAAO,CAAC,gBAAgB;CAOzB;AAOD,eAAe,YAAY,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/dropzone/index.ts"],"names":[],"mappings":"AAEA,OAAO,YAAY,CAAA;AAGnB,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA"}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
declare class MintForm extends HTMLElement {
|
|
2
|
+
static get observedAttributes(): string[];
|
|
3
|
+
private _form;
|
|
4
|
+
private _submitHandler;
|
|
5
|
+
private _hostSubmitHandler;
|
|
6
|
+
private _errors;
|
|
7
|
+
private _fieldBlurHandlers;
|
|
8
|
+
private _fieldChangeHandlers;
|
|
9
|
+
private _observer;
|
|
10
|
+
constructor();
|
|
11
|
+
connectedCallback(): void;
|
|
12
|
+
disconnectedCallback(): void;
|
|
13
|
+
/**
|
|
14
|
+
* Public reset helper to clear errors and reset child fields.
|
|
15
|
+
*/
|
|
16
|
+
reset(): void;
|
|
17
|
+
attributeChangedCallback(_name: string, _oldValue: string | null, _newValue: string | null): void;
|
|
18
|
+
private _render;
|
|
19
|
+
private _applyFormAttributes;
|
|
20
|
+
private _handleSubmit;
|
|
21
|
+
private _submitData;
|
|
22
|
+
private _formDataToValues;
|
|
23
|
+
private _collectValidationRules;
|
|
24
|
+
private _parseRules;
|
|
25
|
+
private _validate;
|
|
26
|
+
private _validateField;
|
|
27
|
+
private _validateRules;
|
|
28
|
+
private _getFieldElements;
|
|
29
|
+
private _extractFieldValue;
|
|
30
|
+
private _flagFieldError;
|
|
31
|
+
private _clearFieldError;
|
|
32
|
+
private _clearErrors;
|
|
33
|
+
private _resetCustomFields;
|
|
34
|
+
private _resolveHost;
|
|
35
|
+
private _setupBlurValidation;
|
|
36
|
+
private _findFieldElement;
|
|
37
|
+
private _getFieldName;
|
|
38
|
+
private _cleanupBlurValidation;
|
|
39
|
+
private _syncDropzoneFiles;
|
|
40
|
+
}
|
|
41
|
+
export default MintForm;
|
|
42
|
+
//# sourceMappingURL=Form.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../../src/components/form/Form.ts"],"names":[],"mappings":"AAOA,cAAM,QAAS,SAAQ,WAAW;IAChC,MAAM,KAAK,kBAAkB,IAAI,MAAM,EAAE,CAExC;IAED,OAAO,CAAC,KAAK,CAA+B;IAC5C,OAAO,CAAC,cAAc,CAAoC;IAC1D,OAAO,CAAC,kBAAkB,CAAoC;IAC9D,OAAO,CAAC,OAAO,CAA6B;IAC5C,OAAO,CAAC,kBAAkB,CAAkD;IAC5E,OAAO,CAAC,oBAAoB,CAAkD;IAC9E,OAAO,CAAC,SAAS,CAAgC;;IAMjD,iBAAiB,IAAI,IAAI;IAKzB,oBAAoB,IAAI,IAAI;IAU5B;;OAEG;IACH,KAAK,IAAI,IAAI;IAQb,wBAAwB,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,IAAI,EAAE,SAAS,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAIjG,OAAO,CAAC,OAAO;IAuBf,OAAO,CAAC,oBAAoB;YAYd,aAAa;YAkDb,WAAW;IAkFzB,OAAO,CAAC,iBAAiB;IAyDzB,OAAO,CAAC,uBAAuB;IAkB/B,OAAO,CAAC,WAAW;IAcnB,OAAO,CAAC,SAAS;IAuBjB,OAAO,CAAC,cAAc;IAoBtB,OAAO,CAAC,cAAc;IAqDtB,OAAO,CAAC,iBAAiB;IAwBzB,OAAO,CAAC,kBAAkB;IAgE1B,OAAO,CAAC,eAAe;IAgBvB,OAAO,CAAC,gBAAgB;IAgBxB,OAAO,CAAC,YAAY;IAiBpB,OAAO,CAAC,kBAAkB;IA6B1B,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,oBAAoB;IA0F5B,OAAO,CAAC,iBAAiB;IAoCzB,OAAO,CAAC,aAAa;IAqBrB,OAAO,CAAC,sBAAsB;IA0B9B,OAAO,CAAC,kBAAkB;CAc3B;AAOD,eAAe,QAAQ,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/form/index.ts"],"names":[],"mappings":"AAEA,OAAO,QAAQ,CAAA;AAGf,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA"}
|