@teammodlr/ui-kit 3.0.0-beta.9 → 3.0.1

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 (110) hide show
  1. package/lib/components/cardcontextmenu/CardContextMenu.vue.d.ts +4 -2
  2. package/lib/components/checkbox/Checkbox.vue.d.ts +4 -4
  3. package/lib/components/clearbutton/ClearButton.vue.d.ts +9 -0
  4. package/lib/components/clearbutton/style/ClearButton.css.d.ts +2 -0
  5. package/lib/components/clearbutton/style/index.d.ts +1 -0
  6. package/lib/components/colorpicker/ColorPicker.vue.d.ts +6 -4
  7. package/lib/components/colorpicker/style/ColorPicker.css.d.ts +1 -0
  8. package/lib/components/dialog/Dialog.vue.d.ts +14 -6
  9. package/lib/components/dialog/style/Dialog.css.d.ts +2 -0
  10. package/lib/components/drawer/Drawer.vue.d.ts +146 -0
  11. package/lib/components/drawer/style/Drawer.css.d.ts +33 -0
  12. package/lib/components/drawer/style/index.d.ts +1 -0
  13. package/lib/components/dropdown/Dropdown.vue.d.ts +4 -2
  14. package/lib/components/form/Form.vue.d.ts +4 -2
  15. package/lib/components/hovercard/HoverCard.vue.d.ts +124 -0
  16. package/lib/components/hovercard/style/HoverCard.css.d.ts +3 -0
  17. package/lib/components/hovercard/style/index.d.ts +1 -0
  18. package/lib/components/index.d.ts +3 -0
  19. package/lib/components/input/Input.vue.d.ts +20 -5
  20. package/lib/components/input/style/Input.css.d.ts +4 -0
  21. package/lib/components/modal/Modal.vue.d.ts +11 -4
  22. package/lib/components/pagination/Pagination.vue.d.ts +6 -3
  23. package/lib/components/paneldialog/PanelDialog.vue.d.ts +175 -0
  24. package/lib/components/paneldialog/style/PanelDialog.css.d.ts +8 -0
  25. package/lib/components/paneldialog/style/index.d.ts +1 -0
  26. package/lib/components/popover/Popover.vue.d.ts +28 -2
  27. package/lib/components/radio/Radio.vue.d.ts +5 -5
  28. package/lib/components/radiobutton/RadioButton.vue.d.ts +4 -4
  29. package/lib/components/radiobuttongroup/RadioButtonGroup.vue.d.ts +4 -2
  30. package/lib/components/select/Select.vue.d.ts +94 -91
  31. package/lib/components/select/style/Select.css.d.ts +9 -1
  32. package/lib/components/slider/Slider.vue.d.ts +6 -3
  33. package/lib/components/switch/Switch.vue.d.ts +4 -4
  34. package/lib/components/tab/Tab.vue.d.ts +10 -2
  35. package/lib/components/tab/TabGroup.vue.d.ts +6 -3
  36. package/lib/components/table/Table.vue.d.ts +4 -2
  37. package/lib/components/textarea/Textarea.vue.d.ts +16 -5
  38. package/lib/components/textarea/style/Textarea.css.d.ts +2 -0
  39. package/lib/components/tree/Tree.vue.d.ts +6 -3
  40. package/lib/composables/useInput.d.ts +9 -2
  41. package/lib/index.cjs.js +3 -3
  42. package/lib/index.es.js +8526 -6393
  43. package/lib/style.css +1 -1
  44. package/lib/tsconfig.app.tsbuildinfo +1 -0
  45. package/lib/tsconfig.vitest.tsbuildinfo +1 -0
  46. package/package.json +7 -4
  47. package/src/components/cardcontextmenu/CardContextMenu.vue +3 -1
  48. package/src/components/cardcontextmenu/style/Dropdown.css.ts +7 -0
  49. package/src/components/clearbutton/ClearButton.vue +41 -0
  50. package/src/components/clearbutton/style/ClearButton.css.ts +37 -0
  51. package/src/components/clearbutton/style/index.ts +1 -0
  52. package/src/components/colorpicker/ColorPicker.vue +12 -12
  53. package/src/components/colorpicker/examples/basic.vue +8 -17
  54. package/src/components/colorpicker/style/ColorPicker.css.ts +6 -1
  55. package/src/components/dialog/Dialog.vue +12 -6
  56. package/src/components/dialog/style/Dialog.css.ts +30 -0
  57. package/src/components/drawer/Drawer.vue +280 -0
  58. package/src/components/drawer/examples/basic.vue +15 -0
  59. package/src/components/drawer/examples/custom-title.vue +21 -0
  60. package/src/components/drawer/examples/index.stories.ts +24 -0
  61. package/src/components/drawer/examples/index.ts +7 -0
  62. package/src/components/drawer/examples/no-mask.vue +15 -0
  63. package/src/components/drawer/examples/no-outside-close.vue +15 -0
  64. package/src/components/drawer/examples/placements.vue +28 -0
  65. package/src/components/drawer/examples/with-footer.vue +21 -0
  66. package/src/components/drawer/examples/with-trigger.vue +13 -0
  67. package/src/components/drawer/style/Drawer.css.ts +208 -0
  68. package/src/components/drawer/style/index.ts +1 -0
  69. package/src/components/dropdown/Dropdown.vue +4 -2
  70. package/src/components/form/Form.vue +3 -3
  71. package/src/components/hovercard/HoverCard.vue +165 -0
  72. package/src/components/hovercard/style/HoverCard.css.ts +175 -0
  73. package/src/components/hovercard/style/index.ts +1 -0
  74. package/src/components/index.ts +3 -0
  75. package/src/components/input/Input.vue +52 -4
  76. package/src/components/input/examples/clearable.vue +18 -0
  77. package/src/components/input/examples/index.stories.ts +3 -1
  78. package/src/components/input/examples/index.ts +1 -0
  79. package/src/components/input/style/Input.css.ts +19 -0
  80. package/src/components/messageprovider/MessageProvider.vue +33 -7
  81. package/src/components/modal/Modal.vue +28 -11
  82. package/src/components/pagination/Pagination.vue +4 -1
  83. package/src/components/paneldialog/PanelDialog.vue +509 -0
  84. package/src/components/paneldialog/examples/basic.vue +36 -0
  85. package/src/components/paneldialog/examples/index.stories.ts +22 -0
  86. package/src/components/paneldialog/examples/index.ts +2 -0
  87. package/src/components/paneldialog/examples/modal.vue +31 -0
  88. package/src/components/paneldialog/style/PanelDialog.css.ts +90 -0
  89. package/src/components/paneldialog/style/index.ts +1 -0
  90. package/src/components/popover/Popover.vue +9 -2
  91. package/src/components/radiobuttongroup/RadioButtonGroup.vue +3 -1
  92. package/src/components/select/Select.vue +211 -111
  93. package/src/components/select/examples/clearable.vue +18 -0
  94. package/src/components/select/examples/fill.vue +52 -0
  95. package/src/components/select/examples/index.stories.ts +4 -1
  96. package/src/components/select/examples/index.ts +3 -0
  97. package/src/components/select/examples/remote.vue +54 -0
  98. package/src/components/select/style/Select.css.ts +140 -24
  99. package/src/components/slider/Slider.vue +4 -1
  100. package/src/components/tab/Tab.vue +4 -2
  101. package/src/components/tab/TabGroup.vue +4 -4
  102. package/src/components/tab/style/Tab.css.ts +6 -0
  103. package/src/components/table/Table.vue +3 -3
  104. package/src/components/textarea/Textarea.vue +40 -4
  105. package/src/components/textarea/examples/clearable.vue +16 -0
  106. package/src/components/textarea/examples/index.stories.ts +2 -1
  107. package/src/components/textarea/examples/index.ts +1 -0
  108. package/src/components/textarea/style/Textarea.css.ts +10 -0
  109. package/src/components/tree/Tree.vue +4 -1
  110. package/src/composables/useInput.ts +10 -2
@@ -0,0 +1,175 @@
1
+ import { type ComponentPublicInstance, type CSSProperties, type PropType } from 'vue';
2
+ import type { ComputedRef } from 'vue';
3
+ import * as style from './style';
4
+ declare const _default: import("vue").DefineComponent<{
5
+ open: {
6
+ type: BooleanConstructor;
7
+ default: boolean;
8
+ };
9
+ modal: {
10
+ type: BooleanConstructor;
11
+ default: boolean;
12
+ };
13
+ width: {
14
+ type: PropType<number | string>;
15
+ default: string;
16
+ };
17
+ height: {
18
+ type: PropType<number | string>;
19
+ default: undefined;
20
+ };
21
+ maxHeight: {
22
+ type: PropType<number | string>;
23
+ default: string;
24
+ };
25
+ draggable: {
26
+ type: BooleanConstructor;
27
+ default: boolean;
28
+ };
29
+ handleSelector: {
30
+ type: StringConstructor;
31
+ default: string;
32
+ };
33
+ backdrop: {
34
+ type: BooleanConstructor;
35
+ default: boolean;
36
+ };
37
+ backdropClass: {
38
+ type: StringConstructor;
39
+ default: string;
40
+ };
41
+ panelClass: {
42
+ type: PropType<string | unknown[] | Record<string, unknown>>;
43
+ default: string;
44
+ };
45
+ panelStyle: {
46
+ type: PropType<CSSProperties>;
47
+ default: undefined;
48
+ };
49
+ zIndex: {
50
+ type: NumberConstructor;
51
+ };
52
+ focusTrap: {
53
+ type: BooleanConstructor;
54
+ default: boolean;
55
+ };
56
+ onClose: {
57
+ type: PropType<() => void>;
58
+ default: () => void;
59
+ };
60
+ }, {
61
+ dialogContent: import("vue").ShallowRef<HTMLElement | ComponentPublicInstance | null>;
62
+ panel: import("vue").Ref<HTMLElement | null>;
63
+ zIndex: import("vue").Ref<number>;
64
+ fade: {
65
+ enterActive: string;
66
+ leaveActive: string;
67
+ enterFrom: string;
68
+ leaveTo: string;
69
+ };
70
+ modalScale: {
71
+ enterActive: string;
72
+ leaveActive: string;
73
+ enterFrom: string;
74
+ leaveTo: string;
75
+ };
76
+ style: typeof style;
77
+ isOpen: ComputedRef<boolean>;
78
+ contentClasses: ComputedRef<string[]>;
79
+ contentStyle: ComputedRef<CSSProperties>;
80
+ focusScopeClasses: ComputedRef<string[]>;
81
+ panelComputedStyle: ComputedRef<CSSProperties>;
82
+ isDragging: import("vue").Ref<boolean>;
83
+ close: () => void;
84
+ handleAfterLeave: () => void;
85
+ handleEscapeKeyDown: (event: KeyboardEvent) => void;
86
+ handleOpenChange: (value: boolean) => void;
87
+ handleOpenAutoFocus: (event: Event) => void;
88
+ handleFocusOutside: (event: Event) => void;
89
+ onPanelPointerDown: (event: PointerEvent) => void;
90
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
91
+ onOpen: () => true;
92
+ onClose: () => true;
93
+ 'update:open': (_value: boolean) => true;
94
+ open: () => true;
95
+ close: () => true;
96
+ 'after-leave': () => true;
97
+ }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
98
+ open: {
99
+ type: BooleanConstructor;
100
+ default: boolean;
101
+ };
102
+ modal: {
103
+ type: BooleanConstructor;
104
+ default: boolean;
105
+ };
106
+ width: {
107
+ type: PropType<number | string>;
108
+ default: string;
109
+ };
110
+ height: {
111
+ type: PropType<number | string>;
112
+ default: undefined;
113
+ };
114
+ maxHeight: {
115
+ type: PropType<number | string>;
116
+ default: string;
117
+ };
118
+ draggable: {
119
+ type: BooleanConstructor;
120
+ default: boolean;
121
+ };
122
+ handleSelector: {
123
+ type: StringConstructor;
124
+ default: string;
125
+ };
126
+ backdrop: {
127
+ type: BooleanConstructor;
128
+ default: boolean;
129
+ };
130
+ backdropClass: {
131
+ type: StringConstructor;
132
+ default: string;
133
+ };
134
+ panelClass: {
135
+ type: PropType<string | unknown[] | Record<string, unknown>>;
136
+ default: string;
137
+ };
138
+ panelStyle: {
139
+ type: PropType<CSSProperties>;
140
+ default: undefined;
141
+ };
142
+ zIndex: {
143
+ type: NumberConstructor;
144
+ };
145
+ focusTrap: {
146
+ type: BooleanConstructor;
147
+ default: boolean;
148
+ };
149
+ onClose: {
150
+ type: PropType<() => void>;
151
+ default: () => void;
152
+ };
153
+ }>> & {
154
+ "onUpdate:open"?: ((_value: boolean) => any) | undefined;
155
+ onClose?: (() => any) | undefined;
156
+ onOpen?: (() => any) | undefined;
157
+ "onAfter-leave"?: (() => any) | undefined;
158
+ onOnClose?: (() => any) | undefined;
159
+ onOnOpen?: (() => any) | undefined;
160
+ }, {
161
+ height: string | number;
162
+ maxHeight: string | number;
163
+ width: string | number;
164
+ open: boolean;
165
+ modal: boolean;
166
+ onClose: () => void;
167
+ focusTrap: boolean;
168
+ draggable: boolean;
169
+ handleSelector: string;
170
+ backdrop: boolean;
171
+ backdropClass: string;
172
+ panelClass: string | unknown[] | Record<string, unknown>;
173
+ panelStyle: CSSProperties;
174
+ }, {}>;
175
+ export default _default;
@@ -0,0 +1,8 @@
1
+ export declare const backdrop: string;
2
+ export declare const dialogContent: string;
3
+ export declare const dialogContentModal: string;
4
+ export declare const dialogContentNonModal: string;
5
+ export declare const focusScope: string;
6
+ export declare const focusScopeNonModal: string;
7
+ export declare const focusScopeModal: string;
8
+ export declare const panel: string;
@@ -0,0 +1 @@
1
+ export * from './PanelDialog.css';
@@ -23,6 +23,15 @@ declare const _default: import("vue").DefineComponent<{
23
23
  type: NumberConstructor;
24
24
  default: number;
25
25
  };
26
+ collisionPadding: {
27
+ type: PropType<number | {
28
+ top?: number;
29
+ right?: number;
30
+ bottom?: number;
31
+ left?: number;
32
+ }>;
33
+ default: number;
34
+ };
26
35
  arrow: {
27
36
  type: BooleanConstructor;
28
37
  default: boolean;
@@ -42,7 +51,9 @@ declare const _default: import("vue").DefineComponent<{
42
51
  resolvedSide: import("vue").ComputedRef<"bottom" | "left" | "right" | "top" | undefined>;
43
52
  resolvedAlign: import("vue").ComputedRef<"center" | "end" | "start" | undefined>;
44
53
  style: typeof style;
45
- }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:open"[], "update:open", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
54
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
55
+ 'update:open': (_value: boolean) => true;
56
+ }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
46
57
  open: {
47
58
  type: BooleanConstructor;
48
59
  default: boolean;
@@ -64,6 +75,15 @@ declare const _default: import("vue").DefineComponent<{
64
75
  type: NumberConstructor;
65
76
  default: number;
66
77
  };
78
+ collisionPadding: {
79
+ type: PropType<number | {
80
+ top?: number;
81
+ right?: number;
82
+ bottom?: number;
83
+ left?: number;
84
+ }>;
85
+ default: number;
86
+ };
67
87
  arrow: {
68
88
  type: BooleanConstructor;
69
89
  default: boolean;
@@ -76,7 +96,7 @@ declare const _default: import("vue").DefineComponent<{
76
96
  type: NumberConstructor;
77
97
  };
78
98
  }>> & {
79
- "onUpdate:open"?: ((...args: any[]) => any) | undefined;
99
+ "onUpdate:open"?: ((_value: boolean) => any) | undefined;
80
100
  }, {
81
101
  open: boolean;
82
102
  variant: "dark" | "light";
@@ -85,5 +105,11 @@ declare const _default: import("vue").DefineComponent<{
85
105
  arrow: boolean;
86
106
  modal: boolean;
87
107
  sideOffset: number;
108
+ collisionPadding: number | {
109
+ top?: number;
110
+ right?: number;
111
+ bottom?: number;
112
+ left?: number;
113
+ };
88
114
  }, {}>;
89
115
  export default _default;
@@ -21,11 +21,11 @@ declare const _default: import("vue").DefineComponent<{
21
21
  type: (BooleanConstructor | NumberConstructor | StringConstructor)[];
22
22
  default: null;
23
23
  };
24
- modelValue: PropType<string | number | boolean | object | any[] | any[] | undefined>;
24
+ modelValue: PropType<string | number | boolean | object | any[] | null | undefined>;
25
25
  name: StringConstructor;
26
26
  readonly: BooleanConstructor;
27
27
  required: BooleanConstructor;
28
- error: StringConstructor;
28
+ error: PropType<string | null | undefined>;
29
29
  rules: {
30
30
  readonly type: ArrayConstructor;
31
31
  readonly default: () => never[];
@@ -40,7 +40,7 @@ declare const _default: import("vue").DefineComponent<{
40
40
  disabled: import("vue").ComputedRef<any>;
41
41
  name: import("vue").Ref<string | undefined>;
42
42
  checked: import("vue").ComputedRef<boolean>;
43
- pick: import("vue").WritableComputedRef<string | number | boolean | object | any[] | undefined>;
43
+ pick: import("vue").WritableComputedRef<string | number | boolean | object | any[] | null | undefined>;
44
44
  radioRef: import("vue").Ref<HTMLElement | null>;
45
45
  inputError: import("vue").ComputedRef<any>;
46
46
  style: typeof style;
@@ -73,11 +73,11 @@ declare const _default: import("vue").DefineComponent<{
73
73
  type: (BooleanConstructor | NumberConstructor | StringConstructor)[];
74
74
  default: null;
75
75
  };
76
- modelValue: PropType<string | number | boolean | object | any[] | any[] | undefined>;
76
+ modelValue: PropType<string | number | boolean | object | any[] | null | undefined>;
77
77
  name: StringConstructor;
78
78
  readonly: BooleanConstructor;
79
79
  required: BooleanConstructor;
80
- error: StringConstructor;
80
+ error: PropType<string | null | undefined>;
81
81
  rules: {
82
82
  readonly type: ArrayConstructor;
83
83
  readonly default: () => never[];
@@ -26,11 +26,11 @@ declare const _default: import("vue").DefineComponent<{
26
26
  default: () => void;
27
27
  };
28
28
  loading: BooleanConstructor;
29
- modelValue: PropType<string | number | boolean | object | any[] | any[] | undefined>;
29
+ modelValue: PropType<string | number | boolean | object | any[] | null | undefined>;
30
30
  name: StringConstructor;
31
31
  readonly: BooleanConstructor;
32
32
  required: BooleanConstructor;
33
- error: StringConstructor;
33
+ error: PropType<string | null | undefined>;
34
34
  rules: {
35
35
  readonly type: ArrayConstructor;
36
36
  readonly default: () => never[];
@@ -73,11 +73,11 @@ declare const _default: import("vue").DefineComponent<{
73
73
  default: () => void;
74
74
  };
75
75
  loading: BooleanConstructor;
76
- modelValue: PropType<string | number | boolean | object | any[] | any[] | undefined>;
76
+ modelValue: PropType<string | number | boolean | object | any[] | null | undefined>;
77
77
  name: StringConstructor;
78
78
  readonly: BooleanConstructor;
79
79
  required: BooleanConstructor;
80
- error: StringConstructor;
80
+ error: PropType<string | null | undefined>;
81
81
  rules: {
82
82
  readonly type: ArrayConstructor;
83
83
  readonly default: () => never[];
@@ -22,7 +22,9 @@ declare const _default: import("vue").DefineComponent<{
22
22
  [x: string]: boolean;
23
23
  })[]>;
24
24
  selectedValue: import("vue").WritableComputedRef<string | number>;
25
- }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
25
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
26
+ 'update:modelValue': (_value: any) => true;
27
+ }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
26
28
  modelValue: {
27
29
  type: (NumberConstructor | StringConstructor)[];
28
30
  default: string;
@@ -40,7 +42,7 @@ declare const _default: import("vue").DefineComponent<{
40
42
  default: boolean;
41
43
  };
42
44
  }>> & {
43
- "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
45
+ "onUpdate:modelValue"?: ((_value: any) => any) | undefined;
44
46
  }, {
45
47
  size: Size;
46
48
  block: boolean;
@@ -22,6 +22,14 @@ declare const _default: import("vue").DefineComponent<{
22
22
  type: BooleanConstructor;
23
23
  default: boolean;
24
24
  };
25
+ remote: {
26
+ type: BooleanConstructor;
27
+ default: boolean;
28
+ };
29
+ searchDebounce: {
30
+ type: NumberConstructor;
31
+ default: number;
32
+ };
25
33
  size: {
26
34
  type: PropType<Size>;
27
35
  default: string;
@@ -55,7 +63,7 @@ declare const _default: import("vue").DefineComponent<{
55
63
  default: boolean;
56
64
  };
57
65
  error: {
58
- type: StringConstructor;
66
+ type: PropType<string | null>;
59
67
  };
60
68
  allowBlank: {
61
69
  type: BooleanConstructor;
@@ -73,16 +81,32 @@ declare const _default: import("vue").DefineComponent<{
73
81
  type: BooleanConstructor;
74
82
  default: boolean;
75
83
  };
84
+ fill: {
85
+ type: BooleanConstructor;
86
+ default: boolean;
87
+ };
88
+ noBorder: {
89
+ type: BooleanConstructor;
90
+ default: boolean;
91
+ };
76
92
  zIndex: {
77
93
  type: NumberConstructor;
78
94
  };
95
+ clearable: {
96
+ type: BooleanConstructor;
97
+ default: boolean;
98
+ };
99
+ clearValue: {
100
+ type: PropType<string | number | boolean | object | null>;
101
+ default: undefined;
102
+ };
79
103
  showDataOptions: {
80
104
  type: BooleanConstructor;
81
105
  default: boolean;
82
106
  };
83
107
  'onUpdate:value': PropType<MaybeArray<OnUpdateValue> | undefined>;
84
108
  onUpdateValue: PropType<MaybeArray<OnUpdateValue> | undefined>;
85
- modelValue: PropType<string | number | boolean | object | any[] | any[] | undefined>;
109
+ modelValue: PropType<string | number | boolean | object | any[] | null | undefined>;
86
110
  name: StringConstructor;
87
111
  readonly: BooleanConstructor;
88
112
  required: BooleanConstructor;
@@ -92,7 +116,11 @@ declare const _default: import("vue").DefineComponent<{
92
116
  };
93
117
  }, {
94
118
  container: import("vue").Ref<HTMLElement | null>;
95
- optionsRef: import("vue").Ref<HTMLElement[]>;
119
+ virtualListRef: import("vue").Ref<{
120
+ scrollToIndex: (index: number, opts?: {
121
+ align?: "start" | "center" | "end" | "nearest";
122
+ }) => void;
123
+ } | null>;
96
124
  searchRef: import("vue").Ref<HTMLInputElement | undefined>;
97
125
  selectRef: import("vue").Ref<HTMLElement | undefined>;
98
126
  popper: import("vue").Ref<HTMLElement | undefined>;
@@ -127,18 +155,24 @@ declare const _default: import("vue").DefineComponent<{
127
155
  'm-select--multiple': boolean;
128
156
  'm-select--error': any;
129
157
  })[]>;
130
- computedWrapperClasses: import("vue").ComputedRef<string[]>;
158
+ computedWrapperClasses: import("vue").ComputedRef<(string | {
159
+ [x: string]: boolean;
160
+ })[]>;
131
161
  computedConsistentWidth: import("vue").ComputedRef<{
132
162
  zIndex: number;
133
163
  }>;
134
164
  getSelectedLabel: (value: string | number | []) => any;
135
165
  openSelect: (forceOpen?: boolean) => void;
136
- removeSelected: (event: MouseEvent, value: string | number) => void;
166
+ removeSelected: (value: string | number) => void;
167
+ showClear: import("vue").ComputedRef<boolean>;
168
+ clearSelected: () => void;
137
169
  inputError: import("vue").ComputedRef<any>;
138
170
  transitionName: import("vue").ComputedRef<string>;
139
171
  inputListeners: {};
140
172
  style: typeof style;
141
173
  focused: import("vue").Ref<boolean>;
174
+ blocked: import("vue").ComputedRef<any>;
175
+ showRemoteLoading: import("vue").ComputedRef<any>;
142
176
  fade: {
143
177
  enterActive: string;
144
178
  leaveActive: string;
@@ -146,90 +180,21 @@ declare const _default: import("vue").DefineComponent<{
146
180
  leaveTo: string;
147
181
  };
148
182
  toggleAllItems: () => void;
183
+ optionItemHeight: import("vue").ComputedRef<number>;
184
+ optionsHeight: import("vue").ComputedRef<number>;
185
+ optionSizeClass: import("vue").ComputedRef<string>;
186
+ fillRootClass: import("vue").ComputedRef<string | undefined>;
187
+ fillLabelClass: import("vue").ComputedRef<string | undefined>;
149
188
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
150
- [x: number]: string;
151
- length: number;
152
- toString(): string;
153
- toLocaleString(): string;
154
- toLocaleString(locales: string | string[], options?: Intl.NumberFormatOptions & Intl.DateTimeFormatOptions): string;
155
- pop(): string | undefined;
156
- push(...items: string[]): number;
157
- concat(...items: ConcatArray<string>[]): string[];
158
- concat(...items: (string | ConcatArray<string>)[]): string[];
159
- join(separator?: string): string;
160
- reverse(): string[];
161
- shift(): string | undefined;
162
- slice(start?: number, end?: number): string[];
163
- sort(compareFn?: ((a: string, b: string) => number) | undefined): string[];
164
- splice(start: number, deleteCount?: number): string[];
165
- splice(start: number, deleteCount: number, ...items: string[]): string[];
166
- unshift(...items: string[]): number;
167
- indexOf(searchElement: string, fromIndex?: number): number;
168
- lastIndexOf(searchElement: string, fromIndex?: number): number;
169
- every<S extends string>(predicate: (value: string, index: number, array: string[]) => value is S, thisArg?: any): this is S[];
170
- every(predicate: (value: string, index: number, array: string[]) => unknown, thisArg?: any): boolean;
171
- some(predicate: (value: string, index: number, array: string[]) => unknown, thisArg?: any): boolean;
172
- forEach(callbackfn: (value: string, index: number, array: string[]) => void, thisArg?: any): void;
173
- map<U>(callbackfn: (value: string, index: number, array: string[]) => U, thisArg?: any): U[];
174
- filter<S extends string>(predicate: (value: string, index: number, array: string[]) => value is S, thisArg?: any): S[];
175
- filter(predicate: (value: string, index: number, array: string[]) => unknown, thisArg?: any): string[];
176
- reduce(callbackfn: (previousValue: string, currentValue: string, currentIndex: number, array: string[]) => string): string;
177
- reduce(callbackfn: (previousValue: string, currentValue: string, currentIndex: number, array: string[]) => string, initialValue: string): string;
178
- reduce<U>(callbackfn: (previousValue: U, currentValue: string, currentIndex: number, array: string[]) => U, initialValue: U): U;
179
- reduceRight(callbackfn: (previousValue: string, currentValue: string, currentIndex: number, array: string[]) => string): string;
180
- reduceRight(callbackfn: (previousValue: string, currentValue: string, currentIndex: number, array: string[]) => string, initialValue: string): string;
181
- reduceRight<U>(callbackfn: (previousValue: U, currentValue: string, currentIndex: number, array: string[]) => U, initialValue: U): U;
182
- find<S extends string>(predicate: (value: string, index: number, obj: string[]) => value is S, thisArg?: any): S | undefined;
183
- find(predicate: (value: string, index: number, obj: string[]) => unknown, thisArg?: any): string | undefined;
184
- findIndex(predicate: (value: string, index: number, obj: string[]) => unknown, thisArg?: any): number;
185
- fill(value: string, start?: number, end?: number): string[];
186
- copyWithin(target: number, start: number, end?: number): string[];
187
- entries(): IterableIterator<[number, string]>;
188
- keys(): IterableIterator<number>;
189
- values(): IterableIterator<string>;
190
- includes(searchElement: string, fromIndex?: number): boolean;
191
- flatMap<U, This = undefined>(callback: (this: This, value: string, index: number, array: string[]) => U | ReadonlyArray<U>, thisArg?: This | undefined): U[];
192
- flat<A, D extends number = 1>(this: A, depth?: D | undefined): FlatArray<A, D>[];
193
- [Symbol.iterator](): IterableIterator<string>;
194
- [Symbol.unscopables]: {
195
- [x: number]: boolean | undefined;
196
- length?: boolean | undefined;
197
- toString?: boolean | undefined;
198
- toLocaleString?: boolean | undefined;
199
- pop?: boolean | undefined;
200
- push?: boolean | undefined;
201
- concat?: boolean | undefined;
202
- join?: boolean | undefined;
203
- reverse?: boolean | undefined;
204
- shift?: boolean | undefined;
205
- slice?: boolean | undefined;
206
- sort?: boolean | undefined;
207
- splice?: boolean | undefined;
208
- unshift?: boolean | undefined;
209
- indexOf?: boolean | undefined;
210
- lastIndexOf?: boolean | undefined;
211
- every?: boolean | undefined;
212
- some?: boolean | undefined;
213
- forEach?: boolean | undefined;
214
- map?: boolean | undefined;
215
- filter?: boolean | undefined;
216
- reduce?: boolean | undefined;
217
- reduceRight?: boolean | undefined;
218
- find?: boolean | undefined;
219
- findIndex?: boolean | undefined;
220
- fill?: boolean | undefined;
221
- copyWithin?: boolean | undefined;
222
- entries?: boolean | undefined;
223
- keys?: boolean | undefined;
224
- values?: boolean | undefined;
225
- includes?: boolean | undefined;
226
- flatMap?: boolean | undefined;
227
- flat?: boolean | undefined;
228
- [Symbol.iterator]?: boolean | undefined;
229
- readonly [Symbol.unscopables]?: boolean | undefined;
230
- at?: boolean | undefined;
231
- };
232
- at(index: number): string | undefined;
189
+ 'on-open': () => true;
190
+ 'on-close': () => true;
191
+ clear: () => true;
192
+ search: (_query: string) => true;
193
+ 'update:modelValue': (...args: any[]) => any;
194
+ blur: (...args: any[]) => any;
195
+ focus: (...args: any[]) => any;
196
+ input: (...args: any[]) => any;
197
+ change: (...args: any[]) => any;
233
198
  }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
234
199
  label: {
235
200
  type: StringConstructor;
@@ -250,6 +215,14 @@ declare const _default: import("vue").DefineComponent<{
250
215
  type: BooleanConstructor;
251
216
  default: boolean;
252
217
  };
218
+ remote: {
219
+ type: BooleanConstructor;
220
+ default: boolean;
221
+ };
222
+ searchDebounce: {
223
+ type: NumberConstructor;
224
+ default: number;
225
+ };
253
226
  size: {
254
227
  type: PropType<Size>;
255
228
  default: string;
@@ -283,7 +256,7 @@ declare const _default: import("vue").DefineComponent<{
283
256
  default: boolean;
284
257
  };
285
258
  error: {
286
- type: StringConstructor;
259
+ type: PropType<string | null>;
287
260
  };
288
261
  allowBlank: {
289
262
  type: BooleanConstructor;
@@ -301,16 +274,32 @@ declare const _default: import("vue").DefineComponent<{
301
274
  type: BooleanConstructor;
302
275
  default: boolean;
303
276
  };
277
+ fill: {
278
+ type: BooleanConstructor;
279
+ default: boolean;
280
+ };
281
+ noBorder: {
282
+ type: BooleanConstructor;
283
+ default: boolean;
284
+ };
304
285
  zIndex: {
305
286
  type: NumberConstructor;
306
287
  };
288
+ clearable: {
289
+ type: BooleanConstructor;
290
+ default: boolean;
291
+ };
292
+ clearValue: {
293
+ type: PropType<string | number | boolean | object | null>;
294
+ default: undefined;
295
+ };
307
296
  showDataOptions: {
308
297
  type: BooleanConstructor;
309
298
  default: boolean;
310
299
  };
311
300
  'onUpdate:value': PropType<MaybeArray<OnUpdateValue> | undefined>;
312
301
  onUpdateValue: PropType<MaybeArray<OnUpdateValue> | undefined>;
313
- modelValue: PropType<string | number | boolean | object | any[] | any[] | undefined>;
302
+ modelValue: PropType<string | number | boolean | object | any[] | null | undefined>;
314
303
  name: StringConstructor;
315
304
  readonly: BooleanConstructor;
316
305
  required: BooleanConstructor;
@@ -319,9 +308,18 @@ declare const _default: import("vue").DefineComponent<{
319
308
  readonly default: () => never[];
320
309
  };
321
310
  }>> & {
322
- [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
311
+ onFocus?: ((...args: any[]) => any) | undefined;
312
+ onBlur?: ((...args: any[]) => any) | undefined;
313
+ onChange?: ((...args: any[]) => any) | undefined;
314
+ onInput?: ((...args: any[]) => any) | undefined;
315
+ "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
316
+ onClear?: (() => any) | undefined;
317
+ onSearch?: ((_query: string) => any) | undefined;
318
+ "onOn-open"?: (() => any) | undefined;
319
+ "onOn-close"?: (() => any) | undefined;
323
320
  }, {
324
321
  size: Size;
322
+ fill: boolean;
325
323
  multiple: boolean;
326
324
  disabled: boolean;
327
325
  readonly: boolean;
@@ -331,14 +329,19 @@ declare const _default: import("vue").DefineComponent<{
331
329
  max: number;
332
330
  rules: unknown[];
333
331
  placeholder: string;
332
+ clearable: boolean;
334
333
  transitionName: string;
335
334
  searchable: boolean;
335
+ remote: boolean;
336
+ searchDebounce: number;
336
337
  optionValue: string;
337
338
  optionLabel: string;
338
339
  consistentWidth: boolean;
339
340
  allowBlank: boolean;
340
341
  selectAll: boolean;
341
342
  portal: boolean;
343
+ noBorder: boolean;
344
+ clearValue: string | number | boolean | object | null;
342
345
  showDataOptions: boolean;
343
346
  }, {}>;
344
347
  export default _default;
@@ -31,11 +31,19 @@ export declare const option: string;
31
31
  export declare const optionFocused: string;
32
32
  export declare const optionSelected: string;
33
33
  export declare const optionLabel: string;
34
+ export declare const optionSizes: Record<"sm" | "md" | "lg" | "xs" | "xl", string>;
34
35
  export declare const checkAll: string;
35
36
  export declare const checkAllButton: string;
36
37
  export declare const checkAllButtonActive: string;
37
38
  export declare const optionIcon: string;
38
39
  export declare const noResults: string;
39
- export declare const clearable: string;
40
+ export declare const clear: string;
41
+ export declare const hasClear: string;
40
42
  export declare const arrow: string;
41
43
  export declare const arrowOpen: string;
44
+ export declare const fillRoot: string;
45
+ export declare const fill: string;
46
+ export declare const sizes: Record<"sm" | "md" | "lg" | "xs" | "xl", string>;
47
+ export declare const fillBase: string;
48
+ export declare const fillLabel: string;
49
+ export declare const noBorder: string;
@@ -12,7 +12,10 @@ declare const _default: import("vue").DefineComponent<{
12
12
  handleMouseDown: (event: MouseEvent | TouchEvent) => void;
13
13
  slider: import("vue").Ref<HTMLElement | null>;
14
14
  style: typeof style;
15
- }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
15
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
16
+ 'update:modelValue': (_value: number) => true;
17
+ change: (_value: number) => true;
18
+ }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
16
19
  modelValue: {
17
20
  type: NumberConstructor;
18
21
  required: true;
@@ -22,8 +25,8 @@ declare const _default: import("vue").DefineComponent<{
22
25
  default: string;
23
26
  };
24
27
  }>> & {
25
- onChange?: ((...args: any[]) => any) | undefined;
26
- "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
28
+ onChange?: ((_value: number) => any) | undefined;
29
+ "onUpdate:modelValue"?: ((_value: number) => any) | undefined;
27
30
  }, {
28
31
  background: string;
29
32
  }, {}>;