yuyeon 0.0.42-rc9 → 0.0.42-test21

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 (34) hide show
  1. package/dist/style.css +1 -1
  2. package/dist/yuyeon.js +2925 -2951
  3. package/dist/yuyeon.umd.cjs +6 -6
  4. package/lib/components/dialog/YDialog.mjs +2 -1
  5. package/lib/components/dialog/YDialog.mjs.map +1 -1
  6. package/lib/components/dialog/YDialog.scss +2 -0
  7. package/lib/components/field-input/YFieldInput.mjs +14 -7
  8. package/lib/components/field-input/YFieldInput.mjs.map +1 -1
  9. package/lib/components/input/YInput.mjs +173 -308
  10. package/lib/components/input/YInput.mjs.map +1 -1
  11. package/lib/components/select/YSelect.mjs +18 -6
  12. package/lib/components/select/YSelect.mjs.map +1 -1
  13. package/lib/components/textarea/YTextarea.mjs +1 -1
  14. package/lib/components/textarea/YTextarea.mjs.map +1 -1
  15. package/lib/composables/communication.mjs.map +1 -1
  16. package/lib/composables/icon.mjs +23 -3
  17. package/lib/composables/icon.mjs.map +1 -1
  18. package/lib/composables/validation.mjs +101 -0
  19. package/lib/composables/validation.mjs.map +1 -0
  20. package/package.json +1 -1
  21. package/types/components/date-picker/YDateCalendar.d.ts +9 -3
  22. package/types/components/dialog/YDialog.d.ts +3 -1
  23. package/types/components/field-input/YFieldInput.d.ts +112 -44
  24. package/types/components/input/YInput.d.ts +114 -85
  25. package/types/components/pagination/YPagination.d.ts +3 -1
  26. package/types/components/select/YSelect.d.ts +1330 -135
  27. package/types/components/snackbar/YSnackbar.d.ts +3 -1
  28. package/types/components/table/composibles/pagination.d.ts +6 -2
  29. package/types/components/table/composibles/sorting.d.ts +3 -1
  30. package/types/components/textarea/YTextarea.d.ts +176 -217
  31. package/types/composables/communication.d.ts +7 -2
  32. package/types/composables/focus.d.ts +3 -1
  33. package/types/composables/icon.d.ts +1 -1
  34. package/types/composables/validation.d.ts +75 -0
@@ -29,7 +29,9 @@ export declare const YSnackbar: import("vue").DefineComponent<{
29
29
  default: number;
30
30
  };
31
31
  }, {
32
- active: import("vue").WritableComputedRef<any>;
32
+ active: import("vue").WritableComputedRef<any> & {
33
+ readonly rxValue: any;
34
+ };
33
35
  hover: import("vue").Ref<boolean>;
34
36
  classes: import("vue").ComputedRef<{
35
37
  'y-snackbar': boolean;
@@ -45,8 +45,12 @@ type PaginationProps = {
45
45
  total?: number | string;
46
46
  };
47
47
  export declare function createPagination(props: PaginationProps): {
48
- page: import("vue").WritableComputedRef<any>;
49
- pageSize: import("vue").WritableComputedRef<any>;
48
+ page: import("vue").WritableComputedRef<any> & {
49
+ readonly rxValue: any;
50
+ };
51
+ pageSize: import("vue").WritableComputedRef<any> & {
52
+ readonly rxValue: any;
53
+ };
50
54
  };
51
55
  export declare function providePagination(options: {
52
56
  page: Ref<number>;
@@ -25,7 +25,9 @@ type SortProps = {
25
25
  multiSort: boolean;
26
26
  };
27
27
  export declare function createSorting(props: SortProps): {
28
- sortBy: import("vue").WritableComputedRef<any>;
28
+ sortBy: import("vue").WritableComputedRef<any> & {
29
+ readonly rxValue: any;
30
+ };
29
31
  multiSort: Ref<boolean>;
30
32
  };
31
33
  export declare function provideSorting(options: {
@@ -3,6 +3,14 @@ import type { PropType } from 'vue';
3
3
  export declare const pressYTextareaPropsOptions: <Defaults extends {
4
4
  focused?: unknown;
5
5
  'onUpdate:focused'?: unknown;
6
+ readonly?: unknown;
7
+ disabled?: unknown;
8
+ status?: unknown;
9
+ helperText?: unknown;
10
+ validators?: unknown;
11
+ validateOn?: unknown;
12
+ validationValue?: unknown;
13
+ maxErrors?: unknown;
6
14
  name?: unknown;
7
15
  width?: unknown;
8
16
  height?: unknown;
@@ -19,10 +27,6 @@ export declare const pressYTextareaPropsOptions: <Defaults extends {
19
27
  outlined?: unknown;
20
28
  filled?: unknown;
21
29
  ceramic?: unknown;
22
- readonly?: unknown;
23
- disabled?: unknown;
24
- status?: unknown;
25
- validators?: unknown;
26
30
  displayText?: unknown;
27
31
  whenInputValid?: unknown;
28
32
  } = {}>(defaults?: Defaults | undefined) => {
@@ -34,6 +38,54 @@ export declare const pressYTextareaPropsOptions: <Defaults extends {
34
38
  type: PropType<unknown extends Defaults["onUpdate:focused"] ? (v: boolean) => void : ((v: boolean) => void) | Defaults["onUpdate:focused"]>;
35
39
  default: unknown extends Defaults["onUpdate:focused"] ? (v: boolean) => void : ((v: boolean) => void) | Defaults["onUpdate:focused"];
36
40
  };
41
+ readonly: unknown extends Defaults["readonly"] ? PropType<boolean> : {
42
+ type: PropType<unknown extends Defaults["readonly"] ? boolean : boolean | Defaults["readonly"]>;
43
+ default: unknown extends Defaults["readonly"] ? boolean : boolean | Defaults["readonly"];
44
+ };
45
+ disabled: unknown extends Defaults["disabled"] ? PropType<boolean> : {
46
+ type: PropType<unknown extends Defaults["disabled"] ? boolean : boolean | Defaults["disabled"]>;
47
+ default: unknown extends Defaults["disabled"] ? boolean : boolean | Defaults["disabled"];
48
+ };
49
+ status: unknown extends Defaults["status"] ? {
50
+ type: PropType<"success" | "warning" | "error" | undefined>;
51
+ validator(value: string): boolean;
52
+ } : Omit<{
53
+ type: PropType<"success" | "warning" | "error" | undefined>;
54
+ validator(value: string): boolean;
55
+ }, "type" | "default"> & {
56
+ type: PropType<unknown extends Defaults["status"] ? "success" | "warning" | "error" | undefined : NonNullable<"success" | "warning" | "error" | undefined> | Defaults["status"]>;
57
+ default: unknown extends Defaults["status"] ? "success" | "warning" | "error" | undefined : NonNullable<"success" | "warning" | "error" | undefined> | Defaults["status"];
58
+ };
59
+ helperText: unknown extends Defaults["helperText"] ? StringConstructor : {
60
+ type: PropType<unknown extends Defaults["helperText"] ? string : string | Defaults["helperText"]>;
61
+ default: unknown extends Defaults["helperText"] ? string : string | Defaults["helperText"];
62
+ };
63
+ validators: unknown extends Defaults["validators"] ? PropType<string[] | ((v: any) => string | boolean)[]> : {
64
+ type: PropType<unknown extends Defaults["validators"] ? string[] | ((v: any) => string | boolean)[] : NonNullable<string[] | ((v: any) => string | boolean)[]> | Defaults["validators"]>;
65
+ default: unknown extends Defaults["validators"] ? string[] | ((v: any) => string | boolean)[] : NonNullable<string[] | ((v: any) => string | boolean)[]> | Defaults["validators"];
66
+ };
67
+ validateOn: unknown extends Defaults["validateOn"] ? {
68
+ type: PropType<string>;
69
+ } : Omit<{
70
+ type: PropType<string>;
71
+ }, "type" | "default"> & {
72
+ type: PropType<unknown extends Defaults["validateOn"] ? string : string | Defaults["validateOn"]>;
73
+ default: unknown extends Defaults["validateOn"] ? string : string | Defaults["validateOn"];
74
+ };
75
+ validationValue: unknown extends Defaults["validationValue"] ? null : {
76
+ type: PropType<unknown extends Defaults["validationValue"] ? any : any>;
77
+ default: unknown extends Defaults["validationValue"] ? any : any;
78
+ };
79
+ maxErrors: unknown extends Defaults["maxErrors"] ? {
80
+ type: PropType<string | number>;
81
+ default: number;
82
+ } : Omit<{
83
+ type: PropType<string | number>;
84
+ default: number;
85
+ }, "type" | "default"> & {
86
+ type: PropType<unknown extends Defaults["maxErrors"] ? string | number : NonNullable<string | number> | Defaults["maxErrors"]>;
87
+ default: unknown extends Defaults["maxErrors"] ? string | number : NonNullable<string | number> | Defaults["maxErrors"];
88
+ };
37
89
  name: unknown extends Defaults["name"] ? StringConstructor : {
38
90
  type: PropType<unknown extends Defaults["name"] ? string : string | Defaults["name"]>;
39
91
  default: unknown extends Defaults["name"] ? string : string | Defaults["name"];
@@ -136,28 +188,6 @@ export declare const pressYTextareaPropsOptions: <Defaults extends {
136
188
  type: PropType<unknown extends Defaults["ceramic"] ? boolean : boolean | Defaults["ceramic"]>;
137
189
  default: unknown extends Defaults["ceramic"] ? boolean : boolean | Defaults["ceramic"];
138
190
  };
139
- readonly: unknown extends Defaults["readonly"] ? PropType<boolean> : {
140
- type: PropType<unknown extends Defaults["readonly"] ? boolean : boolean | Defaults["readonly"]>;
141
- default: unknown extends Defaults["readonly"] ? boolean : boolean | Defaults["readonly"];
142
- };
143
- disabled: unknown extends Defaults["disabled"] ? PropType<boolean> : {
144
- type: PropType<unknown extends Defaults["disabled"] ? boolean : boolean | Defaults["disabled"]>;
145
- default: unknown extends Defaults["disabled"] ? boolean : boolean | Defaults["disabled"];
146
- };
147
- status: unknown extends Defaults["status"] ? {
148
- type: PropType<"success" | "warning" | "error" | undefined>;
149
- validator(value: string): boolean;
150
- } : Omit<{
151
- type: PropType<"success" | "warning" | "error" | undefined>;
152
- validator(value: string): boolean;
153
- }, "type" | "default"> & {
154
- type: PropType<unknown extends Defaults["status"] ? "success" | "warning" | "error" | undefined : NonNullable<"success" | "warning" | "error" | undefined> | Defaults["status"]>;
155
- default: unknown extends Defaults["status"] ? "success" | "warning" | "error" | undefined : NonNullable<"success" | "warning" | "error" | undefined> | Defaults["status"];
156
- };
157
- validators: unknown extends Defaults["validators"] ? PropType<string[] | ((v: any) => string | boolean)[]> : {
158
- type: PropType<unknown extends Defaults["validators"] ? string[] | ((v: any) => string | boolean)[] : NonNullable<string[] | ((v: any) => string | boolean)[]> | Defaults["validators"]>;
159
- default: unknown extends Defaults["validators"] ? string[] | ((v: any) => string | boolean)[] : NonNullable<string[] | ((v: any) => string | boolean)[]> | Defaults["validators"];
160
- };
161
191
  displayText: unknown extends Defaults["displayText"] ? PropType<string | ((value: any) => string)> : {
162
192
  type: PropType<unknown extends Defaults["displayText"] ? string | ((value: any) => string) : Defaults["displayText"] | NonNullable<string | ((value: any) => string)>>;
163
193
  default: unknown extends Defaults["displayText"] ? string | ((value: any) => string) : Defaults["displayText"] | NonNullable<string | ((value: any) => string)>;
@@ -170,6 +200,22 @@ export declare const pressYTextareaPropsOptions: <Defaults extends {
170
200
  export declare const YTextarea: import("vue").DefineComponent<{
171
201
  focused: BooleanConstructor;
172
202
  'onUpdate:focused': PropType<(v: boolean) => void>;
203
+ readonly: PropType<boolean>;
204
+ disabled: PropType<boolean>;
205
+ status: {
206
+ type: PropType<"success" | "warning" | "error" | undefined>;
207
+ validator(value: string): boolean;
208
+ };
209
+ helperText: StringConstructor;
210
+ validators: PropType<string[] | ((v: any) => string | boolean)[]>;
211
+ validateOn: {
212
+ type: PropType<string>;
213
+ };
214
+ validationValue: null;
215
+ maxErrors: {
216
+ type: PropType<string | number>;
217
+ default: number;
218
+ };
173
219
  name: StringConstructor;
174
220
  width: {
175
221
  type: PropType<string | number>;
@@ -205,31 +251,18 @@ export declare const YTextarea: import("vue").DefineComponent<{
205
251
  outlined: PropType<boolean>;
206
252
  filled: PropType<boolean>;
207
253
  ceramic: PropType<boolean>;
208
- readonly: PropType<boolean>;
209
- disabled: PropType<boolean>;
210
- status: {
211
- type: PropType<"success" | "warning" | "error" | undefined>;
212
- validator(value: string): boolean;
213
- };
214
- validators: PropType<string[] | ((v: any) => string | boolean)[]>;
215
254
  displayText: PropType<string | ((value: any) => string)>;
216
255
  whenInputValid: PropType<number | boolean>;
217
256
  }, {
218
257
  el$: import("vue").Ref<({
219
258
  $: import("vue").ComponentInternalInstance;
220
- $data: {
221
- iid: string;
222
- lazyValue: string | undefined;
223
- inValue: string | number | undefined;
224
- hasMouseDown: boolean;
225
- errorResult: string | undefined;
226
- inError: boolean;
227
- };
259
+ $data: {};
228
260
  $props: {
229
261
  displayTag?: string | undefined;
230
262
  autoSelect?: boolean | undefined;
231
263
  floating?: boolean | undefined;
232
264
  floated?: boolean | undefined;
265
+ maxErrors?: string | number | undefined;
233
266
  focused?: boolean | undefined;
234
267
  readonly name?: string | undefined;
235
268
  readonly required?: boolean | undefined;
@@ -244,12 +277,15 @@ export declare const YTextarea: import("vue").DefineComponent<{
244
277
  readonly height?: string | number | undefined;
245
278
  readonly modelValue?: any;
246
279
  readonly status?: "success" | "warning" | "error" | undefined;
280
+ readonly helperText?: string | undefined;
281
+ readonly validateOn?: string | undefined;
282
+ readonly validationValue?: any;
283
+ readonly readonly?: boolean | undefined;
284
+ readonly validators?: string[] | ((v: any) => string | boolean)[] | undefined;
247
285
  'onUpdate:focused'?: (((v: boolean) => void) & ((...args: any[]) => any)) | undefined;
248
286
  readonly label?: string | undefined;
249
287
  readonly placeholder?: string | undefined;
250
288
  readonly ceramic?: boolean | undefined;
251
- readonly readonly?: boolean | undefined;
252
- readonly validators?: string[] | ((v: any) => string | boolean)[] | undefined;
253
289
  onError?: ((...args: any[]) => any) | undefined;
254
290
  onFocus?: ((...args: any[]) => any) | undefined;
255
291
  onClick?: ((...args: any[]) => any) | undefined;
@@ -311,7 +347,22 @@ export declare const YTextarea: import("vue").DefineComponent<{
311
347
  [x: string]: unknown;
312
348
  };
313
349
  $slots: Readonly<{
314
- [name: string]: import("vue").Slot<any> | undefined;
350
+ prepend: any;
351
+ append: any;
352
+ label: any;
353
+ default: import("vue").Slot<{
354
+ value: any;
355
+ formLoading: boolean;
356
+ attrId: string;
357
+ }>;
358
+ leading: import("vue").Slot<{
359
+ error: boolean;
360
+ }>;
361
+ trailing: any;
362
+ 'helper-text': import("vue").Slot<{
363
+ error: boolean;
364
+ errorResult: string | undefined;
365
+ }>;
315
366
  }>;
316
367
  $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
317
368
  $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
@@ -320,6 +371,22 @@ export declare const YTextarea: import("vue").DefineComponent<{
320
371
  $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
321
372
  focused: BooleanConstructor;
322
373
  'onUpdate:focused': PropType<(v: boolean) => void>;
374
+ readonly: PropType<boolean>;
375
+ disabled: PropType<boolean>;
376
+ status: {
377
+ type: PropType<"success" | "warning" | "error" | undefined>;
378
+ validator(value: string): boolean;
379
+ };
380
+ helperText: StringConstructor;
381
+ validators: PropType<string[] | ((v: any) => string | boolean)[]>;
382
+ validateOn: {
383
+ type: PropType<string>;
384
+ };
385
+ validationValue: null;
386
+ maxErrors: {
387
+ type: PropType<string | number>;
388
+ default: number;
389
+ };
323
390
  name: StringConstructor;
324
391
  width: {
325
392
  type: PropType<string | number>;
@@ -352,13 +419,6 @@ export declare const YTextarea: import("vue").DefineComponent<{
352
419
  outlined: PropType<boolean>;
353
420
  filled: PropType<boolean>;
354
421
  ceramic: PropType<boolean>;
355
- readonly: PropType<boolean>;
356
- disabled: PropType<boolean>;
357
- status: {
358
- type: PropType<"success" | "warning" | "error" | undefined>;
359
- validator(value: string): boolean;
360
- };
361
- validators: PropType<string[] | ((v: any) => string | boolean)[]>;
362
422
  theme: PropType<string>;
363
423
  }>> & {
364
424
  "onUpdate:focused"?: ((...args: any[]) => any) | undefined;
@@ -374,94 +434,43 @@ export declare const YTextarea: import("vue").DefineComponent<{
374
434
  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
375
435
  }, {
376
436
  themeClasses: Readonly<import("vue").ComputedRef<string | undefined>>;
377
- isFocused: import("vue").WritableComputedRef<any>;
437
+ isFocused: import("vue").WritableComputedRef<any> & {
438
+ readonly rxValue: any;
439
+ };
378
440
  focusedClasses: import("vue").ComputedRef<{
379
441
  [x: string]: any;
380
442
  }>;
381
443
  whenFocus: () => void;
382
444
  whenBlur: () => void;
383
- }, {
384
- iid: string;
385
- lazyValue: string | undefined;
386
- inValue: string | number | undefined;
387
- hasMouseDown: boolean;
388
- errorResult: string | undefined;
389
- inError: boolean;
390
- }, {
391
- classes(): Record<string, boolean>;
392
- displayStyles(): Record<string, any>;
393
- attrId(): string;
394
- isFloatedLabel(): boolean;
395
- formLoading(): boolean;
396
- isError(): boolean;
397
- isSuccess(): boolean;
398
- variations(): string[];
399
- }, {
400
- createPrepend(): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
445
+ createLabel: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
401
446
  [key: string]: any;
402
447
  }> | undefined;
403
- createAppend(): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
404
- [key: string]: any;
405
- }> | undefined;
406
- createLabelSlot(): (string | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
407
- [key: string]: any;
408
- }> | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
409
- [key: string]: any;
410
- }>[] | undefined)[];
411
- createLabel(): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
412
- [key: string]: any;
413
- }> | undefined;
414
- createDefaultChildren(): (string | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
415
- [key: string]: any;
416
- }> | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
417
- [key: string]: any;
418
- }>[] | undefined)[];
419
- createDefault(): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
420
- [key: string]: any;
421
- }> | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
422
- [key: string]: any;
423
- }>[];
424
- createLeading(): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
425
- [key: string]: any;
426
- }> | undefined;
427
- createTrailing(): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
428
- [key: string]: any;
429
- }> | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
430
- [key: string]: any;
431
- }>[] | undefined;
432
- getDisplayHeight(): string | number | undefined;
433
- createDisplay(): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
434
- [key: string]: any;
435
- }>;
436
- createHelperText(): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
437
- [key: string]: any;
438
- }>;
439
- createStackChildren(): (import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
440
- [key: string]: any;
441
- }> | undefined)[];
442
- createStack(): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
443
- [key: string]: any;
444
- }>;
445
- createContent(): (import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
446
- [key: string]: any;
447
- }> | undefined)[];
448
- onClick(event: MouseEvent): void;
449
- onMousedown(e: Event): void;
450
- onMouseup(e: Event): void;
451
- onFocus(event: FocusEvent): void;
452
- onBlur(event: FocusEvent): void;
453
- onClickLeading(event: MouseEvent): void;
454
- onChange(event?: Event | undefined): void;
455
- invokeValidators(): boolean;
456
- resetError(): void;
457
- getClasses(): Record<string, boolean>;
458
- }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("error" | "focus" | "click" | "mousedown" | "mouseup" | "blur" | "mousedown:display" | "mouseup:display" | "click:leading" | "update:modelValue" | "update:focused")[], string, {
448
+ invokeValidators: () => Promise<any[]>;
449
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("error" | "focus" | "click" | "mousedown" | "mouseup" | "blur" | "mousedown:display" | "mouseup:display" | "click:leading" | "update:modelValue" | "update:focused")[], string, {
459
450
  displayTag: string;
460
451
  autoSelect: boolean;
461
452
  floating: boolean;
462
453
  floated: boolean;
454
+ maxErrors: string | number;
463
455
  focused: boolean;
464
- }, {}, string, {}> & {
456
+ }, {}, string, SlotsType<{
457
+ prepend: any;
458
+ append: any;
459
+ label: any;
460
+ default: {
461
+ value: any;
462
+ formLoading: boolean;
463
+ attrId: string;
464
+ };
465
+ leading: {
466
+ error: boolean;
467
+ };
468
+ trailing: any;
469
+ 'helper-text': {
470
+ error: boolean;
471
+ errorResult: string | undefined;
472
+ };
473
+ }>> & {
465
474
  beforeCreate?: ((() => void) | (() => void)[]) | undefined;
466
475
  created?: ((() => void) | (() => void)[]) | undefined;
467
476
  beforeMount?: ((() => void) | (() => void)[]) | undefined;
@@ -484,6 +493,22 @@ export declare const YTextarea: import("vue").DefineComponent<{
484
493
  } & Readonly<import("vue").ExtractPropTypes<{
485
494
  focused: BooleanConstructor;
486
495
  'onUpdate:focused': PropType<(v: boolean) => void>;
496
+ readonly: PropType<boolean>;
497
+ disabled: PropType<boolean>;
498
+ status: {
499
+ type: PropType<"success" | "warning" | "error" | undefined>;
500
+ validator(value: string): boolean;
501
+ };
502
+ helperText: StringConstructor;
503
+ validators: PropType<string[] | ((v: any) => string | boolean)[]>;
504
+ validateOn: {
505
+ type: PropType<string>;
506
+ };
507
+ validationValue: null;
508
+ maxErrors: {
509
+ type: PropType<string | number>;
510
+ default: number;
511
+ };
487
512
  name: StringConstructor;
488
513
  width: {
489
514
  type: PropType<string | number>;
@@ -516,13 +541,6 @@ export declare const YTextarea: import("vue").DefineComponent<{
516
541
  outlined: PropType<boolean>;
517
542
  filled: PropType<boolean>;
518
543
  ceramic: PropType<boolean>;
519
- readonly: PropType<boolean>;
520
- disabled: PropType<boolean>;
521
- status: {
522
- type: PropType<"success" | "warning" | "error" | undefined>;
523
- validator(value: string): boolean;
524
- };
525
- validators: PropType<string[] | ((v: any) => string | boolean)[]>;
526
544
  theme: PropType<string>;
527
545
  }>> & {
528
546
  "onUpdate:focused"?: ((...args: any[]) => any) | undefined;
@@ -538,88 +556,19 @@ export declare const YTextarea: import("vue").DefineComponent<{
538
556
  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
539
557
  } & import("vue").ShallowUnwrapRef<{
540
558
  themeClasses: Readonly<import("vue").ComputedRef<string | undefined>>;
541
- isFocused: import("vue").WritableComputedRef<any>;
559
+ isFocused: import("vue").WritableComputedRef<any> & {
560
+ readonly rxValue: any;
561
+ };
542
562
  focusedClasses: import("vue").ComputedRef<{
543
563
  [x: string]: any;
544
564
  }>;
545
565
  whenFocus: () => void;
546
566
  whenBlur: () => void;
547
- }> & {
548
- iid: string;
549
- lazyValue: string | undefined;
550
- inValue: string | number | undefined;
551
- hasMouseDown: boolean;
552
- errorResult: string | undefined;
553
- inError: boolean;
554
- } & {
555
- classes: Record<string, boolean>;
556
- displayStyles: Record<string, any>;
557
- attrId: string;
558
- isFloatedLabel: boolean;
559
- formLoading: boolean;
560
- isError: boolean;
561
- isSuccess: boolean;
562
- variations: string[];
563
- } & {
564
- createPrepend(): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
565
- [key: string]: any;
566
- }> | undefined;
567
- createAppend(): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
568
- [key: string]: any;
569
- }> | undefined;
570
- createLabelSlot(): (string | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
571
- [key: string]: any;
572
- }> | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
573
- [key: string]: any;
574
- }>[] | undefined)[];
575
- createLabel(): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
567
+ createLabel: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
576
568
  [key: string]: any;
577
569
  }> | undefined;
578
- createDefaultChildren(): (string | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
579
- [key: string]: any;
580
- }> | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
581
- [key: string]: any;
582
- }>[] | undefined)[];
583
- createDefault(): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
584
- [key: string]: any;
585
- }> | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
586
- [key: string]: any;
587
- }>[];
588
- createLeading(): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
589
- [key: string]: any;
590
- }> | undefined;
591
- createTrailing(): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
592
- [key: string]: any;
593
- }> | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
594
- [key: string]: any;
595
- }>[] | undefined;
596
- getDisplayHeight(): string | number | undefined;
597
- createDisplay(): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
598
- [key: string]: any;
599
- }>;
600
- createHelperText(): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
601
- [key: string]: any;
602
- }>;
603
- createStackChildren(): (import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
604
- [key: string]: any;
605
- }> | undefined)[];
606
- createStack(): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
607
- [key: string]: any;
608
- }>;
609
- createContent(): (import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
610
- [key: string]: any;
611
- }> | undefined)[];
612
- onClick(event: MouseEvent): void;
613
- onMousedown(e: Event): void;
614
- onMouseup(e: Event): void;
615
- onFocus(event: FocusEvent): void;
616
- onBlur(event: FocusEvent): void;
617
- onClickLeading(event: MouseEvent): void;
618
- onChange(event?: Event | undefined): void;
619
- invokeValidators(): boolean;
620
- resetError(): void;
621
- getClasses(): Record<string, boolean>;
622
- } & import("vue").ComponentCustomProperties & {}) | undefined>;
570
+ invokeValidators: () => Promise<any[]>;
571
+ }> & {} & import("vue").ComponentCustomProperties & {}) | undefined>;
623
572
  input$: import("vue").Ref<any>;
624
573
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
625
574
  'update:modelValue': (v: any) => true;
@@ -635,6 +584,22 @@ export declare const YTextarea: import("vue").DefineComponent<{
635
584
  }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
636
585
  focused: BooleanConstructor;
637
586
  'onUpdate:focused': PropType<(v: boolean) => void>;
587
+ readonly: PropType<boolean>;
588
+ disabled: PropType<boolean>;
589
+ status: {
590
+ type: PropType<"success" | "warning" | "error" | undefined>;
591
+ validator(value: string): boolean;
592
+ };
593
+ helperText: StringConstructor;
594
+ validators: PropType<string[] | ((v: any) => string | boolean)[]>;
595
+ validateOn: {
596
+ type: PropType<string>;
597
+ };
598
+ validationValue: null;
599
+ maxErrors: {
600
+ type: PropType<string | number>;
601
+ default: number;
602
+ };
638
603
  name: StringConstructor;
639
604
  width: {
640
605
  type: PropType<string | number>;
@@ -670,13 +635,6 @@ export declare const YTextarea: import("vue").DefineComponent<{
670
635
  outlined: PropType<boolean>;
671
636
  filled: PropType<boolean>;
672
637
  ceramic: PropType<boolean>;
673
- readonly: PropType<boolean>;
674
- disabled: PropType<boolean>;
675
- status: {
676
- type: PropType<"success" | "warning" | "error" | undefined>;
677
- validator(value: string): boolean;
678
- };
679
- validators: PropType<string[] | ((v: any) => string | boolean)[]>;
680
638
  displayText: PropType<string | ((value: any) => string)>;
681
639
  whenInputValid: PropType<number | boolean>;
682
640
  }>> & {
@@ -686,8 +644,8 @@ export declare const YTextarea: import("vue").DefineComponent<{
686
644
  onBlur?: ((e: FocusEvent) => any) | undefined;
687
645
  "onMousedown:display"?: ((e: MouseEvent) => any) | undefined;
688
646
  "onUpdate:modelValue"?: ((v: any) => any) | undefined;
689
- onChange?: ((v: any, e: Event) => any) | undefined;
690
647
  onInput?: ((v: any) => any) | undefined;
648
+ onChange?: ((v: any, e: Event) => any) | undefined;
691
649
  onKeydown?: ((e: KeyboardEvent) => any) | undefined;
692
650
  onKeyup?: ((e: KeyboardEvent) => any) | undefined;
693
651
  }, {
@@ -696,6 +654,7 @@ export declare const YTextarea: import("vue").DefineComponent<{
696
654
  autoSelect: boolean;
697
655
  floating: boolean;
698
656
  floated: boolean;
657
+ maxErrors: string | number;
699
658
  focused: boolean;
700
659
  }, SlotsType<{
701
660
  default: any;
@@ -1,3 +1,8 @@
1
1
  import type { Ref } from 'vue';
2
- export declare function useModelDuplex(props: any, prop?: string, defaultValue?: any, getIn?: (value?: any) => any, setOut?: (value: any) => any): import("vue").WritableComputedRef<any>;
3
- export declare function useProvided<T>(props: any, prop: string, provided: Ref<T>): import("vue").WritableComputedRef<any>;
2
+ import { WritableComputedRef } from "@vue/runtime-core";
3
+ export declare function useModelDuplex(props: any, prop?: string, defaultValue?: any, getIn?: (value?: any) => any, setOut?: (value: any) => any): WritableComputedRef<any> & {
4
+ readonly rxValue: any;
5
+ };
6
+ export declare function useProvided<T>(props: any, prop: string, provided: Ref<T>): WritableComputedRef<any> & {
7
+ readonly rxValue: any;
8
+ };
@@ -17,7 +17,9 @@ export declare const pressFocusPropsOptions: <Defaults extends {
17
17
  };
18
18
  };
19
19
  export declare function useFocus(props: ExtractPropTypes<typeof focusPropsOptions>, className: string): {
20
- focused: import("vue").WritableComputedRef<any>;
20
+ focused: import("vue").WritableComputedRef<any> & {
21
+ readonly rxValue: any;
22
+ };
21
23
  whenFocus: () => void;
22
24
  whenBlur: () => void;
23
25
  focusedClasses: import("vue").ComputedRef<{
@@ -1,4 +1,4 @@
1
- import type { InjectionKey, PropType, Ref } from 'vue';
1
+ import { InjectionKey, PropType, Ref } from 'vue';
2
2
  import { JSXComponent } from '../types';
3
3
  type IconComponent = JSXComponent<IconProps>;
4
4
  export type IconValue = string | (string | [path: string, opacity: number])[] | IconComponent | {