@privyid/persona 0.10.0 → 0.12.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.
Files changed (246) hide show
  1. package/dist/components/avatar/Avatar.vue +1 -0
  2. package/dist/components/avatar/Avatar.vue.d.ts +13 -13
  3. package/dist/components/avatar/index.d.ts +2 -2
  4. package/dist/components/badge/Badge.vue +48 -8
  5. package/dist/components/badge/Badge.vue.d.ts +3 -2
  6. package/dist/components/badge/index.d.ts +1 -2
  7. package/dist/components/banner/Banner.vue +19 -7
  8. package/dist/components/banner/Banner.vue.d.ts +1 -1
  9. package/dist/components/banner/index.d.ts +1 -1
  10. package/dist/components/breadcrumbs/BreadcrumbItem.vue +1 -0
  11. package/dist/components/breadcrumbs/BreadcrumbItem.vue.d.ts +1 -1
  12. package/dist/components/breadcrumbs/BreadcrumbItemDropdown.vue +3 -0
  13. package/dist/components/breadcrumbs/index.d.ts +1 -1
  14. package/dist/components/button/Button.vue +69 -11
  15. package/dist/components/button/Button.vue.d.ts +4 -4
  16. package/dist/components/button/index.d.ts +4 -4
  17. package/dist/components/button-group/ButtonGroup.vue +11 -18
  18. package/dist/components/button-group/index.d.ts +6 -0
  19. package/dist/components/button-group/index.mjs +1 -0
  20. package/dist/components/calendar/Calendar.vue +8 -3
  21. package/dist/components/calendar/Calendar.vue.d.ts +31 -31
  22. package/dist/components/calendar/adapter/adapter.d.ts +1 -1
  23. package/dist/components/calendar/adapter/date.mjs +1 -1
  24. package/dist/components/camera/Camera.vue +7 -3
  25. package/dist/components/camera/Camera.vue.d.ts +19 -19
  26. package/dist/components/camera/adapter/adapter.d.ts +2 -2
  27. package/dist/components/camera/adapter/liveness.mjs +1 -1
  28. package/dist/components/caption/Caption.vue +1 -0
  29. package/dist/components/caption/index.d.ts +1 -1
  30. package/dist/components/card/Card.vue +9 -3
  31. package/dist/components/card/Card.vue.d.ts +5 -5
  32. package/dist/components/card/CardSection.vue.d.ts +2 -2
  33. package/dist/components/card/index.d.ts +1 -1
  34. package/dist/components/chart/Chart.vue +1 -0
  35. package/dist/components/chart/ChartVal.vue.d.ts +2 -2
  36. package/dist/components/chart/adapter/index.d.ts +1 -1
  37. package/dist/components/chart/index.d.ts +1 -1
  38. package/dist/components/checkbox/Checkbox.vue +15 -6
  39. package/dist/components/checkbox/Checkbox.vue.d.ts +13 -13
  40. package/dist/components/collapse/Collapse.vue +2 -1
  41. package/dist/components/collapse/Collapse.vue.d.ts +1 -1
  42. package/dist/components/contextual-bar/ContextualBar.vue +15 -3
  43. package/dist/components/contextual-bar/ContextualBar.vue.d.ts +11 -11
  44. package/dist/components/contextual-bar/index.d.ts +1 -1
  45. package/dist/components/cropper/Cropper.vue +3 -2
  46. package/dist/components/cropper/Cropper.vue.d.ts +20 -20
  47. package/dist/components/cropper/utils/use-pinch.mjs +10 -2
  48. package/dist/components/datepicker/Datepicker.vue +2 -1
  49. package/dist/components/datepicker/Datepicker.vue.d.ts +16 -16
  50. package/dist/components/dialog/Dialog.vue.d.ts +2 -2
  51. package/dist/components/dialog/DialogFooter.vue +2 -2
  52. package/dist/components/dialog/DialogFooter.vue.d.ts +7 -7
  53. package/dist/components/dialog/index.d.ts +11 -16
  54. package/dist/components/divider/Divider.vue +8 -2
  55. package/dist/components/dot/Dot.vue +12 -2
  56. package/dist/components/dot/Dot.vue.d.ts +3 -2
  57. package/dist/components/dot/index.d.ts +1 -2
  58. package/dist/components/dropdown/Dropdown.vue +2 -0
  59. package/dist/components/dropdown/Dropdown.vue.d.ts +8 -8
  60. package/dist/components/dropdown/DropdownItem.vue +5 -1
  61. package/dist/components/dropdown/DropdownItem.vue.d.ts +3 -3
  62. package/dist/components/dropdown-subitem/DropdownSubitem.vue.d.ts +3 -3
  63. package/dist/components/dropzone/Dropzone.vue.d.ts +12 -12
  64. package/dist/components/dropzone/index.d.ts +1 -1
  65. package/dist/components/filterbar/Filterbar.vue +7 -6
  66. package/dist/components/filterbar/Filterbar.vue.d.ts +3 -3
  67. package/dist/components/filterbar/index.d.ts +1 -1
  68. package/dist/components/filterbar/pinned/{Date.vue.d.ts → PinnedDate.vue.d.ts} +8 -8
  69. package/dist/components/filterbar/pinned/{Multiselect.vue.d.ts → PinnedMultiselect.vue.d.ts} +5 -5
  70. package/dist/components/filterbar/pinned/{Select.vue.d.ts → PinnedSelect.vue.d.ts} +10 -10
  71. package/dist/components/filterbar/pinned/{Toggle.vue.d.ts → PinnedToggle.vue.d.ts} +11 -11
  72. package/dist/components/form-group/FormGroup.vue +9 -4
  73. package/dist/components/form-group/FormGroup.vue.d.ts +2 -2
  74. package/dist/components/global/context.d.ts +1 -1
  75. package/dist/components/global/use-singleton.d.ts +2 -2
  76. package/dist/components/global/utils/queue.d.ts +2 -2
  77. package/dist/components/heading/Heading.vue +6 -0
  78. package/dist/components/heading/index.d.ts +3 -3
  79. package/dist/components/input/Input.vue +68 -19
  80. package/dist/components/input/Input.vue.d.ts +3 -3
  81. package/dist/components/input-file/InputFile.vue +13 -2
  82. package/dist/components/input-file/InputFile.vue.d.ts +12 -12
  83. package/dist/components/input-group/InputGroup.vue +55 -41
  84. package/dist/components/input-group/InputGroupAddon.vue +10 -11
  85. package/dist/components/input-group/index.d.ts +6 -0
  86. package/dist/components/input-group/index.mjs +1 -0
  87. package/dist/components/input-password/InputPassword.vue +3 -1
  88. package/dist/components/input-pin/InputPin.vue +3 -3
  89. package/dist/components/input-pin/InputPin.vue.d.ts +4 -4
  90. package/dist/components/input-range/InputRange.vue +8 -5
  91. package/dist/components/input-range/InputRange.vue.d.ts +11 -11
  92. package/dist/components/input-range/utils/use-drag.mjs +5 -1
  93. package/dist/components/label/Label.vue +34 -7
  94. package/dist/components/label/Label.vue.d.ts +4 -5
  95. package/dist/components/label/index.d.ts +1 -0
  96. package/dist/components/label/index.mjs +0 -0
  97. package/dist/components/main/Main.vue +18 -3
  98. package/dist/components/modal/Modal.vue +19 -6
  99. package/dist/components/modal/Modal.vue.d.ts +9 -9
  100. package/dist/components/nav/Nav.vue +24 -8
  101. package/dist/components/nav/Nav.vue.d.ts +2 -2
  102. package/dist/components/nav/NavForm.vue +1 -1
  103. package/dist/components/nav/NavItem.vue +2 -0
  104. package/dist/components/nav/NavItem.vue.d.ts +6 -6
  105. package/dist/components/nav/NavItemDropdown.vue +20 -2
  106. package/dist/components/nav/NavItemDropdown.vue.d.ts +26 -3
  107. package/dist/components/nav/NavSubItem.vue +4 -0
  108. package/dist/components/nav/NavSubItem.vue.d.ts +2 -2
  109. package/dist/components/nav/index.d.ts +2 -2
  110. package/dist/components/navbar/Navbar.vue +5 -2
  111. package/dist/components/navbar/Navbar.vue.d.ts +5 -5
  112. package/dist/components/navbar/NavbarBrand.vue +2 -1
  113. package/dist/components/navbar/NavbarBrand.vue.d.ts +2 -2
  114. package/dist/components/navbar/NavbarNav.vue +10 -5
  115. package/dist/components/navbar/NavbarNav.vue.d.ts +2 -2
  116. package/dist/components/navbar/NavbarToggle.vue +2 -1
  117. package/dist/components/navbar/index.d.ts +1 -1
  118. package/dist/components/overlay/Overlay.vue +2 -1
  119. package/dist/components/page/Page.vue +13 -9
  120. package/dist/components/page/Page.vue.d.ts +3 -3
  121. package/dist/components/pagination/Pagination.vue +16 -9
  122. package/dist/components/pagination/Pagination.vue.d.ts +5 -5
  123. package/dist/components/pagination/index.d.ts +1 -1
  124. package/dist/components/pagination/index.mjs +1 -1
  125. package/dist/components/pagination/utils/calculate-page.d.ts +1 -1
  126. package/dist/components/pdf-helipad/PdfHelipad.vue +0 -2
  127. package/dist/components/pdf-helipad/PdfHelipad.vue.d.ts +1 -1
  128. package/dist/components/pdf-object/PdfObject.vue +3 -1
  129. package/dist/components/pdf-object/PdfObject.vue.d.ts +20 -20
  130. package/dist/components/pdf-object/PdfObjectAddon.vue +1 -0
  131. package/dist/components/pdf-object/PdfObjectDebugger.vue +4 -1
  132. package/dist/components/pdf-object/PdfObjectDebugger.vue.d.ts +5 -5
  133. package/dist/components/pdf-object/index.d.ts +5 -5
  134. package/dist/components/pdf-object/utils/overlap.d.ts +1 -1
  135. package/dist/components/pdf-object/utils/position.d.ts +2 -2
  136. package/dist/components/pdf-text/PdfText.vue.d.ts +5 -5
  137. package/dist/components/pdf-viewer/PdfError.vue +20 -3
  138. package/dist/components/pdf-viewer/PdfLoading.vue +1 -1
  139. package/dist/components/pdf-viewer/PdfNavigation.vue +9 -5
  140. package/dist/components/pdf-viewer/PdfViewer.vue +7 -1
  141. package/dist/components/pdf-viewer/PdfViewer.vue.d.ts +12 -12
  142. package/dist/components/pdf-viewer/index.d.ts +1 -1
  143. package/dist/components/pdf-viewer/utils/use-viewer.d.ts +7 -7
  144. package/dist/components/progress/Progress.vue +15 -7
  145. package/dist/components/progress/Progress.vue.d.ts +2 -2
  146. package/dist/components/radio/Radio.vue +17 -6
  147. package/dist/components/radio/Radio.vue.d.ts +9 -9
  148. package/dist/components/radio/index.d.ts +1 -1
  149. package/dist/components/select/Select.vue +10 -1
  150. package/dist/components/select/Select.vue.d.ts +11 -11
  151. package/dist/components/select/adapter/async-adapter.d.ts +2 -2
  152. package/dist/components/sidebar/Sidebar.vue +10 -4
  153. package/dist/components/sidebar/Sidebar.vue.d.ts +3 -3
  154. package/dist/components/sidebar/SidebarBrand.vue +2 -1
  155. package/dist/components/sidebar/SidebarBrand.vue.d.ts +2 -2
  156. package/dist/components/sidebar/SidebarNav.vue +5 -17
  157. package/dist/components/sidebar/SidebarNav.vue.d.ts +4 -4
  158. package/dist/components/sidebar/index.d.ts +1 -1
  159. package/dist/components/sidebar-menu/SidebarMenu.vue +1 -1
  160. package/dist/components/sidebar-menu/SidebarMenu.vue.d.ts +4 -4
  161. package/dist/components/signature-draw/SignatureDraw.vue.d.ts +3 -3
  162. package/dist/components/signature-draw/SignatureDrawDesktop.vue +4 -1
  163. package/dist/components/signature-draw/SignatureDrawDesktop.vue.d.ts +3 -3
  164. package/dist/components/signature-draw/SignatureDrawMobile.vue +5 -0
  165. package/dist/components/signature-draw/SignatureDrawMobile.vue.d.ts +3 -3
  166. package/dist/components/signature-draw/utils/canvas.d.ts +1 -1
  167. package/dist/components/signature-draw/utils/smooth-line.mjs +15 -0
  168. package/dist/components/signature-draw/utils/use-draw.mjs +5 -1
  169. package/dist/components/signature-text/SignatureText.vue +9 -4
  170. package/dist/components/signature-text/SignatureText.vue.d.ts +16 -7
  171. package/dist/components/steps/Step.vue.d.ts +5 -5
  172. package/dist/components/steps/Steps.vue.d.ts +1 -1
  173. package/dist/components/steps/index.d.ts +9 -9
  174. package/dist/components/steps/utils/hook.d.ts +1 -1
  175. package/dist/components/strengthbar/Strengthbar.vue +4 -0
  176. package/dist/components/subheading/Subheading.vue +1 -1
  177. package/dist/components/subheading/Subheading.vue.d.ts +2 -2
  178. package/dist/components/subheading/index.d.ts +1 -1
  179. package/dist/components/table/Table.vue +69 -1
  180. package/dist/components/table/Table.vue.d.ts +18 -9
  181. package/dist/components/tabs/Tabs.vue +4 -1
  182. package/dist/components/tabs/Tabs.vue.d.ts +2 -2
  183. package/dist/components/text/Text.vue.d.ts +2 -2
  184. package/dist/components/text/index.d.ts +1 -1
  185. package/dist/components/textarea/Textarea.vue +8 -7
  186. package/dist/components/textarea/Textarea.vue.d.ts +5 -5
  187. package/dist/components/toast/Toast.vue +17 -3
  188. package/dist/components/toast/Toast.vue.d.ts +1 -1
  189. package/dist/components/toast/ToastContainer.vue.d.ts +4 -4
  190. package/dist/components/toast/index.d.ts +2 -2
  191. package/dist/components/toggle/Toggle.vue +17 -7
  192. package/dist/components/toggle/Toggle.vue.d.ts +12 -12
  193. package/dist/components/tooltip/Tooltip.vue +6 -2
  194. package/dist/components/tooltip/Tooltip.vue.d.ts +7 -7
  195. package/dist/components/tooltip/index.d.ts +1 -1
  196. package/dist/components/tooltip/index.mjs +1 -1
  197. package/dist/components/tooltip/utils/create-handler.d.ts +1 -1
  198. package/dist/components/tour/Tour.vue.d.ts +3 -3
  199. package/dist/components/tour/TourDialog.vue +11 -3
  200. package/dist/components/tour/TourDialog.vue.d.ts +8 -8
  201. package/dist/components/tour/TourHighlight.vue.d.ts +2 -2
  202. package/dist/components/tour/core/base.d.ts +1 -1
  203. package/dist/components/tour/core/base.mjs +15 -0
  204. package/dist/components/tour/core/step/action.d.ts +4 -4
  205. package/dist/components/tour/core/step.d.ts +3 -3
  206. package/dist/components/tour/core/step.mjs +19 -0
  207. package/dist/components/tour/core/story.d.ts +1 -1
  208. package/dist/components/tour/core/story.mjs +81 -0
  209. package/dist/components/tour/core/tour.d.ts +1 -1
  210. package/dist/components/tour/core/tour.mjs +56 -2
  211. package/dist/components/truncate/Truncate.vue +8 -0
  212. package/dist/components/utils/base64.mjs +1 -1
  213. package/dist/components/utils/value.d.ts +4 -4
  214. package/dist/components/wizard/Wizard.vue.d.ts +6 -6
  215. package/dist/components/wizard/WizardBody.vue.d.ts +1 -1
  216. package/dist/components/wizard/WizardStep.vue.d.ts +4 -4
  217. package/dist/module.json +1 -1
  218. package/dist/types.d.ts +1 -1
  219. package/package.json +16 -14
  220. package/dist/components/badge/assets/images/img-guide-badge.svg +0 -1
  221. package/dist/components/card/assets/images/img-card-callout-01.svg +0 -1
  222. package/dist/components/contextual-bar/assets/images/img-background-contextualbar.svg +0 -14
  223. package/dist/components/contextual-bar/assets/images/img-bg-contextualbar.svg +0 -19
  224. package/dist/components/cropper/assets/sample-1.jpg +0 -0
  225. package/dist/components/modal/assets/images/img-modal-banner-sheet.jpg +0 -0
  226. package/dist/components/pdf-helipad/assets/helicopter.svg +0 -1
  227. package/dist/components/pdf-object-text/PdfObjectText.vue +0 -170
  228. package/dist/components/pdf-object-text/PdfObjectText.vue.d.ts +0 -140
  229. package/dist/components/pdf-object-text/utils/text-to-image.d.ts +0 -51
  230. package/dist/components/pdf-object-text/utils/text-to-image.mjs +0 -77
  231. package/dist/components/pdf-viewer/assets/Calibrator-v3.pdf +8 -99519
  232. package/dist/components/pdf-viewer/assets/Calibrator-v3_protected.pdf +0 -0
  233. package/dist/components/pdf-viewer/assets/fixed-vs-fit.svg +0 -186
  234. package/dist/components/pdf-viewer/assets/sample-3.pdf +0 -0
  235. package/dist/components/pdf-viewer/assets/sample-with-sign.pdf +0 -0
  236. package/dist/components/pdf-viewer/assets/sample.pdf +0 -18304
  237. package/dist/components/sidebar/assets/images/icon-flag.svg +0 -1
  238. package/dist/components/sidebar/assets/images/logo-privy-icon.svg +0 -1
  239. package/dist/components/sidebar/assets/images/logo-privy.svg +0 -1
  240. package/dist/components/sidebar-menu/assets/images/img-flag.svg +0 -1
  241. package/dist/components/signature-draw/assets/empty-img.png +0 -0
  242. package/dist/components/signature-text/sample/sample-signature.png +0 -0
  243. /package/dist/components/filterbar/pinned/{Date.vue → PinnedDate.vue} +0 -0
  244. /package/dist/components/filterbar/pinned/{Multiselect.vue → PinnedMultiselect.vue} +0 -0
  245. /package/dist/components/filterbar/pinned/{Select.vue → PinnedSelect.vue} +0 -0
  246. /package/dist/components/filterbar/pinned/{Toggle.vue → PinnedToggle.vue} +0 -0
@@ -1,6 +1,7 @@
1
1
  <template>
2
2
  <aside
3
3
  data-testid="sidebar"
4
+ class="sidebar"
4
5
  :class="classNames">
5
6
  <slot />
6
7
  </aside>
@@ -54,7 +55,7 @@ export default defineComponent({
54
55
  });
55
56
  const model = useVModel(props);
56
57
  const classNames = computed(() => {
57
- const result = ["sidebar"];
58
+ const result = [""];
58
59
  if (props.type)
59
60
  result.push(`sidebar--${props.type}`);
60
61
  if (props.align)
@@ -76,14 +77,18 @@ export default defineComponent({
76
77
 
77
78
  <style lang="postcss">
78
79
  .sidebar {
80
+ --p-sidebar-size-narrow: 60px;
81
+ --p-sidebar-size-wide: 230px;
82
+
79
83
  @apply bg-default px-2 py-4;
84
+ @apply dark:bg-dark-default;
80
85
 
81
86
  /**
82
87
  * Default sidebar has
83
88
  * 230px width
84
89
  */
85
90
  &:not(.sidebar--narrow) {
86
- @apply w-[230px];
91
+ @apply w-[var(--p-sidebar-size-wide)];
87
92
  }
88
93
 
89
94
  /**
@@ -99,7 +104,7 @@ export default defineComponent({
99
104
  * Fixed sidebar
100
105
  */
101
106
  &&--fixed {
102
- @apply fixed top-0 h-full shadow-lg;
107
+ @apply fixed top-0 h-full shadow-lg overflow-y-auto;
103
108
 
104
109
  &:not(.sidebar--right) {
105
110
  @apply left-0;
@@ -145,7 +150,7 @@ export default defineComponent({
145
150
  * is 60px width
146
151
  */
147
152
  &&--narrow {
148
- @apply w-[60px];
153
+ @apply w-[var(--p-sidebar-size-narrow)];
149
154
  }
150
155
 
151
156
  /**
@@ -155,6 +160,7 @@ export default defineComponent({
155
160
  &&--tabs,
156
161
  &&--lines {
157
162
  @apply pr-0 py-2 border-r border-r-default;
163
+ @apply dark:border-r-dark-default;
158
164
  }
159
165
 
160
166
  &&--lines {
@@ -21,7 +21,7 @@ declare const _default: import("vue-demi").DefineComponent<{
21
21
  };
22
22
  toggleable: {
23
23
  type: PropType<ToggleableVariant>;
24
- default: any;
24
+ default: undefined;
25
25
  };
26
26
  modelValue: {
27
27
  type: BooleanConstructor;
@@ -48,14 +48,14 @@ declare const _default: import("vue-demi").DefineComponent<{
48
48
  };
49
49
  toggleable: {
50
50
  type: PropType<ToggleableVariant>;
51
- default: any;
51
+ default: undefined;
52
52
  };
53
53
  modelValue: {
54
54
  type: BooleanConstructor;
55
55
  default: boolean;
56
56
  };
57
57
  }>> & {
58
- "onUpdate:modelValue"?: (...args: any[]) => any;
58
+ "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
59
59
  }, {
60
60
  fixed: boolean;
61
61
  variant: StyleVariant;
@@ -22,7 +22,8 @@ export default defineComponent({
22
22
  <style lang="postcss">
23
23
  .sidebar {
24
24
  &__brand {
25
- @apply block text-center mx-auto font-semibold hover:no-underline pb-4;
25
+ @apply block text-center mx-auto font-semibold no-underline pb-4 text-default;
26
+ @apply dark:text-dark-default;
26
27
 
27
28
  img {
28
29
  @apply max-w-full h-auto;
@@ -1,12 +1,12 @@
1
1
  declare const _default: import("vue-demi").DefineComponent<{
2
2
  href: {
3
3
  type: StringConstructor;
4
- default: any;
4
+ default: undefined;
5
5
  };
6
6
  }, unknown, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, {}, string, import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
7
7
  href: {
8
8
  type: StringConstructor;
9
- default: any;
9
+ default: undefined;
10
10
  };
11
11
  }>>, {
12
12
  href: string;
@@ -1,5 +1,6 @@
1
1
  <template>
2
2
  <Nav
3
+ class="sidebar__nav"
3
4
  data-testid="sidebar-nav"
4
5
  :title="title"
5
6
  vertical
@@ -40,7 +41,7 @@ export default defineComponent({
40
41
  const variant = settings?.variant;
41
42
  const align = settings?.align;
42
43
  const classNames = computed(() => {
43
- const result = ["sidebar__nav"];
44
+ const result = [""];
44
45
  if (props.bottom)
45
46
  result.push("sidebar__nav--bottom");
46
47
  return result;
@@ -94,9 +95,11 @@ export default defineComponent({
94
95
 
95
96
  &.nav__link--active {
96
97
  @apply bg-transparent text-default;
98
+ @apply dark:bg-transparent dark:text-dark-default;
97
99
 
98
100
  .nav__link__icon {
99
101
  @apply bg-subtle;
102
+ @apply dark:bg-dark-subtle;
100
103
  }
101
104
  }
102
105
  }
@@ -110,22 +113,6 @@ export default defineComponent({
110
113
  @apply mt-0;
111
114
  }
112
115
  }
113
-
114
- /* &__icon {
115
- @apply rounded p-3 inline-block;
116
- }
117
-
118
- &--active {
119
- @apply bg-transparent text-default;
120
-
121
- .nav__link__icon {
122
- @apply bg-subtle;
123
- }
124
- }
125
-
126
- &__label {
127
- @apply mt-0 px-1 pb-3;
128
- } */
129
116
  }
130
117
  }
131
118
 
@@ -135,6 +122,7 @@ export default defineComponent({
135
122
 
136
123
  &--active {
137
124
  @apply bg-default;
125
+ @apply dark:bg-dark-default;
138
126
  }
139
127
 
140
128
  &__label {
@@ -1,7 +1,7 @@
1
1
  declare const _default: import("vue-demi").DefineComponent<{
2
2
  title: {
3
3
  type: StringConstructor;
4
- default: any;
4
+ default: undefined;
5
5
  };
6
6
  bottom: {
7
7
  type: BooleanConstructor;
@@ -12,13 +12,13 @@ declare const _default: import("vue-demi").DefineComponent<{
12
12
  default: boolean;
13
13
  };
14
14
  }, {
15
- variant: import("../nav").StyleVariant;
16
- align: import("../nav").AlignVariant;
15
+ variant: import("../nav").StyleVariant | undefined;
16
+ align: import("../nav").AlignVariant | undefined;
17
17
  classNames: import("vue-demi").ComputedRef<string[]>;
18
18
  }, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, {}, string, import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
19
19
  title: {
20
20
  type: StringConstructor;
21
- default: any;
21
+ default: undefined;
22
22
  };
23
23
  bottom: {
24
24
  type: BooleanConstructor;
@@ -1,6 +1,6 @@
1
1
  import { InjectionKey } from 'vue-demi';
2
2
  import { StyleVariant, AlignVariant } from '../nav';
3
- export declare type TypeVariant = 'wide' | 'narrow';
3
+ export type TypeVariant = 'wide' | 'narrow';
4
4
  export interface SidebarSettings {
5
5
  variant: StyleVariant;
6
6
  align: AlignVariant;
@@ -41,7 +41,7 @@
41
41
  <NavItem
42
42
  v-else
43
43
  :href="item.url"
44
- :class="{ 'nav__item--no-label' : !item.label }">
44
+ :class="{ 'nav__item--no-label' : !item.label, 'nav__item--no-icon' : !item.icon }">
45
45
  <template
46
46
  #icon>
47
47
  <template v-if="item.icon && typeof item.icon === 'string'">
@@ -6,7 +6,7 @@ import { ToggleableVariant } from '../navbar';
6
6
  declare const _default: import("vue-demi").DefineComponent<{
7
7
  menus: {
8
8
  type: PropType<Menu[]>;
9
- default: () => any[];
9
+ default: () => never[];
10
10
  };
11
11
  fixed: {
12
12
  type: BooleanConstructor;
@@ -22,12 +22,12 @@ declare const _default: import("vue-demi").DefineComponent<{
22
22
  };
23
23
  toggleable: {
24
24
  type: PropType<ToggleableVariant>;
25
- default: any;
25
+ default: undefined;
26
26
  };
27
27
  }, unknown, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, {}, string, import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
28
28
  menus: {
29
29
  type: PropType<Menu[]>;
30
- default: () => any[];
30
+ default: () => never[];
31
31
  };
32
32
  fixed: {
33
33
  type: BooleanConstructor;
@@ -43,7 +43,7 @@ declare const _default: import("vue-demi").DefineComponent<{
43
43
  };
44
44
  toggleable: {
45
45
  type: PropType<ToggleableVariant>;
46
- default: any;
46
+ default: undefined;
47
47
  };
48
48
  }>>, {
49
49
  fixed: boolean;
@@ -3,7 +3,7 @@ import { ModelModifier } from '../dropzone';
3
3
  declare const _default: import("vue-demi").DefineComponent<{
4
4
  modelValue: {
5
5
  type: (StringConstructor | {
6
- new (fileBits: BlobPart[], fileName: string, options?: FilePropertyBag): File;
6
+ new (fileBits: BlobPart[], fileName: string, options?: FilePropertyBag | undefined): File;
7
7
  prototype: File;
8
8
  })[];
9
9
  default: string;
@@ -46,7 +46,7 @@ declare const _default: import("vue-demi").DefineComponent<{
46
46
  }, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
47
47
  modelValue: {
48
48
  type: (StringConstructor | {
49
- new (fileBits: BlobPart[], fileName: string, options?: FilePropertyBag): File;
49
+ new (fileBits: BlobPart[], fileName: string, options?: FilePropertyBag | undefined): File;
50
50
  prototype: File;
51
51
  })[];
52
52
  default: string;
@@ -84,7 +84,7 @@ declare const _default: import("vue-demi").DefineComponent<{
84
84
  default: string;
85
85
  };
86
86
  }>> & {
87
- "onUpdate:modelValue"?: (...args: any[]) => any;
87
+ "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
88
88
  }, {
89
89
  color: string;
90
90
  modelValue: string | File;
@@ -151,11 +151,14 @@ export default defineComponent({
151
151
  }
152
152
 
153
153
  &__placeholder {
154
- @apply absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 pointer-events-none text-center;
154
+ @apply absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 pointer-events-none text-center text-muted;
155
155
  }
156
156
 
157
157
  &__reset {
158
158
  @apply absolute right-1 top-1 bg-default;
159
+ &.btn--variant-link.btn--default {
160
+ @apply dark:text-dark-subtlest hover:dark:text-dark-on-emphasis;
161
+ }
159
162
  }
160
163
  }
161
164
  </style>
@@ -3,7 +3,7 @@ import { ModelModifier } from '../dropzone';
3
3
  declare const _default: import("vue-demi").DefineComponent<{
4
4
  modelValue: {
5
5
  type: (StringConstructor | {
6
- new (fileBits: BlobPart[], fileName: string, options?: FilePropertyBag): File;
6
+ new (fileBits: BlobPart[], fileName: string, options?: FilePropertyBag | undefined): File;
7
7
  prototype: File;
8
8
  })[];
9
9
  default: string;
@@ -40,7 +40,7 @@ declare const _default: import("vue-demi").DefineComponent<{
40
40
  }, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
41
41
  modelValue: {
42
42
  type: (StringConstructor | {
43
- new (fileBits: BlobPart[], fileName: string, options?: FilePropertyBag): File;
43
+ new (fileBits: BlobPart[], fileName: string, options?: FilePropertyBag | undefined): File;
44
44
  prototype: File;
45
45
  })[];
46
46
  default: string;
@@ -70,7 +70,7 @@ declare const _default: import("vue-demi").DefineComponent<{
70
70
  default: string;
71
71
  };
72
72
  }>> & {
73
- "onUpdate:modelValue"?: (...args: any[]) => any;
73
+ "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
74
74
  }, {
75
75
  color: string;
76
76
  modelValue: string | File;
@@ -182,6 +182,7 @@ export default defineComponent({
182
182
 
183
183
  &__modal {
184
184
  @apply fixed w-full h-full top-0 left-0 bg-default z-50 flex items-center justify-center flex-col p-5;
185
+ @apply dark:bg-dark-default;
185
186
  }
186
187
 
187
188
  &__close {
@@ -217,6 +218,10 @@ export default defineComponent({
217
218
  &__preview {
218
219
  @apply w-full flex items-center justify-center;
219
220
 
221
+ .btn--variant-solid.btn--default {
222
+ @apply dark:text-dark-subtlest hover:dark:text-dark-on-emphasis;
223
+ }
224
+
220
225
  & > img {
221
226
  @apply max-w-full h-auto;
222
227
  }
@@ -3,7 +3,7 @@ import { ModelModifier } from '../dropzone';
3
3
  declare const _default: import("vue-demi").DefineComponent<{
4
4
  modelValue: {
5
5
  type: (StringConstructor | {
6
- new (fileBits: BlobPart[], fileName: string, options?: FilePropertyBag): File;
6
+ new (fileBits: BlobPart[], fileName: string, options?: FilePropertyBag | undefined): File;
7
7
  prototype: File;
8
8
  })[];
9
9
  default: string;
@@ -53,7 +53,7 @@ declare const _default: import("vue-demi").DefineComponent<{
53
53
  }, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
54
54
  modelValue: {
55
55
  type: (StringConstructor | {
56
- new (fileBits: BlobPart[], fileName: string, options?: FilePropertyBag): File;
56
+ new (fileBits: BlobPart[], fileName: string, options?: FilePropertyBag | undefined): File;
57
57
  prototype: File;
58
58
  })[];
59
59
  default: string;
@@ -91,7 +91,7 @@ declare const _default: import("vue-demi").DefineComponent<{
91
91
  default: string;
92
92
  };
93
93
  }>> & {
94
- "onUpdate:modelValue"?: (...args: any[]) => any;
94
+ "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
95
95
  }, {
96
96
  color: string;
97
97
  modelValue: string | File;
@@ -16,7 +16,7 @@ export interface DrawLineOptions {
16
16
  lineJoin?: CanvasLineJoin;
17
17
  lineCap?: CanvasLineCap;
18
18
  }
19
- export declare type DrawLineCoordinate = [number, number, number, number];
19
+ export type DrawLineCoordinate = [number, number, number, number];
20
20
  /**
21
21
  *
22
22
  * @param canvas Target canvas
@@ -1,4 +1,8 @@
1
1
  export class SmoothLine {
2
+ /**
3
+ *
4
+ * @param smoother 0.1 - 0.9
5
+ */
2
6
  constructor(smoother) {
3
7
  this.lastX = 0;
4
8
  this.lastY = 0;
@@ -6,12 +10,23 @@ export class SmoothLine {
6
10
  this.movingY = 0;
7
11
  this.smoother = smoother * 0.05 + 0.7;
8
12
  }
13
+ /**
14
+ * Set start point
15
+ * @param x X coordinate
16
+ * @param y Y coordinate
17
+ */
9
18
  start(x, y) {
10
19
  this.lastX = x;
11
20
  this.lastY = y;
12
21
  this.movingX = 0;
13
22
  this.movingY = 0;
14
23
  }
24
+ /**
25
+ * Update coordinate when
26
+ * @param x mouse X coordinate
27
+ * @param y mouse Y coordinate
28
+ * @return [x0, x0, x1, y1]
29
+ */
15
30
  move(x, y) {
16
31
  const x0 = this.lastX;
17
32
  const y0 = this.lastY;
@@ -9,7 +9,11 @@ export default function useDraw(target, hooks) {
9
9
  onMounted(async () => {
10
10
  if (target.value) {
11
11
  const { default: Interact } = await import("interactjs");
12
- const onmove = throttle(hooks.onmove, 1e3 / 60);
12
+ const onmove = throttle(
13
+ hooks.onmove,
14
+ 1e3 / 60
15
+ /* limit 60fps */
16
+ );
13
17
  instance.value = Interact(target.value).styleCursor(false).draggable({
14
18
  origin: "self",
15
19
  inertia: { enabled: true, resistance: 10 },
@@ -43,10 +43,14 @@ export default defineComponent({
43
43
  type: String,
44
44
  default: ""
45
45
  },
46
- limit: {
47
- type: Number,
46
+ maxwords: {
47
+ type: [Number, String],
48
48
  default: 2
49
49
  },
50
+ maxlength: {
51
+ type: [Number, String],
52
+ default: 50
53
+ },
50
54
  font: {
51
55
  type: String,
52
56
  default: "Herr Von Muellerhoff"
@@ -69,7 +73,7 @@ export default defineComponent({
69
73
  if (!props.text)
70
74
  return "- No Image -";
71
75
  return formatName(
72
- String(props.text).split(" ").filter(Boolean).slice(0, props.limit).join(" ")
76
+ String(props.text).split(" ").filter(Boolean).slice(0, Number.parseInt(`${props.maxwords}`)).join(" ").slice(0, Number.parseInt(`${props.maxlength}`))
73
77
  );
74
78
  });
75
79
  watch(() => [
@@ -78,7 +82,8 @@ export default defineComponent({
78
82
  props.color,
79
83
  props.width,
80
84
  props.height,
81
- props.limit
85
+ props.maxwords,
86
+ props.maxlength
82
87
  ], () => {
83
88
  load();
84
89
  });
@@ -3,7 +3,7 @@ import { ModelModifier } from '../dropzone';
3
3
  declare const _default: import("vue-demi").DefineComponent<{
4
4
  modelValue: {
5
5
  type: (StringConstructor | {
6
- new (fileBits: BlobPart[], fileName: string, options?: FilePropertyBag): File;
6
+ new (fileBits: BlobPart[], fileName: string, options?: FilePropertyBag | undefined): File;
7
7
  prototype: File;
8
8
  })[];
9
9
  default: string;
@@ -24,8 +24,12 @@ declare const _default: import("vue-demi").DefineComponent<{
24
24
  type: StringConstructor;
25
25
  default: string;
26
26
  };
27
- limit: {
28
- type: NumberConstructor;
27
+ maxwords: {
28
+ type: (NumberConstructor | StringConstructor)[];
29
+ default: number;
30
+ };
31
+ maxlength: {
32
+ type: (NumberConstructor | StringConstructor)[];
29
33
  default: number;
30
34
  };
31
35
  font: {
@@ -42,7 +46,7 @@ declare const _default: import("vue-demi").DefineComponent<{
42
46
  }, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, {}, string, import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
43
47
  modelValue: {
44
48
  type: (StringConstructor | {
45
- new (fileBits: BlobPart[], fileName: string, options?: FilePropertyBag): File;
49
+ new (fileBits: BlobPart[], fileName: string, options?: FilePropertyBag | undefined): File;
46
50
  prototype: File;
47
51
  })[];
48
52
  default: string;
@@ -63,8 +67,12 @@ declare const _default: import("vue-demi").DefineComponent<{
63
67
  type: StringConstructor;
64
68
  default: string;
65
69
  };
66
- limit: {
67
- type: NumberConstructor;
70
+ maxwords: {
71
+ type: (NumberConstructor | StringConstructor)[];
72
+ default: number;
73
+ };
74
+ maxlength: {
75
+ type: (NumberConstructor | StringConstructor)[];
68
76
  default: number;
69
77
  };
70
78
  font: {
@@ -83,6 +91,7 @@ declare const _default: import("vue-demi").DefineComponent<{
83
91
  font: string;
84
92
  width: number;
85
93
  height: number;
86
- limit: number;
94
+ maxlength: string | number;
95
+ maxwords: string | number;
87
96
  }>;
88
97
  export default _default;
@@ -10,11 +10,11 @@ declare const _default: import("vue-demi").DefineComponent<{
10
10
  default: () => boolean;
11
11
  };
12
12
  }, {
13
- canNext: import("vue-demi").Ref<boolean>;
14
- canPrev: import("vue-demi").Ref<boolean>;
15
- toStep: (...args: any[]) => void;
16
- prev: (...args: any[]) => void;
17
- next: (...args: any[]) => void;
13
+ canNext: import("vue-demi").ComputedRef<boolean>;
14
+ canPrev: import("vue-demi").ComputedRef<boolean>;
15
+ toStep: (step: number) => void;
16
+ prev: () => void;
17
+ next: () => void;
18
18
  step: import("vue-demi").Ref<number>;
19
19
  }, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, {}, string, import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
20
20
  onBeforePrev: {
@@ -45,7 +45,7 @@ declare const _default: import("vue-demi").DefineComponent<{
45
45
  default: (...args: any[]) => void;
46
46
  };
47
47
  }>> & {
48
- "onUpdate:modelValue"?: (...args: any[]) => any;
48
+ "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
49
49
  }, {
50
50
  modelValue: number;
51
51
  onBeforePrev: TravelHook;
@@ -1,6 +1,6 @@
1
1
  import { ComputedRef, InjectionKey, Ref } from 'vue-demi';
2
- export declare type TravelHook = (to: number, from: number) => boolean | Promise<boolean>;
3
- export declare type FinishedHook = () => void | Promise<void>;
2
+ export type TravelHook = (to: number, from: number) => boolean | Promise<boolean>;
3
+ export type FinishedHook = () => void | Promise<void>;
4
4
  export interface StepContext {
5
5
  next: () => void;
6
6
  prev: () => void;
@@ -15,12 +15,12 @@ export declare const STEPS_CONTEXT: InjectionKey<StepContext>;
15
15
  export declare function useStep(): {
16
16
  onBeforePrev: (hook: TravelHook) => void;
17
17
  onBeforeNext: (hook: TravelHook) => void;
18
- next: (...args: any[]) => void;
19
- prev: (...args: any[]) => void;
20
- toStep: (...args: any[]) => void;
18
+ next: () => void;
19
+ prev: () => void;
20
+ toStep: (step: number) => void;
21
21
  step: Ref<number>;
22
- canPrev: Ref<boolean>;
23
- canNext: Ref<boolean>;
24
- onPrevHooks: Ref<any[]>;
25
- onNextHooks: Ref<any[]>;
22
+ canPrev: ComputedRef<boolean>;
23
+ canNext: ComputedRef<boolean>;
24
+ onPrevHooks: Ref<TravelHook[]>;
25
+ onNextHooks: Ref<TravelHook[]>;
26
26
  };
@@ -1,4 +1,4 @@
1
- export declare type HookFn = (...args: unknown[]) => unknown | Promise<unknown>;
1
+ export type HookFn = (...args: unknown[]) => unknown | Promise<unknown>;
2
2
  export declare function runHook<H extends HookFn>(hook: H, ...args: Parameters<H>): Promise<boolean>;
3
3
  export declare function runAllHooks<H extends HookFn>(hooks: Iterable<H>, ...args: Parameters<H>): Promise<boolean>;
4
4
  export declare class Hook<H extends HookFn> {
@@ -73,23 +73,27 @@ export default defineComponent({
73
73
 
74
74
  &__bar {
75
75
  @apply rounded-full h-1 bg-subtle-alpha flex-grow transition-colors duration-150;
76
+ @apply dark:bg-dark-subtle-alpha;
76
77
  }
77
78
 
78
79
  &&[data-status="low"] {
79
80
  .strengthbar--active {
80
81
  @apply bg-danger-emphasis;
82
+ @apply dark:bg-dark-danger-emphasis;
81
83
  }
82
84
  }
83
85
 
84
86
  &&[data-status="mid"] {
85
87
  .strengthbar--active {
86
88
  @apply bg-warning-emphasis;
89
+ @apply dark:bg-dark-warning-emphasis;
87
90
  }
88
91
  }
89
92
 
90
93
  &&[data-status="high"] {
91
94
  .strengthbar--active {
92
95
  @apply bg-success-emphasis;
96
+ @apply dark:bg-dark-success-emphasis;
93
97
  }
94
98
  }
95
99
  }
@@ -50,7 +50,7 @@ export default defineComponent({
50
50
 
51
51
  <style lang="postcss">
52
52
  .subheading {
53
- @apply m-0 capitalize tracking-normal text-default;
53
+ @apply m-0 capitalize tracking-normal text-default dark:text-dark-default;
54
54
 
55
55
  /**
56
56
  * Weight variant
@@ -16,7 +16,7 @@ declare const _default: import("vue-demi").DefineComponent<{
16
16
  };
17
17
  overline: {
18
18
  type: BooleanConstructor;
19
- default: any;
19
+ default: undefined;
20
20
  };
21
21
  }, {
22
22
  classNames: import("vue-demi").ComputedRef<String[]>;
@@ -35,7 +35,7 @@ declare const _default: import("vue-demi").DefineComponent<{
35
35
  };
36
36
  overline: {
37
37
  type: BooleanConstructor;
38
- default: any;
38
+ default: undefined;
39
39
  };
40
40
  }>>, {
41
41
  size: SizeVariant;
@@ -1 +1 @@
1
- export declare type SizeVariant = 'sm' | 'md';
1
+ export type SizeVariant = 'sm' | 'md';