@threadlabs/looma 0.2.19 → 0.3.0
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-3NVMCHGR.js} +2225 -1255
- 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 +3732 -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 +3725 -2962
- package/dist/loader.js +2 -2
- package/editor/{chunk-WI7ZA44X.js → chunk-U36XNFJN.js} +111 -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 +1881 -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-UZMTYDP6.js +4355 -0
- package/vue/editor/index.d.ts +78 -8
- package/vue/editor/index.js +59 -49
- package/vue/index.d.ts +67 -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,38 @@ 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
|
-
"onChange"?: ((detail: VueAdapterEventMap['change']) => void) | undefined;
|
|
192
|
-
"onInput"?: ((detail: VueAdapterEventMap['input']) => void) | undefined;
|
|
193
188
|
}
|
|
194
189
|
interface SelectProps extends AdapterBaseProps {
|
|
195
|
-
"defaultValue"?: string | undefined;
|
|
196
190
|
"disabled"?: boolean | undefined;
|
|
197
191
|
"invalid"?: boolean | undefined;
|
|
192
|
+
"multiple"?: boolean | undefined;
|
|
198
193
|
"required"?: boolean | undefined;
|
|
199
194
|
"value"?: string | undefined;
|
|
200
|
-
"onChange"?: ((detail: VueAdapterEventMap['change']) => void) | undefined;
|
|
201
|
-
"onInput"?: ((detail: VueAdapterEventMap['input']) => void) | undefined;
|
|
202
195
|
}
|
|
203
196
|
interface TextareaProps extends AdapterBaseProps {
|
|
204
|
-
"defaultValue"?: string | undefined;
|
|
205
197
|
"disabled"?: boolean | undefined;
|
|
206
198
|
"invalid"?: boolean | undefined;
|
|
207
|
-
"
|
|
199
|
+
"readonly"?: boolean | undefined;
|
|
200
|
+
"required"?: boolean | undefined;
|
|
208
201
|
"rows"?: number | undefined;
|
|
209
202
|
"value"?: string | undefined;
|
|
210
|
-
"onChange"?: ((detail: VueAdapterEventMap['change']) => void) | undefined;
|
|
211
|
-
"onInput"?: ((detail: VueAdapterEventMap['input']) => void) | undefined;
|
|
212
203
|
}
|
|
213
204
|
interface FormFieldProps extends AdapterBaseProps {
|
|
214
205
|
"disabled"?: boolean | undefined;
|
|
@@ -216,24 +207,25 @@ interface FormFieldProps extends AdapterBaseProps {
|
|
|
216
207
|
"required"?: boolean | undefined;
|
|
217
208
|
}
|
|
218
209
|
interface TooltipProps extends AdapterBaseProps {
|
|
219
|
-
"defaultOpen"?: boolean | undefined;
|
|
220
210
|
"for"?: string | undefined;
|
|
221
211
|
"hideDelay"?: number | undefined;
|
|
212
|
+
"inverse"?: boolean | undefined;
|
|
222
213
|
"open"?: boolean | undefined;
|
|
223
214
|
"placement"?: string | undefined;
|
|
224
215
|
"showDelay"?: number | undefined;
|
|
225
|
-
"toggleOnClick"?: boolean | undefined;
|
|
226
216
|
"onClose"?: ((detail: VueAdapterEventMap['close']) => void) | undefined;
|
|
227
217
|
"onOpen"?: ((detail: VueAdapterEventMap['open']) => void) | undefined;
|
|
228
218
|
}
|
|
229
219
|
interface ToastRegionProps extends AdapterBaseProps {
|
|
220
|
+
"auto"?: boolean | undefined;
|
|
221
|
+
"duration"?: number | undefined;
|
|
222
|
+
"message"?: string | undefined;
|
|
230
223
|
"open"?: boolean | undefined;
|
|
231
224
|
"onClose"?: ((detail: VueAdapterEventMap['close']) => void) | undefined;
|
|
232
225
|
"onDismiss"?: ((detail: VueAdapterEventMap['dismiss']) => void) | undefined;
|
|
233
226
|
}
|
|
234
227
|
interface CheckboxProps extends AdapterBaseProps {
|
|
235
228
|
"checked"?: boolean | undefined;
|
|
236
|
-
"defaultChecked"?: boolean | undefined;
|
|
237
229
|
"disabled"?: boolean | undefined;
|
|
238
230
|
"indeterminate"?: boolean | undefined;
|
|
239
231
|
"required"?: boolean | undefined;
|
|
@@ -242,7 +234,6 @@ interface CheckboxProps extends AdapterBaseProps {
|
|
|
242
234
|
}
|
|
243
235
|
interface SwitchProps extends AdapterBaseProps {
|
|
244
236
|
"checked"?: boolean | undefined;
|
|
245
|
-
"defaultChecked"?: boolean | undefined;
|
|
246
237
|
"disabled"?: boolean | undefined;
|
|
247
238
|
"required"?: boolean | undefined;
|
|
248
239
|
"value"?: string | undefined;
|
|
@@ -250,6 +241,7 @@ interface SwitchProps extends AdapterBaseProps {
|
|
|
250
241
|
}
|
|
251
242
|
interface RadioGroupProps extends AdapterBaseProps {
|
|
252
243
|
"disabled"?: boolean | undefined;
|
|
244
|
+
"label"?: string | undefined;
|
|
253
245
|
"name"?: string | undefined;
|
|
254
246
|
"orientation"?: "horizontal" | "vertical" | undefined;
|
|
255
247
|
"required"?: boolean | undefined;
|
|
@@ -259,7 +251,6 @@ interface RadioGroupProps extends AdapterBaseProps {
|
|
|
259
251
|
}
|
|
260
252
|
interface RadioProps extends AdapterBaseProps {
|
|
261
253
|
"checked"?: boolean | undefined;
|
|
262
|
-
"defaultChecked"?: boolean | undefined;
|
|
263
254
|
"disabled"?: boolean | undefined;
|
|
264
255
|
"name"?: string | undefined;
|
|
265
256
|
"required"?: boolean | undefined;
|
|
@@ -267,15 +258,11 @@ interface RadioProps extends AdapterBaseProps {
|
|
|
267
258
|
"onChange"?: ((detail: VueAdapterEventMap['change']) => void) | undefined;
|
|
268
259
|
}
|
|
269
260
|
interface BadgeProps extends AdapterBaseProps {
|
|
270
|
-
"tone"?:
|
|
271
|
-
"variant"?:
|
|
272
|
-
}
|
|
273
|
-
interface ChipProps extends AdapterBaseProps {
|
|
274
|
-
"appearance"?: "tag" | "pill" | undefined;
|
|
275
|
-
"size"?: "xs" | "sm" | undefined;
|
|
261
|
+
"tone"?: "neutral" | "accent" | "info" | "success" | "warning" | "danger" | undefined;
|
|
262
|
+
"variant"?: "solid" | "subtle" | undefined;
|
|
276
263
|
}
|
|
277
264
|
interface CalloutProps extends AdapterBaseProps {
|
|
278
|
-
"tone"?: "info" | "note" | "warning" | "success" | "
|
|
265
|
+
"tone"?: "info" | "note" | "warning" | "success" | "danger" | undefined;
|
|
279
266
|
}
|
|
280
267
|
interface AvatarProps extends AdapterBaseProps {
|
|
281
268
|
"alt"?: string | undefined;
|
|
@@ -287,12 +274,12 @@ interface AvatarGroupProps extends AdapterBaseProps {
|
|
|
287
274
|
"label"?: string | undefined;
|
|
288
275
|
"max"?: number | undefined;
|
|
289
276
|
}
|
|
290
|
-
interface FloatingActionButtonProps extends AdapterBaseProps {
|
|
291
|
-
"disabled"?: boolean | undefined;
|
|
292
|
-
"label"?: string | undefined;
|
|
293
|
-
"mobileOnly"?: boolean | undefined;
|
|
294
|
-
}
|
|
295
277
|
interface SearchShellProps extends AdapterBaseProps {
|
|
278
|
+
"dismissible"?: boolean | undefined;
|
|
279
|
+
"label"?: string | undefined;
|
|
280
|
+
"modal"?: boolean | undefined;
|
|
281
|
+
"open"?: boolean | undefined;
|
|
282
|
+
"onClose"?: ((detail: VueAdapterEventMap['close']) => void) | undefined;
|
|
296
283
|
}
|
|
297
284
|
interface SearchResultRowProps extends AdapterBaseProps {
|
|
298
285
|
"disabled"?: boolean | undefined;
|
|
@@ -310,7 +297,6 @@ interface TreeProps extends AdapterBaseProps {
|
|
|
310
297
|
interface TreeItemProps extends AdapterBaseProps {
|
|
311
298
|
"accepts"?: string | undefined;
|
|
312
299
|
"container"?: boolean | undefined;
|
|
313
|
-
"defaultExpanded"?: boolean | undefined;
|
|
314
300
|
"disabled"?: boolean | undefined;
|
|
315
301
|
"dragType"?: string | undefined;
|
|
316
302
|
"dropDepth"?: number | undefined;
|
|
@@ -325,10 +311,9 @@ interface TreeItemProps extends AdapterBaseProps {
|
|
|
325
311
|
}
|
|
326
312
|
interface AdapterComponentProps {
|
|
327
313
|
"Stack": StackProps;
|
|
328
|
-
"Inline": InlineProps;
|
|
329
314
|
"Cluster": ClusterProps;
|
|
330
315
|
"Grid": GridProps;
|
|
331
|
-
"
|
|
316
|
+
"Container": ContainerProps;
|
|
332
317
|
"Switcher": SwitcherProps;
|
|
333
318
|
"Sidebar": SidebarProps;
|
|
334
319
|
"Reel": ReelProps;
|
|
@@ -355,11 +340,9 @@ interface AdapterComponentProps {
|
|
|
355
340
|
"RadioGroup": RadioGroupProps;
|
|
356
341
|
"Radio": RadioProps;
|
|
357
342
|
"Badge": BadgeProps;
|
|
358
|
-
"Chip": ChipProps;
|
|
359
343
|
"Callout": CalloutProps;
|
|
360
344
|
"Avatar": AvatarProps;
|
|
361
345
|
"AvatarGroup": AvatarGroupProps;
|
|
362
|
-
"FloatingActionButton": FloatingActionButtonProps;
|
|
363
346
|
"SearchShell": SearchShellProps;
|
|
364
347
|
"SearchResultRow": SearchResultRowProps;
|
|
365
348
|
"TopBar": TopBarProps;
|
|
@@ -367,13 +350,21 @@ interface AdapterComponentProps {
|
|
|
367
350
|
"TreeItem": TreeItemProps;
|
|
368
351
|
}
|
|
369
352
|
|
|
353
|
+
/** An option for the list. Rendered as a native <option> (inside <optgroup> when `group` is set). */
|
|
354
|
+
interface ComboboxOptionInput {
|
|
355
|
+
readonly value: string;
|
|
356
|
+
readonly label?: string;
|
|
357
|
+
readonly group?: string;
|
|
358
|
+
readonly disabled?: boolean;
|
|
359
|
+
}
|
|
360
|
+
|
|
370
361
|
declare const Combobox: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
371
362
|
label: {
|
|
372
363
|
type: StringConstructor;
|
|
373
364
|
required: true;
|
|
374
365
|
};
|
|
375
366
|
modelValue: {
|
|
376
|
-
type: vue.PropType<string | readonly _threadlabs_looma_core.
|
|
367
|
+
type: vue.PropType<string | readonly _threadlabs_looma_core.ComboboxOption[] | null>;
|
|
377
368
|
default: undefined;
|
|
378
369
|
};
|
|
379
370
|
query: {
|
|
@@ -382,10 +373,12 @@ declare const Combobox: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
382
373
|
};
|
|
383
374
|
defaultValue: StringConstructor;
|
|
384
375
|
defaultQuery: StringConstructor;
|
|
385
|
-
|
|
386
|
-
type: vue.PropType<
|
|
387
|
-
default: () =>
|
|
376
|
+
options: {
|
|
377
|
+
type: vue.PropType<readonly ComboboxOptionInput[]>;
|
|
378
|
+
default: () => never[];
|
|
388
379
|
};
|
|
380
|
+
allowFreeText: BooleanConstructor;
|
|
381
|
+
allowCreate: BooleanConstructor;
|
|
389
382
|
placeholder: StringConstructor;
|
|
390
383
|
name: StringConstructor;
|
|
391
384
|
size: {
|
|
@@ -420,7 +413,6 @@ declare const Combobox: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
420
413
|
valueChange: (_detail: _threadlabs_looma_core.ComboboxChange | readonly _threadlabs_looma_core.MultiComboboxItem[]) => true;
|
|
421
414
|
freeEntry: (_detail: _threadlabs_looma_core.ComboboxChange) => true;
|
|
422
415
|
createEntry: (_detail: _threadlabs_looma_core.ComboboxChange) => true;
|
|
423
|
-
dependencyInvalidate: (_detail: _threadlabs_looma_core.ComboboxChange) => true;
|
|
424
416
|
validationChange: (_detail: _threadlabs_looma_core.ComboboxValidationState) => true;
|
|
425
417
|
addItem: (_detail: _threadlabs_looma_core.MultiComboboxItemChange) => true;
|
|
426
418
|
removeItem: (_detail: _threadlabs_looma_core.MultiComboboxItemChange) => true;
|
|
@@ -432,7 +424,7 @@ declare const Combobox: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
432
424
|
required: true;
|
|
433
425
|
};
|
|
434
426
|
modelValue: {
|
|
435
|
-
type: vue.PropType<string | readonly _threadlabs_looma_core.
|
|
427
|
+
type: vue.PropType<string | readonly _threadlabs_looma_core.ComboboxOption[] | null>;
|
|
436
428
|
default: undefined;
|
|
437
429
|
};
|
|
438
430
|
query: {
|
|
@@ -441,10 +433,12 @@ declare const Combobox: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
441
433
|
};
|
|
442
434
|
defaultValue: StringConstructor;
|
|
443
435
|
defaultQuery: StringConstructor;
|
|
444
|
-
|
|
445
|
-
type: vue.PropType<
|
|
446
|
-
default: () =>
|
|
436
|
+
options: {
|
|
437
|
+
type: vue.PropType<readonly ComboboxOptionInput[]>;
|
|
438
|
+
default: () => never[];
|
|
447
439
|
};
|
|
440
|
+
allowFreeText: BooleanConstructor;
|
|
441
|
+
allowCreate: BooleanConstructor;
|
|
448
442
|
placeholder: StringConstructor;
|
|
449
443
|
name: StringConstructor;
|
|
450
444
|
size: {
|
|
@@ -474,25 +468,26 @@ declare const Combobox: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
474
468
|
display: string;
|
|
475
469
|
trigger: string;
|
|
476
470
|
}) => any;
|
|
477
|
-
onValueChange?: (_detail: _threadlabs_looma_core.ComboboxChange | readonly _threadlabs_looma_core.
|
|
471
|
+
onValueChange?: (_detail: _threadlabs_looma_core.ComboboxChange | readonly _threadlabs_looma_core.ComboboxOption[]) => any;
|
|
478
472
|
onFreeEntry?: (_detail: _threadlabs_looma_core.ComboboxChange) => any;
|
|
479
473
|
onCreateEntry?: (_detail: _threadlabs_looma_core.ComboboxChange) => any;
|
|
480
|
-
onDependencyInvalidate?: (_detail: _threadlabs_looma_core.ComboboxChange) => any;
|
|
481
474
|
onValidationChange?: (_detail: _threadlabs_looma_core.ComboboxValidationState) => any;
|
|
482
475
|
onAddItem?: (_detail: _threadlabs_looma_core.MultiComboboxItemChange) => any;
|
|
483
476
|
onRemoveItem?: (_detail: _threadlabs_looma_core.MultiComboboxItemChange) => any;
|
|
484
477
|
onCreateItem?: (_detail: _threadlabs_looma_core.MultiComboboxCreate) => any;
|
|
485
|
-
onOptionsChange?: (_detail: readonly _threadlabs_looma_core.ComboboxOption
|
|
478
|
+
onOptionsChange?: (_detail: readonly _threadlabs_looma_core.ComboboxOption[]) => any;
|
|
486
479
|
}>, {
|
|
480
|
+
allowFreeText: boolean;
|
|
481
|
+
allowCreate: boolean;
|
|
487
482
|
disabled: boolean;
|
|
488
483
|
readOnly: boolean;
|
|
489
484
|
required: boolean;
|
|
490
485
|
disclosure: boolean;
|
|
491
486
|
clearable: boolean;
|
|
492
487
|
multiple: boolean;
|
|
493
|
-
modelValue: string | readonly _threadlabs_looma_core.
|
|
488
|
+
modelValue: string | readonly _threadlabs_looma_core.ComboboxOption[] | null;
|
|
494
489
|
query: string;
|
|
495
|
-
|
|
490
|
+
options: readonly ComboboxOptionInput[];
|
|
496
491
|
size: "sm" | "md";
|
|
497
492
|
labelVisibility: "visible" | "sr-only";
|
|
498
493
|
tokenSeparators: readonly string[];
|
|
@@ -514,10 +509,9 @@ declare const Combobox: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
514
509
|
}>, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
|
|
515
510
|
|
|
516
511
|
declare const Stack: vue.DefineComponent<StackProps>;
|
|
517
|
-
declare const Inline: vue.DefineComponent<InlineProps>;
|
|
518
512
|
declare const Cluster: vue.DefineComponent<ClusterProps>;
|
|
519
513
|
declare const Grid: vue.DefineComponent<GridProps>;
|
|
520
|
-
declare const
|
|
514
|
+
declare const Container: vue.DefineComponent<ContainerProps>;
|
|
521
515
|
declare const Switcher: vue.DefineComponent<SwitcherProps>;
|
|
522
516
|
declare const Sidebar: vue.DefineComponent<SidebarProps>;
|
|
523
517
|
declare const Reel: vue.DefineComponent<ReelProps>;
|
|
@@ -544,11 +538,9 @@ declare const Switch: vue.DefineComponent<SwitchProps>;
|
|
|
544
538
|
declare const RadioGroup: vue.DefineComponent<RadioGroupProps>;
|
|
545
539
|
declare const Radio: vue.DefineComponent<RadioProps>;
|
|
546
540
|
declare const Badge: vue.DefineComponent<BadgeProps>;
|
|
547
|
-
declare const Chip: vue.DefineComponent<ChipProps>;
|
|
548
541
|
declare const Callout: vue.DefineComponent<CalloutProps>;
|
|
549
542
|
declare const Avatar: vue.DefineComponent<AvatarProps>;
|
|
550
543
|
declare const AvatarGroup: vue.DefineComponent<AvatarGroupProps>;
|
|
551
|
-
declare const FloatingActionButton: vue.DefineComponent<FloatingActionButtonProps>;
|
|
552
544
|
declare const SearchShell: vue.DefineComponent<SearchShellProps>;
|
|
553
545
|
declare const SearchResultRow: vue.DefineComponent<SearchResultRowProps>;
|
|
554
546
|
declare const TopBar: vue.DefineComponent<TopBarProps>;
|
|
@@ -557,10 +549,9 @@ declare const TreeItem: vue.DefineComponent<TreeItemProps>;
|
|
|
557
549
|
declare const ADAPTER_COMPONENT_TAG_MAP: {
|
|
558
550
|
readonly Combobox: "ui-combobox";
|
|
559
551
|
readonly Stack: "ui-stack";
|
|
560
|
-
readonly Inline: "ui-inline";
|
|
561
552
|
readonly Cluster: "ui-cluster";
|
|
562
553
|
readonly Grid: "ui-grid";
|
|
563
|
-
readonly
|
|
554
|
+
readonly Container: "ui-container";
|
|
564
555
|
readonly Switcher: "ui-switcher";
|
|
565
556
|
readonly Sidebar: "ui-sidebar";
|
|
566
557
|
readonly Reel: "ui-reel";
|
|
@@ -587,11 +578,9 @@ declare const ADAPTER_COMPONENT_TAG_MAP: {
|
|
|
587
578
|
readonly RadioGroup: "ui-radio-group";
|
|
588
579
|
readonly Radio: "ui-radio";
|
|
589
580
|
readonly Badge: "ui-badge";
|
|
590
|
-
readonly Chip: "ui-chip";
|
|
591
581
|
readonly Callout: "ui-callout";
|
|
592
582
|
readonly Avatar: "ui-avatar";
|
|
593
583
|
readonly AvatarGroup: "ui-avatar-group";
|
|
594
|
-
readonly FloatingActionButton: "ui-floating-action-button";
|
|
595
584
|
readonly SearchShell: "ui-search-shell";
|
|
596
585
|
readonly SearchResultRow: "ui-search-result-row";
|
|
597
586
|
readonly TopBar: "ui-top-bar";
|
|
@@ -600,4 +589,4 @@ declare const ADAPTER_COMPONENT_TAG_MAP: {
|
|
|
600
589
|
};
|
|
601
590
|
declare const VUE_ADAPTER_NOTE = "Native-root adapter: attrs, slots, props, methods, and events project the framework-neutral Looma declarative contract into Vue.";
|
|
602
591
|
|
|
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,
|
|
592
|
+
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-UZMTYDP6.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,
|