@dialpad/dialtone 9.55.1 → 9.56.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/css/dialtone.css +8 -3
- package/dist/css/dialtone.min.css +1 -1
- package/dist/tokens/css/variables-dark.css +1 -1
- package/dist/tokens/css/variables-expressive-dark.css +1 -1
- package/dist/tokens/css/variables-expressive-light.css +1 -1
- package/dist/tokens/css/variables-expressive-sm-dark.css +1 -1
- package/dist/tokens/css/variables-expressive-sm-light.css +1 -1
- package/dist/tokens/css/variables-light.css +1 -1
- package/dist/tokens/css/variables-tmo-dark.css +1 -1
- package/dist/tokens/css/variables-tmo-light.css +1 -1
- package/dist/tokens/less/variables-dark.less +1 -1
- package/dist/tokens/less/variables-expressive-dark.less +1 -1
- package/dist/tokens/less/variables-expressive-light.less +1 -1
- package/dist/tokens/less/variables-expressive-sm-dark.less +1 -1
- package/dist/tokens/less/variables-expressive-sm-light.less +1 -1
- package/dist/tokens/less/variables-light.less +1 -1
- package/dist/tokens/less/variables-tmo-dark.less +1 -1
- package/dist/tokens/less/variables-tmo-light.less +1 -1
- package/dist/vue2/lib/combobox-multi-select.cjs +43 -7
- package/dist/vue2/lib/combobox-multi-select.cjs.map +1 -1
- package/dist/vue2/lib/combobox-multi-select.js +43 -7
- package/dist/vue2/lib/combobox-multi-select.js.map +1 -1
- package/dist/vue2/lib/datepicker.cjs.map +1 -1
- package/dist/vue2/lib/datepicker.js.map +1 -1
- package/dist/vue2/style.css +16 -5
- package/dist/vue2/types/components/datepicker/formatUtils.d.ts +41 -5
- package/dist/vue2/types/components/datepicker/formatUtils.d.ts.map +1 -1
- package/dist/vue2/types/recipes/comboboxes/combobox_multi_select/combobox_multi_select.vue.d.ts +2 -337
- package/dist/vue2/types/recipes/comboboxes/combobox_multi_select/combobox_multi_select.vue.d.ts.map +1 -1
- package/dist/vue3/lib/combobox-multi-select.cjs +60 -24
- package/dist/vue3/lib/combobox-multi-select.cjs.map +1 -1
- package/dist/vue3/lib/combobox-multi-select.js +61 -25
- package/dist/vue3/lib/combobox-multi-select.js.map +1 -1
- package/dist/vue3/style.css +16 -5
- package/dist/vue3/types/recipes/comboboxes/combobox_multi_select/combobox_multi_select.vue.d.ts +1 -367
- package/dist/vue3/types/recipes/comboboxes/combobox_multi_select/combobox_multi_select.vue.d.ts.map +1 -1
- package/package.json +1 -1
package/dist/vue3/types/recipes/comboboxes/combobox_multi_select/combobox_multi_select.vue.d.ts
CHANGED
|
@@ -1,369 +1,3 @@
|
|
|
1
|
-
declare const _default:
|
|
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
|
-
}, any, {
|
|
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
|
-
hasSlotContent: typeof hasSlotContent;
|
|
150
|
-
}, {
|
|
151
|
-
inputPlaceHolder(): string;
|
|
152
|
-
chipListeners(): {
|
|
153
|
-
keyup: (event: any) => void;
|
|
154
|
-
};
|
|
155
|
-
inputListeners(): {
|
|
156
|
-
input: (event: any) => void;
|
|
157
|
-
keyup: (event: any) => void;
|
|
158
|
-
click: (event: any) => void;
|
|
159
|
-
};
|
|
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
|
-
}, {
|
|
184
|
-
props: {
|
|
185
|
-
visuallyHiddenClose: {
|
|
186
|
-
type: BooleanConstructor;
|
|
187
|
-
default: boolean;
|
|
188
|
-
};
|
|
189
|
-
visuallyHiddenCloseLabel: {
|
|
190
|
-
type: StringConstructor;
|
|
191
|
-
default: null;
|
|
192
|
-
};
|
|
193
|
-
};
|
|
194
|
-
watch: {
|
|
195
|
-
$props: {
|
|
196
|
-
immediate: boolean;
|
|
197
|
-
deep: boolean;
|
|
198
|
-
handler(): void;
|
|
199
|
-
};
|
|
200
|
-
};
|
|
201
|
-
computed: {
|
|
202
|
-
showVisuallyHiddenClose(): any;
|
|
203
|
-
};
|
|
204
|
-
methods: {
|
|
205
|
-
validateVisuallyHiddenCloseProps(): void;
|
|
206
|
-
};
|
|
207
|
-
}, import("vue").ComponentOptionsMixin, ("input" | "select" | "keyup" | "remove" | "max-selected")[], "input" | "select" | "keyup" | "remove" | "max-selected", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, 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
|
-
onInput?: ((...args: any[]) => any) | undefined;
|
|
345
|
-
onKeyup?: ((...args: any[]) => any) | undefined;
|
|
346
|
-
onSelect?: ((...args: any[]) => any) | undefined;
|
|
347
|
-
onRemove?: ((...args: any[]) => any) | undefined;
|
|
348
|
-
"onMax-selected"?: ((...args: any[]) => any) | undefined;
|
|
349
|
-
}, {
|
|
350
|
-
loading: boolean;
|
|
351
|
-
size: string;
|
|
352
|
-
transition: string;
|
|
353
|
-
showList: boolean;
|
|
354
|
-
labelVisible: boolean;
|
|
355
|
-
description: string;
|
|
356
|
-
appendTo: string | HTMLElement;
|
|
357
|
-
placeholder: string;
|
|
358
|
-
hasSuggestionList: boolean;
|
|
359
|
-
selectedItems: unknown[];
|
|
360
|
-
inputMessages: unknown[];
|
|
361
|
-
showInputMessages: boolean;
|
|
362
|
-
loadingMessage: string;
|
|
363
|
-
listMaxHeight: string;
|
|
364
|
-
maxSelected: number;
|
|
365
|
-
maxSelectedMessage: unknown[];
|
|
366
|
-
}, {}>;
|
|
1
|
+
declare const _default: (props: Record<string, any> & {}) => any;
|
|
367
2
|
export default _default;
|
|
368
|
-
import { hasSlotContent } from '@/common/utils';
|
|
369
3
|
//# sourceMappingURL=combobox_multi_select.vue.d.ts.map
|
package/dist/vue3/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":""}
|