@rebilly/revel 6.30.37 → 6.30.39

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.
@@ -1,413 +1,232 @@
1
- import { type PropType } from 'vue';
2
- declare const _default: import("vue").DefineComponent<{
3
- /**
4
- * TBD
5
- */
6
- label: {
7
- type: StringConstructor;
8
- default: null;
9
- };
10
- /**
11
- * TBD
12
- */
13
- modelValue: {
14
- type: PropType<Nullable<string | number | boolean>>;
15
- default: null;
16
- };
17
- /**
18
- * TBD
19
- */
20
- validate: {
21
- type: ObjectConstructor;
22
- default: null;
23
- };
24
- /**
25
- * TBD
26
- */
27
- helpText: {
28
- type: StringConstructor;
29
- default: null;
30
- };
31
- /**
32
- * TBD
33
- */
34
- multiline: {
35
- type: BooleanConstructor;
36
- default: boolean;
37
- };
38
- /**
39
- * TBD
40
- */
41
- submitOnEnter: {
42
- type: BooleanConstructor;
43
- default: boolean;
44
- };
45
- /**
46
- * Define input events
47
- */
48
- inputEvents: {
49
- type: ObjectConstructor;
50
- default: () => {};
51
- };
52
- /**
53
- * TBD
54
- */
55
- leftIcon: {
56
- type: PropType<"fingerprint" | "dashboard" | "lists" | "automation" | "customers" | "orders" | "transactions" | "guides" | "settings" | "alerts" | "stream" | "search" | "filter" | "collapse-segments" | "resize-columns" | "segments" | "lock" | "caret-up" | "caret-down" | "caret-down-s" | "caret-left" | "caret-right" | "arrow-up" | "arrow-down" | "arrow-left" | "arrow-right" | "arrow-up-l" | "arrow-down-l" | "arrow-left-l" | "arrow-right-l" | "close" | "close-s" | "logout" | "actions" | "circle" | "eye" | "eye-closed" | "burger" | "help" | "info" | "dash-l" | "company" | "website" | "email" | "external-link" | "trash" | "bank" | "map-marker" | "credit-card" | "checkout" | "check-s" | "custom-fields" | "calendar" | "columns" | "blocklists" | "webhooks" | "sticky-note" | "clip" | "loading" | "product" | "api-key" | "coupon" | "average" | "payments" | "tag" | "clone" | "copy" | "edit" | "edit-s" | "stop" | "unlock" | "event" | "invoices" | "rules" | "users" | "sharp" | "at" | "file" | "download" | "export" | "data-exports" | "shipping" | "plus" | "drag" | "reset" | "drag-move" | "world" | "integrations" | "id" | "phone" | "batch" | "merge" | "placeholders" | "caret-double-left" | "caret-double-right" | "heart" | "checkbox-checkmark" | "radio-checkmark" | "star" | "star-empty" | "report-match" | "emulate" | "billing-portal" | "app-store" | "kyc" | "cake" | "briefcase" | "tag-untag" | "risk-score" | "list" | "notifications" | "one-column" | "rebilly-logo" | "two-columns" | "meter" | "reports" | "allowlists" | "collapse-layout" | "rebilly-icon" | "sun" | "moon" | "upload" | "camera">;
57
- default: null;
58
- };
59
- /**
60
- * TBD
61
- */
62
- leftIconClickPointer: {
63
- type: BooleanConstructor;
64
- default: boolean;
65
- };
66
- /**
67
- * TBD
68
- */
69
- rightIcon: {
70
- type: PropType<"fingerprint" | "dashboard" | "lists" | "automation" | "customers" | "orders" | "transactions" | "guides" | "settings" | "alerts" | "stream" | "search" | "filter" | "collapse-segments" | "resize-columns" | "segments" | "lock" | "caret-up" | "caret-down" | "caret-down-s" | "caret-left" | "caret-right" | "arrow-up" | "arrow-down" | "arrow-left" | "arrow-right" | "arrow-up-l" | "arrow-down-l" | "arrow-left-l" | "arrow-right-l" | "close" | "close-s" | "logout" | "actions" | "circle" | "eye" | "eye-closed" | "burger" | "help" | "info" | "dash-l" | "company" | "website" | "email" | "external-link" | "trash" | "bank" | "map-marker" | "credit-card" | "checkout" | "check-s" | "custom-fields" | "calendar" | "columns" | "blocklists" | "webhooks" | "sticky-note" | "clip" | "loading" | "product" | "api-key" | "coupon" | "average" | "payments" | "tag" | "clone" | "copy" | "edit" | "edit-s" | "stop" | "unlock" | "event" | "invoices" | "rules" | "users" | "sharp" | "at" | "file" | "download" | "export" | "data-exports" | "shipping" | "plus" | "drag" | "reset" | "drag-move" | "world" | "integrations" | "id" | "phone" | "batch" | "merge" | "placeholders" | "caret-double-left" | "caret-double-right" | "heart" | "checkbox-checkmark" | "radio-checkmark" | "star" | "star-empty" | "report-match" | "emulate" | "billing-portal" | "app-store" | "kyc" | "cake" | "briefcase" | "tag-untag" | "risk-score" | "list" | "notifications" | "one-column" | "rebilly-logo" | "two-columns" | "meter" | "reports" | "allowlists" | "collapse-layout" | "rebilly-icon" | "sun" | "moon" | "upload" | "camera">;
71
- default: null;
72
- };
73
- /**
74
- * TBD
75
- */
76
- rightIconClickPointer: {
77
- type: BooleanConstructor;
78
- default: boolean;
79
- };
80
- /**
81
- * TBD
82
- */
83
- leftIconSpinning: {
84
- type: BooleanConstructor;
85
- default: boolean;
86
- };
87
- /**
88
- * TBD
89
- */
90
- rightIconSpinning: {
91
- type: BooleanConstructor;
92
- default: boolean;
93
- };
94
- /**
95
- * TBD
96
- */
97
- leftLabel: {
98
- type: StringConstructor;
99
- default: null;
100
- };
101
- /**
102
- * TBD
103
- */
104
- rightLabel: {
105
- type: StringConstructor;
106
- default: null;
107
- };
108
- /**
109
- * TBD
110
- */
111
- password: {
112
- type: BooleanConstructor;
113
- default: boolean;
114
- };
115
- /**
116
- * TBD
117
- */
118
- numeric: {
119
- type: BooleanConstructor;
120
- default: boolean;
121
- };
122
- /**
123
- * TBD
124
- */
125
- name: {
126
- type: StringConstructor;
127
- default: () => string;
128
- };
129
- /**
130
- * TBD
131
- */
132
- rows: {
133
- type: (StringConstructor | NumberConstructor)[];
134
- default: string;
135
- };
136
- /**
137
- * TBD
138
- */
139
- autoFocus: {
140
- type: BooleanConstructor;
141
- default: boolean;
142
- };
143
- /**
144
- * TBD
145
- */
146
- autoHighlight: {
147
- type: BooleanConstructor;
148
- default: boolean;
149
- };
150
- /**
151
- * TBD
152
- */
153
- autoHighlightOnFocus: {
154
- type: BooleanConstructor;
155
- default: boolean;
156
- };
157
- /**
158
- * TBD
159
- */
160
- maxLength: {
161
- type: (StringConstructor | NumberConstructor)[];
162
- default: null;
163
- };
164
- /**
165
- * TBD
166
- */
167
- autoResize: {
168
- type: BooleanConstructor;
169
- default: boolean;
1
+ import type { IconNames } from '../r-icon/r-icon-sprites';
2
+ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
3
+ label: null;
4
+ modelValue: null;
5
+ validate: null;
6
+ helpText: null;
7
+ multiline: boolean;
8
+ submitOnEnter: boolean;
9
+ inputEvents: () => {};
10
+ leftIcon: null;
11
+ leftIconClickPointer: boolean;
12
+ rightIcon: null;
13
+ rightIconClickPointer: boolean;
14
+ leftIconSpinning: boolean;
15
+ rightIconSpinning: boolean;
16
+ leftLabel: null;
17
+ rightLabel: null;
18
+ password: boolean;
19
+ numeric: boolean;
20
+ name: () => string;
21
+ rows: string;
22
+ autoFocus: boolean;
23
+ autoHighlight: boolean;
24
+ autoHighlightOnFocus: boolean;
25
+ maxLength: undefined;
26
+ autoResize: boolean;
27
+ autoComplete: string;
28
+ }>, {
29
+ focus: () => void;
30
+ blur: () => void;
31
+ highlight: () => void;
32
+ getFocus: () => void;
33
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
34
+ click: (...args: any[]) => void;
35
+ blur: (...args: any[]) => void;
36
+ focus: (...args: any[]) => void;
37
+ "update:modelValue": (...args: any[]) => void;
38
+ "key-press": (...args: any[]) => void;
39
+ "key-down": (...args: any[]) => void;
40
+ "key-submit": (...args: any[]) => void;
41
+ "left-icon-click": (...args: any[]) => void;
42
+ "right-icon-click": (...args: any[]) => void;
43
+ }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
44
+ label: null;
45
+ modelValue: null;
46
+ validate: null;
47
+ helpText: null;
48
+ multiline: boolean;
49
+ submitOnEnter: boolean;
50
+ inputEvents: () => {};
51
+ leftIcon: null;
52
+ leftIconClickPointer: boolean;
53
+ rightIcon: null;
54
+ rightIconClickPointer: boolean;
55
+ leftIconSpinning: boolean;
56
+ rightIconSpinning: boolean;
57
+ leftLabel: null;
58
+ rightLabel: null;
59
+ password: boolean;
60
+ numeric: boolean;
61
+ name: () => string;
62
+ rows: string;
63
+ autoFocus: boolean;
64
+ autoHighlight: boolean;
65
+ autoHighlightOnFocus: boolean;
66
+ maxLength: undefined;
67
+ autoResize: boolean;
68
+ autoComplete: string;
69
+ }>>> & {
70
+ onClick?: ((...args: any[]) => any) | undefined;
71
+ onFocus?: ((...args: any[]) => any) | undefined;
72
+ onBlur?: ((...args: any[]) => any) | undefined;
73
+ "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
74
+ "onKey-press"?: ((...args: any[]) => any) | undefined;
75
+ "onKey-down"?: ((...args: any[]) => any) | undefined;
76
+ "onKey-submit"?: ((...args: any[]) => any) | undefined;
77
+ "onLeft-icon-click"?: ((...args: any[]) => any) | undefined;
78
+ "onRight-icon-click"?: ((...args: any[]) => any) | undefined;
79
+ }, {
80
+ label: Nullable<string>;
81
+ modelValue: Nullable<string | number | boolean>;
82
+ validate: Nullable<Record<string, unknown>>;
83
+ inputEvents: Record<string, unknown>;
84
+ rightIcon: Nullable<"fingerprint" | "dashboard" | "lists" | "automation" | "customers" | "orders" | "transactions" | "guides" | "settings" | "alerts" | "stream" | "search" | "filter" | "collapse-segments" | "resize-columns" | "segments" | "lock" | "caret-up" | "caret-down" | "caret-down-s" | "caret-left" | "caret-right" | "arrow-up" | "arrow-down" | "arrow-left" | "arrow-right" | "arrow-up-l" | "arrow-down-l" | "arrow-left-l" | "arrow-right-l" | "close" | "close-s" | "logout" | "actions" | "circle" | "eye" | "eye-closed" | "burger" | "help" | "info" | "dash-l" | "company" | "website" | "email" | "external-link" | "trash" | "bank" | "map-marker" | "credit-card" | "checkout" | "check-s" | "custom-fields" | "calendar" | "columns" | "blocklists" | "webhooks" | "sticky-note" | "clip" | "loading" | "product" | "api-key" | "coupon" | "average" | "payments" | "tag" | "clone" | "copy" | "edit" | "edit-s" | "stop" | "unlock" | "event" | "invoices" | "rules" | "users" | "sharp" | "at" | "file" | "download" | "export" | "data-exports" | "shipping" | "plus" | "drag" | "reset" | "drag-move" | "world" | "integrations" | "id" | "phone" | "batch" | "merge" | "placeholders" | "caret-double-left" | "caret-double-right" | "heart" | "checkbox-checkmark" | "radio-checkmark" | "star" | "star-empty" | "report-match" | "emulate" | "billing-portal" | "app-store" | "kyc" | "cake" | "briefcase" | "tag-untag" | "risk-score" | "list" | "notifications" | "one-column" | "rebilly-logo" | "two-columns" | "meter" | "reports" | "allowlists" | "collapse-layout" | "rebilly-icon" | "sun" | "moon" | "upload" | "camera">;
85
+ name: string;
86
+ rows: string | number;
87
+ numeric: boolean;
88
+ helpText: Nullable<string>;
89
+ multiline: boolean;
90
+ submitOnEnter: boolean;
91
+ leftIcon: Nullable<"fingerprint" | "dashboard" | "lists" | "automation" | "customers" | "orders" | "transactions" | "guides" | "settings" | "alerts" | "stream" | "search" | "filter" | "collapse-segments" | "resize-columns" | "segments" | "lock" | "caret-up" | "caret-down" | "caret-down-s" | "caret-left" | "caret-right" | "arrow-up" | "arrow-down" | "arrow-left" | "arrow-right" | "arrow-up-l" | "arrow-down-l" | "arrow-left-l" | "arrow-right-l" | "close" | "close-s" | "logout" | "actions" | "circle" | "eye" | "eye-closed" | "burger" | "help" | "info" | "dash-l" | "company" | "website" | "email" | "external-link" | "trash" | "bank" | "map-marker" | "credit-card" | "checkout" | "check-s" | "custom-fields" | "calendar" | "columns" | "blocklists" | "webhooks" | "sticky-note" | "clip" | "loading" | "product" | "api-key" | "coupon" | "average" | "payments" | "tag" | "clone" | "copy" | "edit" | "edit-s" | "stop" | "unlock" | "event" | "invoices" | "rules" | "users" | "sharp" | "at" | "file" | "download" | "export" | "data-exports" | "shipping" | "plus" | "drag" | "reset" | "drag-move" | "world" | "integrations" | "id" | "phone" | "batch" | "merge" | "placeholders" | "caret-double-left" | "caret-double-right" | "heart" | "checkbox-checkmark" | "radio-checkmark" | "star" | "star-empty" | "report-match" | "emulate" | "billing-portal" | "app-store" | "kyc" | "cake" | "briefcase" | "tag-untag" | "risk-score" | "list" | "notifications" | "one-column" | "rebilly-logo" | "two-columns" | "meter" | "reports" | "allowlists" | "collapse-layout" | "rebilly-icon" | "sun" | "moon" | "upload" | "camera">;
92
+ leftIconClickPointer: boolean;
93
+ rightIconClickPointer: boolean;
94
+ leftIconSpinning: boolean;
95
+ rightIconSpinning: boolean;
96
+ leftLabel: Nullable<string>;
97
+ rightLabel: Nullable<string>;
98
+ password: boolean;
99
+ autoFocus: boolean;
100
+ autoHighlight: boolean;
101
+ autoHighlightOnFocus: boolean;
102
+ maxLength: string | number;
103
+ autoResize: boolean;
104
+ autoComplete: string;
105
+ }>, {
106
+ "right-button"?(_: {}): any;
107
+ }>;
108
+ export default _default;
109
+ type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
110
+ type __VLS_TypePropsToRuntimeProps<T> = {
111
+ [K in keyof T]-?: {} extends Pick<T, K> ? {
112
+ type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
113
+ } : {
114
+ type: import('vue').PropType<T[K]>;
115
+ required: true;
170
116
  };
171
- /**
172
- * TBD
173
- */
174
- autoComplete: {
175
- type: StringConstructor;
176
- default: string;
117
+ };
118
+ type __VLS_WithDefaults<P, D> = {
119
+ [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
120
+ default: D[K];
121
+ }> : P[K];
122
+ };
123
+ type __VLS_Prettify<T> = {
124
+ [K in keyof T]: T[K];
125
+ } & {};
126
+ type __VLS_WithTemplateSlots<T, S> = T & {
127
+ new (): {
128
+ $slots: S;
177
129
  };
178
- }, {
179
- textAreaElement: import("vue").Ref<HTMLTextAreaElement | null>;
180
- inputElement: import("vue").Ref<HTMLInputElement | null>;
181
- }, unknown, {
182
- isInvalid(): any;
183
- isGroupedInput(): false | "fingerprint" | "dashboard" | "lists" | "automation" | "customers" | "orders" | "transactions" | "guides" | "settings" | "alerts" | "stream" | "search" | "filter" | "collapse-segments" | "resize-columns" | "segments" | "lock" | "caret-up" | "caret-down" | "caret-down-s" | "caret-left" | "caret-right" | "arrow-up" | "arrow-down" | "arrow-left" | "arrow-right" | "arrow-up-l" | "arrow-down-l" | "arrow-left-l" | "arrow-right-l" | "close" | "close-s" | "logout" | "actions" | "circle" | "eye" | "eye-closed" | "burger" | "help" | "info" | "dash-l" | "company" | "website" | "email" | "external-link" | "trash" | "bank" | "map-marker" | "credit-card" | "checkout" | "check-s" | "custom-fields" | "calendar" | "columns" | "blocklists" | "webhooks" | "sticky-note" | "clip" | "loading" | "product" | "api-key" | "coupon" | "average" | "payments" | "tag" | "clone" | "copy" | "edit" | "edit-s" | "stop" | "unlock" | "event" | "invoices" | "rules" | "users" | "sharp" | "at" | "file" | "download" | "export" | "data-exports" | "shipping" | "plus" | "drag" | "reset" | "drag-move" | "world" | "integrations" | "id" | "phone" | "batch" | "merge" | "placeholders" | "caret-double-left" | "caret-double-right" | "heart" | "checkbox-checkmark" | "radio-checkmark" | "star" | "star-empty" | "report-match" | "emulate" | "billing-portal" | "app-store" | "kyc" | "cake" | "briefcase" | "tag-untag" | "risk-score" | "list" | "notifications" | "one-column" | "rebilly-logo" | "two-columns" | "meter" | "reports" | "allowlists" | "collapse-layout" | "rebilly-icon" | "sun" | "moon" | "upload" | "camera";
184
- fieldStyles(): Record<string, boolean>;
185
- type(): "number" | "text" | "password";
186
- autocompleteFlag(): string;
187
- charactersLeft(): string;
188
- }, {
189
- update(event: Event): void;
190
- onInput(event: Event): void;
191
- keySubmit(): void;
192
- keyPress(event: KeyboardEvent): void;
193
- keyDown(event: KeyboardEvent): void;
194
- getFocus(): void;
195
- blur(): void;
196
- focus(): void;
197
- click(): void;
198
- autoResizeTextArea(element: HTMLElement): void;
199
- highlight(): void;
200
- }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "blur" | "focus" | "update:modelValue" | "key-press" | "key-down" | "key-submit" | "left-icon-click" | "right-icon-click")[], "click" | "blur" | "focus" | "update:modelValue" | "key-press" | "key-down" | "key-submit" | "left-icon-click" | "right-icon-click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
130
+ };
131
+ interface Props {
201
132
  /**
202
- * TBD
133
+ * Label for input
203
134
  */
204
- label: {
205
- type: StringConstructor;
206
- default: null;
207
- };
135
+ label?: Nullable<string>;
208
136
  /**
209
- * TBD
137
+ * Model value
210
138
  */
211
- modelValue: {
212
- type: PropType<Nullable<string | number | boolean>>;
213
- default: null;
214
- };
139
+ modelValue?: Nullable<string | number | boolean>;
215
140
  /**
216
- * TBD
141
+ * Validation object (Vuelidate)
217
142
  */
218
- validate: {
219
- type: ObjectConstructor;
220
- default: null;
221
- };
143
+ validate?: Nullable<Record<string, unknown>>;
222
144
  /**
223
- * TBD
145
+ * Help text that displays below the input
224
146
  */
225
- helpText: {
226
- type: StringConstructor;
227
- default: null;
228
- };
147
+ helpText?: Nullable<string>;
229
148
  /**
230
- * TBD
149
+ * Multiline input
231
150
  */
232
- multiline: {
233
- type: BooleanConstructor;
234
- default: boolean;
235
- };
151
+ multiline?: boolean;
236
152
  /**
237
- * TBD
153
+ * Submit on enter
238
154
  */
239
- submitOnEnter: {
240
- type: BooleanConstructor;
241
- default: boolean;
242
- };
155
+ submitOnEnter?: boolean;
243
156
  /**
244
- * Define input events
157
+ * Input events
245
158
  */
246
- inputEvents: {
247
- type: ObjectConstructor;
248
- default: () => {};
249
- };
159
+ inputEvents?: Record<string, unknown>;
250
160
  /**
251
- * TBD
161
+ * Displays an icon on the left side of the input
252
162
  */
253
- leftIcon: {
254
- type: PropType<"fingerprint" | "dashboard" | "lists" | "automation" | "customers" | "orders" | "transactions" | "guides" | "settings" | "alerts" | "stream" | "search" | "filter" | "collapse-segments" | "resize-columns" | "segments" | "lock" | "caret-up" | "caret-down" | "caret-down-s" | "caret-left" | "caret-right" | "arrow-up" | "arrow-down" | "arrow-left" | "arrow-right" | "arrow-up-l" | "arrow-down-l" | "arrow-left-l" | "arrow-right-l" | "close" | "close-s" | "logout" | "actions" | "circle" | "eye" | "eye-closed" | "burger" | "help" | "info" | "dash-l" | "company" | "website" | "email" | "external-link" | "trash" | "bank" | "map-marker" | "credit-card" | "checkout" | "check-s" | "custom-fields" | "calendar" | "columns" | "blocklists" | "webhooks" | "sticky-note" | "clip" | "loading" | "product" | "api-key" | "coupon" | "average" | "payments" | "tag" | "clone" | "copy" | "edit" | "edit-s" | "stop" | "unlock" | "event" | "invoices" | "rules" | "users" | "sharp" | "at" | "file" | "download" | "export" | "data-exports" | "shipping" | "plus" | "drag" | "reset" | "drag-move" | "world" | "integrations" | "id" | "phone" | "batch" | "merge" | "placeholders" | "caret-double-left" | "caret-double-right" | "heart" | "checkbox-checkmark" | "radio-checkmark" | "star" | "star-empty" | "report-match" | "emulate" | "billing-portal" | "app-store" | "kyc" | "cake" | "briefcase" | "tag-untag" | "risk-score" | "list" | "notifications" | "one-column" | "rebilly-logo" | "two-columns" | "meter" | "reports" | "allowlists" | "collapse-layout" | "rebilly-icon" | "sun" | "moon" | "upload" | "camera">;
255
- default: null;
256
- };
163
+ leftIcon?: Nullable<IconNames>;
257
164
  /**
258
- * TBD
165
+ * Enables or disables the pointer cursor and click event on the left icon
259
166
  */
260
- leftIconClickPointer: {
261
- type: BooleanConstructor;
262
- default: boolean;
263
- };
167
+ leftIconClickPointer?: boolean;
264
168
  /**
265
- * TBD
169
+ * Displays an icon on the right side of the input
266
170
  */
267
- rightIcon: {
268
- type: PropType<"fingerprint" | "dashboard" | "lists" | "automation" | "customers" | "orders" | "transactions" | "guides" | "settings" | "alerts" | "stream" | "search" | "filter" | "collapse-segments" | "resize-columns" | "segments" | "lock" | "caret-up" | "caret-down" | "caret-down-s" | "caret-left" | "caret-right" | "arrow-up" | "arrow-down" | "arrow-left" | "arrow-right" | "arrow-up-l" | "arrow-down-l" | "arrow-left-l" | "arrow-right-l" | "close" | "close-s" | "logout" | "actions" | "circle" | "eye" | "eye-closed" | "burger" | "help" | "info" | "dash-l" | "company" | "website" | "email" | "external-link" | "trash" | "bank" | "map-marker" | "credit-card" | "checkout" | "check-s" | "custom-fields" | "calendar" | "columns" | "blocklists" | "webhooks" | "sticky-note" | "clip" | "loading" | "product" | "api-key" | "coupon" | "average" | "payments" | "tag" | "clone" | "copy" | "edit" | "edit-s" | "stop" | "unlock" | "event" | "invoices" | "rules" | "users" | "sharp" | "at" | "file" | "download" | "export" | "data-exports" | "shipping" | "plus" | "drag" | "reset" | "drag-move" | "world" | "integrations" | "id" | "phone" | "batch" | "merge" | "placeholders" | "caret-double-left" | "caret-double-right" | "heart" | "checkbox-checkmark" | "radio-checkmark" | "star" | "star-empty" | "report-match" | "emulate" | "billing-portal" | "app-store" | "kyc" | "cake" | "briefcase" | "tag-untag" | "risk-score" | "list" | "notifications" | "one-column" | "rebilly-logo" | "two-columns" | "meter" | "reports" | "allowlists" | "collapse-layout" | "rebilly-icon" | "sun" | "moon" | "upload" | "camera">;
269
- default: null;
270
- };
171
+ rightIcon?: Nullable<IconNames>;
271
172
  /**
272
- * TBD
173
+ * Enables or disables the pointer cursor and click event on the right icon
273
174
  */
274
- rightIconClickPointer: {
275
- type: BooleanConstructor;
276
- default: boolean;
277
- };
175
+ rightIconClickPointer?: boolean;
278
176
  /**
279
- * TBD
177
+ * Displays a spinning icon on the left side of the input
280
178
  */
281
- leftIconSpinning: {
282
- type: BooleanConstructor;
283
- default: boolean;
284
- };
179
+ leftIconSpinning?: boolean;
285
180
  /**
286
- * TBD
181
+ * Displays a spinning icon on the right side of the input
287
182
  */
288
- rightIconSpinning: {
289
- type: BooleanConstructor;
290
- default: boolean;
291
- };
183
+ rightIconSpinning?: boolean;
292
184
  /**
293
- * TBD
185
+ * Displays a label on the left side of the input
294
186
  */
295
- leftLabel: {
296
- type: StringConstructor;
297
- default: null;
298
- };
187
+ leftLabel?: Nullable<string>;
299
188
  /**
300
- * TBD
189
+ * Displays a label on the right side of the input
301
190
  */
302
- rightLabel: {
303
- type: StringConstructor;
304
- default: null;
305
- };
191
+ rightLabel?: Nullable<string>;
306
192
  /**
307
- * TBD
193
+ * Changes the input type to password
308
194
  */
309
- password: {
310
- type: BooleanConstructor;
311
- default: boolean;
312
- };
195
+ password?: boolean;
313
196
  /**
314
- * TBD
197
+ * Changes the input type to number
315
198
  */
316
- numeric: {
317
- type: BooleanConstructor;
318
- default: boolean;
319
- };
199
+ numeric?: boolean;
320
200
  /**
321
- * TBD
201
+ * Adds a name attribute to the input
322
202
  */
323
- name: {
324
- type: StringConstructor;
325
- default: () => string;
326
- };
203
+ name?: string;
327
204
  /**
328
- * TBD
205
+ * Rows for textarea input
329
206
  */
330
- rows: {
331
- type: (StringConstructor | NumberConstructor)[];
332
- default: string;
333
- };
207
+ rows?: string | number;
334
208
  /**
335
- * TBD
209
+ * Input autofocus
336
210
  */
337
- autoFocus: {
338
- type: BooleanConstructor;
339
- default: boolean;
340
- };
211
+ autoFocus?: boolean;
341
212
  /**
342
- * TBD
213
+ * Input auto highlight
343
214
  */
344
- autoHighlight: {
345
- type: BooleanConstructor;
346
- default: boolean;
347
- };
215
+ autoHighlight?: boolean;
348
216
  /**
349
- * TBD
217
+ * Input auto highlight on focus
350
218
  */
351
- autoHighlightOnFocus: {
352
- type: BooleanConstructor;
353
- default: boolean;
354
- };
219
+ autoHighlightOnFocus?: boolean;
355
220
  /**
356
- * TBD
221
+ * Displays the number of characters left
357
222
  */
358
- maxLength: {
359
- type: (StringConstructor | NumberConstructor)[];
360
- default: null;
361
- };
223
+ maxLength?: number | string | undefined;
362
224
  /**
363
- * TBD
225
+ * Enables or disables the auto resizing of the textarea
364
226
  */
365
- autoResize: {
366
- type: BooleanConstructor;
367
- default: boolean;
368
- };
227
+ autoResize?: boolean;
369
228
  /**
370
- * TBD
229
+ * Enables or disables the autocomplete feature
371
230
  */
372
- autoComplete: {
373
- type: StringConstructor;
374
- default: string;
375
- };
376
- }>> & {
377
- onClick?: ((...args: any[]) => any) | undefined;
378
- onFocus?: ((...args: any[]) => any) | undefined;
379
- onBlur?: ((...args: any[]) => any) | undefined;
380
- "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
381
- "onKey-press"?: ((...args: any[]) => any) | undefined;
382
- "onKey-down"?: ((...args: any[]) => any) | undefined;
383
- "onKey-submit"?: ((...args: any[]) => any) | undefined;
384
- "onLeft-icon-click"?: ((...args: any[]) => any) | undefined;
385
- "onRight-icon-click"?: ((...args: any[]) => any) | undefined;
386
- }, {
387
- label: string;
388
- name: string;
389
- modelValue: Nullable<string | number | boolean>;
390
- validate: Record<string, any>;
391
- inputEvents: Record<string, any>;
392
- rightIcon: "fingerprint" | "dashboard" | "lists" | "automation" | "customers" | "orders" | "transactions" | "guides" | "settings" | "alerts" | "stream" | "search" | "filter" | "collapse-segments" | "resize-columns" | "segments" | "lock" | "caret-up" | "caret-down" | "caret-down-s" | "caret-left" | "caret-right" | "arrow-up" | "arrow-down" | "arrow-left" | "arrow-right" | "arrow-up-l" | "arrow-down-l" | "arrow-left-l" | "arrow-right-l" | "close" | "close-s" | "logout" | "actions" | "circle" | "eye" | "eye-closed" | "burger" | "help" | "info" | "dash-l" | "company" | "website" | "email" | "external-link" | "trash" | "bank" | "map-marker" | "credit-card" | "checkout" | "check-s" | "custom-fields" | "calendar" | "columns" | "blocklists" | "webhooks" | "sticky-note" | "clip" | "loading" | "product" | "api-key" | "coupon" | "average" | "payments" | "tag" | "clone" | "copy" | "edit" | "edit-s" | "stop" | "unlock" | "event" | "invoices" | "rules" | "users" | "sharp" | "at" | "file" | "download" | "export" | "data-exports" | "shipping" | "plus" | "drag" | "reset" | "drag-move" | "world" | "integrations" | "id" | "phone" | "batch" | "merge" | "placeholders" | "caret-double-left" | "caret-double-right" | "heart" | "checkbox-checkmark" | "radio-checkmark" | "star" | "star-empty" | "report-match" | "emulate" | "billing-portal" | "app-store" | "kyc" | "cake" | "briefcase" | "tag-untag" | "risk-score" | "list" | "notifications" | "one-column" | "rebilly-logo" | "two-columns" | "meter" | "reports" | "allowlists" | "collapse-layout" | "rebilly-icon" | "sun" | "moon" | "upload" | "camera";
393
- rows: string | number;
394
- numeric: boolean;
395
- helpText: string;
396
- multiline: boolean;
397
- submitOnEnter: boolean;
398
- leftIcon: "fingerprint" | "dashboard" | "lists" | "automation" | "customers" | "orders" | "transactions" | "guides" | "settings" | "alerts" | "stream" | "search" | "filter" | "collapse-segments" | "resize-columns" | "segments" | "lock" | "caret-up" | "caret-down" | "caret-down-s" | "caret-left" | "caret-right" | "arrow-up" | "arrow-down" | "arrow-left" | "arrow-right" | "arrow-up-l" | "arrow-down-l" | "arrow-left-l" | "arrow-right-l" | "close" | "close-s" | "logout" | "actions" | "circle" | "eye" | "eye-closed" | "burger" | "help" | "info" | "dash-l" | "company" | "website" | "email" | "external-link" | "trash" | "bank" | "map-marker" | "credit-card" | "checkout" | "check-s" | "custom-fields" | "calendar" | "columns" | "blocklists" | "webhooks" | "sticky-note" | "clip" | "loading" | "product" | "api-key" | "coupon" | "average" | "payments" | "tag" | "clone" | "copy" | "edit" | "edit-s" | "stop" | "unlock" | "event" | "invoices" | "rules" | "users" | "sharp" | "at" | "file" | "download" | "export" | "data-exports" | "shipping" | "plus" | "drag" | "reset" | "drag-move" | "world" | "integrations" | "id" | "phone" | "batch" | "merge" | "placeholders" | "caret-double-left" | "caret-double-right" | "heart" | "checkbox-checkmark" | "radio-checkmark" | "star" | "star-empty" | "report-match" | "emulate" | "billing-portal" | "app-store" | "kyc" | "cake" | "briefcase" | "tag-untag" | "risk-score" | "list" | "notifications" | "one-column" | "rebilly-logo" | "two-columns" | "meter" | "reports" | "allowlists" | "collapse-layout" | "rebilly-icon" | "sun" | "moon" | "upload" | "camera";
399
- leftIconClickPointer: boolean;
400
- rightIconClickPointer: boolean;
401
- leftIconSpinning: boolean;
402
- rightIconSpinning: boolean;
403
- leftLabel: string;
404
- rightLabel: string;
405
- password: boolean;
406
- autoFocus: boolean;
407
- autoHighlight: boolean;
408
- autoHighlightOnFocus: boolean;
409
- maxLength: string | number;
410
- autoResize: boolean;
411
- autoComplete: string;
412
- }>;
413
- export default _default;
231
+ autoComplete?: string;
232
+ }
@@ -59,9 +59,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
59
59
  caption: string;
60
60
  label: string;
61
61
  disabled: boolean;
62
- name: string;
63
62
  modelValue: Nullable<Value>;
64
63
  validate: Nullable<ValidationState>;
64
+ name: string;
65
65
  }>, {
66
66
  label?(_: {}): any;
67
67
  }>;
@@ -694,10 +694,10 @@ declare const _default: import("vue").DefineComponent<{
694
694
  id: string;
695
695
  label: string;
696
696
  disabled: boolean;
697
- name: string;
698
697
  modelValue: Nullable<OptionItem | Options>;
699
698
  validate: ValidationState;
700
699
  placeholder: string;
700
+ name: string;
701
701
  multiple: boolean;
702
702
  helpText: string;
703
703
  autocomplete: string;