@bagelink/vue 0.0.865 → 0.0.869

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (213) hide show
  1. package/dist/components/AddressSaerch.vue.d.ts +7 -0
  2. package/dist/components/AddressSaerch.vue.d.ts.map +1 -0
  3. package/dist/components/Carousel.vue.d.ts.map +1 -1
  4. package/dist/components/ComboBox.vue.d.ts +3 -3
  5. package/dist/components/Comments.vue.d.ts +2 -2
  6. package/dist/components/ContactSubmissions.vue.d.ts +2 -2
  7. package/dist/components/DropDown.vue.d.ts +184 -15
  8. package/dist/components/DropDown.vue.d.ts.map +1 -1
  9. package/dist/components/FormSchema.vue.d.ts +4 -5
  10. package/dist/components/LangText.vue.d.ts +2 -2
  11. package/dist/components/ModalBglForm.vue.d.ts +20 -21
  12. package/dist/components/PersonPreview.vue.d.ts +4 -5
  13. package/dist/components/PersonPreviewFormkit.vue.d.ts +3 -4
  14. package/dist/components/Popover.vue.d.ts +10 -0
  15. package/dist/components/Popover.vue.d.ts.map +1 -0
  16. package/dist/components/RTXEditor.vue.d.ts +3 -3
  17. package/dist/components/TabbedLayout.vue.d.ts +4 -5
  18. package/dist/components/TableSchema.vue.d.ts +7 -1
  19. package/dist/components/TableSchema.vue.d.ts.map +1 -1
  20. package/dist/components/charts/BarChart.vue.d.ts +2 -2
  21. package/dist/components/form/BglField.vue.d.ts +3 -1
  22. package/dist/components/form/BglField.vue.d.ts.map +1 -1
  23. package/dist/components/form/BglMultiStepForm.vue.d.ts +18 -2
  24. package/dist/components/form/BglMultiStepForm.vue.d.ts.map +1 -1
  25. package/dist/components/form/ItemRef.vue.d.ts +3 -5
  26. package/dist/components/form/ItemRef.vue.d.ts.map +1 -1
  27. package/dist/components/form/MaterialIcon.vue.d.ts +3 -4
  28. package/dist/components/form/PlainInputField.vue.d.ts +3 -3
  29. package/dist/components/form/inputs/CurrencyInput.vue.d.ts +3 -3
  30. package/dist/components/form/inputs/DatetimeInput.vue.d.ts +3 -3
  31. package/dist/components/form/inputs/DurationInput.vue.d.ts +3 -3
  32. package/dist/components/form/inputs/DynamicLinkField.vue.d.ts +3 -3
  33. package/dist/components/form/inputs/EmailInput.vue.d.ts +3 -3
  34. package/dist/components/form/inputs/FloatInput.vue.d.ts +3 -3
  35. package/dist/components/form/inputs/IntInput.vue.d.ts +3 -3
  36. package/dist/components/form/inputs/LinkField.vue.d.ts +3 -3
  37. package/dist/components/form/inputs/Password.vue.d.ts +3 -3
  38. package/dist/components/form/inputs/PlainText.vue.d.ts +3 -3
  39. package/dist/components/form/inputs/RadioGroup.vue.d.ts +3 -1
  40. package/dist/components/form/inputs/RadioGroup.vue.d.ts.map +1 -1
  41. package/dist/components/form/inputs/ReadOnlyInput.vue.d.ts +2 -2
  42. package/dist/components/form/inputs/RichText2/Toolbar.vue.d.ts.map +1 -1
  43. package/dist/components/form/inputs/RichText2/formatting.d.ts +6 -0
  44. package/dist/components/form/inputs/RichText2/formatting.d.ts.map +1 -1
  45. package/dist/components/form/inputs/RichText2/index.vue.d.ts.map +1 -1
  46. package/dist/components/form/inputs/RichText2/richtext-types.d.ts +1 -1
  47. package/dist/components/form/inputs/RichText2/richtext-types.d.ts.map +1 -1
  48. package/dist/components/form/inputs/RichTextEditor.vue.d.ts +3 -3
  49. package/dist/components/form/inputs/SelectField.vue.d.ts +8 -6
  50. package/dist/components/form/inputs/SelectField.vue.d.ts.map +1 -1
  51. package/dist/components/form/inputs/SelectInput.vue.d.ts +47 -2
  52. package/dist/components/form/inputs/SelectInput.vue.d.ts.map +1 -1
  53. package/dist/components/form/inputs/TextArea.vue.d.ts +3 -3
  54. package/dist/components/form/inputs/index.d.ts +2 -2
  55. package/dist/components/form/inputs/index.d.ts.map +1 -1
  56. package/dist/components/formkit/AddressArray.vue.d.ts +2 -2
  57. package/dist/components/formkit/BankDetailsArray.vue.d.ts +2 -2
  58. package/dist/components/formkit/ContactArrayFormKit.vue.d.ts +2 -2
  59. package/dist/components/formkit/FileUploader.vue.d.ts +2 -2
  60. package/dist/components/formkit/MiscFields.vue.d.ts +2 -2
  61. package/dist/components/formkit/Toggle.vue.d.ts +2 -2
  62. package/dist/components/sortable/Animation.d.ts +43 -0
  63. package/dist/components/sortable/Animation.d.ts.map +1 -0
  64. package/dist/components/sortable/BrowserInfo.d.ts +7 -0
  65. package/dist/components/sortable/BrowserInfo.d.ts.map +1 -0
  66. package/dist/components/sortable/EventDispatcher.d.ts +13 -0
  67. package/dist/components/sortable/EventDispatcher.d.ts.map +1 -0
  68. package/dist/components/sortable/PluginManager.d.ts +27 -0
  69. package/dist/components/sortable/PluginManager.d.ts.map +1 -0
  70. package/dist/components/sortable/Sortable.d.ts +81 -0
  71. package/dist/components/sortable/Sortable.d.ts.map +1 -0
  72. package/dist/components/sortable/index.d.ts +5 -0
  73. package/dist/components/sortable/index.d.ts.map +1 -0
  74. package/dist/components/sortable/utils.d.ts +49 -0
  75. package/dist/components/sortable/utils.d.ts.map +1 -0
  76. package/dist/components/whatsapp/form/MsgTemplate.vue.d.ts +3 -4
  77. package/dist/components/whatsapp/form/TextVariableExamples.vue.d.ts +2 -2
  78. package/dist/composables/drag-n-drop/useDraggable.d.ts +2 -0
  79. package/dist/composables/drag-n-drop/useDraggable.d.ts.map +1 -0
  80. package/dist/index.cjs +450 -292
  81. package/dist/index.mjs +450 -292
  82. package/dist/plugins/drag-n-drop/draggable.d.ts +4 -0
  83. package/dist/plugins/drag-n-drop/draggable.d.ts.map +1 -0
  84. package/dist/plugins/drag-n-drop/droppable.d.ts +4 -0
  85. package/dist/plugins/drag-n-drop/droppable.d.ts.map +1 -0
  86. package/dist/plugins/drag-n-drop/index.d.ts +5 -0
  87. package/dist/plugins/drag-n-drop/index.d.ts.map +1 -0
  88. package/dist/plugins/drag-n-drop/useDraggable.d.ts +8 -0
  89. package/dist/plugins/drag-n-drop/useDraggable.d.ts.map +1 -0
  90. package/dist/plugins/drag-n-drop/useDroppable.d.ts +7 -0
  91. package/dist/plugins/drag-n-drop/useDroppable.d.ts.map +1 -0
  92. package/dist/style.css +21 -21
  93. package/dist/types/materialIcon.d.ts +2 -0
  94. package/dist/types/materialIcon.d.ts.map +1 -0
  95. package/dist/utils/BagelFormUtils.d.ts +30 -2
  96. package/dist/utils/BagelFormUtils.d.ts.map +1 -1
  97. package/dist/utils/objects.d.ts +0 -1
  98. package/package.json +1 -1
  99. package/src/components/Carousel.vue +5 -3
  100. package/src/components/form/inputs/RichText.zip +0 -0
  101. package/src/components/form/inputs/RichText2/Toolbar.vue +10 -15
  102. package/src/components/form/inputs/RichText2/formatting.ts +69 -25
  103. package/src/components/form/inputs/RichText2/index.vue +40 -33
  104. package/src/components/form/inputs/RichText2/richtext-types.ts +1 -0
  105. package/src/components/form/inputs/index.ts +2 -2
  106. package/dist/components/Accordion.d.ts +0 -12
  107. package/dist/components/Accordion.d.ts.map +0 -1
  108. package/dist/components/AccordionItem.d.ts +0 -34
  109. package/dist/components/AccordionItem.d.ts.map +0 -1
  110. package/dist/components/Alert.d.ts +0 -34
  111. package/dist/components/Alert.d.ts.map +0 -1
  112. package/dist/components/Avatar.d.ts +0 -36
  113. package/dist/components/Avatar.d.ts.map +0 -1
  114. package/dist/components/Badge.d.ts +0 -22
  115. package/dist/components/Badge.d.ts.map +0 -1
  116. package/dist/components/BglVideo.d.ts +0 -20
  117. package/dist/components/BglVideo.d.ts.map +0 -1
  118. package/dist/components/Btn.d.ts +0 -99
  119. package/dist/components/Btn.d.ts.map +0 -1
  120. package/dist/components/Card.d.ts +0 -39
  121. package/dist/components/Card.d.ts.map +0 -1
  122. package/dist/components/Carousel.d.ts +0 -74
  123. package/dist/components/Carousel.d.ts.map +0 -1
  124. package/dist/components/DataPreview.d.ts +0 -42
  125. package/dist/components/DataPreview.d.ts.map +0 -1
  126. package/dist/components/Drop.vue.d.ts +0 -34
  127. package/dist/components/Drop.vue.d.ts.map +0 -1
  128. package/dist/components/FileUploader.vue.d.ts +0 -60
  129. package/dist/components/FileUploader.vue.d.ts.map +0 -1
  130. package/dist/components/Flag.d.ts +0 -20
  131. package/dist/components/Flag.d.ts.map +0 -1
  132. package/dist/components/ListItem.d.ts +0 -34
  133. package/dist/components/ListItem.d.ts.map +0 -1
  134. package/dist/components/ListView.d.ts +0 -13
  135. package/dist/components/ListView.d.ts.map +0 -1
  136. package/dist/components/MapEmbed.d.ts +0 -3
  137. package/dist/components/MapEmbed.d.ts.map +0 -1
  138. package/dist/components/MaterialIcon.d.ts +0 -26
  139. package/dist/components/MaterialIcon.d.ts.map +0 -1
  140. package/dist/components/Modal.d.ts +0 -46
  141. package/dist/components/Modal.d.ts.map +0 -1
  142. package/dist/components/ModalConfirm.d.ts +0 -24
  143. package/dist/components/ModalConfirm.d.ts.map +0 -1
  144. package/dist/components/ModalForm.d.ts +0 -78
  145. package/dist/components/ModalForm.d.ts.map +0 -1
  146. package/dist/components/NavBar.d.ts +0 -64
  147. package/dist/components/NavBar.d.ts.map +0 -1
  148. package/dist/components/PageTitle.d.ts +0 -24
  149. package/dist/components/PageTitle.d.ts.map +0 -1
  150. package/dist/components/RouterWrapper.d.ts +0 -3
  151. package/dist/components/RouterWrapper.d.ts.map +0 -1
  152. package/dist/components/TableSchema.d.ts +0 -35
  153. package/dist/components/TableSchema.d.ts.map +0 -1
  154. package/dist/components/Title.d.ts +0 -42
  155. package/dist/components/Title.d.ts.map +0 -1
  156. package/dist/components/TopBar.d.ts +0 -12
  157. package/dist/components/TopBar.d.ts.map +0 -1
  158. package/dist/components/dashboard/Lineart.d.ts +0 -20
  159. package/dist/components/dashboard/Lineart.d.ts.map +0 -1
  160. package/dist/components/form/BglField.d.ts +0 -25
  161. package/dist/components/form/BglField.d.ts.map +0 -1
  162. package/dist/components/form/BglForm.d.ts +0 -75
  163. package/dist/components/form/BglForm.d.ts.map +0 -1
  164. package/dist/components/form/inputs/CheckInput.d.ts +0 -56
  165. package/dist/components/form/inputs/CheckInput.d.ts.map +0 -1
  166. package/dist/components/form/inputs/Checkbox.d.ts +0 -16
  167. package/dist/components/form/inputs/Checkbox.d.ts.map +0 -1
  168. package/dist/components/form/inputs/ColorPicker.d.ts +0 -48
  169. package/dist/components/form/inputs/ColorPicker.d.ts.map +0 -1
  170. package/dist/components/form/inputs/DateInput.d.ts +0 -64
  171. package/dist/components/form/inputs/DateInput.d.ts.map +0 -1
  172. package/dist/components/form/inputs/DatePicker.d.ts +0 -33
  173. package/dist/components/form/inputs/DatePicker.d.ts.map +0 -1
  174. package/dist/components/form/inputs/FileUpload.d.ts +0 -108
  175. package/dist/components/form/inputs/FileUpload.d.ts.map +0 -1
  176. package/dist/components/form/inputs/JSONInput.d.ts +0 -53
  177. package/dist/components/form/inputs/JSONInput.d.ts.map +0 -1
  178. package/dist/components/form/inputs/RadioGroup.d.ts +0 -42
  179. package/dist/components/form/inputs/RadioGroup.d.ts.map +0 -1
  180. package/dist/components/form/inputs/RadioPillsInput.d.ts +0 -48
  181. package/dist/components/form/inputs/RadioPillsInput.d.ts.map +0 -1
  182. package/dist/components/form/inputs/RichText.d.ts +0 -20
  183. package/dist/components/form/inputs/RichText.d.ts.map +0 -1
  184. package/dist/components/form/inputs/RichText2/Toolbar.d.ts +0 -22
  185. package/dist/components/form/inputs/RichText2/Toolbar.d.ts.map +0 -1
  186. package/dist/components/form/inputs/RichText2/index.d.ts +0 -24
  187. package/dist/components/form/inputs/RichText2/index.d.ts.map +0 -1
  188. package/dist/components/form/inputs/SelectInput.d.ts +0 -55
  189. package/dist/components/form/inputs/SelectInput.d.ts.map +0 -1
  190. package/dist/components/form/inputs/SignaturePad.d.ts +0 -72
  191. package/dist/components/form/inputs/SignaturePad.d.ts.map +0 -1
  192. package/dist/components/form/inputs/TableField.d.ts +0 -45
  193. package/dist/components/form/inputs/TableField.d.ts.map +0 -1
  194. package/dist/components/form/inputs/TelInput.d.ts +0 -241
  195. package/dist/components/form/inputs/TelInput.d.ts.map +0 -1
  196. package/dist/components/form/inputs/TextInput.d.ts +0 -90
  197. package/dist/components/form/inputs/TextInput.d.ts.map +0 -1
  198. package/dist/components/form/inputs/ToggleInput.d.ts +0 -58
  199. package/dist/components/form/inputs/ToggleInput.d.ts.map +0 -1
  200. package/dist/components/layout/BottomMenu.d.ts +0 -27
  201. package/dist/components/layout/BottomMenu.d.ts.map +0 -1
  202. package/dist/components/layout/Layout.d.ts +0 -58
  203. package/dist/components/layout/Layout.d.ts.map +0 -1
  204. package/dist/components/layout/SidebarMenu.d.ts +0 -38
  205. package/dist/components/layout/SidebarMenu.d.ts.map +0 -1
  206. package/dist/components/layout/TabbedLayout.d.ts +0 -42
  207. package/dist/components/layout/TabbedLayout.d.ts.map +0 -1
  208. package/dist/components/layout/Tabs.d.ts +0 -31
  209. package/dist/components/layout/Tabs.d.ts.map +0 -1
  210. package/dist/components/layout/TabsBody.d.ts +0 -23
  211. package/dist/components/layout/TabsBody.d.ts.map +0 -1
  212. package/dist/components/layout/TabsNav.d.ts +0 -35
  213. package/dist/components/layout/TabsNav.d.ts.map +0 -1
@@ -1,4 +1,4 @@
1
- import { useModal } from '@bagelink/vue'
1
+ let modal: any
2
2
 
3
3
  export function applyFormatting(command: string, value: string = '') {
4
4
  const selection = window.getSelection()
@@ -7,6 +7,9 @@ export function applyFormatting(command: string, value: string = '') {
7
7
  const span = document.createElement('span')
8
8
 
9
9
  switch (command) {
10
+ case 'formatBlock':
11
+ formatBlock(value)
12
+ break
10
13
  case 'bold':
11
14
  span.style.fontWeight = 'bold'
12
15
  break
@@ -73,7 +76,7 @@ export function applyFormatting(command: string, value: string = '') {
73
76
  case 'decreaseFontSize':
74
77
  decreaseFontSize()
75
78
  break
76
- case 'insertLink':
79
+ case 'link':
77
80
  insertLink()
78
81
  break
79
82
  case 'image':
@@ -91,6 +94,16 @@ export function applyFormatting(command: string, value: string = '') {
91
94
  }
92
95
  }
93
96
 
97
+ function formatBlock(value: string) {
98
+ if (!value) return
99
+ const selection = window.getSelection()
100
+ const range = selection?.getRangeAt(0)
101
+ if (!range) return
102
+ range.selectNodeContents(range.startContainer)
103
+ const el = document.createElement(value)
104
+ range.surroundContents(el)
105
+ }
106
+
94
107
  function increaseFontSize() {
95
108
  const selection = window.getSelection()
96
109
  if (selection && selection.rangeCount > 0) {
@@ -104,7 +117,15 @@ function increaseFontSize() {
104
117
  }
105
118
 
106
119
  function decreaseFontSize() {
107
- // TODO:
120
+ const selection = window.getSelection()
121
+ if (selection && selection.rangeCount > 0) {
122
+ const range = selection.getRangeAt(0)
123
+ const span = document.createElement('span')
124
+ const currentFontSize = Number.parseInt((range.startContainer.parentNode as HTMLElement).style.fontSize || '16', 10)
125
+ const newFontSize = currentFontSize - 2
126
+ span.style.fontSize = `${newFontSize}px`
127
+ range.surroundContents(span)
128
+ }
108
129
  }
109
130
 
110
131
  function removeFormatting() {
@@ -142,36 +163,40 @@ function insertList(type: string) {
142
163
  }
143
164
 
144
165
  export function insertLink() {
145
- const url = prompt('Enter the URL:')
146
- if (url) {
147
- const selection = window.getSelection()
148
- if (selection && selection.rangeCount > 0) {
149
- const range = selection.getRangeAt(0)
166
+ const selection = window.getSelection()
167
+ if (!selection || selection.rangeCount < 1) return
168
+ const range = selection.getRangeAt(0)
169
+ modal.showModalForm({ title: 'Insert Link', schema: [
170
+ { id: 'url', $el: 'text', label: 'URL' },
171
+ { id: 'openInNewTab', $el: 'check', label: 'Open in new tab' },
172
+ ], onSubmit: (data: any) => {
173
+ const { url, openInNewTab } = data
174
+ if (url) {
150
175
  const anchor = document.createElement('a')
151
176
  anchor.href = url
152
177
  range.surroundContents(anchor)
178
+ if (openInNewTab) anchor.target = '_blank'
153
179
  }
154
- }
180
+ } })
155
181
  }
156
182
 
157
183
  export function insertImage() {
158
- console.log('image')
159
- const { showModalForm } = useModal()
160
- console.log(showModalForm)
161
- showModalForm({ title: 'Upload Image', schema: [{ id: 'image', type: 'file' }], onSubmit: (_data) => {
162
- //
184
+ const selection = window.getSelection()
185
+ if (!selection || selection.rangeCount < 1) return
186
+ const range = selection.getRangeAt(0)
187
+ modal.showModalForm({ title: 'Upload Image', schema: [
188
+ { id: 'src', $el: 'file', attrs: { bindkey: 'url' } },
189
+ { id: 'alt', $el: 'text', label: 'Alt Text' },
190
+ ], onSubmit: (_data: any) => {
191
+ const { src } = _data
192
+ if (src) {
193
+ const img = document.createElement('img')
194
+ img.src = src
195
+ img.alt = _data.alt
196
+ range.deleteContents()
197
+ range.insertNode(img)
198
+ }
163
199
  } })
164
- // const url = prompt('Enter the image URL:')
165
- // if (url) {
166
- // const selection = window.getSelection()
167
- // if (selection && selection.rangeCount > 0) {
168
- // const range = selection.getRangeAt(0)
169
- // const img = document.createElement('img')
170
- // img.src = url
171
- // range.deleteContents()
172
- // range.insertNode(img)
173
- // }
174
- // }
175
200
  }
176
201
 
177
202
  export function createTable() {
@@ -200,3 +225,22 @@ export function createTable() {
200
225
  }
201
226
  }
202
227
  }
228
+
229
+ function clearFormatting() {
230
+ const selection = window.getSelection()
231
+ const range = selection?.getRangeAt(0)
232
+ if (!range) return
233
+ range.selectNodeContents(range.startContainer)
234
+ const contents = range.extractContents()
235
+ const text = contents.textContent
236
+ if (text !== null && text !== '') {
237
+ range.deleteContents()
238
+ const textNode = document.createTextNode(`${text}`)
239
+ setTimeout(() => { range.insertNode(textNode) }, 1)
240
+ }
241
+ }
242
+
243
+ export function useFormatting(modalInstance?: any) {
244
+ modal = modalInstance
245
+ return { applyFormatting, clearFormatting }
246
+ }
@@ -1,14 +1,19 @@
1
1
  <script lang="ts" setup>
2
2
  import type { ToolbarConfig } from './richtext-types'
3
+ import { useModal } from '@bagelink/vue'
3
4
  import { onMounted, watch } from 'vue'
4
- import { applyFormatting } from './formatting'
5
+ import { useFormatting } from './formatting'
5
6
  import Toolbar from './Toolbar.vue'
6
7
 
7
8
  const props = defineProps<{ modelValue: string, toolbarConfig?: ToolbarConfig }>()
8
9
  const emit = defineEmits(['update:modelValue'])
9
10
 
11
+ const modal = useModal()
12
+ const { applyFormatting, clearFormatting } = useFormatting(modal)
13
+
10
14
  const editableContent = $ref<HTMLElement | undefined>()
11
15
  const defaultConfig: ToolbarConfig = [
16
+ 'formatBlock',
12
17
  'bold',
13
18
  'italic',
14
19
  'underline',
@@ -47,41 +52,37 @@ function updateContent() {
47
52
  emit('update:modelValue', contentHtml)
48
53
  }
49
54
 
55
+ function updateToolbarHighlight() {
56
+ if (document.getSelection()) {
57
+ const selection = document.getSelection()
58
+ const range = selection?.rangeCount ? selection.getRangeAt(0) : null
59
+ const container = range?.commonAncestorContainer as HTMLElement
60
+ if (container) {
61
+ let currentElement = container.nodeType === 3 ? container.parentElement : container
62
+ while (currentElement && currentElement !== editableContent) {
63
+ if (['H1', 'H2', 'H3'].includes(currentElement.tagName)) {
64
+ // emit('action', { type: currentElement.tagName.toLowerCase() }); // Emit the tag to highlight button
65
+ break
66
+ }
67
+ currentElement = currentElement.parentElement
68
+ }
69
+ }
70
+ }
71
+ }
72
+
73
+ document.addEventListener('selectionchange', updateToolbarHighlight)
74
+
50
75
  type ToolbarAction = 'link' | 'image' | 'table' | 'youtube' | 'fontSize' | 'fontFamily' | 'textColor' | 'backgroundColor' | 'bold' | 'italic' | 'underline' | 'alignLeft' | 'alignCenter' | 'alignRight' | 'alignJustify' | 'orderedList' | 'unorderedList' | 'indent' | 'outdent' | 'blockquote' | 'codeBlock' | 'splitView' | 'codeView' | 'clear' | 'fullScreen'
51
76
 
52
77
  function handleToolbarAction(action: string, value?: string) {
53
78
  if (!editableContent) return
54
79
  if (['alignLeft', 'alignCenter', 'alignRight', 'alignJustify'].includes(action))
55
80
  value = action.replace('align', '').toLowerCase()
56
- switch (action) {
57
- case 'link':
58
- applyFormatting('insertLink')
59
- break
60
- case 'orderedList':
61
- applyFormatting('insertOrderedList')
62
- break
63
- case 'unorderedList':
64
- applyFormatting('insertUnorderedList')
65
- break
66
- case 'blockquote':
67
- applyFormatting('formatBlock', '<blockquote>')
68
- break
69
- case 'codeBlock':
70
- applyFormatting('formatBlock', '<pre>')
71
- break
72
- case 'splitView':
73
- isSplitView = !isSplitView
74
- break
75
- case 'codeView':
76
- isCodeView = !isCodeView
77
- break
78
- case 'fullScreen':
79
- toggleFullScreen()
80
- break
81
- default:
82
- applyFormatting(action, value)
83
- break
84
- }
81
+ if (action === 'splitView') isSplitView = !isSplitView
82
+ else if (action === 'codeView') isCodeView = !isCodeView
83
+ else if (action === 'fullScreen') toggleFullScreen()
84
+ else if (action === 'clear') clearFormatting()
85
+ else applyFormatting(action, value)
85
86
  updateContent()
86
87
  }
87
88
 
@@ -143,10 +144,10 @@ function logInput(e: InputEvent) {
143
144
  </script>
144
145
 
145
146
  <template>
146
- <div class="rich-text-editor rounded pt-05 px-1 pb-1">
147
+ <div class="rich-text-editor rounded pt-05 px-05 pb-1">
147
148
  <Toolbar :config @action="handleToolbarAction" />
148
149
  <div class="editor-container flex flex-stretch gap-1 m_column">
149
- <div class="content-area radius-05 p-1 shadow-light w-100 grid">
150
+ <div class="content-area radius-05 p-1 w-100 grid">
150
151
  <textarea v-if="isCodeView" v-model="contentHtml" @input="updateContent" />
151
152
  <div
152
153
  v-else
@@ -160,7 +161,13 @@ function logInput(e: InputEvent) {
160
161
  @keydown="handleKeyDown"
161
162
  />
162
163
  </div>
163
- <code v-if="isSplitView" contenteditable="true" class="preview-area w-100 radius-05 p-1" @input="logInput" v-text="contentHtml" />
164
+ <code
165
+ v-if="isSplitView"
166
+ contenteditable="true"
167
+ class="preview-area w-100 radius-05 p-1"
168
+ @input="(e) => logInput(e as InputEvent)"
169
+ v-text="contentHtml"
170
+ />
164
171
  </div>
165
172
  </div>
166
173
  </template>
@@ -24,5 +24,6 @@ export type ToolbarConfigOption = 'bold'
24
24
  | 'youtube'
25
25
  | 'clear'
26
26
  | 'fullScreen'
27
+ | 'formatBlock'
27
28
 
28
29
  export type ToolbarConfig = ToolbarConfigOption[]
@@ -10,8 +10,8 @@ export { default as PasswordInput } from './PasswordInput.vue'
10
10
  export { default as RadioGroup } from './RadioGroup.vue'
11
11
  export { default as RadioPillsInput } from './RadioPillsInput.vue'
12
12
  export { default as RangeInput } from './RangeInput.vue'
13
- export { default as RichText } from './RichText.vue'
14
- export { default as RichText2 } from './RichText2/index.vue'
13
+ export { default as RichText2 } from './RichText.vue'
14
+ export { default as RichText } from './RichText2/index.vue'
15
15
  export { default as SelectInput } from './SelectInput.vue'
16
16
  export { default as SignaturePad } from './SignaturePad.vue'
17
17
  export { default as TableField } from './TableField.vue'
@@ -1,12 +0,0 @@
1
- declare function __VLS_template(): {
2
- default?(_: {}): any;
3
- };
4
- declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
5
- declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
6
- export default _default;
7
- type __VLS_WithTemplateSlots<T, S> = T & {
8
- new (): {
9
- $slots: S;
10
- };
11
- };
12
- //# sourceMappingURL=Accordion.vue.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Accordion.vue.d.ts","sourceRoot":"","sources":["../../src/components/Accordion.vue"],"names":[],"mappings":"AAeA,iBAAS,cAAc;qBAoCM,GAAG;EAG/B;AAOD,QAAA,MAAM,eAAe,0NAKnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AACxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
@@ -1,34 +0,0 @@
1
- declare function __VLS_template(): {
2
- head?(_: {}): any;
3
- default?(_: {}): any;
4
- };
5
- declare const __VLS_component: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<{
6
- label?: string;
7
- id?: string;
8
- open?: boolean;
9
- }>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
10
- "update:open": (...args: any[]) => void;
11
- }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
12
- label?: string;
13
- id?: string;
14
- open?: boolean;
15
- }>>> & {
16
- "onUpdate:open"?: ((...args: any[]) => any) | undefined;
17
- }, {}, {}>;
18
- declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
19
- export default _default;
20
- type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
21
- type __VLS_TypePropsToRuntimeProps<T> = {
22
- [K in keyof T]-?: {} extends Pick<T, K> ? {
23
- type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
24
- } : {
25
- type: import('vue').PropType<T[K]>;
26
- required: true;
27
- };
28
- };
29
- type __VLS_WithTemplateSlots<T, S> = T & {
30
- new (): {
31
- $slots: S;
32
- };
33
- };
34
- //# sourceMappingURL=AccordionItem.vue.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"AccordionItem.vue.d.ts","sourceRoot":"","sources":["../../src/components/AccordionItem.vue"],"names":[],"mappings":"AAkDA,iBAAS,cAAc;kBA4II,GAAG;qBACA,GAAG;EAGhC;AAiBD,QAAA,MAAM,eAAe;YAMZ,MAAM;SACT,MAAM;WACJ,OAAO;;;;YAFN,MAAM;SACT,MAAM;WACJ,OAAO;;;UAGb,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
@@ -1,34 +0,0 @@
1
- import { MaterialIcons } from '..';
2
-
3
- interface Props {
4
- message: string;
5
- dismissable?: boolean;
6
- type?: 'info' | 'warning' | 'error';
7
- icon?: MaterialIcons | 'none';
8
- }
9
- declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
10
- type: string;
11
- }>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
12
- type: string;
13
- }>>>, {
14
- type: "info" | "warning" | "error";
15
- }, {}>;
16
- export default _default;
17
- type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
18
- type __VLS_TypePropsToRuntimeProps<T> = {
19
- [K in keyof T]-?: {} extends Pick<T, K> ? {
20
- type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
21
- } : {
22
- type: import('vue').PropType<T[K]>;
23
- required: true;
24
- };
25
- };
26
- type __VLS_WithDefaults<P, D> = {
27
- [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
28
- default: D[K];
29
- }> : P[K];
30
- };
31
- type __VLS_Prettify<T> = {
32
- [K in keyof T]: T[K];
33
- } & {};
34
- //# sourceMappingURL=Alert.vue.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Alert.vue.d.ts","sourceRoot":"","sources":["../../src/components/Alert.vue"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAKlD,UAAU,KAAK;IACd,OAAO,EAAE,MAAM,CAAA;IACf,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,CAAA;IACnC,IAAI,CAAC,EAAE,aAAa,GAAG,MAAM,CAAA;CAC7B;;;;;;UAFO,MAAM,GAAG,SAAS,GAAG,OAAO;;AAoIpC,wBAMG;AACH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
@@ -1,36 +0,0 @@
1
- declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
2
- fallback?: string;
3
- src?: string;
4
- name?: string;
5
- size?: number;
6
- }>, {
7
- size: number;
8
- }>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
9
- fallback?: string;
10
- src?: string;
11
- name?: string;
12
- size?: number;
13
- }>, {
14
- size: number;
15
- }>>>, {
16
- size: number;
17
- }, {}>;
18
- export default _default;
19
- type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
20
- type __VLS_TypePropsToRuntimeProps<T> = {
21
- [K in keyof T]-?: {} extends Pick<T, K> ? {
22
- type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
23
- } : {
24
- type: import('vue').PropType<T[K]>;
25
- required: true;
26
- };
27
- };
28
- type __VLS_WithDefaults<P, D> = {
29
- [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
30
- default: D[K];
31
- }> : P[K];
32
- };
33
- type __VLS_Prettify<T> = {
34
- [K in keyof T]: T[K];
35
- } & {};
36
- //# sourceMappingURL=Avatar.vue.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Avatar.vue.d.ts","sourceRoot":"","sources":["../../src/components/Avatar.vue"],"names":[],"mappings":";eAqGY,MAAM;UACX,MAAM;WACL,MAAM;WACN,MAAM;;;;eAHF,MAAM;UACX,MAAM;WACL,MAAM;WACN,MAAM;;;;UAAN,MAAM;;AATd,wBAWG;AACH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
@@ -1,22 +0,0 @@
1
- import { MaterialIcons } from '..';
2
-
3
- interface Props {
4
- 'color'?: 'green' | 'red' | 'blue' | 'light' | 'gray';
5
- 'size'?: string;
6
- 'text': string;
7
- 'icon'?: MaterialIcons;
8
- 'icon.end'?: MaterialIcons;
9
- 'iconEnd'?: MaterialIcons;
10
- }
11
- declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>>, {}, {}>;
12
- export default _default;
13
- type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
14
- type __VLS_TypePropsToRuntimeProps<T> = {
15
- [K in keyof T]-?: {} extends Pick<T, K> ? {
16
- type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
17
- } : {
18
- type: import('vue').PropType<T[K]>;
19
- required: true;
20
- };
21
- };
22
- //# sourceMappingURL=Badge.vue.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Badge.vue.d.ts","sourceRoot":"","sources":["../../src/components/Badge.vue"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAIlD,UAAU,KAAK;IACd,OAAO,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAA;IACrD,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,aAAa,CAAA;IAEtB,UAAU,CAAC,EAAE,aAAa,CAAA;IAC1B,SAAS,CAAC,EAAE,aAAa,CAAA;CACzB;;AAmFD,wBAMG;AACH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC"}
@@ -1,20 +0,0 @@
1
- interface Props {
2
- src?: string;
3
- autoplay?: boolean;
4
- mute?: boolean;
5
- aspectRatio?: string;
6
- controls?: boolean;
7
- loop?: boolean;
8
- }
9
- declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>>, {}, {}>;
10
- export default _default;
11
- type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
12
- type __VLS_TypePropsToRuntimeProps<T> = {
13
- [K in keyof T]-?: {} extends Pick<T, K> ? {
14
- type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
15
- } : {
16
- type: import('vue').PropType<T[K]>;
17
- required: true;
18
- };
19
- };
20
- //# sourceMappingURL=BglVideo.vue.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"BglVideo.vue.d.ts","sourceRoot":"","sources":["../../src/components/BglVideo.vue"],"names":[],"mappings":"AAIA,UAAU,KAAK;IACd,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,CAAA;CACd;;AAgHD,wBAMG;AACH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC"}
@@ -1,99 +0,0 @@
1
- import { MaterialIcons, ThemeType } from '..';
2
-
3
- declare function __VLS_template(): {
4
- default?(_: {}): any;
5
- };
6
- declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
7
- disabled?: boolean;
8
- icon?: MaterialIcons;
9
- 'icon.end'?: MaterialIcons;
10
- color?: ThemeType;
11
- theme?: ThemeType;
12
- flat?: boolean;
13
- border?: boolean;
14
- outline?: boolean;
15
- thin?: boolean;
16
- type?: "button" | "submit" | "reset";
17
- loading?: boolean;
18
- role?: string;
19
- value?: string;
20
- to?: string;
21
- href?: string;
22
- round?: boolean;
23
- is?: string;
24
- onClick?: (e: MouseEvent) => void;
25
- }>, {
26
- onClick: () => "";
27
- loading: boolean;
28
- round: boolean;
29
- disabled: boolean;
30
- type: string;
31
- role: string;
32
- is: string;
33
- border: boolean;
34
- outline: boolean;
35
- }>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
36
- disabled?: boolean;
37
- icon?: MaterialIcons;
38
- 'icon.end'?: MaterialIcons;
39
- color?: ThemeType;
40
- theme?: ThemeType;
41
- flat?: boolean;
42
- border?: boolean;
43
- outline?: boolean;
44
- thin?: boolean;
45
- type?: "button" | "submit" | "reset";
46
- loading?: boolean;
47
- role?: string;
48
- value?: string;
49
- to?: string;
50
- href?: string;
51
- round?: boolean;
52
- is?: string;
53
- onClick?: (e: MouseEvent) => void;
54
- }>, {
55
- onClick: () => "";
56
- loading: boolean;
57
- round: boolean;
58
- disabled: boolean;
59
- type: string;
60
- role: string;
61
- is: string;
62
- border: boolean;
63
- outline: boolean;
64
- }>>>, {
65
- onClick: (e: MouseEvent) => void;
66
- type: "button" | "submit" | "reset";
67
- disabled: boolean;
68
- loading: boolean;
69
- role: string;
70
- border: boolean;
71
- outline: boolean;
72
- round: boolean;
73
- is: string;
74
- }, {}>;
75
- declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
76
- export default _default;
77
- type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
78
- type __VLS_TypePropsToRuntimeProps<T> = {
79
- [K in keyof T]-?: {} extends Pick<T, K> ? {
80
- type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
81
- } : {
82
- type: import('vue').PropType<T[K]>;
83
- required: true;
84
- };
85
- };
86
- type __VLS_WithDefaults<P, D> = {
87
- [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
88
- default: D[K];
89
- }> : P[K];
90
- };
91
- type __VLS_Prettify<T> = {
92
- [K in keyof T]: T[K];
93
- } & {};
94
- type __VLS_WithTemplateSlots<T, S> = T & {
95
- new (): {
96
- $slots: S;
97
- };
98
- };
99
- //# sourceMappingURL=Btn.vue.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Btn.vue.d.ts","sourceRoot":"","sources":["../../src/components/Btn.vue"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AA0G7D,iBAAS,cAAc;qBA8LO,GAAG;EAGhC;AAiCD,QAAA,MAAM,eAAe;eAMN,OAAO;WACX,aAAa;iBAET,aAAa;YAChB,SAAS;YACT,SAAS;WACV,OAAO;aACL,OAAO;cACN,OAAO;WACV,OAAO;WACP,QAAQ,GAAG,QAAQ,GAAG,OAAO;cAC1B,OAAO;WACV,MAAM;YACL,MAAM;SACT,MAAM;WACJ,MAAM;YACL,OAAO;SACV,MAAM;cACD,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI;;;;;;;;;;;;eAlBtB,OAAO;WACX,aAAa;iBAET,aAAa;YAChB,SAAS;YACT,SAAS;WACV,OAAO;aACL,OAAO;cACN,OAAO;WACV,OAAO;WACP,QAAQ,GAAG,QAAQ,GAAG,OAAO;cAC1B,OAAO;WACV,MAAM;YACL,MAAM;SACT,MAAM;WACJ,MAAM;YACL,OAAO;SACV,MAAM;cACD,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI;;;;;;;;;;;;aAAvB,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI;UAR1B,QAAQ,GAAG,QAAQ,GAAG,OAAO;cAVzB,OAAO;aAWR,OAAO;UACV,MAAM;YALJ,OAAO;aACN,OAAO;WAQT,OAAO;QACV,MAAM;MAGb,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AACxD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
@@ -1,39 +0,0 @@
1
- declare function __VLS_template(): {
2
- default?(_: {}): any;
3
- };
4
- declare const __VLS_component: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<{
5
- label?: string;
6
- thin?: boolean;
7
- outline?: boolean;
8
- h100?: boolean;
9
- to?: string;
10
- overflowX?: boolean;
11
- overflowY?: boolean;
12
- bg?: "gray" | "light" | "dark" | "primary" | "secondary" | "success" | "danger" | "warning" | "info" | "white" | "transparent";
13
- }>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
14
- label?: string;
15
- thin?: boolean;
16
- outline?: boolean;
17
- h100?: boolean;
18
- to?: string;
19
- overflowX?: boolean;
20
- overflowY?: boolean;
21
- bg?: "gray" | "light" | "dark" | "primary" | "secondary" | "success" | "danger" | "warning" | "info" | "white" | "transparent";
22
- }>>>, {}, {}>;
23
- declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
24
- export default _default;
25
- type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
26
- type __VLS_TypePropsToRuntimeProps<T> = {
27
- [K in keyof T]-?: {} extends Pick<T, K> ? {
28
- type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
29
- } : {
30
- type: import('vue').PropType<T[K]>;
31
- required: true;
32
- };
33
- };
34
- type __VLS_WithTemplateSlots<T, S> = T & {
35
- new (): {
36
- $slots: S;
37
- };
38
- };
39
- //# sourceMappingURL=Card.vue.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Card.vue.d.ts","sourceRoot":"","sources":["../../src/components/Card.vue"],"names":[],"mappings":"AA+BA,iBAAS,cAAc;qBA0DO,GAAG;EAGhC;AA6BD,QAAA,MAAM,eAAe;YAMZ,MAAM;WACP,OAAO;cACJ,OAAO;WACV,OAAO;SACT,MAAM;gBACC,OAAO;gBACP,OAAO;SAEhB,MAAM,GACN,OAAO,GACP,MAAM,GACN,SAAS,GACT,WAAW,GACX,SAAS,GACT,QAAQ,GACR,SAAS,GACT,MAAM,GACN,OAAO,GACP,aAAa;;YAlBR,MAAM;WACP,OAAO;cACJ,OAAO;WACV,OAAO;SACT,MAAM;gBACC,OAAO;gBACP,OAAO;SAEhB,MAAM,GACN,OAAO,GACP,MAAM,GACN,SAAS,GACT,WAAW,GACX,SAAS,GACT,QAAQ,GACR,SAAS,GACT,MAAM,GACN,OAAO,GACP,aAAa;aAEf,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}