@naptics/vue-collection 0.2.15 → 0.3.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 (170) hide show
  1. package/.github/workflows/build.yml +26 -0
  2. package/.github/workflows/deploy-demo.yml +46 -0
  3. package/.github/workflows/deploy-lib.yml +65 -0
  4. package/.gitlab-ci.yml +57 -0
  5. package/.nvmrc +1 -0
  6. package/.prettierrc +8 -0
  7. package/.vscode/extensions.json +10 -0
  8. package/.vscode/launch.json +23 -0
  9. package/.vscode/settings.json +13 -0
  10. package/babel.config.json +3 -0
  11. package/components/NAlert.d.ts +1 -44
  12. package/components/NBadge.d.ts +1 -133
  13. package/components/NBreadcrub.d.ts +2 -106
  14. package/components/NBreadcrub.js +1 -1
  15. package/components/NButton.d.ts +2 -118
  16. package/components/NCheckbox.d.ts +1 -32
  17. package/components/NCheckboxLabel.d.ts +1 -45
  18. package/components/NCheckboxLabel.js +1 -1
  19. package/components/NCrudModal.d.ts +7 -251
  20. package/components/NCrudModal.js +1 -1
  21. package/components/NDialog.d.ts +1 -110
  22. package/components/NDialog.js +1 -1
  23. package/components/NDropdown.d.ts +1 -69
  24. package/components/NDropdown.js +1 -1
  25. package/components/NDropzone.d.ts +1 -115
  26. package/components/NDropzone.js +1 -1
  27. package/components/NForm.d.ts +1 -23
  28. package/components/NFormModal.d.ts +7 -151
  29. package/components/NIconButton.d.ts +3 -159
  30. package/components/NIconButton.js +1 -1
  31. package/components/NIconCircle.d.ts +1 -87
  32. package/components/NInput.d.ts +1 -164
  33. package/components/NInput.js +1 -1
  34. package/components/NInputPhone.d.ts +2 -114
  35. package/components/NInputPhone.js +1 -1
  36. package/components/NInputSelect.d.ts +2 -187
  37. package/components/NInputSelect.js +1 -1
  38. package/components/NInputSuggestion.d.ts +2 -155
  39. package/components/NInputSuggestion.js +1 -1
  40. package/components/NLink.d.ts +1 -70
  41. package/components/NList.d.ts +1 -43
  42. package/components/NList.js +1 -1
  43. package/components/NLoadingIndicator.d.ts +1 -49
  44. package/components/NModal.d.ts +12 -250
  45. package/components/NModal.js +15 -9
  46. package/components/NPagination.d.ts +1 -63
  47. package/components/NSearchbar.d.ts +1 -56
  48. package/components/NSearchbarList.d.ts +3 -63
  49. package/components/NSearchbarList.js +1 -1
  50. package/components/NSelect.d.ts +2 -148
  51. package/components/NSelect.js +1 -1
  52. package/components/NSuggestionList.d.ts +3 -126
  53. package/components/NSuggestionList.js +5 -2
  54. package/components/NTable.d.ts +1 -85
  55. package/components/NTable.js +12 -6
  56. package/components/NTableAction.d.ts +2 -46
  57. package/components/NTableAction.js +1 -1
  58. package/components/NTextArea.d.ts +2 -181
  59. package/components/NTextArea.js +1 -1
  60. package/components/NTooltip.d.ts +1 -105
  61. package/components/NTooltip.js +1 -1
  62. package/components/NValInput.d.ts +7 -182
  63. package/components/NValInput.js +1 -1
  64. package/env.d.ts +15 -0
  65. package/eslint.config.cjs +29 -0
  66. package/index.html +13 -0
  67. package/package.json +21 -19
  68. package/postcss.config.js +6 -0
  69. package/public/favicon.ico +0 -0
  70. package/scripts/build-lib.sh +52 -0
  71. package/scripts/sync-node-types.js +70 -0
  72. package/src/demo/App.css +9 -0
  73. package/src/demo/App.tsx +5 -0
  74. package/src/demo/components/ColorGrid.tsx +26 -0
  75. package/src/demo/components/ComponentGrid.tsx +26 -0
  76. package/src/demo/components/ComponentSection.tsx +30 -0
  77. package/src/demo/components/VariantSection.tsx +18 -0
  78. package/src/demo/i18n/de.ts +7 -0
  79. package/src/demo/i18n/en.ts +7 -0
  80. package/src/demo/i18n/index.ts +24 -0
  81. package/src/demo/main.ts +13 -0
  82. package/src/demo/router/index.ts +21 -0
  83. package/src/demo/views/HomeView.tsx +94 -0
  84. package/src/demo/views/NavigationView.tsx +43 -0
  85. package/src/demo/views/presentation/AlertView.tsx +40 -0
  86. package/src/demo/views/presentation/BadgeView.tsx +61 -0
  87. package/src/demo/views/presentation/BreadcrumbView.tsx +52 -0
  88. package/src/demo/views/presentation/ButtonView.tsx +49 -0
  89. package/src/demo/views/presentation/CheckboxView.tsx +59 -0
  90. package/src/demo/views/presentation/DropdownView.tsx +59 -0
  91. package/src/demo/views/presentation/DropzoneView.tsx +39 -0
  92. package/src/demo/views/presentation/IconButtonView.tsx +47 -0
  93. package/src/demo/views/presentation/IconCircleView.tsx +38 -0
  94. package/src/demo/views/presentation/InputView.tsx +179 -0
  95. package/src/demo/views/presentation/LinkView.tsx +50 -0
  96. package/src/demo/views/presentation/ListView.tsx +29 -0
  97. package/src/demo/views/presentation/LoadingIndicatorView.tsx +38 -0
  98. package/src/demo/views/presentation/ModalView.tsx +210 -0
  99. package/src/demo/views/presentation/PaginationView.tsx +25 -0
  100. package/src/demo/views/presentation/SearchbarView.tsx +80 -0
  101. package/src/demo/views/presentation/TableView.tsx +146 -0
  102. package/src/demo/views/presentation/TooltipView.tsx +86 -0
  103. package/src/lib/components/NAlert.tsx +85 -0
  104. package/src/lib/components/NBadge.tsx +75 -0
  105. package/src/lib/components/NBreadcrub.tsx +97 -0
  106. package/src/lib/components/NButton.tsx +80 -0
  107. package/src/lib/components/NCheckbox.tsx +55 -0
  108. package/src/lib/components/NCheckboxLabel.tsx +51 -0
  109. package/src/lib/components/NCrudModal.tsx +133 -0
  110. package/src/lib/components/NDialog.tsx +182 -0
  111. package/src/lib/components/NDropdown.tsx +167 -0
  112. package/src/lib/components/NDropzone.tsx +265 -0
  113. package/src/lib/components/NForm.tsx +32 -0
  114. package/src/lib/components/NFormModal.tsx +66 -0
  115. package/src/lib/components/NIconButton.tsx +92 -0
  116. package/src/lib/components/NIconCircle.tsx +78 -0
  117. package/src/lib/components/NInput.css +11 -0
  118. package/src/lib/components/NInput.tsx +139 -0
  119. package/src/lib/components/NInputPhone.tsx +53 -0
  120. package/src/lib/components/NInputSelect.tsx +126 -0
  121. package/src/lib/components/NInputSuggestion.tsx +80 -0
  122. package/src/lib/components/NLink.tsx +68 -0
  123. package/src/lib/components/NList.tsx +67 -0
  124. package/src/lib/components/NLoadingIndicator.css +46 -0
  125. package/src/lib/components/NLoadingIndicator.tsx +63 -0
  126. package/src/lib/components/NModal.tsx +243 -0
  127. package/src/lib/components/NPagination.css +15 -0
  128. package/src/lib/components/NPagination.tsx +131 -0
  129. package/src/lib/components/NSearchbar.tsx +78 -0
  130. package/src/lib/components/NSearchbarList.tsx +47 -0
  131. package/src/lib/components/NSelect.tsx +128 -0
  132. package/src/lib/components/NSuggestionList.tsx +216 -0
  133. package/src/lib/components/NTable.css +3 -0
  134. package/src/lib/components/NTable.tsx +247 -0
  135. package/src/lib/components/NTableAction.tsx +49 -0
  136. package/src/lib/components/NTextArea.tsx +159 -0
  137. package/src/lib/components/NTooltip.css +37 -0
  138. package/src/lib/components/NTooltip.tsx +250 -0
  139. package/src/lib/components/NValInput.tsx +163 -0
  140. package/src/lib/components/ValidatedForm.ts +71 -0
  141. package/src/lib/components/__tests__/NButton.spec.tsx +26 -0
  142. package/src/lib/components/__tests__/NCheckbox.spec.tsx +39 -0
  143. package/src/lib/i18n/de/vue-collection.json +58 -0
  144. package/src/lib/i18n/en/vue-collection.json +58 -0
  145. package/src/lib/i18n/index.ts +54 -0
  146. package/src/lib/index.ts +2 -0
  147. package/src/lib/jsx.d.ts +13 -0
  148. package/src/lib/utils/__tests__/identifiable.spec.ts +72 -0
  149. package/src/lib/utils/__tests__/validation.spec.ts +92 -0
  150. package/src/lib/utils/breakpoints.ts +47 -0
  151. package/src/lib/utils/component.tsx +131 -0
  152. package/src/lib/utils/deferred.ts +28 -0
  153. package/src/lib/utils/identifiable.ts +87 -0
  154. package/src/lib/utils/stringMaxLength.ts +25 -0
  155. package/src/lib/utils/tailwind.ts +41 -0
  156. package/src/lib/utils/utils.ts +90 -0
  157. package/src/lib/utils/vModel.ts +260 -0
  158. package/src/lib/utils/validation.ts +189 -0
  159. package/src/lib/utils/vue.ts +25 -0
  160. package/tailwind.config.js +38 -0
  161. package/tsconfig.config.json +9 -0
  162. package/tsconfig.demo.json +19 -0
  163. package/tsconfig.json +16 -0
  164. package/tsconfig.lib.json +18 -0
  165. package/tsconfig.vitest.json +8 -0
  166. package/utils/breakpoints.d.ts +1 -1
  167. package/utils/component.d.ts +3 -7
  168. package/utils/component.js +5 -2
  169. package/utils/identifiable.js +5 -1
  170. package/vite.config.ts +28 -0
@@ -45,91 +45,5 @@ export declare const nIconCircleProps: {
45
45
  /**
46
46
  * The `NIconCircle` is an icon with a colored circle around it.
47
47
  */
48
- declare const Component: import("vue").DefineComponent<{
49
- /**
50
- * The icon of the icon-circle.
51
- */
52
- readonly icon: {
53
- readonly type: PropType<HeroIcon>;
54
- readonly required: true;
55
- };
56
- /**
57
- * The color of the icon-circle.
58
- */
59
- readonly color: {
60
- readonly type: StringConstructor;
61
- readonly default: "primary";
62
- };
63
- /**
64
- * The size of the circle in "tailwind units" (4 px).
65
- * Tailwind classes are used for the size, so any number can be passed.
66
- * If the `iconSize` is not set, it will be adjusted automatically.
67
- */
68
- readonly circleSize: NumberConstructor;
69
- /**
70
- * The size of the icon in "tailwind units" (4 px).
71
- * No tailwind classes are used for the size, so any number can be passed.
72
- * If the `circleSize` is not set, it will be adjusted automatically.
73
- */
74
- readonly iconSize: NumberConstructor;
75
- /**
76
- * The shade of the icon.
77
- */
78
- readonly iconShade: {
79
- readonly type: NumberConstructor;
80
- readonly default: 600;
81
- };
82
- /**
83
- * The shade of the background.
84
- */
85
- readonly bgShade: {
86
- readonly type: NumberConstructor;
87
- readonly default: 100;
88
- };
89
- }, import("vue").RenderFunction, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, never[], never, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
90
- /**
91
- * The icon of the icon-circle.
92
- */
93
- readonly icon: {
94
- readonly type: PropType<HeroIcon>;
95
- readonly required: true;
96
- };
97
- /**
98
- * The color of the icon-circle.
99
- */
100
- readonly color: {
101
- readonly type: StringConstructor;
102
- readonly default: "primary";
103
- };
104
- /**
105
- * The size of the circle in "tailwind units" (4 px).
106
- * Tailwind classes are used for the size, so any number can be passed.
107
- * If the `iconSize` is not set, it will be adjusted automatically.
108
- */
109
- readonly circleSize: NumberConstructor;
110
- /**
111
- * The size of the icon in "tailwind units" (4 px).
112
- * No tailwind classes are used for the size, so any number can be passed.
113
- * If the `circleSize` is not set, it will be adjusted automatically.
114
- */
115
- readonly iconSize: NumberConstructor;
116
- /**
117
- * The shade of the icon.
118
- */
119
- readonly iconShade: {
120
- readonly type: NumberConstructor;
121
- readonly default: 600;
122
- };
123
- /**
124
- * The shade of the background.
125
- */
126
- readonly bgShade: {
127
- readonly type: NumberConstructor;
128
- readonly default: 100;
129
- };
130
- }>> & {}, {
131
- readonly color: string;
132
- readonly iconShade: number;
133
- readonly bgShade: number;
134
- }>;
48
+ declare const Component: import("vue").DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, import("vue").PublicProps>;
135
49
  export { Component as NIconCircle, Component as default };
@@ -86,168 +86,5 @@ export type NInputExposed = {
86
86
  /**
87
87
  * The base class of inputs. A styled input with a lot of configuration possibilities but no validation.
88
88
  */
89
- declare const Component: import("vue").DefineComponent<{
90
- readonly tooltipText: StringConstructor;
91
- readonly tooltipContent: PropType<() => JSX.Element>;
92
- readonly tooltipHide: BooleanConstructor;
93
- readonly tooltipShow: BooleanConstructor;
94
- readonly tooltipPlacement: {
95
- readonly type: PropType<import("./NTooltip").TooltipPlacement>;
96
- readonly default: "auto";
97
- };
98
- readonly tooltipMaxWidth: {
99
- readonly type: PropType<import("../utils/tailwind").TWMaxWidth>;
100
- readonly default: "max-w-xs";
101
- };
102
- readonly tooltipWrapperClass: StringConstructor;
103
- readonly tooltipContentClass: StringConstructor;
104
- readonly tooltipArrowClass: StringConstructor;
105
- /**
106
- * The name of the input. Is displayed as a label above the input.
107
- */
108
- readonly name: StringConstructor;
109
- /**
110
- * The placeholder of the input.
111
- */
112
- readonly placeholder: StringConstructor;
113
- /**
114
- * The html autocomplete attribute of the input.
115
- */
116
- readonly autocomplete: {
117
- readonly type: StringConstructor;
118
- readonly default: "off";
119
- };
120
- /**
121
- * The html type attribute of the input.
122
- */
123
- readonly type: {
124
- readonly type: StringConstructor;
125
- readonly default: "text";
126
- };
127
- /**
128
- * The maximum value of the input.
129
- */
130
- readonly max: StringConstructor;
131
- /**
132
- * The minimum value of the input.
133
- */
134
- readonly min: StringConstructor;
135
- /**
136
- * If set to `true` the input is displayed with a red border.
137
- */
138
- readonly error: BooleanConstructor;
139
- /**
140
- * If set to `true` the input is disabled and no interaction is possible.
141
- */
142
- readonly disabled: BooleanConstructor;
143
- /**
144
- * If set to `true` the input is displayed smaller.
145
- */
146
- readonly small: BooleanConstructor;
147
- /**
148
- * If set to `true` the input's label is hidden.
149
- */
150
- readonly hideLabel: BooleanConstructor;
151
- /**
152
- * Adds the classes directly to the input (e.g. for shadow).
153
- */
154
- readonly inputClass: StringConstructor;
155
- /**
156
- * This is called when the input reveices focus.
157
- */
158
- readonly onFocus: PropType<() => void>;
159
- /**
160
- * This is called when the input looses focus.
161
- */
162
- readonly onBlur: PropType<() => void>;
163
- readonly value: PropType<string>;
164
- readonly onUpdateValue: PropType<(newValue: string) => void>;
165
- }, import("vue").RenderFunction, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, never[], never, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
166
- readonly tooltipText: StringConstructor;
167
- readonly tooltipContent: PropType<() => JSX.Element>;
168
- readonly tooltipHide: BooleanConstructor;
169
- readonly tooltipShow: BooleanConstructor;
170
- readonly tooltipPlacement: {
171
- readonly type: PropType<import("./NTooltip").TooltipPlacement>;
172
- readonly default: "auto";
173
- };
174
- readonly tooltipMaxWidth: {
175
- readonly type: PropType<import("../utils/tailwind").TWMaxWidth>;
176
- readonly default: "max-w-xs";
177
- };
178
- readonly tooltipWrapperClass: StringConstructor;
179
- readonly tooltipContentClass: StringConstructor;
180
- readonly tooltipArrowClass: StringConstructor;
181
- /**
182
- * The name of the input. Is displayed as a label above the input.
183
- */
184
- readonly name: StringConstructor;
185
- /**
186
- * The placeholder of the input.
187
- */
188
- readonly placeholder: StringConstructor;
189
- /**
190
- * The html autocomplete attribute of the input.
191
- */
192
- readonly autocomplete: {
193
- readonly type: StringConstructor;
194
- readonly default: "off";
195
- };
196
- /**
197
- * The html type attribute of the input.
198
- */
199
- readonly type: {
200
- readonly type: StringConstructor;
201
- readonly default: "text";
202
- };
203
- /**
204
- * The maximum value of the input.
205
- */
206
- readonly max: StringConstructor;
207
- /**
208
- * The minimum value of the input.
209
- */
210
- readonly min: StringConstructor;
211
- /**
212
- * If set to `true` the input is displayed with a red border.
213
- */
214
- readonly error: BooleanConstructor;
215
- /**
216
- * If set to `true` the input is disabled and no interaction is possible.
217
- */
218
- readonly disabled: BooleanConstructor;
219
- /**
220
- * If set to `true` the input is displayed smaller.
221
- */
222
- readonly small: BooleanConstructor;
223
- /**
224
- * If set to `true` the input's label is hidden.
225
- */
226
- readonly hideLabel: BooleanConstructor;
227
- /**
228
- * Adds the classes directly to the input (e.g. for shadow).
229
- */
230
- readonly inputClass: StringConstructor;
231
- /**
232
- * This is called when the input reveices focus.
233
- */
234
- readonly onFocus: PropType<() => void>;
235
- /**
236
- * This is called when the input looses focus.
237
- */
238
- readonly onBlur: PropType<() => void>;
239
- readonly value: PropType<string>;
240
- readonly onUpdateValue: PropType<(newValue: string) => void>;
241
- }>> & {}, {
242
- readonly small: boolean;
243
- readonly type: string;
244
- readonly tooltipHide: boolean;
245
- readonly tooltipShow: boolean;
246
- readonly tooltipPlacement: import("./NTooltip").TooltipPlacement;
247
- readonly tooltipMaxWidth: import("../utils/tailwind").TWMaxWidth;
248
- readonly disabled: boolean;
249
- readonly error: boolean;
250
- readonly autocomplete: string;
251
- readonly hideLabel: boolean;
252
- }>;
89
+ declare const Component: import("vue").DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, import("vue").PublicProps>;
253
90
  export { Component as NInput, Component as default };
@@ -1,4 +1,4 @@
1
- import { mergeProps as _mergeProps, withDirectives as _withDirectives, vShow as _vShow, createVNode as _createVNode } from "vue";
1
+ import { createVNode as _createVNode, vShow as _vShow, withDirectives as _withDirectives, mergeProps as _mergeProps } from "vue";
2
2
  import { createComponent } from '../utils/component';
3
3
  import { ref } from 'vue';
4
4
  import { ExclamationCircleIcon } from '@heroicons/vue/24/solid';
@@ -3,7 +3,7 @@ export declare const nInputPhoneProps: {
3
3
  readonly disableValidation: BooleanConstructor;
4
4
  readonly optional: BooleanConstructor;
5
5
  readonly rules: {
6
- readonly type: import("vue").PropType<import("../utils/validation").ValidationRule | import("../utils/validation").ValidationRule[]>;
6
+ readonly type: import("vue").PropType<import("../utils/validation").ValidationRule[] | import("../utils/validation").ValidationRule>;
7
7
  readonly default: () => never[];
8
8
  };
9
9
  readonly form: import("vue").PropType<import("./ValidatedForm").ValidatedForm>;
@@ -50,117 +50,5 @@ export declare const nInputPhoneProps: {
50
50
  /**
51
51
  * The `NInputPhone` autoformats phone numbers and checks if they are valid.
52
52
  */
53
- declare const Component: import("vue").DefineComponent<{
54
- readonly input: import("vue").PropType<(props: import("./NValInput").InputSlotProps) => JSX.Element>;
55
- readonly disableValidation: BooleanConstructor;
56
- readonly optional: BooleanConstructor;
57
- readonly rules: {
58
- readonly type: import("vue").PropType<import("../utils/validation").ValidationRule | import("../utils/validation").ValidationRule[]>;
59
- readonly default: () => never[];
60
- };
61
- readonly form: import("vue").PropType<import("./ValidatedForm").ValidatedForm>;
62
- readonly error: BooleanConstructor;
63
- readonly errorMessage: StringConstructor;
64
- readonly hideErrorMessage: BooleanConstructor;
65
- readonly disableBlurValidation: BooleanConstructor;
66
- readonly tooltipText: StringConstructor;
67
- readonly tooltipContent: import("vue").PropType<() => JSX.Element>;
68
- readonly tooltipHide: BooleanConstructor;
69
- readonly tooltipShow: BooleanConstructor;
70
- readonly tooltipPlacement: {
71
- readonly type: import("vue").PropType<import("./NTooltip").TooltipPlacement>;
72
- readonly default: "auto";
73
- };
74
- readonly tooltipMaxWidth: {
75
- readonly type: import("vue").PropType<import("../utils/tailwind").TWMaxWidth>;
76
- readonly default: "max-w-xs";
77
- };
78
- readonly tooltipWrapperClass: StringConstructor;
79
- readonly tooltipContentClass: StringConstructor;
80
- readonly tooltipArrowClass: StringConstructor;
81
- readonly name: StringConstructor;
82
- readonly placeholder: StringConstructor;
83
- readonly autocomplete: {
84
- readonly type: StringConstructor;
85
- readonly default: "off";
86
- };
87
- readonly type: {
88
- readonly type: StringConstructor;
89
- readonly default: "text";
90
- };
91
- readonly max: StringConstructor;
92
- readonly min: StringConstructor;
93
- readonly disabled: BooleanConstructor;
94
- readonly small: BooleanConstructor;
95
- readonly hideLabel: BooleanConstructor;
96
- readonly inputClass: StringConstructor;
97
- readonly onFocus: import("vue").PropType<() => void>;
98
- readonly onBlur: import("vue").PropType<() => void>;
99
- readonly value: import("vue").PropType<string>;
100
- readonly onUpdateValue: import("vue").PropType<(newValue: string) => void>;
101
- }, import("vue").RenderFunction, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, never[], never, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
102
- readonly input: import("vue").PropType<(props: import("./NValInput").InputSlotProps) => JSX.Element>;
103
- readonly disableValidation: BooleanConstructor;
104
- readonly optional: BooleanConstructor;
105
- readonly rules: {
106
- readonly type: import("vue").PropType<import("../utils/validation").ValidationRule | import("../utils/validation").ValidationRule[]>;
107
- readonly default: () => never[];
108
- };
109
- readonly form: import("vue").PropType<import("./ValidatedForm").ValidatedForm>;
110
- readonly error: BooleanConstructor;
111
- readonly errorMessage: StringConstructor;
112
- readonly hideErrorMessage: BooleanConstructor;
113
- readonly disableBlurValidation: BooleanConstructor;
114
- readonly tooltipText: StringConstructor;
115
- readonly tooltipContent: import("vue").PropType<() => JSX.Element>;
116
- readonly tooltipHide: BooleanConstructor;
117
- readonly tooltipShow: BooleanConstructor;
118
- readonly tooltipPlacement: {
119
- readonly type: import("vue").PropType<import("./NTooltip").TooltipPlacement>;
120
- readonly default: "auto";
121
- };
122
- readonly tooltipMaxWidth: {
123
- readonly type: import("vue").PropType<import("../utils/tailwind").TWMaxWidth>;
124
- readonly default: "max-w-xs";
125
- };
126
- readonly tooltipWrapperClass: StringConstructor;
127
- readonly tooltipContentClass: StringConstructor;
128
- readonly tooltipArrowClass: StringConstructor;
129
- readonly name: StringConstructor;
130
- readonly placeholder: StringConstructor;
131
- readonly autocomplete: {
132
- readonly type: StringConstructor;
133
- readonly default: "off";
134
- };
135
- readonly type: {
136
- readonly type: StringConstructor;
137
- readonly default: "text";
138
- };
139
- readonly max: StringConstructor;
140
- readonly min: StringConstructor;
141
- readonly disabled: BooleanConstructor;
142
- readonly small: BooleanConstructor;
143
- readonly hideLabel: BooleanConstructor;
144
- readonly inputClass: StringConstructor;
145
- readonly onFocus: import("vue").PropType<() => void>;
146
- readonly onBlur: import("vue").PropType<() => void>;
147
- readonly value: import("vue").PropType<string>;
148
- readonly onUpdateValue: import("vue").PropType<(newValue: string) => void>;
149
- }>> & {}, {
150
- readonly small: boolean;
151
- readonly type: string;
152
- readonly tooltipHide: boolean;
153
- readonly tooltipShow: boolean;
154
- readonly tooltipPlacement: import("./NTooltip").TooltipPlacement;
155
- readonly tooltipMaxWidth: import("../utils/tailwind").TWMaxWidth;
156
- readonly disabled: boolean;
157
- readonly error: boolean;
158
- readonly autocomplete: string;
159
- readonly hideLabel: boolean;
160
- readonly disableValidation: boolean;
161
- readonly optional: boolean;
162
- readonly rules: import("../utils/validation").ValidationRule | import("../utils/validation").ValidationRule[];
163
- readonly hideErrorMessage: boolean;
164
- readonly disableBlurValidation: boolean;
165
- }>;
53
+ declare const Component: import("vue").DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, import("vue").PublicProps>;
166
54
  export { Component as NInputPhone, Component as default };
@@ -1,4 +1,4 @@
1
- import { mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
1
+ import { createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
2
2
  import { createComponent } from '../utils/component';
3
3
  import { external } from '../utils/validation';
4
4
  import { computed, Suspense } from 'vue';
@@ -52,7 +52,7 @@ export declare const nInputSelectProps: {
52
52
  /**
53
53
  * @see {@link nSuggestionListProps.listItem}
54
54
  */
55
- readonly listItem: PropType<(props: import("./NSuggestionList").ItemSlotProps<import("./NSuggestionList").SuggestionItem>) => JSX.Element>;
55
+ readonly listItem: PropType<(props: import("./NSuggestionList").ItemSlotProps) => JSX.Element>;
56
56
  readonly tooltipText: StringConstructor;
57
57
  readonly tooltipContent: PropType<() => JSX.Element>;
58
58
  readonly tooltipHide: BooleanConstructor;
@@ -95,190 +95,5 @@ export type InputSelectOption = Identifiable & {
95
95
  * The user is forced to use a value from the specified options of the input.
96
96
  * While they type, the list of options is shown to them and filtered based on their input.
97
97
  */
98
- declare const Component: import("vue").DefineComponent<{
99
- /**
100
- * The id of the currently selected option of this input.
101
- */
102
- readonly value: StringConstructor;
103
- /**
104
- * This is called with the newly selected id when the selection has changed.
105
- * This happens, when an item from the suggestion list is selected or the
106
- * input matches a selection option exactly.
107
- * If no id is selected, the empty string is passed, in order to
108
- * match the API of all other inputs who never pass `undefined`.
109
- */
110
- readonly onUpdateValue: PropType<(newValue: string) => void>;
111
- /**
112
- * The options which are allowed and suggested for this input.
113
- * The options are filtered based on the user input.
114
- */
115
- readonly options: {
116
- readonly type: PropType<InputSelectOption[]>;
117
- readonly default: () => never[];
118
- };
119
- /**
120
- * @see {@link nValInputProps.optional}
121
- */
122
- readonly optional: BooleanConstructor;
123
- /**
124
- * @see {@link nValInputProps.form}
125
- */
126
- readonly form: PropType<import("./ValidatedForm").ValidatedForm>;
127
- /**
128
- * @see {@link nValInputProps.error}
129
- */
130
- readonly error: BooleanConstructor;
131
- /**
132
- * @see {@link nValInputProps.errorMessage}
133
- */
134
- readonly errorMessage: StringConstructor;
135
- /**
136
- * If set to `true` the list is hidden even if there are still matching items in the list.
137
- */
138
- readonly hideList: BooleanConstructor;
139
- /**
140
- * @see {@link nSuggestionListProps.maxItems}
141
- */
142
- readonly maxItems: {
143
- readonly type: NumberConstructor;
144
- readonly default: () => number;
145
- };
146
- /**
147
- * @see {@link nSuggestionListProps.listItem}
148
- */
149
- readonly listItem: PropType<(props: import("./NSuggestionList").ItemSlotProps<import("./NSuggestionList").SuggestionItem>) => JSX.Element>;
150
- readonly tooltipText: StringConstructor;
151
- readonly tooltipContent: PropType<() => JSX.Element>;
152
- readonly tooltipHide: BooleanConstructor;
153
- readonly tooltipShow: BooleanConstructor;
154
- readonly tooltipPlacement: {
155
- readonly type: PropType<import("./NTooltip").TooltipPlacement>;
156
- readonly default: "auto";
157
- };
158
- readonly tooltipMaxWidth: {
159
- readonly type: PropType<import("../utils/tailwind").TWMaxWidth>;
160
- readonly default: "max-w-xs";
161
- };
162
- readonly tooltipWrapperClass: StringConstructor;
163
- readonly tooltipContentClass: StringConstructor;
164
- readonly tooltipArrowClass: StringConstructor;
165
- readonly name: StringConstructor;
166
- readonly placeholder: StringConstructor;
167
- readonly autocomplete: {
168
- readonly type: StringConstructor;
169
- readonly default: "off";
170
- };
171
- readonly type: {
172
- readonly type: StringConstructor;
173
- readonly default: "text";
174
- };
175
- readonly max: StringConstructor;
176
- readonly min: StringConstructor;
177
- readonly disabled: BooleanConstructor;
178
- readonly small: BooleanConstructor;
179
- readonly hideLabel: BooleanConstructor;
180
- readonly inputClass: StringConstructor;
181
- readonly onFocus: PropType<() => void>;
182
- readonly onBlur: PropType<() => void>;
183
- }, import("vue").RenderFunction, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, never[], never, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
184
- /**
185
- * The id of the currently selected option of this input.
186
- */
187
- readonly value: StringConstructor;
188
- /**
189
- * This is called with the newly selected id when the selection has changed.
190
- * This happens, when an item from the suggestion list is selected or the
191
- * input matches a selection option exactly.
192
- * If no id is selected, the empty string is passed, in order to
193
- * match the API of all other inputs who never pass `undefined`.
194
- */
195
- readonly onUpdateValue: PropType<(newValue: string) => void>;
196
- /**
197
- * The options which are allowed and suggested for this input.
198
- * The options are filtered based on the user input.
199
- */
200
- readonly options: {
201
- readonly type: PropType<InputSelectOption[]>;
202
- readonly default: () => never[];
203
- };
204
- /**
205
- * @see {@link nValInputProps.optional}
206
- */
207
- readonly optional: BooleanConstructor;
208
- /**
209
- * @see {@link nValInputProps.form}
210
- */
211
- readonly form: PropType<import("./ValidatedForm").ValidatedForm>;
212
- /**
213
- * @see {@link nValInputProps.error}
214
- */
215
- readonly error: BooleanConstructor;
216
- /**
217
- * @see {@link nValInputProps.errorMessage}
218
- */
219
- readonly errorMessage: StringConstructor;
220
- /**
221
- * If set to `true` the list is hidden even if there are still matching items in the list.
222
- */
223
- readonly hideList: BooleanConstructor;
224
- /**
225
- * @see {@link nSuggestionListProps.maxItems}
226
- */
227
- readonly maxItems: {
228
- readonly type: NumberConstructor;
229
- readonly default: () => number;
230
- };
231
- /**
232
- * @see {@link nSuggestionListProps.listItem}
233
- */
234
- readonly listItem: PropType<(props: import("./NSuggestionList").ItemSlotProps<import("./NSuggestionList").SuggestionItem>) => JSX.Element>;
235
- readonly tooltipText: StringConstructor;
236
- readonly tooltipContent: PropType<() => JSX.Element>;
237
- readonly tooltipHide: BooleanConstructor;
238
- readonly tooltipShow: BooleanConstructor;
239
- readonly tooltipPlacement: {
240
- readonly type: PropType<import("./NTooltip").TooltipPlacement>;
241
- readonly default: "auto";
242
- };
243
- readonly tooltipMaxWidth: {
244
- readonly type: PropType<import("../utils/tailwind").TWMaxWidth>;
245
- readonly default: "max-w-xs";
246
- };
247
- readonly tooltipWrapperClass: StringConstructor;
248
- readonly tooltipContentClass: StringConstructor;
249
- readonly tooltipArrowClass: StringConstructor;
250
- readonly name: StringConstructor;
251
- readonly placeholder: StringConstructor;
252
- readonly autocomplete: {
253
- readonly type: StringConstructor;
254
- readonly default: "off";
255
- };
256
- readonly type: {
257
- readonly type: StringConstructor;
258
- readonly default: "text";
259
- };
260
- readonly max: StringConstructor;
261
- readonly min: StringConstructor;
262
- readonly disabled: BooleanConstructor;
263
- readonly small: BooleanConstructor;
264
- readonly hideLabel: BooleanConstructor;
265
- readonly inputClass: StringConstructor;
266
- readonly onFocus: PropType<() => void>;
267
- readonly onBlur: PropType<() => void>;
268
- }>> & {}, {
269
- readonly small: boolean;
270
- readonly type: string;
271
- readonly tooltipHide: boolean;
272
- readonly tooltipShow: boolean;
273
- readonly tooltipPlacement: import("./NTooltip").TooltipPlacement;
274
- readonly tooltipMaxWidth: import("../utils/tailwind").TWMaxWidth;
275
- readonly options: InputSelectOption[];
276
- readonly disabled: boolean;
277
- readonly error: boolean;
278
- readonly autocomplete: string;
279
- readonly hideLabel: boolean;
280
- readonly optional: boolean;
281
- readonly maxItems: number;
282
- readonly hideList: boolean;
283
- }>;
98
+ declare const Component: import("vue").DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, import("vue").PublicProps>;
284
99
  export { Component as NInputSelect, Component as default };
@@ -1,4 +1,4 @@
1
- import { createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
1
+ import { mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
2
2
  import { createComponentWithSlots } from '../utils/component';
3
3
  import { Id } from '../utils/identifiable';
4
4
  import { option } from '../utils/validation';