@central-design-system/components 3.0.0-alpha.4 → 3.0.0-alpha.6

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 (72) hide show
  1. package/dist/cds.css +1 -1
  2. package/dist/cds.d.ts +51 -47
  3. package/dist/cds.es.js +4479 -3571
  4. package/dist/cds.umd.js +1 -1
  5. package/dist/components/CdsButton/CdsButton.vue.d.ts +10 -0
  6. package/dist/components/CdsCheckbox/CdsCheckbox.vue.d.ts +11 -11
  7. package/dist/components/CdsCheckbox/CdsCheckboxGroup.vue.d.ts +18 -18
  8. package/dist/components/CdsCombobox/CdsCombobox.vue.d.ts +127 -185
  9. package/dist/components/CdsDatePicker/CdsDatePicker.vue.d.ts +17 -17
  10. package/dist/components/CdsDatePicker/composable/calendar.d.ts +3 -1
  11. package/dist/components/CdsDropdown/CdsDropdown.vue.d.ts +94 -95
  12. package/dist/components/CdsForm/CdsForm.vue.d.ts +1 -1
  13. package/dist/components/CdsGrid/composable/grid.d.ts +2 -1
  14. package/dist/components/CdsInput/CdsInput.vue.d.ts +11 -11
  15. package/dist/components/CdsMenu/CdsMenu.vue.d.ts +24 -18
  16. package/dist/components/CdsOverlay/CdsOverlay.vue.d.ts +9 -13
  17. package/dist/components/CdsOverlay/composable/locationStrategies.d.ts +3 -0
  18. package/dist/components/CdsPagination/CdsPagination.vue.d.ts +142 -0
  19. package/dist/components/CdsRadioButton/CdsRadio.vue.d.ts +18 -18
  20. package/dist/components/CdsRadioButton/CdsRadioButton.vue.d.ts +18 -18
  21. package/dist/components/CdsSelect/CdsSelect.vue.d.ts +51 -33
  22. package/dist/components/CdsTextArea/CdsTextArea.vue.d.ts +83 -62
  23. package/dist/components/CdsTextInput/CdsTextInput.vue.d.ts +37 -73
  24. package/dist/components/CdsTimePicker/CdsTimePicker.vue.d.ts +171 -0
  25. package/dist/components/CdsTimePicker/composable/index.d.ts +1 -0
  26. package/dist/components/CdsTimePicker/composable/time.d.ts +134 -0
  27. package/dist/components/CdsTooltip/CdsTooltip.vue.d.ts +765 -0
  28. package/dist/components/index.d.ts +4 -1
  29. package/dist/composable/datetime.d.ts +2 -17
  30. package/dist/composable/dimensions.d.ts +23 -5
  31. package/dist/composable/display.d.ts +56 -0
  32. package/dist/composable/index.d.ts +4 -0
  33. package/dist/composable/overlay.d.ts +1 -1
  34. package/dist/composable/readonly.d.ts +19 -0
  35. package/dist/composable/refs.d.ts +6 -0
  36. package/dist/composable/resizeObserver.d.ts +7 -0
  37. package/dist/composable/validation.d.ts +0 -16
  38. package/dist/create.d.ts +21 -0
  39. package/dist/globals.d.ts +2 -0
  40. package/dist/utils/date.d.ts +2 -1
  41. package/dist/utils/helpers.d.ts +3 -0
  42. package/package.json +1 -2
  43. package/src/scss/themes/index.ts +1 -1
  44. package/dist/types/CdsOptions.d.ts +0 -3
  45. package/src/utils/__test__/helper.test.ts +0 -59
  46. package/src/utils/__test__/mocks/helper.mock.ts +0 -362
  47. package/src/utils/__test__/mocks/propFactory.mock.ts +0 -88
  48. package/src/utils/__test__/propFactory.test.ts +0 -9
  49. package/src/utils/anchor.ts +0 -76
  50. package/src/utils/animation.ts +0 -62
  51. package/src/utils/box.ts +0 -39
  52. package/src/utils/cache.ts +0 -12
  53. package/src/utils/changeCase/__test__/lowerCase.test.ts +0 -12
  54. package/src/utils/changeCase/__test__/mocks/lowerCase.mock.ts +0 -80
  55. package/src/utils/changeCase/__test__/mocks/noCase.mock.ts +0 -131
  56. package/src/utils/changeCase/__test__/mocks/paramCase.mock.ts +0 -39
  57. package/src/utils/changeCase/__test__/mocks/pascalCase.mock.ts +0 -46
  58. package/src/utils/changeCase/__test__/noCase.test.ts +0 -8
  59. package/src/utils/changeCase/__test__/paramCase.test.ts +0 -8
  60. package/src/utils/changeCase/__test__/pascalCase.test.ts +0 -8
  61. package/src/utils/changeCase/lowerCase.ts +0 -56
  62. package/src/utils/changeCase/noCase.ts +0 -45
  63. package/src/utils/changeCase/paramCase.ts +0 -11
  64. package/src/utils/changeCase/pascalCase.ts +0 -24
  65. package/src/utils/date.ts +0 -1100
  66. package/src/utils/dom.ts +0 -24
  67. package/src/utils/getCurrentInstance.ts +0 -43
  68. package/src/utils/getScrollParent.ts +0 -29
  69. package/src/utils/globals.ts +0 -8
  70. package/src/utils/helpers.ts +0 -311
  71. package/src/utils/index.ts +0 -19
  72. package/src/utils/propsFactory.ts +0 -92
package/dist/components/CdsSelect/CdsSelect.vue.d.ts CHANGED
@@ -28,15 +28,24 @@ declare const _sfc_main: import("vue").DefineComponent<{
28
28
  type: import("vue").PropType<boolean>;
29
29
  default: boolean;
30
30
  };
31
+ readonly: {
32
+ type: import("vue").PropType<boolean>;
33
+ default: boolean;
34
+ };
35
+ disabled: {
36
+ type: import("vue").PropType<boolean>;
37
+ default: boolean;
38
+ };
31
39
  focused: {
32
40
  type: import("vue").PropType<boolean>;
33
41
  default: boolean;
34
42
  };
35
43
  'onClick:prepend': {
36
44
  type: import("vue").PropType<(...args: any[]) => any>;
37
- default: undefined; /**
38
- * Событие клика по иконке после значения поля
45
+ /**
46
+ * Событие клика по иконке перед значением поля
39
47
  */
48
+ default: undefined;
40
49
  };
41
50
  'onClick:append': {
42
51
  type: import("vue").PropType<(...args: any[]) => any>;
@@ -52,10 +61,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
52
61
  default: undefined;
53
62
  validator: (value: "link" | "filters" | "search" | "add" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocolate-menu" | "clock" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "external" | "facebook-fill" | "facebook" | "flag" | "globe" | "infinity" | "info-fill" | "info" | "list-search" | "list" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "settings" | "shopping-cart" | "sort-date" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube") => boolean;
54
63
  };
55
- disabled: {
56
- type: import("vue").PropType<boolean>;
57
- default: boolean;
58
- };
59
64
  error: {
60
65
  type: import("vue").PropType<boolean>;
61
66
  default: boolean;
@@ -72,10 +77,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
72
77
  type: import("vue").PropType<string | undefined>;
73
78
  default: undefined;
74
79
  };
75
- readonly: {
76
- type: import("vue").PropType<boolean>;
77
- default: boolean;
78
- };
79
80
  rules: {
80
81
  type: import("vue").PropType<import("../../composable").TValidationRule[]>;
81
82
  default: () => never[];
@@ -104,6 +105,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
104
105
  };
105
106
  label: {
106
107
  type: import("vue").PropType<string>;
108
+ /**
109
+ * Событие при фокусе
110
+ * @type { boolean }
111
+ */
107
112
  default: undefined;
108
113
  };
109
114
  description: {
@@ -191,7 +196,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
191
196
  validationRef: import("vue").Ref<import("vue").DefineComponent<{
192
197
  'onClick:prepend': import("vue").PropType<(...args: any[]) => any>;
193
198
  'onClick:append': import("vue").PropType<(...args: any[]) => any>;
194
- focused: {
199
+ readonly: {
195
200
  type: import("vue").PropType<boolean>;
196
201
  default: boolean;
197
202
  };
@@ -199,6 +204,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
199
204
  type: import("vue").PropType<boolean>;
200
205
  default: boolean;
201
206
  };
207
+ focused: {
208
+ type: import("vue").PropType<boolean>;
209
+ default: boolean;
210
+ };
202
211
  error: {
203
212
  type: import("vue").PropType<boolean>;
204
213
  default: boolean;
@@ -215,10 +224,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
215
224
  type: import("vue").PropType<string | undefined>;
216
225
  default: undefined;
217
226
  };
218
- readonly: {
219
- type: import("vue").PropType<boolean>;
220
- default: boolean;
221
- };
222
227
  rules: {
223
228
  type: import("vue").PropType<import("../../composable").TValidationRule[]>;
224
229
  default: () => never[];
@@ -257,6 +262,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
257
262
  };
258
263
  label: {
259
264
  type: import("vue").PropType<string>;
265
+ /**
266
+ * Событие при фокусе
267
+ * @type { boolean }
268
+ */
260
269
  default: undefined;
261
270
  };
262
271
  description: {
@@ -297,7 +306,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
297
306
  }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
298
307
  'onClick:prepend': import("vue").PropType<(...args: any[]) => any>;
299
308
  'onClick:append': import("vue").PropType<(...args: any[]) => any>;
300
- focused: {
309
+ readonly: {
301
310
  type: import("vue").PropType<boolean>;
302
311
  default: boolean;
303
312
  };
@@ -305,6 +314,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
305
314
  type: import("vue").PropType<boolean>;
306
315
  default: boolean;
307
316
  };
317
+ focused: {
318
+ type: import("vue").PropType<boolean>;
319
+ default: boolean;
320
+ };
308
321
  error: {
309
322
  type: import("vue").PropType<boolean>;
310
323
  default: boolean;
@@ -321,10 +334,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
321
334
  type: import("vue").PropType<string | undefined>;
322
335
  default: undefined;
323
336
  };
324
- readonly: {
325
- type: import("vue").PropType<boolean>;
326
- default: boolean;
327
- };
328
337
  rules: {
329
338
  type: import("vue").PropType<import("../../composable").TValidationRule[]>;
330
339
  default: () => never[];
@@ -363,6 +372,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
363
372
  };
364
373
  label: {
365
374
  type: import("vue").PropType<string>;
375
+ /**
376
+ * Событие при фокусе
377
+ * @type { boolean }
378
+ */
366
379
  default: undefined;
367
380
  };
368
381
  description: {
@@ -391,13 +404,13 @@ declare const _sfc_main: import("vue").DefineComponent<{
391
404
  error: boolean;
392
405
  prependIcon: "link" | "filters" | "search" | "add" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocolate-menu" | "clock" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "external" | "facebook-fill" | "facebook" | "flag" | "globe" | "infinity" | "info-fill" | "info" | "list-search" | "list" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "settings" | "shopping-cart" | "sort-date" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube";
393
406
  appendIcon: "link" | "filters" | "search" | "add" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocolate-menu" | "clock" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "external" | "facebook-fill" | "facebook" | "flag" | "globe" | "infinity" | "info-fill" | "info" | "list-search" | "list" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "settings" | "shopping-cart" | "sort-date" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube";
407
+ readonly: boolean;
394
408
  messages: string | string[];
395
409
  id: string;
396
410
  label: string;
397
411
  persistentMessages: boolean;
398
412
  errorMessages: string | string[];
399
413
  maxErrors: string | number;
400
- readonly: boolean;
401
414
  rules: import("../../composable").TValidationRule[];
402
415
  modelValue: any;
403
416
  validateOn: "input" | "blur" | "submit";
@@ -419,13 +432,13 @@ declare const _sfc_main: import("vue").DefineComponent<{
419
432
  readonly itemProps?: import("../../composable").TItemKey | undefined;
420
433
  readonly returnObject?: boolean | undefined;
421
434
  readonly error?: boolean | undefined;
435
+ readonly readonly?: boolean | undefined;
422
436
  readonly loading?: boolean | undefined;
423
437
  readonly messages?: string | string[] | undefined;
424
438
  readonly active?: boolean | undefined;
425
439
  readonly persistentMessages?: boolean | undefined;
426
440
  readonly errorMessages?: string | string[] | undefined;
427
441
  readonly maxErrors?: string | number | undefined;
428
- readonly readonly?: boolean | undefined;
429
442
  readonly rules?: (import("../../composable").TValidationResult | ((value: any) => import("../../composable").TValidationResult) | ((value: any) => PromiseLike<import("../../composable").TValidationResult>) | {
430
443
  then: <TResult1 = import("../../composable").TValidationResult, TResult2 = never>(onfulfilled?: ((value: import("../../composable").TValidationResult) => TResult1 | PromiseLike<TResult1>) | null | undefined, onrejected?: ((reason: any) => TResult2 | PromiseLike<TResult2>) | null | undefined) => PromiseLike<TResult1 | TResult2>;
431
444
  })[] | undefined;
@@ -539,15 +552,24 @@ declare const _sfc_main: import("vue").DefineComponent<{
539
552
  type: import("vue").PropType<boolean>;
540
553
  default: boolean;
541
554
  };
555
+ readonly: {
556
+ type: import("vue").PropType<boolean>;
557
+ default: boolean;
558
+ };
559
+ disabled: {
560
+ type: import("vue").PropType<boolean>;
561
+ default: boolean;
562
+ };
542
563
  focused: {
543
564
  type: import("vue").PropType<boolean>;
544
565
  default: boolean;
545
566
  };
546
567
  'onClick:prepend': {
547
568
  type: import("vue").PropType<(...args: any[]) => any>;
548
- default: undefined; /**
549
- * Событие клика по иконке после значения поля
569
+ /**
570
+ * Событие клика по иконке перед значением поля
550
571
  */
572
+ default: undefined;
551
573
  };
552
574
  'onClick:append': {
553
575
  type: import("vue").PropType<(...args: any[]) => any>;
@@ -563,10 +585,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
563
585
  default: undefined;
564
586
  validator: (value: "link" | "filters" | "search" | "add" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocolate-menu" | "clock" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "external" | "facebook-fill" | "facebook" | "flag" | "globe" | "infinity" | "info-fill" | "info" | "list-search" | "list" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "settings" | "shopping-cart" | "sort-date" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube") => boolean;
565
587
  };
566
- disabled: {
567
- type: import("vue").PropType<boolean>;
568
- default: boolean;
569
- };
570
588
  error: {
571
589
  type: import("vue").PropType<boolean>;
572
590
  default: boolean;
@@ -583,10 +601,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
583
601
  type: import("vue").PropType<string | undefined>;
584
602
  default: undefined;
585
603
  };
586
- readonly: {
587
- type: import("vue").PropType<boolean>;
588
- default: boolean;
589
- };
590
604
  rules: {
591
605
  type: import("vue").PropType<import("../../composable").TValidationRule[]>;
592
606
  default: () => never[];
@@ -615,6 +629,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
615
629
  };
616
630
  label: {
617
631
  type: import("vue").PropType<string>;
632
+ /**
633
+ * Событие при фокусе
634
+ * @type { boolean }
635
+ */
618
636
  default: undefined;
619
637
  };
620
638
  description: {
@@ -711,6 +729,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
711
729
  error: boolean;
712
730
  prependIcon: "link" | "filters" | "search" | "add" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocolate-menu" | "clock" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "external" | "facebook-fill" | "facebook" | "flag" | "globe" | "infinity" | "info-fill" | "info" | "list-search" | "list" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "settings" | "shopping-cart" | "sort-date" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube";
713
731
  appendIcon: "link" | "filters" | "search" | "add" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocolate-menu" | "clock" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "external" | "facebook-fill" | "facebook" | "flag" | "globe" | "infinity" | "info-fill" | "info" | "list-search" | "list" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "settings" | "shopping-cart" | "sort-date" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube";
732
+ readonly: boolean;
714
733
  loading: boolean;
715
734
  messages: string | string[];
716
735
  active: boolean;
@@ -719,7 +738,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
719
738
  persistentMessages: boolean;
720
739
  errorMessages: string | string[];
721
740
  maxErrors: string | number;
722
- readonly: boolean;
723
741
  rules: import("../../composable").TValidationRule[];
724
742
  modelValue: any;
725
743
  validateOn: "input" | "blur" | "submit";