@bridge-ui/vue 0.0.5 → 0.0.6
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/Adapters/I18n/index.d.ts +1 -0
- package/dist/Adapters/I18n/index.js +2 -0
- package/dist/Adapters/I18n/useI18nAdapter.d.ts +12 -0
- package/dist/Adapters/I18n/useI18nAdapter.js +13 -0
- package/dist/Adapters/Icon/iconSource.types.d.ts +11 -0
- package/dist/Adapters/Icon/index.d.ts +2 -0
- package/dist/Adapters/Icon/index.js +2 -0
- package/dist/Adapters/Icon/useIconAdapter.d.ts +11 -0
- package/dist/Adapters/Icon/useIconAdapter.js +13 -0
- package/dist/Adapters/index.d.ts +3 -0
- package/dist/Adapters/index.js +3 -0
- package/dist/Components/Alert/Alert.vue_vue_type_script_setup_true_lang.js +1 -5
- package/dist/Components/Alert/alert.types.d.ts +2 -2
- package/dist/Components/Alert/alertDefaultIcons.d.ts +2 -2
- package/dist/Components/Alert/alertDefaultIcons.js +9 -10
- package/dist/Components/Alert/composables/useAlert.d.ts +2 -2
- package/dist/Components/Avatar/Avatar.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/Components/Avatar/avatar.types.d.ts +2 -2
- package/dist/Components/Avatar/composables/useAvatar.d.ts +1 -1
- package/dist/Components/Avatar/composables/useAvatar.js +43 -44
- package/dist/Components/Button/Button.vue_vue_type_script_setup_true_lang.js +24 -25
- package/dist/Components/Button/button.types.d.ts +4 -4
- package/dist/Components/Button/composables/useButton.d.ts +1 -1
- package/dist/Components/Checkbox/Checkbox.vue_vue_type_script_setup_true_lang.js +25 -25
- package/dist/Components/Checkbox/composables/useCheckbox.d.ts +3 -3
- package/dist/Components/Chip/Chip.vue_vue_type_script_setup_true_lang.js +8 -9
- package/dist/Components/FormControl/composables/useFormControl.d.ts +1 -1
- package/dist/Components/FormField/composables/useFormField.d.ts +4 -4
- package/dist/Components/FormField/composables/useFormField.js +98 -99
- package/dist/Components/FormField/formField.types.d.ts +5 -5
- package/dist/Components/Icon/Icon.vue_vue_type_script_setup_true_lang.js +7 -7
- package/dist/Components/Icon/composables/useIcon.d.ts +2 -0
- package/dist/Components/Icon/composables/useIcon.js +20 -18
- package/dist/Components/Icon/icon.types.d.ts +3 -3
- package/dist/Components/Label/composables/useLabel.d.ts +1 -1
- package/dist/Components/Link/Link.vue_vue_type_script_setup_true_lang.js +2 -2
- package/dist/Components/Link/link.types.d.ts +3 -3
- package/dist/Components/ListItem/composables/useListItem.d.ts +2 -2
- package/dist/Components/ListItem/composables/useListItem.js +75 -76
- package/dist/Components/ListItem/listItem.types.d.ts +2 -2
- package/dist/Components/Listbox/Listbox.vue.d.ts +0 -2
- package/dist/Components/Listbox/Listbox.vue_vue_type_script_setup_true_lang.js +73 -72
- package/dist/Components/NumberField/NumberField.vue_vue_type_script_setup_true_lang.js +40 -40
- package/dist/Components/NumberField/composables/useNumberField.d.ts +6 -6
- package/dist/Components/PasswordField/PasswordField.vue_vue_type_script_setup_true_lang.js +24 -24
- package/dist/Components/PasswordField/composables/usePasswordField.d.ts +6 -6
- package/dist/Components/Radio/composables/useRadio.d.ts +3 -3
- package/dist/Components/Select/Select.vue.d.ts +0 -1
- package/dist/Components/Select/Select.vue_vue_type_script_setup_true_lang.js +62 -61
- package/dist/Components/Select/composables/useSelect.d.ts +8 -8
- package/dist/Components/Select/composables/useSelect.js +214 -214
- package/dist/Components/Snackbar/Snackbar.vue_vue_type_script_setup_true_lang.js +81 -75
- package/dist/Components/Snackbar/composables/useSnackbar.d.ts +4 -4
- package/dist/Components/Snackbar/snackbar.types.d.ts +2 -2
- package/dist/Components/Snackbar/snackbarDefaultIcons.d.ts +3 -3
- package/dist/Components/Snackbar/snackbarDefaultIcons.js +9 -10
- package/dist/Components/Switch/composables/useSwitch.d.ts +3 -3
- package/dist/Components/Tab/Tab.vue_vue_type_script_setup_true_lang.js +2 -2
- package/dist/Components/Tab/tab.types.d.ts +3 -3
- package/dist/Components/TabItem/TabItem.vue_vue_type_script_setup_true_lang.js +2 -2
- package/dist/Components/TabItem/tabItem.types.d.ts +3 -3
- package/dist/Components/Tabs/composables/useTabs.d.ts +468 -4
- package/dist/Components/Tabs/tabsInjectionKey.d.ts +5 -5
- package/dist/Components/TextField/composables/useTextField.d.ts +6 -6
- package/dist/Components/Textarea/composables/useTextarea.d.ts +6 -6
- package/dist/Components/Tooltip/Tooltip.js +5 -0
- package/dist/Components/Tooltip/Tooltip.vue.d.ts +35 -0
- package/dist/Components/Tooltip/Tooltip.vue_vue_type_script_setup_true_lang.js +73 -0
- package/dist/Components/Tooltip/composables/useTooltip.d.ts +50 -0
- package/dist/Components/Tooltip/composables/useTooltip.js +208 -0
- package/dist/Components/Tooltip/index.d.ts +4 -0
- package/dist/Components/Tooltip/index.js +3 -0
- package/dist/Components/Tooltip/tooltip.types.d.ts +166 -0
- package/dist/Provider/createBridgeUIApi.js +2 -1
- package/dist/index.d.ts +7 -1
- package/dist/index.js +80 -76
- package/package.json +20 -3
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import n from "
|
|
3
|
-
import r from "../
|
|
4
|
-
import
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
1
|
+
import { useI18nAdapter as e } from "../../Adapters/I18n/useI18nAdapter.js";
|
|
2
|
+
import { mergePartBind as t, resolveFieldAdornmentIconSize as n } from "../../Utils/index.js";
|
|
3
|
+
import r from "../Icon/Icon.js";
|
|
4
|
+
import i from "../FormField/FormField.js";
|
|
5
|
+
import { usePasswordField as a } from "./composables/usePasswordField.js";
|
|
6
|
+
import { computed as o, createBlock as s, createElementVNode as c, createVNode as l, defineComponent as u, guardReactiveProps as d, mergeModels as f, mergeProps as p, normalizeProps as m, openBlock as h, ref as g, unref as _, useModel as v, vModelDynamic as y, withCtx as b, withDirectives as x } from "vue";
|
|
7
|
+
import { isUndefined as S } from "es-toolkit/compat";
|
|
8
|
+
import { cn as C, resolveMessage as w } from "@bridge-ui/core";
|
|
9
9
|
//#region src/Components/PasswordField/PasswordField.vue?vue&type=script&setup=true&lang.ts
|
|
10
|
-
var T = /* @__PURE__ */
|
|
10
|
+
var T = /* @__PURE__ */ u({
|
|
11
11
|
inheritAttrs: !1,
|
|
12
12
|
__name: "PasswordField",
|
|
13
|
-
props: /* @__PURE__ */
|
|
13
|
+
props: /* @__PURE__ */ f({
|
|
14
14
|
classes: {},
|
|
15
15
|
customProps: {},
|
|
16
16
|
defaultValue: {},
|
|
@@ -43,28 +43,28 @@ var T = /* @__PURE__ */ l({
|
|
|
43
43
|
modelValue: {},
|
|
44
44
|
modelModifiers: {}
|
|
45
45
|
}),
|
|
46
|
-
emits: /* @__PURE__ */
|
|
47
|
-
setup(
|
|
48
|
-
let T =
|
|
46
|
+
emits: /* @__PURE__ */ f(["visibility-change"], ["update:modelValue"]),
|
|
47
|
+
setup(u, { emit: f }) {
|
|
48
|
+
let T = f, E = v(u, "modelValue"), D = u, O = g(D.defaultValue), k = o({
|
|
49
49
|
set: (e) => {
|
|
50
50
|
E.value = e, O.value = e;
|
|
51
51
|
},
|
|
52
|
-
get: () =>
|
|
53
|
-
}), { formField:
|
|
52
|
+
get: () => S(E.value) ? O.value : E.value
|
|
53
|
+
}), A = e(), { formField: j, inputBind: M, isVisible: N, mergedClasses: P, toggleVisibility: F } = a(D, { onVisibilityChange: (e) => T("visibility-change", e) }), I = o(() => t(D.customProps?.toggle, {
|
|
54
54
|
type: "button",
|
|
55
55
|
disabled: D.disabled,
|
|
56
|
-
onClick:
|
|
57
|
-
"aria-label":
|
|
58
|
-
},
|
|
56
|
+
onClick: F,
|
|
57
|
+
"aria-label": N.value ? w("Hide password", A.value) : w("Show password", A.value)
|
|
58
|
+
}, C({
|
|
59
59
|
"bridge-end-adornment bridge-field-adornment-button inline-flex h-full items-center justify-center px-2.5": !0,
|
|
60
|
-
[
|
|
60
|
+
[P.value.toggle ?? ""]: !0
|
|
61
61
|
})));
|
|
62
|
-
return (e,
|
|
63
|
-
end:
|
|
64
|
-
icon:
|
|
65
|
-
size:
|
|
62
|
+
return (e, t) => (h(), s(_(i), { field: _(j) }, {
|
|
63
|
+
end: b(() => [c("button", m(d(I.value)), [l(_(r), p({
|
|
64
|
+
icon: _(N) ? "eyeOff" : "eye",
|
|
65
|
+
size: _(n)(D.size)
|
|
66
66
|
}, D.customProps?.toggleIcon), null, 16, ["icon", "size"])], 16)]),
|
|
67
|
-
default:
|
|
67
|
+
default: b(() => [x(c("input", p({ "onUpdate:modelValue": t[0] ||= (e) => k.value = e }, _(M)), null, 16), [[y, k.value]])]),
|
|
68
68
|
_: 1
|
|
69
69
|
}, 8, ["field"]));
|
|
70
70
|
}
|
|
@@ -15,7 +15,7 @@ export declare function usePasswordField(props: PasswordFieldOwnProps, options?:
|
|
|
15
15
|
size: NonNullable<keyof import('@bridge-ui/core').FormFieldSize | undefined>;
|
|
16
16
|
rounded: NonNullable<keyof import('@bridge-ui/core').FormFieldRounded | undefined>;
|
|
17
17
|
variant: NonNullable<keyof import('@bridge-ui/core').FormFieldVariant | undefined>;
|
|
18
|
-
errorIcon: import('
|
|
18
|
+
errorIcon: NonNullable<import('../../..').IconSource | undefined>;
|
|
19
19
|
withErrorIcon: NonNullable<boolean | undefined>;
|
|
20
20
|
}>;
|
|
21
21
|
control: import('vue').ComputedRef<string>;
|
|
@@ -171,13 +171,13 @@ export declare function usePasswordField(props: PasswordFieldOwnProps, options?:
|
|
|
171
171
|
'aria-valuenow'?: (string | number) | undefined;
|
|
172
172
|
'aria-valuetext'?: string | undefined | undefined;
|
|
173
173
|
accesskey?: string | undefined | undefined;
|
|
174
|
-
contenteditable?:
|
|
174
|
+
contenteditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
|
|
175
175
|
contextmenu?: string | undefined | undefined;
|
|
176
176
|
dir?: string | undefined | undefined;
|
|
177
177
|
draggable?: (boolean | "true" | "false") | undefined;
|
|
178
178
|
enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
|
|
179
179
|
enterKeyHint?: "done" | "enter" | "go" | "next" | "previous" | "search" | "send" | undefined;
|
|
180
|
-
hidden?: "" | "until-found" | (boolean | "true" | "false") |
|
|
180
|
+
hidden?: "" | "until-found" | "hidden" | (boolean | "true" | "false") | undefined;
|
|
181
181
|
inert?: (boolean | "true" | "false") | undefined;
|
|
182
182
|
placeholder?: string | undefined | undefined;
|
|
183
183
|
spellcheck?: (boolean | "true" | "false") | undefined;
|
|
@@ -211,7 +211,7 @@ export declare function usePasswordField(props: PasswordFieldOwnProps, options?:
|
|
|
211
211
|
}>>;
|
|
212
212
|
controlId: import('vue').ComputedRef<string>;
|
|
213
213
|
errorBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
|
|
214
|
-
errorIcon: import('vue').ComputedRef<import('
|
|
214
|
+
errorIcon: import('vue').ComputedRef<NonNullable<import('../../..').IconSource | undefined>>;
|
|
215
215
|
inputBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", {
|
|
216
216
|
id: string;
|
|
217
217
|
disabled: boolean;
|
|
@@ -433,7 +433,7 @@ export declare function usePasswordField(props: PasswordFieldOwnProps, options?:
|
|
|
433
433
|
onTransitionend?: ((payload: TransitionEvent) => void) | undefined;
|
|
434
434
|
onTransitionrun?: ((payload: TransitionEvent) => void) | undefined;
|
|
435
435
|
onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
|
|
436
|
-
}, Partial<Omit<Omit<import('../../FormField').FormFieldOwnProps, "field">, "color" | "end" | "size" | "classes" | "customProps" | "
|
|
436
|
+
}, Partial<Omit<Omit<import('../../FormField').FormFieldOwnProps, "field">, "error" | "color" | "end" | "size" | "classes" | "customProps" | "rounded" | "variant" | "label" | "disabled" | "endIcon" | "startIcon" | "start" | "required" | "description" | "errorMessage" | "readonly" | "withoutErrorMessage" | "errorIcon" | "withErrorIcon" | "corner">>>>;
|
|
437
437
|
isNotched: import('vue').ComputedRef<boolean>;
|
|
438
438
|
isStacked: import('vue').ComputedRef<boolean>;
|
|
439
439
|
startBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
|
|
@@ -681,7 +681,7 @@ export declare function usePasswordField(props: PasswordFieldOwnProps, options?:
|
|
|
681
681
|
onTransitionend?: ((payload: TransitionEvent) => void) | undefined;
|
|
682
682
|
onTransitionrun?: ((payload: TransitionEvent) => void) | undefined;
|
|
683
683
|
onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
|
|
684
|
-
}, Partial<Omit<Omit<import('../../FormField').FormFieldOwnProps, "field">, "color" | "end" | "size" | "classes" | "customProps" | "
|
|
684
|
+
}, Partial<Omit<Omit<import('../../FormField').FormFieldOwnProps, "field">, "error" | "color" | "end" | "size" | "classes" | "customProps" | "rounded" | "variant" | "label" | "disabled" | "endIcon" | "startIcon" | "start" | "required" | "description" | "errorMessage" | "readonly" | "withoutErrorMessage" | "errorIcon" | "withErrorIcon" | "corner">>>, {
|
|
685
685
|
type: string;
|
|
686
686
|
}>>;
|
|
687
687
|
isVisible: import('vue').ComputedRef<boolean>;
|
|
@@ -234,13 +234,13 @@ export declare function useRadio(props: MaybeRefOrGetter<RadioOwnProps>, libDefa
|
|
|
234
234
|
slots: Readonly<{
|
|
235
235
|
[name: string]: import('vue').Slot<any> | undefined;
|
|
236
236
|
}>;
|
|
237
|
-
merged: import('vue').ComputedRef<Omit<import('../../FormControl').FormControlOwnProps, "
|
|
238
|
-
size: NonNullable<keyof import('@bridge-ui/core').LabelSize | undefined>;
|
|
237
|
+
merged: import('vue').ComputedRef<Omit<import('../../FormControl').FormControlOwnProps, "error" | "size" | "withoutErrorMessage"> & {
|
|
239
238
|
error: NonNullable<boolean | undefined>;
|
|
239
|
+
size: NonNullable<keyof import('@bridge-ui/core').LabelSize | undefined>;
|
|
240
240
|
withoutErrorMessage: NonNullable<boolean | undefined>;
|
|
241
241
|
}>;
|
|
242
242
|
rowBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
|
|
243
|
-
rootBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Partial<Omit<Omit<import('../../FormControl').FormControlOwnProps, "field">, "
|
|
243
|
+
rootBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Partial<Omit<Omit<import('../../FormControl').FormControlOwnProps, "field">, "error" | "size" | "classes" | "customProps" | "disabled" | "required" | "controlId" | "description" | "endLabel" | "errorMessage" | "readonly" | "startLabel" | "withoutErrorMessage">>>>;
|
|
244
244
|
controlId: import('vue').ComputedRef<string>;
|
|
245
245
|
isDisabled: import('vue').ComputedRef<boolean>;
|
|
246
246
|
isReadonly: import('vue').ComputedRef<boolean>;
|
|
@@ -25,7 +25,6 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {
|
|
|
25
25
|
onDeselect?: ((option: import('@bridge-ui/core').ListboxOption) => any) | undefined;
|
|
26
26
|
}>, {
|
|
27
27
|
withErrorIcon: boolean;
|
|
28
|
-
emptyMessage: string;
|
|
29
28
|
clearable: boolean;
|
|
30
29
|
minItemsForSearch: number;
|
|
31
30
|
searchable: boolean;
|
|
@@ -1,26 +1,27 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
1
|
+
import { useI18nAdapter as e } from "../../Adapters/I18n/useI18nAdapter.js";
|
|
2
|
+
import { hasNamedSlot as t, resolveNamedSlot as n } from "../../Utils/slotOrProp.js";
|
|
3
|
+
import { mergeNestedComponentProps as ee } from "../../Utils/index.js";
|
|
3
4
|
import r from "../Icon/Icon.js";
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
5
|
+
import i from "../Chip/Chip.js";
|
|
6
|
+
import a from "../FormField/FormField.js";
|
|
7
|
+
import te from "../Listbox/Listbox.js";
|
|
7
8
|
import { useSelect as o } from "./composables/useSelect.js";
|
|
8
9
|
import { SELECT_OPTION_KEY as s } from "./selectInjectionKey.js";
|
|
9
|
-
import { Fragment as c, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createSlots as
|
|
10
|
-
import { isUndefined as
|
|
11
|
-
import {
|
|
10
|
+
import { Fragment as c, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createSlots as ne, createTextVNode as re, createVNode as m, defineComponent as h, guardReactiveProps as g, isRef as _, mergeModels as v, mergeProps as y, normalizeProps as b, openBlock as x, provide as S, ref as C, renderList as ie, renderSlot as w, resolveDynamicComponent as T, toDisplayString as ae, unref as E, useModel as D, useTemplateRef as O, withCtx as k, withKeys as A, withModifiers as j } from "vue";
|
|
11
|
+
import { isUndefined as M } from "es-toolkit/compat";
|
|
12
|
+
import { resolveMessage as N } from "@bridge-ui/core";
|
|
12
13
|
//#region src/Components/Select/Select.vue?vue&type=script&setup=true&lang.ts
|
|
13
|
-
var
|
|
14
|
+
var P = {
|
|
14
15
|
key: 0,
|
|
15
16
|
class: "flex min-w-0 flex-1 flex-wrap items-center gap-0.5"
|
|
16
|
-
},
|
|
17
|
+
}, F = {
|
|
17
18
|
key: 1,
|
|
18
19
|
class: "flex min-w-0 flex-1 items-center gap-1"
|
|
19
|
-
},
|
|
20
|
+
}, I = ["aria-label"], L = {
|
|
20
21
|
key: 0,
|
|
21
22
|
hidden: "",
|
|
22
23
|
"aria-hidden": "true"
|
|
23
|
-
},
|
|
24
|
+
}, R = /* @__PURE__ */ h({
|
|
24
25
|
inheritAttrs: !1,
|
|
25
26
|
__name: "Select",
|
|
26
27
|
props: /* @__PURE__ */ v({
|
|
@@ -32,7 +33,7 @@ var N = {
|
|
|
32
33
|
customProps: {},
|
|
33
34
|
defaultValue: {},
|
|
34
35
|
disableMaxHeight: { type: Boolean },
|
|
35
|
-
emptyMessage: {
|
|
36
|
+
emptyMessage: {},
|
|
36
37
|
flipOptions: { type: Boolean },
|
|
37
38
|
hideEmptyMessage: { type: Boolean },
|
|
38
39
|
loading: { type: Boolean },
|
|
@@ -89,90 +90,90 @@ var N = {
|
|
|
89
90
|
"update:modelValue"
|
|
90
91
|
], ["update:modelValue"]),
|
|
91
92
|
setup(h, { emit: v }) {
|
|
92
|
-
let
|
|
93
|
+
let R = D(h, "modelValue"), z = h, B = v, V = e(), H = C(z.defaultValue), oe = l({
|
|
93
94
|
set: (e) => {
|
|
94
|
-
|
|
95
|
+
R.value = e, H.value = e;
|
|
95
96
|
},
|
|
96
|
-
get: () =>
|
|
97
|
-
}),
|
|
98
|
-
|
|
97
|
+
get: () => M(R.value) ? H.value : R.value
|
|
98
|
+
}), U = O("trigger"), W = C([]);
|
|
99
|
+
S(s, {
|
|
99
100
|
unregister(e) {
|
|
100
|
-
|
|
101
|
+
W.value = W.value.filter((t) => String(t.value) !== String(e));
|
|
101
102
|
},
|
|
102
103
|
register(e) {
|
|
103
|
-
|
|
104
|
+
W.value.some((t) => String(t.value) === String(e.value)) || (W.value = [...W.value, e]);
|
|
104
105
|
}
|
|
105
106
|
});
|
|
106
|
-
let { open:
|
|
107
|
-
return (
|
|
108
|
-
m(E(
|
|
109
|
-
default:
|
|
107
|
+
let { open: G, slots: K, hasValue: q, multiple: se, formField: J, clearable: ce, clearBind: Y, clearValue: X, removeChip: le, triggerBind: Z, selectOption: ue, containerRef: Q, listboxProps: de, clearIconSize: fe, mergedClasses: pe, selectedOptions: me, hasComposedList: $, handleRegisteredOptionsChange: he } = o(z, oe, U, B, W);
|
|
108
|
+
return (e, o) => (x(), f(c, null, [
|
|
109
|
+
m(E(a), { field: E(J) }, {
|
|
110
|
+
default: k(() => [E(se) ? (x(), f("div", P, [(x(!0), f(c, null, ie(E(me), (t) => (x(), u(E(i), y({
|
|
110
111
|
dismissible: "",
|
|
111
|
-
key: String(
|
|
112
|
-
size: E(
|
|
113
|
-
disabled: E(
|
|
114
|
-
"clear-label": `Remove ${
|
|
115
|
-
onDismiss: (
|
|
116
|
-
}, { ref_for: !0 }, E(
|
|
117
|
-
classes: { root: E(
|
|
112
|
+
key: String(t.value),
|
|
113
|
+
size: E(J).merged.value.size,
|
|
114
|
+
disabled: E(J).isDisabled.value,
|
|
115
|
+
"clear-label": `Remove ${t.label}`,
|
|
116
|
+
onDismiss: (e) => E(le)(t, e)
|
|
117
|
+
}, { ref_for: !0 }, E(ee)(z.customProps?.chip, {
|
|
118
|
+
classes: { root: E(pe).chip },
|
|
118
119
|
customProps: { clear: E(Y) }
|
|
119
120
|
})), {
|
|
120
|
-
default:
|
|
121
|
+
default: k(() => [w(e.$slots, "chip", { option: t }, () => [re(ae(t.label), 1)])]),
|
|
121
122
|
_: 2
|
|
122
123
|
}, 1040, [
|
|
123
124
|
"size",
|
|
124
125
|
"disabled",
|
|
125
126
|
"clear-label",
|
|
126
127
|
"onDismiss"
|
|
127
|
-
]))), 128)), p("textarea", y({ ref: "trigger" }, E(Z)), null, 16)])) : (x(), f("div",
|
|
128
|
+
]))), 128)), p("textarea", y({ ref: "trigger" }, E(Z)), null, 16)])) : (x(), f("div", F, [p("input", y({
|
|
128
129
|
ref: "trigger",
|
|
129
130
|
class: "min-w-0 flex-1"
|
|
130
|
-
}, E(Z)), null, 16), E(
|
|
131
|
-
onClick:
|
|
132
|
-
"
|
|
133
|
-
|
|
131
|
+
}, E(Z)), null, 16), E(ce) && E(q) && !E(J).isDisabled.value ? (x(), f("span", y({ key: 0 }, E(Y), {
|
|
132
|
+
onClick: o[0] ||= (...e) => E(X) && E(X)(...e),
|
|
133
|
+
onKeydown: [o[1] ||= A(j((...e) => E(X) && E(X)(...e), ["prevent"]), ["enter"]), o[2] ||= A(j((...e) => E(X) && E(X)(...e), ["prevent"]), ["space"])],
|
|
134
|
+
"aria-label": E(N)("Clear selection", E(V))
|
|
134
135
|
}), [m(E(r), y({
|
|
135
|
-
icon:
|
|
136
|
-
size: E(
|
|
137
|
-
},
|
|
136
|
+
icon: "clear",
|
|
137
|
+
size: E(fe)
|
|
138
|
+
}, z.customProps?.clearIcon), null, 16, ["size"])], 16, I)) : d("", !0)]))]),
|
|
138
139
|
_: 3
|
|
139
140
|
}, 8, ["field"]),
|
|
140
|
-
m(E(
|
|
141
|
-
modelValue: E(
|
|
142
|
-
"onUpdate:modelValue":
|
|
143
|
-
}, E(
|
|
144
|
-
"anchor-el": E(
|
|
145
|
-
onSelect: E(
|
|
146
|
-
onRegisteredOptionsChange: E(
|
|
147
|
-
}),
|
|
141
|
+
m(E(te), y({
|
|
142
|
+
modelValue: E(G),
|
|
143
|
+
"onUpdate:modelValue": o[3] ||= (e) => _(G) ? G.value = e : null
|
|
144
|
+
}, E(de), {
|
|
145
|
+
"anchor-el": E(Q),
|
|
146
|
+
onSelect: E(ue),
|
|
147
|
+
onRegisteredOptionsChange: E(he)
|
|
148
|
+
}), ne({ _: 2 }, [
|
|
148
149
|
E($) ? {
|
|
149
150
|
name: "default",
|
|
150
|
-
fn:
|
|
151
|
+
fn: k(() => [w(e.$slots, "default")]),
|
|
151
152
|
key: "0"
|
|
152
153
|
} : void 0,
|
|
153
|
-
E(
|
|
154
|
+
E(t)(E(K), "beforeOptions") ? {
|
|
154
155
|
name: "beforeOptions",
|
|
155
|
-
fn:
|
|
156
|
+
fn: k(() => [(x(), u(T(E(n)(E(K), "beforeOptions"))))]),
|
|
156
157
|
key: "1"
|
|
157
158
|
} : void 0,
|
|
158
|
-
E(
|
|
159
|
+
E(t)(E(K), "loading") ? {
|
|
159
160
|
name: "loading",
|
|
160
|
-
fn:
|
|
161
|
+
fn: k(() => [(x(), u(T(E(n)(E(K), "loading"))))]),
|
|
161
162
|
key: "2"
|
|
162
163
|
} : void 0,
|
|
163
|
-
E(
|
|
164
|
+
E(t)(E(K), "option") ? {
|
|
164
165
|
name: "option",
|
|
165
|
-
fn:
|
|
166
|
+
fn: k((t) => [w(e.$slots, "option", b(g(t)))]),
|
|
166
167
|
key: "3"
|
|
167
168
|
} : void 0,
|
|
168
|
-
E(
|
|
169
|
+
E(t)(E(K), "empty") ? {
|
|
169
170
|
name: "empty",
|
|
170
|
-
fn:
|
|
171
|
+
fn: k(() => [(x(), u(T(E(n)(E(K), "empty"))))]),
|
|
171
172
|
key: "4"
|
|
172
173
|
} : void 0,
|
|
173
|
-
E(
|
|
174
|
+
E(t)(E(K), "afterOptions") ? {
|
|
174
175
|
name: "afterOptions",
|
|
175
|
-
fn:
|
|
176
|
+
fn: k(() => [(x(), u(T(E(n)(E(K), "afterOptions"))))]),
|
|
176
177
|
key: "5"
|
|
177
178
|
} : void 0
|
|
178
179
|
]), 1040, [
|
|
@@ -181,9 +182,9 @@ var N = {
|
|
|
181
182
|
"onSelect",
|
|
182
183
|
"onRegisteredOptionsChange"
|
|
183
184
|
]),
|
|
184
|
-
E($) ? d("", !0) : (x(), f("div",
|
|
185
|
+
E($) ? d("", !0) : (x(), f("div", L, [w(e.$slots, "default")]))
|
|
185
186
|
], 64));
|
|
186
187
|
}
|
|
187
188
|
});
|
|
188
189
|
//#endregion
|
|
189
|
-
export {
|
|
190
|
+
export { R as default };
|
|
@@ -19,7 +19,7 @@ export declare function useSelect(props: SelectOwnProps, model: Ref<null | undef
|
|
|
19
19
|
size: NonNullable<keyof import('@bridge-ui/core').FormFieldSize | undefined>;
|
|
20
20
|
rounded: NonNullable<keyof import('@bridge-ui/core').FormFieldRounded | undefined>;
|
|
21
21
|
variant: NonNullable<keyof import('@bridge-ui/core').FormFieldVariant | undefined>;
|
|
22
|
-
errorIcon: import('
|
|
22
|
+
errorIcon: NonNullable<import('../../..').IconSource | undefined>;
|
|
23
23
|
withErrorIcon: NonNullable<boolean | undefined>;
|
|
24
24
|
}>;
|
|
25
25
|
control: import('vue').ComputedRef<string>;
|
|
@@ -175,13 +175,13 @@ export declare function useSelect(props: SelectOwnProps, model: Ref<null | undef
|
|
|
175
175
|
'aria-valuenow'?: (string | number) | undefined;
|
|
176
176
|
'aria-valuetext'?: string | undefined | undefined;
|
|
177
177
|
accesskey?: string | undefined | undefined;
|
|
178
|
-
contenteditable?:
|
|
178
|
+
contenteditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
|
|
179
179
|
contextmenu?: string | undefined | undefined;
|
|
180
180
|
dir?: string | undefined | undefined;
|
|
181
181
|
draggable?: (boolean | "true" | "false") | undefined;
|
|
182
182
|
enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
|
|
183
183
|
enterKeyHint?: "done" | "enter" | "go" | "next" | "previous" | "search" | "send" | undefined;
|
|
184
|
-
hidden?: "" | "until-found" | (boolean | "true" | "false") |
|
|
184
|
+
hidden?: "" | "until-found" | "hidden" | (boolean | "true" | "false") | undefined;
|
|
185
185
|
inert?: (boolean | "true" | "false") | undefined;
|
|
186
186
|
placeholder?: string | undefined | undefined;
|
|
187
187
|
spellcheck?: (boolean | "true" | "false") | undefined;
|
|
@@ -215,7 +215,7 @@ export declare function useSelect(props: SelectOwnProps, model: Ref<null | undef
|
|
|
215
215
|
}>>;
|
|
216
216
|
controlId: import('vue').ComputedRef<string>;
|
|
217
217
|
errorBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
|
|
218
|
-
errorIcon: import('vue').ComputedRef<import('
|
|
218
|
+
errorIcon: import('vue').ComputedRef<NonNullable<import('../../..').IconSource | undefined>>;
|
|
219
219
|
inputBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", {
|
|
220
220
|
id: string;
|
|
221
221
|
disabled: boolean;
|
|
@@ -437,7 +437,7 @@ export declare function useSelect(props: SelectOwnProps, model: Ref<null | undef
|
|
|
437
437
|
onTransitionend?: ((payload: TransitionEvent) => void) | undefined;
|
|
438
438
|
onTransitionrun?: ((payload: TransitionEvent) => void) | undefined;
|
|
439
439
|
onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
|
|
440
|
-
}, Partial<Omit<Omit<FormFieldOwnProps, "field">, "color" | "end" | "size" | "classes" | "customProps" | "
|
|
440
|
+
}, Partial<Omit<Omit<FormFieldOwnProps, "field">, "error" | "color" | "end" | "size" | "classes" | "customProps" | "rounded" | "variant" | "label" | "disabled" | "endIcon" | "startIcon" | "start" | "required" | "description" | "errorMessage" | "readonly" | "withoutErrorMessage" | "errorIcon" | "withErrorIcon" | "corner">>>>;
|
|
441
441
|
isNotched: import('vue').ComputedRef<boolean>;
|
|
442
442
|
isStacked: import('vue').ComputedRef<boolean>;
|
|
443
443
|
startBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
|
|
@@ -720,13 +720,13 @@ export declare function useSelect(props: SelectOwnProps, model: Ref<null | undef
|
|
|
720
720
|
onTransitionend?: ((payload: TransitionEvent) => void) | undefined;
|
|
721
721
|
onTransitionrun?: ((payload: TransitionEvent) => void) | undefined;
|
|
722
722
|
onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
|
|
723
|
-
}, Partial<Omit<Omit<FormFieldOwnProps, "field">, "color" | "end" | "size" | "classes" | "customProps" | "
|
|
723
|
+
}, Partial<Omit<Omit<FormFieldOwnProps, "field">, "error" | "color" | "end" | "size" | "classes" | "customProps" | "rounded" | "variant" | "label" | "disabled" | "endIcon" | "startIcon" | "start" | "required" | "description" | "errorMessage" | "readonly" | "withoutErrorMessage" | "errorIcon" | "withErrorIcon" | "corner">>>>>;
|
|
724
724
|
selectOption: (option: SelectOption) => void;
|
|
725
725
|
containerRef: Ref<HTMLElement | null, HTMLElement | null>;
|
|
726
726
|
listboxProps: import('vue').ComputedRef<{
|
|
727
727
|
anchorEl?: null | HTMLElement;
|
|
728
728
|
classes?: import('../../Listbox').ListboxClasses;
|
|
729
|
-
color: "
|
|
729
|
+
color: "info" | "error" | "success" | "warning" | "dark" | "primary" | "secondary";
|
|
730
730
|
customProps?: import('../../Listbox').ListboxCustomProps;
|
|
731
731
|
disableAutoFocus: boolean;
|
|
732
732
|
disableMaxHeight: boolean;
|
|
@@ -756,7 +756,7 @@ export declare function useSelect(props: SelectOwnProps, model: Ref<null | undef
|
|
|
756
756
|
hasComposedList: import('vue').ComputedRef<boolean>;
|
|
757
757
|
highlightedIndex: Ref<number, number>;
|
|
758
758
|
handleRegisteredOptionsChange: (options: SelectOption[]) => void;
|
|
759
|
-
emptyMessage: import('vue').ComputedRef<string>;
|
|
760
759
|
hideEmptyMessage: import('vue').ComputedRef<boolean>;
|
|
760
|
+
emptyMessage: import('vue').ComputedRef<string>;
|
|
761
761
|
loadingMessage: import('vue').ComputedRef<string>;
|
|
762
762
|
};
|