@threadlabs/looma 0.2.20 → 0.3.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/{chunk-A5MSXQ7Y.js → chunk-RWLYVQY6.js} +2224 -1256
- package/dist/chunk-XDNZIKNI.js +2721 -0
- package/dist/declarative-generated.cjs +93 -79
- package/dist/declarative-generated.d.cts +7 -1
- package/dist/declarative-generated.d.ts +7 -1
- package/dist/declarative-generated.js +91 -78
- package/dist/declarative.cjs +1499 -1702
- package/dist/declarative.d.cts +77 -3
- package/dist/declarative.d.ts +77 -3
- package/dist/declarative.js +5 -3
- package/dist/index.cjs +3730 -3025
- package/dist/index.d.cts +211 -35
- package/dist/index.d.ts +211 -35
- package/dist/index.js +6 -61
- package/dist/loader.cjs +3724 -2963
- package/dist/loader.js +2 -2
- package/editor/{chunk-VAXI7Q6T.js → chunk-U36XNFJN.js} +105 -77
- package/editor/extensions/index.d.ts +272 -27
- package/editor/index.d.ts +1 -1
- package/editor/index.js +1 -1
- package/editor/{table-overlay-DoiLie4h.d.ts → table-overlay-DZFGHQDt.d.ts} +48 -6
- package/editor/ui.d.ts +15 -11
- package/editor/ui.js +1 -1
- package/layout/index.cjs +197 -340
- package/layout/index.d.cts +11 -0
- package/layout/index.d.ts +11 -0
- package/layout/index.js +197 -340
- package/layout.css +31 -134
- package/package.json +24 -11
- package/react/index.d.ts +1276 -0
- package/react/index.js +1526 -0
- package/styles.css +5 -10
- package/svelte/index.d.ts +204 -0
- package/svelte/index.js +1892 -0
- package/theme-dark.css +81 -2
- package/theme-high-contrast.css +14 -0
- package/theme-light.css +30 -1
- package/tokens.css +45 -1
- package/vue/chunk-OX3EACZ7.js +4369 -0
- package/vue/editor/index.d.ts +78 -8
- package/vue/editor/index.js +54 -49
- package/vue/index.d.ts +79 -78
- package/vue/index.js +3 -9
- package/dist/chunk-ECJQ4YGC.js +0 -2925
- package/dist/valibot.cjs +0 -31
- package/dist/valibot.d.cts +0 -10
- package/dist/valibot.d.ts +0 -10
- package/dist/valibot.js +0 -9
- package/dist/validation-bxcou-l-.d.cts +0 -58
- package/dist/validation-bxcou-l-.d.ts +0 -58
- package/vue/chunk-P7BZ2KJZ.js +0 -3559
package/vue/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as _threadlabs_looma_core from '@threadlabs/looma/core';
|
|
2
2
|
import { EditableChange } from '@threadlabs/looma/core';
|
|
3
|
-
export { ComboboxChange,
|
|
3
|
+
export { ComboboxChange, ComboboxOption, ComboboxValidationState, EditableChange, FieldIssue, MultiComboboxCreate, MultiComboboxItem, MultiComboboxItemChange } from '@threadlabs/looma/core';
|
|
4
4
|
import * as vue from 'vue';
|
|
5
5
|
|
|
6
6
|
interface VueAdapterEventMap {
|
|
@@ -68,22 +68,15 @@ interface StackProps extends AdapterBaseProps {
|
|
|
68
68
|
"gap"?: "xs" | "s" | "m" | "l" | "xl" | undefined;
|
|
69
69
|
"justify"?: "start" | "center" | "end" | "between" | undefined;
|
|
70
70
|
}
|
|
71
|
-
interface InlineProps extends AdapterBaseProps {
|
|
72
|
-
"align"?: "start" | "center" | "end" | "stretch" | undefined;
|
|
73
|
-
"gap"?: "xs" | "s" | "m" | "l" | "xl" | undefined;
|
|
74
|
-
"justify"?: "start" | "center" | "end" | "between" | undefined;
|
|
75
|
-
"wrap"?: "wrap" | "nowrap" | undefined;
|
|
76
|
-
}
|
|
77
71
|
interface ClusterProps extends AdapterBaseProps {
|
|
78
72
|
"align"?: "start" | "center" | "end" | "stretch" | undefined;
|
|
79
73
|
"gap"?: "xs" | "s" | "m" | "l" | "xl" | undefined;
|
|
80
|
-
"justify"?: "start" | "center" | "end" | "between" | undefined;
|
|
81
74
|
}
|
|
82
75
|
interface GridProps extends AdapterBaseProps {
|
|
83
76
|
"gap"?: "xs" | "s" | "m" | "l" | "xl" | undefined;
|
|
84
77
|
"min"?: "sm" | "md" | "lg" | undefined;
|
|
85
78
|
}
|
|
86
|
-
interface
|
|
79
|
+
interface ContainerProps extends AdapterBaseProps {
|
|
87
80
|
"gutters"?: "s" | "m" | "l" | undefined;
|
|
88
81
|
"measure"?: "narrow" | "wide" | undefined;
|
|
89
82
|
}
|
|
@@ -93,16 +86,15 @@ interface SwitcherProps extends AdapterBaseProps {
|
|
|
93
86
|
"threshold"?: "xs" | "sm" | "md" | "lg" | undefined;
|
|
94
87
|
}
|
|
95
88
|
interface SidebarProps extends AdapterBaseProps {
|
|
96
|
-
"
|
|
97
|
-
"
|
|
89
|
+
"breakpoint"?: "sm" | "md" | "lg" | undefined;
|
|
90
|
+
"collapsed"?: boolean | undefined;
|
|
98
91
|
"maxWidth"?: number | undefined;
|
|
99
92
|
"minWidth"?: number | undefined;
|
|
100
93
|
"resizable"?: boolean | undefined;
|
|
101
94
|
"resizeLabel"?: string | undefined;
|
|
102
95
|
"resizeStep"?: number | undefined;
|
|
103
96
|
"side"?: "start" | "end" | undefined;
|
|
104
|
-
"
|
|
105
|
-
"width"?: "narrow" | "default" | "wide" | undefined;
|
|
97
|
+
"width"?: number | undefined;
|
|
106
98
|
}
|
|
107
99
|
interface ReelProps extends AdapterBaseProps {
|
|
108
100
|
"gap"?: "xs" | "s" | "m" | "l" | "xl" | undefined;
|
|
@@ -113,34 +105,39 @@ interface SeparatorProps extends AdapterBaseProps {
|
|
|
113
105
|
"orientation"?: "horizontal" | "vertical" | undefined;
|
|
114
106
|
}
|
|
115
107
|
interface DisclosureProps extends AdapterBaseProps {
|
|
116
|
-
"defaultOpen"?: boolean | undefined;
|
|
117
108
|
"disabled"?: boolean | undefined;
|
|
118
109
|
"open"?: boolean | undefined;
|
|
110
|
+
"summary"?: string | undefined;
|
|
119
111
|
"onClose"?: ((detail: VueAdapterEventMap['close']) => void) | undefined;
|
|
120
112
|
"onOpen"?: ((detail: VueAdapterEventMap['open']) => void) | undefined;
|
|
121
113
|
}
|
|
122
114
|
interface EditableProps extends AdapterBaseProps {
|
|
123
|
-
"
|
|
115
|
+
"actions"?: boolean | undefined;
|
|
124
116
|
"disabled"?: boolean | undefined;
|
|
125
117
|
"edit"?: boolean | undefined;
|
|
118
|
+
"hint"?: string | undefined;
|
|
119
|
+
"label"?: string | undefined;
|
|
120
|
+
"value"?: string | undefined;
|
|
121
|
+
"onChange"?: ((detail: VueAdapterEventMap['change']) => void) | undefined;
|
|
126
122
|
"onEditChange"?: ((detail: VueAdapterEventMap['editChange']) => void) | undefined;
|
|
123
|
+
"onInput"?: ((detail: VueAdapterEventMap['input']) => void) | undefined;
|
|
127
124
|
}
|
|
128
125
|
interface TabsProps extends AdapterBaseProps {
|
|
129
|
-
"
|
|
126
|
+
"label"?: string | undefined;
|
|
130
127
|
"orientation"?: "horizontal" | "vertical" | undefined;
|
|
128
|
+
"stretch"?: boolean | undefined;
|
|
131
129
|
"value"?: string | undefined;
|
|
132
130
|
"onSelect"?: ((detail: VueAdapterEventMap['select']) => void) | undefined;
|
|
133
131
|
}
|
|
134
132
|
interface DialogProps extends AdapterBaseProps {
|
|
135
|
-
"defaultOpen"?: boolean | undefined;
|
|
136
133
|
"dismissible"?: boolean | undefined;
|
|
134
|
+
"for"?: string | undefined;
|
|
137
135
|
"label"?: string | undefined;
|
|
138
136
|
"modal"?: boolean | undefined;
|
|
139
137
|
"open"?: boolean | undefined;
|
|
140
138
|
"onClose"?: ((detail: VueAdapterEventMap['close']) => void) | undefined;
|
|
141
139
|
}
|
|
142
140
|
interface PopoverProps extends AdapterBaseProps {
|
|
143
|
-
"defaultOpen"?: boolean | undefined;
|
|
144
141
|
"for"?: string | undefined;
|
|
145
142
|
"open"?: boolean | undefined;
|
|
146
143
|
"placement"?: string | undefined;
|
|
@@ -148,11 +145,11 @@ interface PopoverProps extends AdapterBaseProps {
|
|
|
148
145
|
"onOpen"?: ((detail: VueAdapterEventMap['open']) => void) | undefined;
|
|
149
146
|
}
|
|
150
147
|
interface MenuProps extends AdapterBaseProps {
|
|
151
|
-
"defaultOpen"?: boolean | undefined;
|
|
152
148
|
"for"?: string | undefined;
|
|
153
149
|
"open"?: boolean | undefined;
|
|
154
150
|
"placement"?: string | undefined;
|
|
155
151
|
"onClose"?: ((detail: VueAdapterEventMap['close']) => void) | undefined;
|
|
152
|
+
"onOpen"?: ((detail: VueAdapterEventMap['open']) => void) | undefined;
|
|
156
153
|
"onSelect"?: ((detail: VueAdapterEventMap['select']) => void) | undefined;
|
|
157
154
|
}
|
|
158
155
|
interface MenuItemProps extends AdapterBaseProps {
|
|
@@ -160,7 +157,6 @@ interface MenuItemProps extends AdapterBaseProps {
|
|
|
160
157
|
"value"?: string | undefined;
|
|
161
158
|
}
|
|
162
159
|
interface ContextMenuProps extends AdapterBaseProps {
|
|
163
|
-
"defaultOpen"?: boolean | undefined;
|
|
164
160
|
"for"?: string | undefined;
|
|
165
161
|
"open"?: boolean | undefined;
|
|
166
162
|
"onClose"?: ((detail: VueAdapterEventMap['close']) => void) | undefined;
|
|
@@ -172,43 +168,50 @@ interface AffordanceScopeProps extends AdapterBaseProps {
|
|
|
172
168
|
}
|
|
173
169
|
interface ButtonProps extends AdapterBaseProps {
|
|
174
170
|
"disabled"?: boolean | undefined;
|
|
175
|
-
"size"?:
|
|
176
|
-
"variant"?:
|
|
171
|
+
"size"?: "sm" | "md" | "lg" | undefined;
|
|
172
|
+
"variant"?: "outline" | "solid" | "danger" | "ghost" | "link" | undefined;
|
|
177
173
|
}
|
|
178
174
|
interface IconButtonProps extends AdapterBaseProps {
|
|
179
175
|
"anticipatory"?: boolean | undefined;
|
|
180
176
|
"disabled"?: boolean | undefined;
|
|
181
177
|
"label"?: string | undefined;
|
|
178
|
+
"round"?: boolean | undefined;
|
|
182
179
|
"size"?: "sm" | "md" | "lg" | undefined;
|
|
183
180
|
"variant"?: "ghost" | "outline" | "solid" | undefined;
|
|
184
181
|
}
|
|
185
182
|
interface InputProps extends AdapterBaseProps {
|
|
186
|
-
"defaultValue"?: string | undefined;
|
|
187
183
|
"disabled"?: boolean | undefined;
|
|
188
184
|
"invalid"?: boolean | undefined;
|
|
189
|
-
"
|
|
185
|
+
"readonly"?: boolean | undefined;
|
|
186
|
+
"required"?: boolean | undefined;
|
|
190
187
|
"value"?: string | undefined;
|
|
191
|
-
"
|
|
192
|
-
"
|
|
188
|
+
"modelValue"?: string | undefined;
|
|
189
|
+
"onUpdate:modelValue"?: ((value: string) => void) | undefined;
|
|
190
|
+
"onInput"?: ((event: Event) => void) | undefined;
|
|
191
|
+
"onChange"?: ((event: Event) => void) | undefined;
|
|
193
192
|
}
|
|
194
193
|
interface SelectProps extends AdapterBaseProps {
|
|
195
|
-
"defaultValue"?: string | undefined;
|
|
196
194
|
"disabled"?: boolean | undefined;
|
|
197
195
|
"invalid"?: boolean | undefined;
|
|
196
|
+
"multiple"?: boolean | undefined;
|
|
198
197
|
"required"?: boolean | undefined;
|
|
199
198
|
"value"?: string | undefined;
|
|
200
|
-
"
|
|
201
|
-
"
|
|
199
|
+
"modelValue"?: string | undefined;
|
|
200
|
+
"onUpdate:modelValue"?: ((value: string) => void) | undefined;
|
|
201
|
+
"onInput"?: ((event: Event) => void) | undefined;
|
|
202
|
+
"onChange"?: ((event: Event) => void) | undefined;
|
|
202
203
|
}
|
|
203
204
|
interface TextareaProps extends AdapterBaseProps {
|
|
204
|
-
"defaultValue"?: string | undefined;
|
|
205
205
|
"disabled"?: boolean | undefined;
|
|
206
206
|
"invalid"?: boolean | undefined;
|
|
207
|
-
"
|
|
207
|
+
"readonly"?: boolean | undefined;
|
|
208
|
+
"required"?: boolean | undefined;
|
|
208
209
|
"rows"?: number | undefined;
|
|
209
210
|
"value"?: string | undefined;
|
|
210
|
-
"
|
|
211
|
-
"
|
|
211
|
+
"modelValue"?: string | undefined;
|
|
212
|
+
"onUpdate:modelValue"?: ((value: string) => void) | undefined;
|
|
213
|
+
"onInput"?: ((event: Event) => void) | undefined;
|
|
214
|
+
"onChange"?: ((event: Event) => void) | undefined;
|
|
212
215
|
}
|
|
213
216
|
interface FormFieldProps extends AdapterBaseProps {
|
|
214
217
|
"disabled"?: boolean | undefined;
|
|
@@ -216,24 +219,25 @@ interface FormFieldProps extends AdapterBaseProps {
|
|
|
216
219
|
"required"?: boolean | undefined;
|
|
217
220
|
}
|
|
218
221
|
interface TooltipProps extends AdapterBaseProps {
|
|
219
|
-
"defaultOpen"?: boolean | undefined;
|
|
220
222
|
"for"?: string | undefined;
|
|
221
223
|
"hideDelay"?: number | undefined;
|
|
224
|
+
"inverse"?: boolean | undefined;
|
|
222
225
|
"open"?: boolean | undefined;
|
|
223
226
|
"placement"?: string | undefined;
|
|
224
227
|
"showDelay"?: number | undefined;
|
|
225
|
-
"toggleOnClick"?: boolean | undefined;
|
|
226
228
|
"onClose"?: ((detail: VueAdapterEventMap['close']) => void) | undefined;
|
|
227
229
|
"onOpen"?: ((detail: VueAdapterEventMap['open']) => void) | undefined;
|
|
228
230
|
}
|
|
229
231
|
interface ToastRegionProps extends AdapterBaseProps {
|
|
232
|
+
"auto"?: boolean | undefined;
|
|
233
|
+
"duration"?: number | undefined;
|
|
234
|
+
"message"?: string | undefined;
|
|
230
235
|
"open"?: boolean | undefined;
|
|
231
236
|
"onClose"?: ((detail: VueAdapterEventMap['close']) => void) | undefined;
|
|
232
237
|
"onDismiss"?: ((detail: VueAdapterEventMap['dismiss']) => void) | undefined;
|
|
233
238
|
}
|
|
234
239
|
interface CheckboxProps extends AdapterBaseProps {
|
|
235
240
|
"checked"?: boolean | undefined;
|
|
236
|
-
"defaultChecked"?: boolean | undefined;
|
|
237
241
|
"disabled"?: boolean | undefined;
|
|
238
242
|
"indeterminate"?: boolean | undefined;
|
|
239
243
|
"required"?: boolean | undefined;
|
|
@@ -242,7 +246,6 @@ interface CheckboxProps extends AdapterBaseProps {
|
|
|
242
246
|
}
|
|
243
247
|
interface SwitchProps extends AdapterBaseProps {
|
|
244
248
|
"checked"?: boolean | undefined;
|
|
245
|
-
"defaultChecked"?: boolean | undefined;
|
|
246
249
|
"disabled"?: boolean | undefined;
|
|
247
250
|
"required"?: boolean | undefined;
|
|
248
251
|
"value"?: string | undefined;
|
|
@@ -250,6 +253,7 @@ interface SwitchProps extends AdapterBaseProps {
|
|
|
250
253
|
}
|
|
251
254
|
interface RadioGroupProps extends AdapterBaseProps {
|
|
252
255
|
"disabled"?: boolean | undefined;
|
|
256
|
+
"label"?: string | undefined;
|
|
253
257
|
"name"?: string | undefined;
|
|
254
258
|
"orientation"?: "horizontal" | "vertical" | undefined;
|
|
255
259
|
"required"?: boolean | undefined;
|
|
@@ -259,7 +263,6 @@ interface RadioGroupProps extends AdapterBaseProps {
|
|
|
259
263
|
}
|
|
260
264
|
interface RadioProps extends AdapterBaseProps {
|
|
261
265
|
"checked"?: boolean | undefined;
|
|
262
|
-
"defaultChecked"?: boolean | undefined;
|
|
263
266
|
"disabled"?: boolean | undefined;
|
|
264
267
|
"name"?: string | undefined;
|
|
265
268
|
"required"?: boolean | undefined;
|
|
@@ -267,15 +270,11 @@ interface RadioProps extends AdapterBaseProps {
|
|
|
267
270
|
"onChange"?: ((detail: VueAdapterEventMap['change']) => void) | undefined;
|
|
268
271
|
}
|
|
269
272
|
interface BadgeProps extends AdapterBaseProps {
|
|
270
|
-
"tone"?:
|
|
271
|
-
"variant"?:
|
|
272
|
-
}
|
|
273
|
-
interface ChipProps extends AdapterBaseProps {
|
|
274
|
-
"appearance"?: "tag" | "pill" | undefined;
|
|
275
|
-
"size"?: "xs" | "sm" | undefined;
|
|
273
|
+
"tone"?: "neutral" | "accent" | "info" | "success" | "warning" | "danger" | undefined;
|
|
274
|
+
"variant"?: "solid" | "subtle" | undefined;
|
|
276
275
|
}
|
|
277
276
|
interface CalloutProps extends AdapterBaseProps {
|
|
278
|
-
"tone"?: "info" | "note" | "warning" | "success" | "
|
|
277
|
+
"tone"?: "info" | "note" | "warning" | "success" | "danger" | undefined;
|
|
279
278
|
}
|
|
280
279
|
interface AvatarProps extends AdapterBaseProps {
|
|
281
280
|
"alt"?: string | undefined;
|
|
@@ -287,12 +286,12 @@ interface AvatarGroupProps extends AdapterBaseProps {
|
|
|
287
286
|
"label"?: string | undefined;
|
|
288
287
|
"max"?: number | undefined;
|
|
289
288
|
}
|
|
290
|
-
interface FloatingActionButtonProps extends AdapterBaseProps {
|
|
291
|
-
"disabled"?: boolean | undefined;
|
|
292
|
-
"label"?: string | undefined;
|
|
293
|
-
"mobileOnly"?: boolean | undefined;
|
|
294
|
-
}
|
|
295
289
|
interface SearchShellProps extends AdapterBaseProps {
|
|
290
|
+
"dismissible"?: boolean | undefined;
|
|
291
|
+
"label"?: string | undefined;
|
|
292
|
+
"modal"?: boolean | undefined;
|
|
293
|
+
"open"?: boolean | undefined;
|
|
294
|
+
"onClose"?: ((detail: VueAdapterEventMap['close']) => void) | undefined;
|
|
296
295
|
}
|
|
297
296
|
interface SearchResultRowProps extends AdapterBaseProps {
|
|
298
297
|
"disabled"?: boolean | undefined;
|
|
@@ -310,7 +309,6 @@ interface TreeProps extends AdapterBaseProps {
|
|
|
310
309
|
interface TreeItemProps extends AdapterBaseProps {
|
|
311
310
|
"accepts"?: string | undefined;
|
|
312
311
|
"container"?: boolean | undefined;
|
|
313
|
-
"defaultExpanded"?: boolean | undefined;
|
|
314
312
|
"disabled"?: boolean | undefined;
|
|
315
313
|
"dragType"?: string | undefined;
|
|
316
314
|
"dropDepth"?: number | undefined;
|
|
@@ -325,10 +323,9 @@ interface TreeItemProps extends AdapterBaseProps {
|
|
|
325
323
|
}
|
|
326
324
|
interface AdapterComponentProps {
|
|
327
325
|
"Stack": StackProps;
|
|
328
|
-
"Inline": InlineProps;
|
|
329
326
|
"Cluster": ClusterProps;
|
|
330
327
|
"Grid": GridProps;
|
|
331
|
-
"
|
|
328
|
+
"Container": ContainerProps;
|
|
332
329
|
"Switcher": SwitcherProps;
|
|
333
330
|
"Sidebar": SidebarProps;
|
|
334
331
|
"Reel": ReelProps;
|
|
@@ -355,11 +352,9 @@ interface AdapterComponentProps {
|
|
|
355
352
|
"RadioGroup": RadioGroupProps;
|
|
356
353
|
"Radio": RadioProps;
|
|
357
354
|
"Badge": BadgeProps;
|
|
358
|
-
"Chip": ChipProps;
|
|
359
355
|
"Callout": CalloutProps;
|
|
360
356
|
"Avatar": AvatarProps;
|
|
361
357
|
"AvatarGroup": AvatarGroupProps;
|
|
362
|
-
"FloatingActionButton": FloatingActionButtonProps;
|
|
363
358
|
"SearchShell": SearchShellProps;
|
|
364
359
|
"SearchResultRow": SearchResultRowProps;
|
|
365
360
|
"TopBar": TopBarProps;
|
|
@@ -367,13 +362,21 @@ interface AdapterComponentProps {
|
|
|
367
362
|
"TreeItem": TreeItemProps;
|
|
368
363
|
}
|
|
369
364
|
|
|
365
|
+
/** An option for the list. Rendered as a native <option> (inside <optgroup> when `group` is set). */
|
|
366
|
+
interface ComboboxOptionInput {
|
|
367
|
+
readonly value: string;
|
|
368
|
+
readonly label?: string;
|
|
369
|
+
readonly group?: string;
|
|
370
|
+
readonly disabled?: boolean;
|
|
371
|
+
}
|
|
372
|
+
|
|
370
373
|
declare const Combobox: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
371
374
|
label: {
|
|
372
375
|
type: StringConstructor;
|
|
373
376
|
required: true;
|
|
374
377
|
};
|
|
375
378
|
modelValue: {
|
|
376
|
-
type: vue.PropType<string | readonly _threadlabs_looma_core.
|
|
379
|
+
type: vue.PropType<string | readonly _threadlabs_looma_core.ComboboxOption[] | null>;
|
|
377
380
|
default: undefined;
|
|
378
381
|
};
|
|
379
382
|
query: {
|
|
@@ -382,10 +385,12 @@ declare const Combobox: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
382
385
|
};
|
|
383
386
|
defaultValue: StringConstructor;
|
|
384
387
|
defaultQuery: StringConstructor;
|
|
385
|
-
|
|
386
|
-
type: vue.PropType<
|
|
387
|
-
default: () =>
|
|
388
|
+
options: {
|
|
389
|
+
type: vue.PropType<readonly ComboboxOptionInput[]>;
|
|
390
|
+
default: () => never[];
|
|
388
391
|
};
|
|
392
|
+
allowFreeText: BooleanConstructor;
|
|
393
|
+
allowCreate: BooleanConstructor;
|
|
389
394
|
placeholder: StringConstructor;
|
|
390
395
|
name: StringConstructor;
|
|
391
396
|
size: {
|
|
@@ -420,7 +425,6 @@ declare const Combobox: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
420
425
|
valueChange: (_detail: _threadlabs_looma_core.ComboboxChange | readonly _threadlabs_looma_core.MultiComboboxItem[]) => true;
|
|
421
426
|
freeEntry: (_detail: _threadlabs_looma_core.ComboboxChange) => true;
|
|
422
427
|
createEntry: (_detail: _threadlabs_looma_core.ComboboxChange) => true;
|
|
423
|
-
dependencyInvalidate: (_detail: _threadlabs_looma_core.ComboboxChange) => true;
|
|
424
428
|
validationChange: (_detail: _threadlabs_looma_core.ComboboxValidationState) => true;
|
|
425
429
|
addItem: (_detail: _threadlabs_looma_core.MultiComboboxItemChange) => true;
|
|
426
430
|
removeItem: (_detail: _threadlabs_looma_core.MultiComboboxItemChange) => true;
|
|
@@ -432,7 +436,7 @@ declare const Combobox: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
432
436
|
required: true;
|
|
433
437
|
};
|
|
434
438
|
modelValue: {
|
|
435
|
-
type: vue.PropType<string | readonly _threadlabs_looma_core.
|
|
439
|
+
type: vue.PropType<string | readonly _threadlabs_looma_core.ComboboxOption[] | null>;
|
|
436
440
|
default: undefined;
|
|
437
441
|
};
|
|
438
442
|
query: {
|
|
@@ -441,10 +445,12 @@ declare const Combobox: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
441
445
|
};
|
|
442
446
|
defaultValue: StringConstructor;
|
|
443
447
|
defaultQuery: StringConstructor;
|
|
444
|
-
|
|
445
|
-
type: vue.PropType<
|
|
446
|
-
default: () =>
|
|
448
|
+
options: {
|
|
449
|
+
type: vue.PropType<readonly ComboboxOptionInput[]>;
|
|
450
|
+
default: () => never[];
|
|
447
451
|
};
|
|
452
|
+
allowFreeText: BooleanConstructor;
|
|
453
|
+
allowCreate: BooleanConstructor;
|
|
448
454
|
placeholder: StringConstructor;
|
|
449
455
|
name: StringConstructor;
|
|
450
456
|
size: {
|
|
@@ -474,25 +480,26 @@ declare const Combobox: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
474
480
|
display: string;
|
|
475
481
|
trigger: string;
|
|
476
482
|
}) => any;
|
|
477
|
-
onValueChange?: (_detail: _threadlabs_looma_core.ComboboxChange | readonly _threadlabs_looma_core.
|
|
483
|
+
onValueChange?: (_detail: _threadlabs_looma_core.ComboboxChange | readonly _threadlabs_looma_core.ComboboxOption[]) => any;
|
|
478
484
|
onFreeEntry?: (_detail: _threadlabs_looma_core.ComboboxChange) => any;
|
|
479
485
|
onCreateEntry?: (_detail: _threadlabs_looma_core.ComboboxChange) => any;
|
|
480
|
-
onDependencyInvalidate?: (_detail: _threadlabs_looma_core.ComboboxChange) => any;
|
|
481
486
|
onValidationChange?: (_detail: _threadlabs_looma_core.ComboboxValidationState) => any;
|
|
482
487
|
onAddItem?: (_detail: _threadlabs_looma_core.MultiComboboxItemChange) => any;
|
|
483
488
|
onRemoveItem?: (_detail: _threadlabs_looma_core.MultiComboboxItemChange) => any;
|
|
484
489
|
onCreateItem?: (_detail: _threadlabs_looma_core.MultiComboboxCreate) => any;
|
|
485
|
-
onOptionsChange?: (_detail: readonly _threadlabs_looma_core.ComboboxOption
|
|
490
|
+
onOptionsChange?: (_detail: readonly _threadlabs_looma_core.ComboboxOption[]) => any;
|
|
486
491
|
}>, {
|
|
492
|
+
allowFreeText: boolean;
|
|
493
|
+
allowCreate: boolean;
|
|
487
494
|
disabled: boolean;
|
|
488
495
|
readOnly: boolean;
|
|
489
496
|
required: boolean;
|
|
490
497
|
disclosure: boolean;
|
|
491
498
|
clearable: boolean;
|
|
492
499
|
multiple: boolean;
|
|
493
|
-
modelValue: string | readonly _threadlabs_looma_core.
|
|
500
|
+
modelValue: string | readonly _threadlabs_looma_core.ComboboxOption[] | null;
|
|
494
501
|
query: string;
|
|
495
|
-
|
|
502
|
+
options: readonly ComboboxOptionInput[];
|
|
496
503
|
size: "sm" | "md";
|
|
497
504
|
labelVisibility: "visible" | "sr-only";
|
|
498
505
|
tokenSeparators: readonly string[];
|
|
@@ -514,10 +521,9 @@ declare const Combobox: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
514
521
|
}>, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
|
|
515
522
|
|
|
516
523
|
declare const Stack: vue.DefineComponent<StackProps>;
|
|
517
|
-
declare const Inline: vue.DefineComponent<InlineProps>;
|
|
518
524
|
declare const Cluster: vue.DefineComponent<ClusterProps>;
|
|
519
525
|
declare const Grid: vue.DefineComponent<GridProps>;
|
|
520
|
-
declare const
|
|
526
|
+
declare const Container: vue.DefineComponent<ContainerProps>;
|
|
521
527
|
declare const Switcher: vue.DefineComponent<SwitcherProps>;
|
|
522
528
|
declare const Sidebar: vue.DefineComponent<SidebarProps>;
|
|
523
529
|
declare const Reel: vue.DefineComponent<ReelProps>;
|
|
@@ -544,11 +550,9 @@ declare const Switch: vue.DefineComponent<SwitchProps>;
|
|
|
544
550
|
declare const RadioGroup: vue.DefineComponent<RadioGroupProps>;
|
|
545
551
|
declare const Radio: vue.DefineComponent<RadioProps>;
|
|
546
552
|
declare const Badge: vue.DefineComponent<BadgeProps>;
|
|
547
|
-
declare const Chip: vue.DefineComponent<ChipProps>;
|
|
548
553
|
declare const Callout: vue.DefineComponent<CalloutProps>;
|
|
549
554
|
declare const Avatar: vue.DefineComponent<AvatarProps>;
|
|
550
555
|
declare const AvatarGroup: vue.DefineComponent<AvatarGroupProps>;
|
|
551
|
-
declare const FloatingActionButton: vue.DefineComponent<FloatingActionButtonProps>;
|
|
552
556
|
declare const SearchShell: vue.DefineComponent<SearchShellProps>;
|
|
553
557
|
declare const SearchResultRow: vue.DefineComponent<SearchResultRowProps>;
|
|
554
558
|
declare const TopBar: vue.DefineComponent<TopBarProps>;
|
|
@@ -557,10 +561,9 @@ declare const TreeItem: vue.DefineComponent<TreeItemProps>;
|
|
|
557
561
|
declare const ADAPTER_COMPONENT_TAG_MAP: {
|
|
558
562
|
readonly Combobox: "ui-combobox";
|
|
559
563
|
readonly Stack: "ui-stack";
|
|
560
|
-
readonly Inline: "ui-inline";
|
|
561
564
|
readonly Cluster: "ui-cluster";
|
|
562
565
|
readonly Grid: "ui-grid";
|
|
563
|
-
readonly
|
|
566
|
+
readonly Container: "ui-container";
|
|
564
567
|
readonly Switcher: "ui-switcher";
|
|
565
568
|
readonly Sidebar: "ui-sidebar";
|
|
566
569
|
readonly Reel: "ui-reel";
|
|
@@ -587,11 +590,9 @@ declare const ADAPTER_COMPONENT_TAG_MAP: {
|
|
|
587
590
|
readonly RadioGroup: "ui-radio-group";
|
|
588
591
|
readonly Radio: "ui-radio";
|
|
589
592
|
readonly Badge: "ui-badge";
|
|
590
|
-
readonly Chip: "ui-chip";
|
|
591
593
|
readonly Callout: "ui-callout";
|
|
592
594
|
readonly Avatar: "ui-avatar";
|
|
593
595
|
readonly AvatarGroup: "ui-avatar-group";
|
|
594
|
-
readonly FloatingActionButton: "ui-floating-action-button";
|
|
595
596
|
readonly SearchShell: "ui-search-shell";
|
|
596
597
|
readonly SearchResultRow: "ui-search-result-row";
|
|
597
598
|
readonly TopBar: "ui-top-bar";
|
|
@@ -600,4 +601,4 @@ declare const ADAPTER_COMPONENT_TAG_MAP: {
|
|
|
600
601
|
};
|
|
601
602
|
declare const VUE_ADAPTER_NOTE = "Native-root adapter: attrs, slots, props, methods, and events project the framework-neutral Looma declarative contract into Vue.";
|
|
602
603
|
|
|
603
|
-
export { ADAPTER_COMPONENT_TAG_MAP, type AdapterBaseProps, type AdapterComponentProps, AffordanceScope, type AffordanceScopeProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Badge, type BadgeProps, Button, type ButtonProps, Callout, type CalloutProps,
|
|
604
|
+
export { ADAPTER_COMPONENT_TAG_MAP, type AdapterBaseProps, type AdapterComponentProps, AffordanceScope, type AffordanceScopeProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Badge, type BadgeProps, Button, type ButtonProps, Callout, type CalloutProps, Checkbox, type CheckboxProps, Cluster, type ClusterProps, Combobox, type ComboboxOptionInput, Container, type ContainerProps, ContextMenu, type ContextMenuProps, Dialog, type DialogProps, Disclosure, type DisclosureProps, Editable, type EditableProps, FormField, type FormFieldProps, Grid, type GridProps, IconButton, type IconButtonProps, Input, type InputProps, Menu, MenuItem, type MenuItemProps, type MenuProps, Popover, type PopoverProps, Radio, RadioGroup, type RadioGroupProps, type RadioProps, Reel, type ReelProps, SearchResultRow, type SearchResultRowProps, SearchShell, type SearchShellProps, Select, type SelectProps, Separator, type SeparatorProps, Sidebar, type SidebarProps, Stack, type StackProps, Switch, type SwitchProps, Switcher, type SwitcherProps, Tabs, type TabsProps, Textarea, type TextareaProps, ToastRegion, type ToastRegionProps, Tooltip, type TooltipProps, TopBar, type TopBarProps, Tree, TreeItem, type TreeItemProps, type TreeProps, VUE_ADAPTER_NOTE, type VueAdapterEventMap };
|
package/vue/index.js
CHANGED
|
@@ -6,20 +6,17 @@ import {
|
|
|
6
6
|
Badge,
|
|
7
7
|
Button,
|
|
8
8
|
Callout,
|
|
9
|
-
Center,
|
|
10
9
|
Checkbox,
|
|
11
|
-
Chip,
|
|
12
10
|
Cluster,
|
|
13
11
|
Combobox,
|
|
12
|
+
Container,
|
|
14
13
|
ContextMenu,
|
|
15
14
|
Dialog,
|
|
16
15
|
Disclosure,
|
|
17
16
|
Editable,
|
|
18
|
-
FloatingActionButton,
|
|
19
17
|
FormField,
|
|
20
18
|
Grid,
|
|
21
19
|
IconButton,
|
|
22
|
-
Inline,
|
|
23
20
|
Input,
|
|
24
21
|
Menu,
|
|
25
22
|
MenuItem,
|
|
@@ -43,7 +40,7 @@ import {
|
|
|
43
40
|
Tree,
|
|
44
41
|
TreeItem,
|
|
45
42
|
VUE_ADAPTER_NOTE
|
|
46
|
-
} from "./chunk-
|
|
43
|
+
} from "./chunk-OX3EACZ7.js";
|
|
47
44
|
export {
|
|
48
45
|
ADAPTER_COMPONENT_TAG_MAP,
|
|
49
46
|
AffordanceScope,
|
|
@@ -52,20 +49,17 @@ export {
|
|
|
52
49
|
Badge,
|
|
53
50
|
Button,
|
|
54
51
|
Callout,
|
|
55
|
-
Center,
|
|
56
52
|
Checkbox,
|
|
57
|
-
Chip,
|
|
58
53
|
Cluster,
|
|
59
54
|
Combobox,
|
|
55
|
+
Container,
|
|
60
56
|
ContextMenu,
|
|
61
57
|
Dialog,
|
|
62
58
|
Disclosure,
|
|
63
59
|
Editable,
|
|
64
|
-
FloatingActionButton,
|
|
65
60
|
FormField,
|
|
66
61
|
Grid,
|
|
67
62
|
IconButton,
|
|
68
|
-
Inline,
|
|
69
63
|
Input,
|
|
70
64
|
Menu,
|
|
71
65
|
MenuItem,
|