@dialpad/dialtone-vue 2.143.1 → 2.144.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.
- package/dist/lib/combobox-multi-select.cjs +43 -7
- package/dist/lib/combobox-multi-select.cjs.map +1 -1
- package/dist/lib/combobox-multi-select.js +43 -7
- package/dist/lib/combobox-multi-select.js.map +1 -1
- package/dist/lib/datepicker.cjs.map +1 -1
- package/dist/lib/datepicker.js.map +1 -1
- package/dist/style.css +16 -5
- package/dist/types/components/datepicker/formatUtils.d.ts +41 -5
- package/dist/types/components/datepicker/formatUtils.d.ts.map +1 -1
- package/dist/types/recipes/comboboxes/combobox_multi_select/combobox_multi_select.vue.d.ts +2 -337
- package/dist/types/recipes/comboboxes/combobox_multi_select/combobox_multi_select.vue.d.ts.map +1 -1
- package/package.json +3 -3
|
@@ -1,186 +1,4 @@
|
|
|
1
|
-
declare const _default: import("vue").DefineComponent<{
|
|
2
|
-
/**
|
|
3
|
-
* String to use for the input label.
|
|
4
|
-
*/
|
|
5
|
-
label: {
|
|
6
|
-
type: StringConstructor;
|
|
7
|
-
required: true;
|
|
8
|
-
};
|
|
9
|
-
/**
|
|
10
|
-
* Determines visibility of input label.
|
|
11
|
-
* @values true, false
|
|
12
|
-
*/
|
|
13
|
-
labelVisible: {
|
|
14
|
-
type: BooleanConstructor;
|
|
15
|
-
default: boolean;
|
|
16
|
-
};
|
|
17
|
-
/**
|
|
18
|
-
* Description for the input
|
|
19
|
-
*/
|
|
20
|
-
description: {
|
|
21
|
-
type: StringConstructor;
|
|
22
|
-
default: string;
|
|
23
|
-
};
|
|
24
|
-
/**
|
|
25
|
-
* Input placeholder
|
|
26
|
-
*/
|
|
27
|
-
placeholder: {
|
|
28
|
-
type: StringConstructor;
|
|
29
|
-
default: string;
|
|
30
|
-
};
|
|
31
|
-
/**
|
|
32
|
-
* Input validation messages
|
|
33
|
-
*/
|
|
34
|
-
inputMessages: {
|
|
35
|
-
type: ArrayConstructor;
|
|
36
|
-
default: () => never[];
|
|
37
|
-
validator: (inputMessages: unknown) => any;
|
|
38
|
-
};
|
|
39
|
-
/**
|
|
40
|
-
* Show input validation message
|
|
41
|
-
*/
|
|
42
|
-
showInputMessages: {
|
|
43
|
-
type: BooleanConstructor;
|
|
44
|
-
default: boolean;
|
|
45
|
-
};
|
|
46
|
-
/**
|
|
47
|
-
* Determines if the list is loading
|
|
48
|
-
*/
|
|
49
|
-
loading: {
|
|
50
|
-
type: BooleanConstructor;
|
|
51
|
-
default: boolean;
|
|
52
|
-
};
|
|
53
|
-
/**
|
|
54
|
-
* The message when the list is loading
|
|
55
|
-
*/
|
|
56
|
-
loadingMessage: {
|
|
57
|
-
type: StringConstructor;
|
|
58
|
-
default: string;
|
|
59
|
-
};
|
|
60
|
-
/**
|
|
61
|
-
* Determines when to show the list element and also controls the aria-expanded attribute.
|
|
62
|
-
* Leaving this null will have the combobox trigger on input focus by default.
|
|
63
|
-
* If you set this value, the default trigger behavior will be disabled and you can
|
|
64
|
-
* control it as you need.
|
|
65
|
-
*/
|
|
66
|
-
showList: {
|
|
67
|
-
type: BooleanConstructor;
|
|
68
|
-
default: null;
|
|
69
|
-
};
|
|
70
|
-
/**
|
|
71
|
-
* Determines maximum height for the popover before overflow.
|
|
72
|
-
* Possible units rem|px|em
|
|
73
|
-
*/
|
|
74
|
-
listMaxHeight: {
|
|
75
|
-
type: StringConstructor;
|
|
76
|
-
default: string;
|
|
77
|
-
};
|
|
78
|
-
/**
|
|
79
|
-
* The selected items
|
|
80
|
-
*/
|
|
81
|
-
selectedItems: {
|
|
82
|
-
type: ArrayConstructor;
|
|
83
|
-
default: () => never[];
|
|
84
|
-
};
|
|
85
|
-
/**
|
|
86
|
-
* Would be the maximum number of selections you can make. 0 is unlimited
|
|
87
|
-
*/
|
|
88
|
-
maxSelected: {
|
|
89
|
-
type: NumberConstructor;
|
|
90
|
-
default: number;
|
|
91
|
-
};
|
|
92
|
-
/**
|
|
93
|
-
* Max select message when the max selections is exceeded with the structure:
|
|
94
|
-
* `[{"message": string, "type": VALIDATION_MESSAGE_TYPES }]`
|
|
95
|
-
*/
|
|
96
|
-
maxSelectedMessage: {
|
|
97
|
-
type: ArrayConstructor;
|
|
98
|
-
default: () => never[];
|
|
99
|
-
};
|
|
100
|
-
/**
|
|
101
|
-
* Displays the list when the combobox is focused, before the user has typed anything.
|
|
102
|
-
* When this is enabled the list will not close after selection.
|
|
103
|
-
*/
|
|
104
|
-
hasSuggestionList: {
|
|
105
|
-
type: BooleanConstructor;
|
|
106
|
-
default: boolean;
|
|
107
|
-
};
|
|
108
|
-
/**
|
|
109
|
-
* Size of the chip, one of `xs`, `sm`, `md`
|
|
110
|
-
*/
|
|
111
|
-
size: {
|
|
112
|
-
type: StringConstructor;
|
|
113
|
-
default: string;
|
|
114
|
-
validator: (t: unknown) => boolean;
|
|
115
|
-
};
|
|
116
|
-
/**
|
|
117
|
-
* Sets the element to which the popover is going to append to.
|
|
118
|
-
* 'body' will append to the nearest body (supports shadow DOM).
|
|
119
|
-
* @values 'body', 'parent', HTMLElement,
|
|
120
|
-
*/
|
|
121
|
-
appendTo: {
|
|
122
|
-
type: (StringConstructor | {
|
|
123
|
-
new (): HTMLElement;
|
|
124
|
-
prototype: HTMLElement;
|
|
125
|
-
})[];
|
|
126
|
-
default: string;
|
|
127
|
-
validator: (appendTo: unknown) => boolean;
|
|
128
|
-
};
|
|
129
|
-
/**
|
|
130
|
-
* Named transition when the content display is toggled.
|
|
131
|
-
* @see DtLazyShow
|
|
132
|
-
*/
|
|
133
|
-
transition: {
|
|
134
|
-
type: StringConstructor;
|
|
135
|
-
default: string;
|
|
136
|
-
};
|
|
137
|
-
}, {}, {
|
|
138
|
-
value: string;
|
|
139
|
-
popoverOffset: number[];
|
|
140
|
-
showValidationMessages: boolean;
|
|
141
|
-
initialInputPadding: {};
|
|
142
|
-
resizeWindowObserver: null;
|
|
143
|
-
originalInputSize: null;
|
|
144
|
-
CHIP_SIZES: {
|
|
145
|
-
xs: string;
|
|
146
|
-
sm: string;
|
|
147
|
-
md: string;
|
|
148
|
-
};
|
|
149
|
-
}, {
|
|
150
|
-
inputPlaceHolder(): any;
|
|
151
|
-
chipListeners(): {
|
|
152
|
-
keyup: (event: any) => void;
|
|
153
|
-
};
|
|
154
|
-
inputListeners(): {
|
|
155
|
-
input: (event: any) => void;
|
|
156
|
-
keyup: (event: any) => void;
|
|
157
|
-
click: (event: any) => void;
|
|
158
|
-
};
|
|
159
|
-
selectedItemsWithKeys(): any;
|
|
160
|
-
}, {
|
|
161
|
-
initSelectedItems(): Promise<void>;
|
|
162
|
-
onChipRemove(item: any): void;
|
|
163
|
-
onComboboxSelect(i: any): void;
|
|
164
|
-
showComboboxList(): void;
|
|
165
|
-
closeComboboxList(): void;
|
|
166
|
-
getChipButtons(): any;
|
|
167
|
-
getChips(): any;
|
|
168
|
-
getLastChipButton(): any;
|
|
169
|
-
getLastChip(): any;
|
|
170
|
-
getFirstChip(): any;
|
|
171
|
-
getInput(): any;
|
|
172
|
-
onChipKeyup(event: any): void;
|
|
173
|
-
onInputKeyup(event: any): void;
|
|
174
|
-
moveFromInputToChip(): void;
|
|
175
|
-
moveFromChipToInput(): void;
|
|
176
|
-
navigateBetweenChips(target: any, toLeft: any): void;
|
|
177
|
-
setChipsTopPosition(): void;
|
|
178
|
-
setInputPadding(): void;
|
|
179
|
-
revertInputPadding(input: any): void;
|
|
180
|
-
getFullWidth(el: any): any;
|
|
181
|
-
setInputMinWidth(): void;
|
|
182
|
-
checkMaxSelected(): void;
|
|
183
|
-
}, {
|
|
1
|
+
declare const _default: import("vue").DefineComponent<{}, any, {}, {}, {}, {
|
|
184
2
|
props: {
|
|
185
3
|
visuallyHiddenClose: {
|
|
186
4
|
type: BooleanConstructor;
|
|
@@ -204,159 +22,6 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
204
22
|
methods: {
|
|
205
23
|
validateVisuallyHiddenCloseProps(): void;
|
|
206
24
|
};
|
|
207
|
-
}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, ("input" | "select" | "remove" | "keyup" | "max-selected")[], string, Readonly<import("vue").ExtractPropTypes<{
|
|
208
|
-
/**
|
|
209
|
-
* String to use for the input label.
|
|
210
|
-
*/
|
|
211
|
-
label: {
|
|
212
|
-
type: StringConstructor;
|
|
213
|
-
required: true;
|
|
214
|
-
};
|
|
215
|
-
/**
|
|
216
|
-
* Determines visibility of input label.
|
|
217
|
-
* @values true, false
|
|
218
|
-
*/
|
|
219
|
-
labelVisible: {
|
|
220
|
-
type: BooleanConstructor;
|
|
221
|
-
default: boolean;
|
|
222
|
-
};
|
|
223
|
-
/**
|
|
224
|
-
* Description for the input
|
|
225
|
-
*/
|
|
226
|
-
description: {
|
|
227
|
-
type: StringConstructor;
|
|
228
|
-
default: string;
|
|
229
|
-
};
|
|
230
|
-
/**
|
|
231
|
-
* Input placeholder
|
|
232
|
-
*/
|
|
233
|
-
placeholder: {
|
|
234
|
-
type: StringConstructor;
|
|
235
|
-
default: string;
|
|
236
|
-
};
|
|
237
|
-
/**
|
|
238
|
-
* Input validation messages
|
|
239
|
-
*/
|
|
240
|
-
inputMessages: {
|
|
241
|
-
type: ArrayConstructor;
|
|
242
|
-
default: () => never[];
|
|
243
|
-
validator: (inputMessages: unknown) => any;
|
|
244
|
-
};
|
|
245
|
-
/**
|
|
246
|
-
* Show input validation message
|
|
247
|
-
*/
|
|
248
|
-
showInputMessages: {
|
|
249
|
-
type: BooleanConstructor;
|
|
250
|
-
default: boolean;
|
|
251
|
-
};
|
|
252
|
-
/**
|
|
253
|
-
* Determines if the list is loading
|
|
254
|
-
*/
|
|
255
|
-
loading: {
|
|
256
|
-
type: BooleanConstructor;
|
|
257
|
-
default: boolean;
|
|
258
|
-
};
|
|
259
|
-
/**
|
|
260
|
-
* The message when the list is loading
|
|
261
|
-
*/
|
|
262
|
-
loadingMessage: {
|
|
263
|
-
type: StringConstructor;
|
|
264
|
-
default: string;
|
|
265
|
-
};
|
|
266
|
-
/**
|
|
267
|
-
* Determines when to show the list element and also controls the aria-expanded attribute.
|
|
268
|
-
* Leaving this null will have the combobox trigger on input focus by default.
|
|
269
|
-
* If you set this value, the default trigger behavior will be disabled and you can
|
|
270
|
-
* control it as you need.
|
|
271
|
-
*/
|
|
272
|
-
showList: {
|
|
273
|
-
type: BooleanConstructor;
|
|
274
|
-
default: null;
|
|
275
|
-
};
|
|
276
|
-
/**
|
|
277
|
-
* Determines maximum height for the popover before overflow.
|
|
278
|
-
* Possible units rem|px|em
|
|
279
|
-
*/
|
|
280
|
-
listMaxHeight: {
|
|
281
|
-
type: StringConstructor;
|
|
282
|
-
default: string;
|
|
283
|
-
};
|
|
284
|
-
/**
|
|
285
|
-
* The selected items
|
|
286
|
-
*/
|
|
287
|
-
selectedItems: {
|
|
288
|
-
type: ArrayConstructor;
|
|
289
|
-
default: () => never[];
|
|
290
|
-
};
|
|
291
|
-
/**
|
|
292
|
-
* Would be the maximum number of selections you can make. 0 is unlimited
|
|
293
|
-
*/
|
|
294
|
-
maxSelected: {
|
|
295
|
-
type: NumberConstructor;
|
|
296
|
-
default: number;
|
|
297
|
-
};
|
|
298
|
-
/**
|
|
299
|
-
* Max select message when the max selections is exceeded with the structure:
|
|
300
|
-
* `[{"message": string, "type": VALIDATION_MESSAGE_TYPES }]`
|
|
301
|
-
*/
|
|
302
|
-
maxSelectedMessage: {
|
|
303
|
-
type: ArrayConstructor;
|
|
304
|
-
default: () => never[];
|
|
305
|
-
};
|
|
306
|
-
/**
|
|
307
|
-
* Displays the list when the combobox is focused, before the user has typed anything.
|
|
308
|
-
* When this is enabled the list will not close after selection.
|
|
309
|
-
*/
|
|
310
|
-
hasSuggestionList: {
|
|
311
|
-
type: BooleanConstructor;
|
|
312
|
-
default: boolean;
|
|
313
|
-
};
|
|
314
|
-
/**
|
|
315
|
-
* Size of the chip, one of `xs`, `sm`, `md`
|
|
316
|
-
*/
|
|
317
|
-
size: {
|
|
318
|
-
type: StringConstructor;
|
|
319
|
-
default: string;
|
|
320
|
-
validator: (t: unknown) => boolean;
|
|
321
|
-
};
|
|
322
|
-
/**
|
|
323
|
-
* Sets the element to which the popover is going to append to.
|
|
324
|
-
* 'body' will append to the nearest body (supports shadow DOM).
|
|
325
|
-
* @values 'body', 'parent', HTMLElement,
|
|
326
|
-
*/
|
|
327
|
-
appendTo: {
|
|
328
|
-
type: (StringConstructor | {
|
|
329
|
-
new (): HTMLElement;
|
|
330
|
-
prototype: HTMLElement;
|
|
331
|
-
})[];
|
|
332
|
-
default: string;
|
|
333
|
-
validator: (appendTo: unknown) => boolean;
|
|
334
|
-
};
|
|
335
|
-
/**
|
|
336
|
-
* Named transition when the content display is toggled.
|
|
337
|
-
* @see DtLazyShow
|
|
338
|
-
*/
|
|
339
|
-
transition: {
|
|
340
|
-
type: StringConstructor;
|
|
341
|
-
default: string;
|
|
342
|
-
};
|
|
343
|
-
}>>, {
|
|
344
|
-
description: string;
|
|
345
|
-
loading: boolean;
|
|
346
|
-
size: string;
|
|
347
|
-
transition: string;
|
|
348
|
-
showList: boolean;
|
|
349
|
-
labelVisible: boolean;
|
|
350
|
-
appendTo: string | HTMLElement;
|
|
351
|
-
placeholder: string;
|
|
352
|
-
hasSuggestionList: boolean;
|
|
353
|
-
selectedItems: unknown[];
|
|
354
|
-
inputMessages: unknown[];
|
|
355
|
-
showInputMessages: boolean;
|
|
356
|
-
loadingMessage: string;
|
|
357
|
-
listMaxHeight: string;
|
|
358
|
-
maxSelected: number;
|
|
359
|
-
maxSelectedMessage: unknown[];
|
|
360
|
-
}>;
|
|
25
|
+
}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, ("input" | "select" | "remove" | "keyup" | "max-selected")[], string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
|
|
361
26
|
export default _default;
|
|
362
27
|
//# sourceMappingURL=combobox_multi_select.vue.d.ts.map
|
package/dist/types/recipes/comboboxes/combobox_multi_select/combobox_multi_select.vue.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"combobox_multi_select.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/comboboxes/combobox_multi_select/combobox_multi_select.vue.js"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"combobox_multi_select.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/comboboxes/combobox_multi_select/combobox_multi_select.vue.js"],"names":[],"mappings":""}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dialpad/dialtone-vue",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.144.1",
|
|
4
4
|
"description": "Vue component library for Dialpad's design system Dialtone",
|
|
5
5
|
"files": [
|
|
6
6
|
"dist"
|
|
@@ -84,12 +84,12 @@
|
|
|
84
84
|
"vue-tsc": "^1.8.25",
|
|
85
85
|
"yo": "^5.0.0",
|
|
86
86
|
"yorkie": "^2.0.0",
|
|
87
|
-
"@dialpad/dialtone-css": "8.38.
|
|
87
|
+
"@dialpad/dialtone-css": "8.38.1",
|
|
88
88
|
"@dialpad/generator-dialtone": "0.1.0"
|
|
89
89
|
},
|
|
90
90
|
"peerDependencies": {
|
|
91
91
|
"vue": ">=2.6",
|
|
92
|
-
"@dialpad/dialtone-css": "^8.38.
|
|
92
|
+
"@dialpad/dialtone-css": "^8.38.1"
|
|
93
93
|
},
|
|
94
94
|
"bugs": {
|
|
95
95
|
"email": "dialtone@dialpad.com"
|