@v1nt1248/3nclient-lib 0.3.9 → 0.3.11

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 (83) hide show
  1. package/README.md +3 -2
  2. package/dist/components/ui3n-autocomplete/types.d.ts +100 -0
  3. package/dist/components/ui3n-badge/types.d.ts +14 -0
  4. package/dist/components/ui3n-badge/ui3n-badge.vue.d.ts +2 -4
  5. package/dist/components/ui3n-breadcrumbs/types.d.ts +50 -0
  6. package/dist/components/ui3n-breadcrumbs/ui3n-breadcrumbs.vue.d.ts +2 -4
  7. package/dist/components/ui3n-button/types.d.ts +21 -0
  8. package/dist/components/ui3n-button/ui3n-button.vue.d.ts +2 -4
  9. package/dist/components/ui3n-checkbox/types.d.ts +44 -0
  10. package/dist/components/ui3n-chip/types.d.ts +49 -0
  11. package/dist/components/ui3n-dialog/types.d.ts +103 -0
  12. package/dist/components/ui3n-drop-files/types.d.ts +31 -0
  13. package/dist/components/ui3n-editable/types.d.ts +102 -0
  14. package/dist/components/ui3n-emoji/types.d.ts +13 -0
  15. package/dist/components/ui3n-icon/types.d.ts +10 -0
  16. package/dist/components/ui3n-input/types.d.ts +85 -0
  17. package/dist/components/ui3n-input-file/types.d.ts +29 -0
  18. package/dist/components/ui3n-list/types.d.ts +35 -0
  19. package/dist/components/ui3n-menu/types.d.ts +89 -0
  20. package/dist/components/ui3n-notification/types.d.ts +28 -0
  21. package/dist/components/ui3n-progress/types.d.ts +49 -0
  22. package/dist/components/ui3n-radio-group/types.d.ts +78 -0
  23. package/dist/components/ui3n-selector/types.d.ts +95 -0
  24. package/dist/components/ui3n-slider/types.d.ts +51 -0
  25. package/dist/components/ui3n-step-line-bar/types.d.ts +12 -0
  26. package/dist/components/ui3n-switch/types.d.ts +31 -0
  27. package/dist/components/ui3n-table/types.d.ts +198 -0
  28. package/dist/components/ui3n-tabs/types.d.ts +38 -0
  29. package/dist/components/ui3n-text/types.d.ts +56 -0
  30. package/dist/components/ui3n-tooltip/types.d.ts +69 -0
  31. package/dist/components/ui3n-virtual-scroll/types.d.ts +18 -0
  32. package/dist/constants/general.d.ts +0 -1
  33. package/dist/constants/plugins-keys.d.ts +0 -2
  34. package/dist/index.d.ts +0 -8
  35. package/dist/plugins/index.d.ts +1 -4
  36. package/dist/style.css +1 -1
  37. package/dist/ui3n-components.js +5521 -5527
  38. package/dist/ui3n-plugins.d.ts +3 -11
  39. package/dist/ui3n-plugins.js +338 -366
  40. package/dist/ui3n-utils.js +422 -439
  41. package/dist/utils/copy-to-clipboard.d.ts +1 -0
  42. package/dist/utils/execute-function.d.ts +29 -0
  43. package/dist/utils/index.d.ts +3 -0
  44. package/dist/utils/remove-whitespace-in-string.d.ts +1 -0
  45. package/dist/utils/ui/get-element-color.d.ts +1 -1
  46. package/package.json +25 -22
  47. package/src/components/ui3n-autocomplete/types.ts +100 -0
  48. package/src/components/ui3n-badge/types.ts +16 -0
  49. package/src/components/ui3n-badge/ui3n-badge-simple.vue +10 -9
  50. package/src/components/ui3n-badge/ui3n-badge.vue +37 -36
  51. package/src/components/ui3n-breadcrumbs/types.ts +51 -0
  52. package/src/components/ui3n-breadcrumbs/ui3n-breadcrumb.vue +69 -69
  53. package/src/components/ui3n-breadcrumbs/ui3n-breadcrumbs.vue +7 -8
  54. package/src/components/ui3n-button/types.ts +23 -0
  55. package/src/components/ui3n-button/ui3n-button.vue +27 -29
  56. package/src/components/ui3n-checkbox/types.ts +44 -0
  57. package/src/components/ui3n-checkbox/ui3n-checkbox.vue +16 -23
  58. package/src/components/ui3n-chip/types.ts +51 -0
  59. package/src/components/ui3n-dialog/types.ts +103 -0
  60. package/src/components/ui3n-drop-files/types.ts +31 -0
  61. package/src/components/ui3n-editable/types.ts +102 -0
  62. package/src/components/ui3n-editable/useContentEditable.ts +4 -2
  63. package/src/components/ui3n-emoji/types.ts +13 -0
  64. package/src/components/ui3n-icon/types.ts +10 -0
  65. package/src/components/ui3n-input/types.ts +85 -0
  66. package/src/components/ui3n-input-file/types.ts +29 -0
  67. package/src/components/ui3n-list/types.ts +35 -0
  68. package/src/components/ui3n-menu/types.ts +89 -0
  69. package/src/components/ui3n-notification/types.ts +28 -0
  70. package/src/components/ui3n-progress/types.ts +49 -0
  71. package/src/components/ui3n-radio-group/types.ts +78 -0
  72. package/src/components/ui3n-selector/types.ts +96 -1
  73. package/src/components/ui3n-slider/types.ts +51 -0
  74. package/src/components/ui3n-step-line-bar/types.ts +12 -0
  75. package/src/components/ui3n-switch/types.ts +31 -0
  76. package/src/components/ui3n-table/types.ts +204 -0
  77. package/src/components/ui3n-tabs/types.ts +38 -0
  78. package/src/components/ui3n-text/types.ts +56 -0
  79. package/src/components/ui3n-tooltip/types.ts +69 -0
  80. package/src/components/ui3n-virtual-scroll/types.ts +18 -0
  81. package/dist/plugins/i18n/i18n.d.ts +0 -9
  82. package/dist/plugins/i18n/store-i18n.d.ts +0 -7
  83. package/dist/plugins/i18n/types.d.ts +0 -9
@@ -1,39 +1,141 @@
1
1
  import { Nullable } from '../../types';
2
+ /**
3
+ * Properties of the Ui3nContentEditable component
4
+ */
2
5
  export interface Ui3nContentEditableProps {
6
+ /**
7
+ * Current value of the editable content
8
+ */
3
9
  modelValue: string;
10
+ /**
11
+ * Placeholder text
12
+ */
4
13
  placeholder?: string;
14
+ /**
15
+ * Maximum length of the text
16
+ */
5
17
  maxLength?: number;
18
+ /**
19
+ * Component disabled flag
20
+ */
6
21
  disabled?: boolean;
22
+ /**
23
+ * Flag for automatic selection of all text on focus
24
+ */
7
25
  selectAllOnFocus?: boolean;
26
+ /**
27
+ * Multiline mode flag
28
+ */
8
29
  isMultiline?: boolean;
30
+ /**
31
+ * Flag to prevent empty values
32
+ */
9
33
  disallowEmptyValue?: boolean;
34
+ /**
35
+ * Debounce delay in milliseconds
36
+ */
10
37
  debounceDelay?: number;
11
38
  }
39
+ /**
40
+ * Events of the Ui3nContentEditable component
41
+ */
12
42
  export interface Ui3nContentEditableEmits {
43
+ /**
44
+ * Component initialization event
45
+ */
13
46
  (event: 'init', value: HTMLElement): void;
47
+ /**
48
+ * Model value update event
49
+ */
14
50
  (event: 'update:modelValue', value: Nullable<string>): void;
51
+ /**
52
+ * Input event
53
+ */
15
54
  (event: 'input', value: Nullable<string>): void;
55
+ /**
56
+ * Value change event
57
+ */
16
58
  (event: 'change', value: Nullable<string>): void;
59
+ /**
60
+ * Click event
61
+ */
17
62
  (event: 'click', value: MouseEvent): void;
63
+ /**
64
+ * Keydown event
65
+ */
18
66
  (event: 'keydown', value: KeyboardEvent): void;
67
+ /**
68
+ * Focusin event
69
+ */
19
70
  (event: 'focusin', value: FocusEvent): void;
71
+ /**
72
+ * Focusout event
73
+ */
20
74
  (event: 'focusout', value: FocusEvent): void;
21
75
  }
76
+ /**
77
+ * Properties of the Ui3nEditable component
78
+ */
22
79
  export interface Ui3nEditableProps {
80
+ /**
81
+ * Current value of the editable content
82
+ */
23
83
  modelValue: string;
84
+ /**
85
+ * Placeholder text
86
+ */
24
87
  placeholder?: string;
88
+ /**
89
+ * Maximum length of the text
90
+ */
25
91
  maxLength?: number;
92
+ /**
93
+ * Maximum width of the component
94
+ */
26
95
  maxWidth?: string | number;
96
+ /**
97
+ * Tooltip width
98
+ */
27
99
  tooltipWidth?: number;
100
+ /**
101
+ * Component disabled flag
102
+ */
28
103
  disabled?: boolean;
104
+ /**
105
+ * Flag for automatic selection of all text on focus
106
+ */
29
107
  selectAllOnFocus?: boolean;
108
+ /**
109
+ * Flag to prevent empty values
110
+ */
30
111
  disallowEmptyValue?: boolean;
31
112
  }
113
+ /**
114
+ * Events of the Ui3nEditable component
115
+ */
32
116
  export interface Ui3nEditableEmits {
117
+ /**
118
+ * Model value update event
119
+ */
33
120
  (event: 'update:modelValue', value: Nullable<string>): void;
121
+ /**
122
+ * Edit mode toggle event
123
+ */
34
124
  (event: 'toggle:editMode', value: boolean): void;
125
+ /**
126
+ * Edit completion event
127
+ */
35
128
  (event: 'done'): void;
129
+ /**
130
+ * Edit cancellation event
131
+ */
36
132
  (event: 'cancel'): void;
133
+ /**
134
+ * Focusin event
135
+ */
37
136
  (event: 'focusin', value: FocusEvent): void;
137
+ /**
138
+ * Focusout event
139
+ */
38
140
  (event: 'focusout'): void;
39
141
  }
@@ -1,8 +1,21 @@
1
1
  export interface Ui3nEmojiProps {
2
+ /**
3
+ * Emoji to display
4
+ */
2
5
  emoji: string;
6
+ /**
7
+ * Emoji size
8
+ */
3
9
  size?: string | number;
10
+ /**
11
+ * Whether emoji is readonly
12
+ * @default false
13
+ */
4
14
  readonly?: boolean;
5
15
  }
6
16
  export interface Ui3nEmojiEmits {
17
+ /**
18
+ * Called when emoji is clicked
19
+ */
7
20
  (ev: 'click', value: Event): void;
8
21
  }
@@ -1,14 +1,24 @@
1
1
  export interface Ui3nIconProps {
2
+ /** Icon name */
2
3
  icon: string;
4
+ /** Icon title */
3
5
  title?: string;
6
+ /** Icon size */
4
7
  size?: string | number;
8
+ /** Icon width */
5
9
  width?: string | number;
10
+ /** Icon height */
6
11
  height?: string | number;
12
+ /** Icon color */
7
13
  color?: string;
14
+ /** Flip icon horizontally */
8
15
  horizontalFlip?: boolean;
16
+ /** Flip icon vertically */
9
17
  verticalFlip?: boolean;
18
+ /** Icon rotation in degrees */
10
19
  rotate?: number;
11
20
  }
12
21
  export interface Ui3nIconEmits {
22
+ /** Called when the icon is clicked */
13
23
  (ev: 'click', value: Event): void;
14
24
  }
@@ -1,28 +1,104 @@
1
1
  export interface Ui3nInputProps {
2
+ /**
3
+ * Input value
4
+ */
2
5
  modelValue: string;
6
+ /**
7
+ * Input label
8
+ */
3
9
  label?: string;
10
+ /**
11
+ * Input type
12
+ * @default 'text'
13
+ */
4
14
  type?: 'text' | 'password';
15
+ /**
16
+ * Input placeholder
17
+ */
5
18
  placeholder?: string;
19
+ /**
20
+ * Whether input is clearable
21
+ * @default false
22
+ */
6
23
  clearable?: boolean;
24
+ /**
25
+ * Whether input is autofocus
26
+ * @default false
27
+ */
7
28
  autofocus?: boolean;
29
+ /**
30
+ * Input icon
31
+ */
8
32
  icon?: string;
33
+ /**
34
+ * Input icon color
35
+ */
9
36
  iconColor?: string;
37
+ /**
38
+ * Validation rules
39
+ */
10
40
  rules?: Array<(v: unknown) => boolean | string>;
41
+ /**
42
+ * Whether to validate at startup
43
+ * @default false
44
+ */
11
45
  validateAtStartup?: boolean;
46
+ /**
47
+ * Whether to hide bottom space
48
+ * @default false
49
+ */
12
50
  hideBottomSpace?: boolean;
51
+ /**
52
+ * Display state mode
53
+ */
13
54
  displayStateMode?: 'error' | 'success';
55
+ /**
56
+ * Whether to display state with icon
57
+ * @default false
58
+ */
14
59
  displayStateWithIcon?: boolean;
60
+ /**
61
+ * Display state message
62
+ */
15
63
  displayStateMessage?: string;
64
+ /**
65
+ * Whether input is disabled
66
+ * @default false
67
+ */
16
68
  disabled?: boolean;
17
69
  }
18
70
  export interface Ui3nInputEmits {
71
+ /**
72
+ * Called when input is initialized
73
+ */
19
74
  (event: 'init', value: HTMLInputElement): void;
75
+ /**
76
+ * Called when input value changes
77
+ */
20
78
  (event: 'input', value: string): void;
79
+ /**
80
+ * Called when key is pressed
81
+ */
21
82
  (event: 'keydown', value: KeyboardEvent): void;
83
+ /**
84
+ * Called when input is focused
85
+ */
22
86
  (event: 'focus', value: Event): void;
87
+ /**
88
+ * Called when input loses focus
89
+ */
23
90
  (event: 'blur', value: Event): void;
91
+ /**
92
+ * Called when input is cleared
93
+ */
24
94
  (event: 'clear'): void;
95
+ /**
96
+ * Called when input value changes
97
+ */
25
98
  (event: 'change', value: string): void;
99
+ /**
100
+ * Called when Enter key is pressed
101
+ */
26
102
  (event: 'enter', value: {
27
103
  value: string;
28
104
  altKey: boolean;
@@ -30,7 +106,16 @@ export interface Ui3nInputEmits {
30
106
  shiftKey: boolean;
31
107
  metaKey: boolean;
32
108
  }): void;
109
+ /**
110
+ * Called when Escape key is pressed
111
+ */
33
112
  (event: 'escape', value: Event): void;
113
+ /**
114
+ * Called when model value updates
115
+ */
34
116
  (event: 'update:modelValue', value: string): void;
117
+ /**
118
+ * Called when validation status updates
119
+ */
35
120
  (event: 'update:valid', value: boolean): void;
36
121
  }
@@ -1,13 +1,42 @@
1
1
  export interface Ui3nInputFileProps {
2
+ /**
3
+ * Selected files
4
+ */
2
5
  modelValue?: File[] | FileList;
6
+ /**
7
+ * Button text
8
+ */
3
9
  buttonText?: string;
10
+ /**
11
+ * Whether multiple files can be selected
12
+ * @default false
13
+ */
4
14
  multiple?: boolean;
15
+ /**
16
+ * Maximum number of files
17
+ */
5
18
  maxNumberOfFiles?: number | string;
19
+ /**
20
+ * Maximum file size in bytes
21
+ */
6
22
  maxFileSize?: number;
23
+ /**
24
+ * Allowed file types
25
+ */
7
26
  allowedFileTypes?: string;
27
+ /**
28
+ * Whether input is disabled
29
+ * @default false
30
+ */
8
31
  disabled?: boolean;
9
32
  }
10
33
  export interface Ui3nInputFileEmits {
34
+ /**
35
+ * Called when model value updates
36
+ */
11
37
  (event: 'update:modelValue', value: File[] | FileList): void;
38
+ /**
39
+ * Called when error occurs
40
+ */
12
41
  (event: 'error', value: string): void;
13
42
  }
@@ -1,19 +1,54 @@
1
1
  import { VNode } from 'vue';
2
+ /**
3
+ * List component properties
4
+ */
2
5
  export interface Ui3nListProps<T> {
6
+ /**
7
+ * List title
8
+ */
3
9
  title?: string;
10
+ /**
11
+ * Whether to stick to top
12
+ * @default false
13
+ */
4
14
  sticky?: boolean;
15
+ /**
16
+ * List items
17
+ */
5
18
  items: T[];
19
+ /**
20
+ * Key field for items
21
+ */
6
22
  keyField?: keyof T;
23
+ /**
24
+ * Whether list is disabled
25
+ * @default false
26
+ */
7
27
  disabled?: boolean;
8
28
  }
29
+ /**
30
+ * List component emits
31
+ */
9
32
  export interface Ui3nListEmits<T> {
33
+ /**
34
+ * Emitted when item is selected
35
+ */
10
36
  (ev: 'select', value: {
11
37
  value: T;
12
38
  index: number;
13
39
  }): void;
14
40
  }
41
+ /**
42
+ * List component slots
43
+ */
15
44
  export interface Ui3nListSlots<T> {
45
+ /**
46
+ * Title slot
47
+ */
16
48
  title?: () => VNode;
49
+ /**
50
+ * Item slot
51
+ */
17
52
  item?: ({ item, index }: {
18
53
  item: T;
19
54
  index: number;
@@ -1,32 +1,121 @@
1
1
  import { Ref, VNode } from 'vue';
2
+ /**
3
+ * Menu component properties
4
+ */
2
5
  export interface Ui3nMenuProps {
6
+ /**
7
+ * Menu open state
8
+ */
3
9
  modelValue?: boolean;
10
+ /**
11
+ * Trigger element
12
+ */
4
13
  triggerElement?: HTMLElement;
14
+ /**
15
+ * Position strategy
16
+ * @default 'absolute'
17
+ */
5
18
  positionStrategy?: 'absolute' | 'fixed';
19
+ /**
20
+ * Whether to update position automatically
21
+ * @default true
22
+ */
6
23
  positionAutoupdate?: boolean;
24
+ /**
25
+ * Whether to allow flipping
26
+ * @default true
27
+ */
7
28
  allowFlip?: boolean;
29
+ /**
30
+ * Offset X
31
+ * @default 0
32
+ */
8
33
  offsetX?: number;
34
+ /**
35
+ * Offset Y
36
+ * @default 0
37
+ */
9
38
  offsetY?: number;
39
+ /**
40
+ * Content border radius
41
+ */
10
42
  contentBorderRadius?: number | number[];
43
+ /**
44
+ * Content styles
45
+ */
11
46
  contentStyles?: Record<string, string>;
47
+ /**
48
+ * Z-index
49
+ */
12
50
  zIndex?: number;
51
+ /**
52
+ * Whether to close on click
53
+ * @default true
54
+ */
13
55
  closeOnClick?: boolean;
56
+ /**
57
+ * Whether to close on click outside
58
+ * @default true
59
+ */
14
60
  closeOnClickOutside?: boolean;
61
+ /**
62
+ * Whether menu is disabled
63
+ * @default false
64
+ */
15
65
  disabled?: boolean;
16
66
  }
67
+ /**
68
+ * Menu component emits
69
+ */
17
70
  export interface Ui3nMenuEmits {
71
+ /**
72
+ * Emitted when menu opens
73
+ */
18
74
  (ev: 'open'): void;
75
+ /**
76
+ * Emitted when menu is opened
77
+ */
19
78
  (ev: 'opened'): void;
79
+ /**
80
+ * Emitted when menu closes
81
+ */
20
82
  (ev: 'close'): void;
83
+ /**
84
+ * Emitted when menu is closed
85
+ */
21
86
  (ev: 'closed'): void;
87
+ /**
88
+ * Emitted when click outside
89
+ */
22
90
  (ev: 'click-outside'): void;
91
+ /**
92
+ * Emitted when model value updates
93
+ */
23
94
  (ev: 'update:modelValue', value: boolean): void;
24
95
  }
96
+ /**
97
+ * Menu component slots
98
+ */
25
99
  export interface Ui3nMenuSlots {
100
+ /**
101
+ * Default slot
102
+ */
26
103
  default: () => VNode;
104
+ /**
105
+ * Menu slot
106
+ */
27
107
  menu?: () => VNode;
28
108
  }
109
+ /**
110
+ * Menu component expose
111
+ */
29
112
  export interface Ui3nMenuExpose {
113
+ /**
114
+ * Whether menu is positioned
115
+ */
30
116
  isPositioned: Readonly<Ref<boolean>>;
117
+ /**
118
+ * Update position
119
+ */
31
120
  update: () => void;
32
121
  }
@@ -1,11 +1,39 @@
1
1
  export interface Ui3nNotificationProps {
2
+ /**
3
+ * Notification ID
4
+ */
2
5
  id?: string;
6
+ /**
7
+ * Notification type
8
+ */
3
9
  type?: 'success' | 'warning' | 'info' | 'error';
10
+ /**
11
+ * Notification content
12
+ */
4
13
  content: string;
14
+ /**
15
+ * Notification position
16
+ */
5
17
  position?: 'left' | 'center' | 'right';
18
+ /**
19
+ * Notification duration in milliseconds
20
+ */
6
21
  duration?: number;
22
+ /**
23
+ * Whether to display icon
24
+ * @default false
25
+ */
7
26
  withIcon?: boolean;
27
+ /**
28
+ * Teleport target
29
+ */
8
30
  teleport?: string;
31
+ /**
32
+ * Called when notification opens
33
+ */
9
34
  onOpen?: () => void;
35
+ /**
36
+ * Called when notification closes
37
+ */
10
38
  onClose?: () => void;
11
39
  }
@@ -1,17 +1,66 @@
1
+ /**
2
+ * Circular progress component properties
3
+ */
1
4
  export interface Ui3nProgressCircularProps {
5
+ /**
6
+ * Progress value
7
+ */
2
8
  value?: number | string;
9
+ /**
10
+ * Progress size
11
+ */
3
12
  size?: number | string;
13
+ /**
14
+ * Progress width
15
+ */
4
16
  width?: number | string;
17
+ /**
18
+ * Whether to show text
19
+ * @default false
20
+ */
5
21
  withText?: boolean;
22
+ /**
23
+ * Background color
24
+ */
6
25
  bgColor?: string;
26
+ /**
27
+ * Progress color
28
+ */
7
29
  color?: string;
30
+ /**
31
+ * Whether progress is indeterminate
32
+ * @default false
33
+ */
8
34
  indeterminate?: boolean;
9
35
  }
36
+ /**
37
+ * Linear progress component properties
38
+ */
10
39
  export interface Ui3nProgressLinearProps {
40
+ /**
41
+ * Progress value
42
+ */
11
43
  value?: number | string;
44
+ /**
45
+ * Progress height
46
+ */
12
47
  height?: number | string;
48
+ /**
49
+ * Whether to show text
50
+ * @default false
51
+ */
13
52
  withText?: boolean;
53
+ /**
54
+ * Background color
55
+ */
14
56
  bgColor?: string;
57
+ /**
58
+ * Progress color
59
+ */
15
60
  color?: string;
61
+ /**
62
+ * Whether progress is indeterminate
63
+ * @default false
64
+ */
16
65
  indeterminate?: boolean;
17
66
  }