reka-ui 2.9.8 → 2.9.10
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/Autocomplete/AutocompleteInput.cjs +12 -16
- package/dist/Autocomplete/AutocompleteInput.cjs.map +1 -1
- package/dist/Autocomplete/AutocompleteInput.js +13 -17
- package/dist/Autocomplete/AutocompleteInput.js.map +1 -1
- package/dist/ColorField/ColorFieldInput.cjs +10 -2
- package/dist/ColorField/ColorFieldInput.cjs.map +1 -1
- package/dist/ColorField/ColorFieldInput.js +10 -2
- package/dist/ColorField/ColorFieldInput.js.map +1 -1
- package/dist/Combobox/ComboboxContentImpl.cjs +8 -2
- package/dist/Combobox/ComboboxContentImpl.cjs.map +1 -1
- package/dist/Combobox/ComboboxContentImpl.js +8 -2
- package/dist/Combobox/ComboboxContentImpl.js.map +1 -1
- package/dist/Combobox/ComboboxInput.cjs +27 -9
- package/dist/Combobox/ComboboxInput.cjs.map +1 -1
- package/dist/Combobox/ComboboxInput.js +28 -10
- package/dist/Combobox/ComboboxInput.js.map +1 -1
- package/dist/DateField/DateFieldInput.cjs +4 -1
- package/dist/DateField/DateFieldInput.cjs.map +1 -1
- package/dist/DateField/DateFieldInput.js +4 -1
- package/dist/DateField/DateFieldInput.js.map +1 -1
- package/dist/DateField/DateFieldRoot.cjs +1 -0
- package/dist/DateField/DateFieldRoot.cjs.map +1 -1
- package/dist/DateField/DateFieldRoot.js +1 -0
- package/dist/DateField/DateFieldRoot.js.map +1 -1
- package/dist/DatePicker/DatePickerRoot.cjs +15 -1
- package/dist/DatePicker/DatePickerRoot.cjs.map +1 -1
- package/dist/DatePicker/DatePickerRoot.js +15 -1
- package/dist/DatePicker/DatePickerRoot.js.map +1 -1
- package/dist/DateRangeField/DateRangeFieldInput.cjs +4 -1
- package/dist/DateRangeField/DateRangeFieldInput.cjs.map +1 -1
- package/dist/DateRangeField/DateRangeFieldInput.js +4 -1
- package/dist/DateRangeField/DateRangeFieldInput.js.map +1 -1
- package/dist/DateRangeField/DateRangeFieldRoot.cjs +1 -0
- package/dist/DateRangeField/DateRangeFieldRoot.cjs.map +1 -1
- package/dist/DateRangeField/DateRangeFieldRoot.js +1 -0
- package/dist/DateRangeField/DateRangeFieldRoot.js.map +1 -1
- package/dist/Dialog/DialogContent.cjs +2 -1
- package/dist/Dialog/DialogContent.cjs.map +1 -1
- package/dist/Dialog/DialogContent.js +2 -1
- package/dist/Dialog/DialogContent.js.map +1 -1
- package/dist/Dialog/DialogContentModal.cjs +4 -3
- package/dist/Dialog/DialogContentModal.cjs.map +1 -1
- package/dist/Dialog/DialogContentModal.js +4 -3
- package/dist/Dialog/DialogContentModal.js.map +1 -1
- package/dist/Dialog/DialogOverlayImpl.cjs +5 -1
- package/dist/Dialog/DialogOverlayImpl.cjs.map +1 -1
- package/dist/Dialog/DialogOverlayImpl.js +5 -1
- package/dist/Dialog/DialogOverlayImpl.js.map +1 -1
- package/dist/DismissableLayer/DismissableLayer.cjs +10 -9
- package/dist/DismissableLayer/DismissableLayer.cjs.map +1 -1
- package/dist/DismissableLayer/DismissableLayer.js +11 -10
- package/dist/DismissableLayer/DismissableLayer.js.map +1 -1
- package/dist/DropdownMenu/DropdownMenuFilter.cjs +19 -2
- package/dist/DropdownMenu/DropdownMenuFilter.cjs.map +1 -1
- package/dist/DropdownMenu/DropdownMenuFilter.js +19 -2
- package/dist/DropdownMenu/DropdownMenuFilter.js.map +1 -1
- package/dist/Listbox/ListboxFilter.cjs +29 -10
- package/dist/Listbox/ListboxFilter.cjs.map +1 -1
- package/dist/Listbox/ListboxFilter.js +30 -11
- package/dist/Listbox/ListboxFilter.js.map +1 -1
- package/dist/Listbox/ListboxRoot.cjs +16 -7
- package/dist/Listbox/ListboxRoot.cjs.map +1 -1
- package/dist/Listbox/ListboxRoot.js +16 -7
- package/dist/Listbox/ListboxRoot.js.map +1 -1
- package/dist/Listbox/ListboxVirtualizer.cjs +7 -3
- package/dist/Listbox/ListboxVirtualizer.cjs.map +1 -1
- package/dist/Listbox/ListboxVirtualizer.js +7 -3
- package/dist/Listbox/ListboxVirtualizer.js.map +1 -1
- package/dist/NavigationMenu/NavigationMenuRoot.cjs +16 -3
- package/dist/NavigationMenu/NavigationMenuRoot.cjs.map +1 -1
- package/dist/NavigationMenu/NavigationMenuRoot.js +16 -3
- package/dist/NavigationMenu/NavigationMenuRoot.js.map +1 -1
- package/dist/NumberField/NumberFieldInput.cjs +46 -13
- package/dist/NumberField/NumberFieldInput.cjs.map +1 -1
- package/dist/NumberField/NumberFieldInput.js +47 -14
- package/dist/NumberField/NumberFieldInput.js.map +1 -1
- package/dist/PinInput/PinInputInput.cjs +37 -2
- package/dist/PinInput/PinInputInput.cjs.map +1 -1
- package/dist/PinInput/PinInputInput.js +37 -2
- package/dist/PinInput/PinInputInput.js.map +1 -1
- package/dist/ScrollArea/ScrollAreaScrollbarX.cjs +3 -0
- package/dist/ScrollArea/ScrollAreaScrollbarX.cjs.map +1 -1
- package/dist/ScrollArea/ScrollAreaScrollbarX.js +4 -1
- package/dist/ScrollArea/ScrollAreaScrollbarX.js.map +1 -1
- package/dist/ScrollArea/ScrollAreaScrollbarY.cjs +3 -0
- package/dist/ScrollArea/ScrollAreaScrollbarY.cjs.map +1 -1
- package/dist/ScrollArea/ScrollAreaScrollbarY.js +4 -1
- package/dist/ScrollArea/ScrollAreaScrollbarY.js.map +1 -1
- package/dist/TagsInput/TagsInputInput.cjs +12 -13
- package/dist/TagsInput/TagsInputInput.cjs.map +1 -1
- package/dist/TagsInput/TagsInputInput.js +13 -14
- package/dist/TagsInput/TagsInputInput.js.map +1 -1
- package/dist/TagsInput/TagsInputRoot.cjs +1 -0
- package/dist/TagsInput/TagsInputRoot.cjs.map +1 -1
- package/dist/TagsInput/TagsInputRoot.js +1 -0
- package/dist/TagsInput/TagsInputRoot.js.map +1 -1
- package/dist/TimeField/TimeFieldInput.cjs +4 -1
- package/dist/TimeField/TimeFieldInput.cjs.map +1 -1
- package/dist/TimeField/TimeFieldInput.js +4 -1
- package/dist/TimeField/TimeFieldInput.js.map +1 -1
- package/dist/TimeField/TimeFieldRoot.cjs +1 -0
- package/dist/TimeField/TimeFieldRoot.cjs.map +1 -1
- package/dist/TimeField/TimeFieldRoot.js +1 -0
- package/dist/TimeField/TimeFieldRoot.js.map +1 -1
- package/dist/TimeRangeField/TimeRangeFieldInput.cjs +4 -1
- package/dist/TimeRangeField/TimeRangeFieldInput.cjs.map +1 -1
- package/dist/TimeRangeField/TimeRangeFieldInput.js +4 -1
- package/dist/TimeRangeField/TimeRangeFieldInput.js.map +1 -1
- package/dist/TimeRangeField/TimeRangeFieldRoot.cjs +1 -0
- package/dist/TimeRangeField/TimeRangeFieldRoot.cjs.map +1 -1
- package/dist/TimeRangeField/TimeRangeFieldRoot.js +1 -0
- package/dist/TimeRangeField/TimeRangeFieldRoot.js.map +1 -1
- package/dist/constant.d.cts.map +1 -1
- package/dist/date/useDateField.cjs +38 -0
- package/dist/date/useDateField.cjs.map +1 -1
- package/dist/date/useDateField.js +38 -0
- package/dist/date/useDateField.js.map +1 -1
- package/dist/index.cjs +1 -0
- package/dist/index.js +1 -0
- package/dist/index3.d.cts +16 -8
- package/dist/index3.d.cts.map +1 -1
- package/dist/index3.d.ts +16 -8
- package/dist/index3.d.ts.map +1 -1
- package/dist/index4.d.cts +659 -656
- package/dist/index4.d.cts.map +1 -1
- package/dist/index4.d.ts +642 -639
- package/dist/index4.d.ts.map +1 -1
- package/dist/internal.cjs +1 -0
- package/dist/internal.d.cts +2 -2
- package/dist/internal.d.cts.map +1 -1
- package/dist/internal.d.ts +2 -2
- package/dist/internal.d.ts.map +1 -1
- package/dist/internal.js +1 -0
- package/dist/shared/useComposing.cjs +30 -0
- package/dist/shared/useComposing.cjs.map +1 -0
- package/dist/shared/useComposing.js +24 -0
- package/dist/shared/useComposing.js.map +1 -0
- package/dist/shared/useId.cjs +7 -8
- package/dist/shared/useId.cjs.map +1 -1
- package/dist/shared/useId.js +7 -8
- package/dist/shared/useId.js.map +1 -1
- package/dist/shared.cjs +2 -0
- package/dist/shared.d.cts +2 -2
- package/dist/shared.d.ts +2 -2
- package/dist/shared.js +2 -1
- package/package.json +7 -6
- package/src/Autocomplete/AutocompleteInput.vue +13 -17
- package/src/ColorField/ColorFieldInput.vue +11 -0
- package/src/Combobox/ComboboxContentImpl.vue +17 -4
- package/src/Combobox/ComboboxInput.vue +37 -7
- package/src/DateField/DateFieldInput.vue +6 -0
- package/src/DateField/DateFieldRoot.vue +3 -0
- package/src/DatePicker/DatePickerRoot.vue +18 -2
- package/src/DateRangeField/DateRangeFieldInput.vue +6 -0
- package/src/DateRangeField/DateRangeFieldRoot.vue +3 -0
- package/src/Dialog/DialogContent.vue +7 -1
- package/src/Dialog/DialogContentModal.vue +4 -2
- package/src/Dialog/DialogOverlayImpl.vue +1 -1
- package/src/DismissableLayer/DismissableLayer.vue +39 -21
- package/src/DropdownMenu/DropdownMenuFilter.vue +20 -1
- package/src/Listbox/ListboxFilter.vue +39 -8
- package/src/Listbox/ListboxRoot.vue +24 -8
- package/src/Listbox/ListboxVirtualizer.vue +19 -3
- package/src/NavigationMenu/NavigationMenuRoot.vue +19 -3
- package/src/NumberField/NumberFieldInput.vue +45 -8
- package/src/PinInput/PinInputInput.vue +44 -1
- package/src/ScrollArea/ScrollAreaScrollbarX.vue +6 -1
- package/src/ScrollArea/ScrollAreaScrollbarY.vue +6 -1
- package/src/TagsInput/TagsInputInput.vue +16 -14
- package/src/TagsInput/TagsInputRoot.vue +3 -0
- package/src/TimeField/TimeFieldInput.vue +6 -0
- package/src/TimeField/TimeFieldRoot.vue +3 -0
- package/src/TimeRangeField/TimeRangeFieldInput.vue +6 -0
- package/src/TimeRangeField/TimeRangeFieldRoot.vue +3 -0
- package/src/shared/date/useDateField.ts +75 -1
- package/src/shared/index.ts +1 -0
- package/src/shared/useComposing.ts +18 -0
- package/src/shared/useId.ts +14 -6
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
const require_rolldown_runtime = require('../rolldown-runtime.cjs');
|
|
2
|
+
const require_shared_useComposing = require('../shared/useComposing.cjs');
|
|
2
3
|
const require_Primitive_usePrimitiveElement = require('../Primitive/usePrimitiveElement.cjs');
|
|
3
4
|
const require_Listbox_ListboxRoot = require('../Listbox/ListboxRoot.cjs');
|
|
4
5
|
const require_Listbox_ListboxFilter = require('../Listbox/ListboxFilter.cjs');
|
|
@@ -46,19 +47,13 @@ var AutocompleteInput_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
|
|
|
46
47
|
(0, vue.onMounted)(() => {
|
|
47
48
|
if (currentElement.value) rootContext.onInputElementChange(currentElement.value);
|
|
48
49
|
});
|
|
49
|
-
const isComposing =
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
}
|
|
53
|
-
function
|
|
54
|
-
(0, vue.nextTick)(() => {
|
|
55
|
-
isComposing.value = false;
|
|
56
|
-
const el = currentElement.value;
|
|
57
|
-
if (el) processInputValue(el.value);
|
|
58
|
-
});
|
|
59
|
-
}
|
|
60
|
-
function handleKeyDown(_ev) {
|
|
50
|
+
const { isComposing, handleCompositionStart, handleCompositionEnd } = require_shared_useComposing.useComposing((event) => {
|
|
51
|
+
const el = event.target;
|
|
52
|
+
if (el) processInputValue(el.value);
|
|
53
|
+
});
|
|
54
|
+
function handleKeyDown(ev) {
|
|
61
55
|
if (isComposing.value) return;
|
|
56
|
+
ev.preventDefault();
|
|
62
57
|
if (!rootContext.open.value) rootContext.onOpenChange(true);
|
|
63
58
|
}
|
|
64
59
|
function processInputValue(value) {
|
|
@@ -110,10 +105,10 @@ var AutocompleteInput_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
|
|
|
110
105
|
autocomplete: "off",
|
|
111
106
|
onClick: handleClick,
|
|
112
107
|
onInput: handleInput,
|
|
113
|
-
onKeydown: (0, vue.withKeys)(
|
|
108
|
+
onKeydown: (0, vue.withKeys)(handleKeyDown, ["down", "up"]),
|
|
114
109
|
onFocus: handleFocus,
|
|
115
|
-
onCompositionstart:
|
|
116
|
-
onCompositionend:
|
|
110
|
+
onCompositionstart: (0, vue.unref)(handleCompositionStart),
|
|
111
|
+
onCompositionend: (0, vue.unref)(handleCompositionEnd)
|
|
117
112
|
}, {
|
|
118
113
|
default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
|
|
119
114
|
_: 3
|
|
@@ -125,7 +120,8 @@ var AutocompleteInput_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
|
|
|
125
120
|
"disabled",
|
|
126
121
|
"aria-expanded",
|
|
127
122
|
"aria-controls",
|
|
128
|
-
"
|
|
123
|
+
"onCompositionstart",
|
|
124
|
+
"onCompositionend"
|
|
129
125
|
]);
|
|
130
126
|
};
|
|
131
127
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AutocompleteInput.cjs","names":["as","asChild","autoFocus","disabled"],"sources":["../../src/Autocomplete/AutocompleteInput.vue","../../src/Autocomplete/AutocompleteInput.vue"],"sourcesContent":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"AutocompleteInput.cjs","names":["as","asChild","autoFocus","disabled"],"sources":["../../src/Autocomplete/AutocompleteInput.vue","../../src/Autocomplete/AutocompleteInput.vue"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiBA,MAAM,QAAQ;EAGd,MAAM,QAAQ;EAEd,MAAM,cAAc,yDAA0B;EAC9C,MAAM,sBAAsB,qEAA8B;EAC1D,MAAM,iBAAiB,sDAAyB;EAChD,MAAM,EAAE,kBAAkB,gBAAgB,GAAG,2DAAoB;EAEjE,MAAM,aAAa,6BAAU,OAAO,cAAc,OAAO,EACvD,SAAU,MAAM,sBACjB,EAAA;AAED,MAAI,oBAAoB,WAAW,MACjC,YAAW,QAAQ,oBAAoB,WAAW;AAGpD,qBAAU,MAAM;AACd,OAAI,eAAe,MACjB,aAAY,qBAAqB,eAAe,MAAyB;EAC5E,EAAA;EAED,MAAM,EAAE,aAAa,wBAAwB,sBAAsB,GAAG,yCAAa,CAAC,UAAU;GAC5F,MAAM,KAAK,MAAM;AACjB,OAAI,GACF,mBAAkB,GAAG,MAAK;EAC7B,EAAA;EAED,SAAS,cAAc,IAAmB;AAExC,OAAI,YAAY,MACd;AACF,MAAG,gBAAe;AAClB,QAAK,YAAY,KAAK,MACpB,aAAY,aAAa,KAAI;EACjC;EAEA,SAAS,kBAAkB,OAAe;AACxC,QAAK,YAAY,KAAK,OAAO;AAC3B,gBAAY,aAAa,KAAI;AAC7B,sBAAS,MAAM;AACb,SAAI,OAAO;AACT,kBAAY,aAAa,QAAQ;AACjC,qBAAe,oBAAmB;KACpC;IACD,EAAA;GACH,MAEE,aAAY,aAAa,QAAQ;AAGnC,uBAAoB,WAAW,QAAQ;EACzC;EAEA,SAAS,YAAY,OAAmB;AACtC,OAAI,YAAY,MACd;AACF,qBAAmB,MAAM,OAA4B,MAAK;EAC5D;EAEA,SAAS,cAAc;AACrB,OAAI,YAAY,YAAY,UAAU,YAAY,KAAK,MACrD,aAAY,aAAa,KAAI;EACjC;EAEA,SAAS,cAAc;AACrB,OAAI,YAAY,YAAY,UAAU,YAAY,KAAK,MACrD,aAAY,aAAa,KAAI;EACjC;AAGA,iBAAM,oBAAoB,YAAY,CAAC,WAAW;GAChD,MAAM,OAAO,UAAU;AACvB,OAAI,WAAW,UAAU,KACvB,YAAW,QAAQ;EACtB,EAAA;AAGD,cAAY,kBAAkB,MAAM;AAClC,cAAW,QAAQ,oBAAoB,WAAW,SAAS;EAC5D,EAAA;AAED,iBAAM,YAAY,aAAa,CAAC,WAAW,aAAa;AACtD,QAAK,YAAY,UAAU,SAAU,SAAS,UAAU,EACtD,gBAAe,oBAAmB;EAErC,EAAA;;gCAIC,qBAoBgB,eAAA,oDAAA,EAAA;aAnBV;IAAJ,KAAI;gBACK,eAAA,WAAU;8FAAV,WAAU,QAAA,SAAA;IAClB,IAAIA,KAAAA;IACJ,YAAUC,KAAAA;IACV,cAAYC,KAAAA;IACZ,UAAUC,KAAAA;IACV,iBAAe,eAAA,YAAW,CAAC,KAAK;IAChC,iBAAe,eAAA,YAAW,CAAC;IAC5B,qBAAkB;IAClB,MAAK;IACL,cAAa;IACZ,SAAO;IACP,SAAO;IACP,WAAO,kBAAU,eAAa,CAAA,QAAA,IAAA,EAAA;IAC9B,SAAO;IACP,oBAAkB,eAAA,uBAAsB;IACxC,kBAAgB,eAAA,qBAAoB;;8BAErC,MAAQ,CAAR,oBAAQ,KAAA,QAAA,UAAA"}
|
|
@@ -1,9 +1,10 @@
|
|
|
1
|
+
import { useComposing } from "../shared/useComposing.js";
|
|
1
2
|
import { usePrimitiveElement } from "../Primitive/usePrimitiveElement.js";
|
|
2
3
|
import { injectListboxRootContext } from "../Listbox/ListboxRoot.js";
|
|
3
4
|
import { ListboxFilter_default } from "../Listbox/ListboxFilter.js";
|
|
4
5
|
import { injectComboboxRootContext } from "../Combobox/ComboboxRoot.js";
|
|
5
6
|
import { injectAutocompleteRootContext } from "./AutocompleteRoot.js";
|
|
6
|
-
import { createBlock, defineComponent, isRef, nextTick, onMounted, openBlock,
|
|
7
|
+
import { createBlock, defineComponent, isRef, nextTick, onMounted, openBlock, renderSlot, unref, watch, withCtx, withKeys } from "vue";
|
|
7
8
|
import { useVModel } from "@vueuse/core";
|
|
8
9
|
|
|
9
10
|
//#region src/Autocomplete/AutocompleteInput.vue?vue&type=script&setup=true&lang.ts
|
|
@@ -45,19 +46,13 @@ var AutocompleteInput_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
|
|
|
45
46
|
onMounted(() => {
|
|
46
47
|
if (currentElement.value) rootContext.onInputElementChange(currentElement.value);
|
|
47
48
|
});
|
|
48
|
-
const isComposing =
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
}
|
|
52
|
-
function
|
|
53
|
-
nextTick(() => {
|
|
54
|
-
isComposing.value = false;
|
|
55
|
-
const el = currentElement.value;
|
|
56
|
-
if (el) processInputValue(el.value);
|
|
57
|
-
});
|
|
58
|
-
}
|
|
59
|
-
function handleKeyDown(_ev) {
|
|
49
|
+
const { isComposing, handleCompositionStart, handleCompositionEnd } = useComposing((event) => {
|
|
50
|
+
const el = event.target;
|
|
51
|
+
if (el) processInputValue(el.value);
|
|
52
|
+
});
|
|
53
|
+
function handleKeyDown(ev) {
|
|
60
54
|
if (isComposing.value) return;
|
|
55
|
+
ev.preventDefault();
|
|
61
56
|
if (!rootContext.open.value) rootContext.onOpenChange(true);
|
|
62
57
|
}
|
|
63
58
|
function processInputValue(value) {
|
|
@@ -109,10 +104,10 @@ var AutocompleteInput_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
|
|
|
109
104
|
autocomplete: "off",
|
|
110
105
|
onClick: handleClick,
|
|
111
106
|
onInput: handleInput,
|
|
112
|
-
onKeydown: withKeys(
|
|
107
|
+
onKeydown: withKeys(handleKeyDown, ["down", "up"]),
|
|
113
108
|
onFocus: handleFocus,
|
|
114
|
-
onCompositionstart:
|
|
115
|
-
onCompositionend:
|
|
109
|
+
onCompositionstart: unref(handleCompositionStart),
|
|
110
|
+
onCompositionend: unref(handleCompositionEnd)
|
|
116
111
|
}, {
|
|
117
112
|
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
|
|
118
113
|
_: 3
|
|
@@ -124,7 +119,8 @@ var AutocompleteInput_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
|
|
|
124
119
|
"disabled",
|
|
125
120
|
"aria-expanded",
|
|
126
121
|
"aria-controls",
|
|
127
|
-
"
|
|
122
|
+
"onCompositionstart",
|
|
123
|
+
"onCompositionend"
|
|
128
124
|
]);
|
|
129
125
|
};
|
|
130
126
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AutocompleteInput.js","names":["as","asChild","autoFocus","disabled"],"sources":["../../src/Autocomplete/AutocompleteInput.vue","../../src/Autocomplete/AutocompleteInput.vue"],"sourcesContent":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"AutocompleteInput.js","names":["as","asChild","autoFocus","disabled"],"sources":["../../src/Autocomplete/AutocompleteInput.vue","../../src/Autocomplete/AutocompleteInput.vue"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiBA,MAAM,QAAQ;EAGd,MAAM,QAAQ;EAEd,MAAM,cAAc,2BAA0B;EAC9C,MAAM,sBAAsB,+BAA8B;EAC1D,MAAM,iBAAiB,0BAAyB;EAChD,MAAM,EAAE,kBAAkB,gBAAgB,GAAG,qBAAoB;EAEjE,MAAM,aAAa,UAAU,OAAO,cAAc,OAAO,EACvD,SAAU,MAAM,sBACjB,EAAA;AAED,MAAI,oBAAoB,WAAW,MACjC,YAAW,QAAQ,oBAAoB,WAAW;AAGpD,YAAU,MAAM;AACd,OAAI,eAAe,MACjB,aAAY,qBAAqB,eAAe,MAAyB;EAC5E,EAAA;EAED,MAAM,EAAE,aAAa,wBAAwB,sBAAsB,GAAG,aAAa,CAAC,UAAU;GAC5F,MAAM,KAAK,MAAM;AACjB,OAAI,GACF,mBAAkB,GAAG,MAAK;EAC7B,EAAA;EAED,SAAS,cAAc,IAAmB;AAExC,OAAI,YAAY,MACd;AACF,MAAG,gBAAe;AAClB,QAAK,YAAY,KAAK,MACpB,aAAY,aAAa,KAAI;EACjC;EAEA,SAAS,kBAAkB,OAAe;AACxC,QAAK,YAAY,KAAK,OAAO;AAC3B,gBAAY,aAAa,KAAI;AAC7B,aAAS,MAAM;AACb,SAAI,OAAO;AACT,kBAAY,aAAa,QAAQ;AACjC,qBAAe,oBAAmB;KACpC;IACD,EAAA;GACH,MAEE,aAAY,aAAa,QAAQ;AAGnC,uBAAoB,WAAW,QAAQ;EACzC;EAEA,SAAS,YAAY,OAAmB;AACtC,OAAI,YAAY,MACd;AACF,qBAAmB,MAAM,OAA4B,MAAK;EAC5D;EAEA,SAAS,cAAc;AACrB,OAAI,YAAY,YAAY,UAAU,YAAY,KAAK,MACrD,aAAY,aAAa,KAAI;EACjC;EAEA,SAAS,cAAc;AACrB,OAAI,YAAY,YAAY,UAAU,YAAY,KAAK,MACrD,aAAY,aAAa,KAAI;EACjC;AAGA,QAAM,oBAAoB,YAAY,CAAC,WAAW;GAChD,MAAM,OAAO,UAAU;AACvB,OAAI,WAAW,UAAU,KACvB,YAAW,QAAQ;EACtB,EAAA;AAGD,cAAY,kBAAkB,MAAM;AAClC,cAAW,QAAQ,oBAAoB,WAAW,SAAS;EAC5D,EAAA;AAED,QAAM,YAAY,aAAa,CAAC,WAAW,aAAa;AACtD,QAAK,YAAY,UAAU,SAAU,SAAS,UAAU,EACtD,gBAAe,oBAAmB;EAErC,EAAA;;uBAIC,YAoBgB,MAAA,sBAAA,EAAA;aAnBV;IAAJ,KAAI;gBACK,MAAA,WAAU;qFAAV,WAAU,QAAA,SAAA;IAClB,IAAIA,KAAAA;IACJ,YAAUC,KAAAA;IACV,cAAYC,KAAAA;IACZ,UAAUC,KAAAA;IACV,iBAAe,MAAA,YAAW,CAAC,KAAK;IAChC,iBAAe,MAAA,YAAW,CAAC;IAC5B,qBAAkB;IAClB,MAAK;IACL,cAAa;IACZ,SAAO;IACP,SAAO;IACP,WAAO,SAAU,eAAa,CAAA,QAAA,IAAA,EAAA;IAC9B,SAAO;IACP,oBAAkB,MAAA,uBAAsB;IACxC,kBAAgB,MAAA,qBAAoB;;qBAErC,MAAQ,CAAR,WAAQ,KAAA,QAAA,UAAA"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
const require_rolldown_runtime = require('../rolldown-runtime.cjs');
|
|
2
|
+
const require_shared_useComposing = require('../shared/useComposing.cjs');
|
|
2
3
|
const require_Primitive_Primitive = require('../Primitive/Primitive.cjs');
|
|
3
4
|
const require_ColorField_ColorFieldRoot = require('./ColorFieldRoot.cjs');
|
|
4
5
|
const vue = require_rolldown_runtime.__toESM(require("vue"));
|
|
@@ -22,6 +23,7 @@ var ColorFieldInput_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
|
|
|
22
23
|
const props = __props;
|
|
23
24
|
const rootContext = require_ColorField_ColorFieldRoot.injectColorFieldRootContext();
|
|
24
25
|
const isFocused = (0, vue.ref)(false);
|
|
26
|
+
const { isComposing, handleCompositionStart, handleCompositionEnd } = require_shared_useComposing.useComposing();
|
|
25
27
|
const inputType = (0, vue.computed)(() => {
|
|
26
28
|
return rootContext.channel.value ? "text" : "text";
|
|
27
29
|
});
|
|
@@ -44,6 +46,7 @@ var ColorFieldInput_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
|
|
|
44
46
|
rootContext.handleWheel(event);
|
|
45
47
|
}
|
|
46
48
|
function handleKeydown(event) {
|
|
49
|
+
if (isComposing.value || event.isComposing) return;
|
|
47
50
|
switch (event.key) {
|
|
48
51
|
case "ArrowUp":
|
|
49
52
|
event.preventDefault();
|
|
@@ -76,6 +79,7 @@ var ColorFieldInput_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
|
|
|
76
79
|
}
|
|
77
80
|
}
|
|
78
81
|
function handleBeforeInput(event) {
|
|
82
|
+
if (event.isComposing) return;
|
|
79
83
|
if (!rootContext.channel.value) return;
|
|
80
84
|
const target = event.target;
|
|
81
85
|
const data = event.data;
|
|
@@ -106,7 +110,9 @@ var ColorFieldInput_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
|
|
|
106
110
|
onFocus: handleFocus,
|
|
107
111
|
onKeydown: handleKeydown,
|
|
108
112
|
onWheel: handleWheel,
|
|
109
|
-
onBeforeinput: handleBeforeInput
|
|
113
|
+
onBeforeinput: handleBeforeInput,
|
|
114
|
+
onCompositionstart: (0, vue.unref)(handleCompositionStart),
|
|
115
|
+
onCompositionend: (0, vue.unref)(handleCompositionEnd)
|
|
110
116
|
}, {
|
|
111
117
|
default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
|
|
112
118
|
_: 3
|
|
@@ -121,7 +127,9 @@ var ColorFieldInput_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
|
|
|
121
127
|
"readonly",
|
|
122
128
|
"data-disabled",
|
|
123
129
|
"data-readonly",
|
|
124
|
-
"aria-invalid"
|
|
130
|
+
"aria-invalid",
|
|
131
|
+
"onCompositionstart",
|
|
132
|
+
"onCompositionend"
|
|
125
133
|
]);
|
|
126
134
|
};
|
|
127
135
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ColorFieldInput.cjs","names":["asChild","as"],"sources":["../../src/ColorField/ColorFieldInput.vue","../../src/ColorField/ColorFieldInput.vue"],"sourcesContent":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ColorFieldInput.cjs","names":["asChild","as"],"sources":["../../src/ColorField/ColorFieldInput.vue","../../src/ColorField/ColorFieldInput.vue"],"sourcesContent":[],"mappings":";;;;;;;AAGA,MAAM,mBAAmB;;;;;;;;;;;;;;;EAWzB,MAAM,QAAQ;EAId,MAAM,cAAc,+DAA4B;EAEhD,MAAM,YAAY,aAAI,MAAK;EAC3B,MAAM,EAAE,aAAa,wBAAwB,sBAAsB,GAAG,0CAAa;EAEnF,MAAM,YAAY,kBAAS,MAAM;AAC/B,UAAO,YAAY,QAAQ,QAAQ,SAAS;EAC7C,EAAA;EAED,MAAM,YAAY,kBAAS,MAAM;AAC/B,UAAO,YAAY,QAAQ,QAAQ,YAAY;EAChD,EAAA;EAED,SAAS,YAAY,OAAc;GACjC,MAAM,SAAS,MAAM;AACrB,eAAY,YAAY,OAAO,MAAK;EACtC;EAEA,SAAS,aAAa;AACpB,aAAU,QAAQ;AAClB,eAAY,QAAO;EACrB;EAEA,SAAS,cAAc;AACrB,aAAU,QAAQ;EACpB;EAEA,SAAS,YAAY,OAAmB;AACtC,QAAK,UAAU,MACb;AACF,eAAY,YAAY,MAAK;EAC/B;EAEA,SAAS,cAAc,OAAsB;AAI3C,OAAI,YAAY,SAAS,MAAM,YAC7B;AACF,WAAQ,MAAM,KAAd;IACE,KAAK;AACH,WAAM,gBAAe;AACrB,iBAAY,WAAU;AACtB;IACF,KAAK;AACH,WAAM,gBAAe;AACrB,iBAAY,WAAU;AACtB;IACF,KAAK;AACH,WAAM,gBAAe;AACrB,iBAAY,eAAc;AAC1B;IACF,KAAK;AACH,WAAM,gBAAe;AACrB,iBAAY,eAAc;AAC1B;IACF,KAAK;AACH,WAAM,gBAAe;AACrB,iBAAY,gBAAe;AAC3B;IACF,KAAK;AACH,WAAM,gBAAe;AACrB,iBAAY,gBAAe;AAC3B;IACF,KAAK;AACH,WAAM,gBAAe;AACrB,iBAAY,QAAO;AACnB;GACJ;EACF;EAGA,SAAS,kBAAkB,OAAmB;AAC5C,OAAI,MAAM,YACR;AACF,QAAK,YAAY,QAAQ,MACvB;GAEF,MAAM,SAAS,MAAM;GACrB,MAAM,OAAO,MAAM;AAGnB,OAAI,SAAS,iBAAiB,KAAK,KAAK,EAAE;AACxC,UAAM,gBAAe;AACrB;GACF;GAGA,MAAM,YAAY,OAAO,MAAM,MAAM,GAAG,OAAO,yBAA2B,IACrE,QAAQ,MACT,OAAO,MAAM,MAAM,OAAO,uBAAyB;AAGvD,OAAI,cAAc,OAAO,cAAc,OAAO,cAAc,KAC1D;GAEF,MAAM,WAAW,WAAW,UAAS;AACrC,OAAI,MAAM,SAAS,CACjB,OAAM,gBAAe;EAEzB;;gCAIE,qBAsBY,eAAA,sCAAA,EAAA;IArBT,YAAUA,KAAAA;IACV,IAAIC,KAAAA;IACJ,MAAM,UAAA;IACN,WAAW,UAAA;IACX,OAAO,eAAA,YAAW,CAAC,WAAW;IAC9B,aAAa,eAAA,YAAW,CAAC,YAAY;IACrC,UAAU,eAAA,YAAW,CAAC,SAAS;IAC/B,UAAU,eAAA,YAAW,CAAC,SAAS;IAC/B,iBAAe,eAAA,YAAW,CAAC,SAAS,QAAK;IACzC,iBAAe,eAAA,YAAW,CAAC,SAAS,QAAK;IACzC,iBAAe,eAAA,YAAW,CAAC,QAAQ;IACnC,SAAO;IACP,QAAM;IACN,SAAO;IACP,WAAS;IACT,SAAO;IACP,eAAa;IACb,oBAAkB,eAAA,uBAAsB;IACxC,kBAAgB,eAAA,qBAAoB;;8BAErC,MAAQ,CAAR,oBAAQ,KAAA,QAAA,UAAA"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { useComposing } from "../shared/useComposing.js";
|
|
1
2
|
import { Primitive } from "../Primitive/Primitive.js";
|
|
2
3
|
import { injectColorFieldRootContext } from "./ColorFieldRoot.js";
|
|
3
4
|
import { computed, createBlock, defineComponent, openBlock, ref, renderSlot, unref, withCtx } from "vue";
|
|
@@ -21,6 +22,7 @@ var ColorFieldInput_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
|
|
|
21
22
|
const props = __props;
|
|
22
23
|
const rootContext = injectColorFieldRootContext();
|
|
23
24
|
const isFocused = ref(false);
|
|
25
|
+
const { isComposing, handleCompositionStart, handleCompositionEnd } = useComposing();
|
|
24
26
|
const inputType = computed(() => {
|
|
25
27
|
return rootContext.channel.value ? "text" : "text";
|
|
26
28
|
});
|
|
@@ -43,6 +45,7 @@ var ColorFieldInput_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
|
|
|
43
45
|
rootContext.handleWheel(event);
|
|
44
46
|
}
|
|
45
47
|
function handleKeydown(event) {
|
|
48
|
+
if (isComposing.value || event.isComposing) return;
|
|
46
49
|
switch (event.key) {
|
|
47
50
|
case "ArrowUp":
|
|
48
51
|
event.preventDefault();
|
|
@@ -75,6 +78,7 @@ var ColorFieldInput_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
|
|
|
75
78
|
}
|
|
76
79
|
}
|
|
77
80
|
function handleBeforeInput(event) {
|
|
81
|
+
if (event.isComposing) return;
|
|
78
82
|
if (!rootContext.channel.value) return;
|
|
79
83
|
const target = event.target;
|
|
80
84
|
const data = event.data;
|
|
@@ -105,7 +109,9 @@ var ColorFieldInput_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
|
|
|
105
109
|
onFocus: handleFocus,
|
|
106
110
|
onKeydown: handleKeydown,
|
|
107
111
|
onWheel: handleWheel,
|
|
108
|
-
onBeforeinput: handleBeforeInput
|
|
112
|
+
onBeforeinput: handleBeforeInput,
|
|
113
|
+
onCompositionstart: unref(handleCompositionStart),
|
|
114
|
+
onCompositionend: unref(handleCompositionEnd)
|
|
109
115
|
}, {
|
|
110
116
|
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
|
|
111
117
|
_: 3
|
|
@@ -120,7 +126,9 @@ var ColorFieldInput_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
|
|
|
120
126
|
"readonly",
|
|
121
127
|
"data-disabled",
|
|
122
128
|
"data-readonly",
|
|
123
|
-
"aria-invalid"
|
|
129
|
+
"aria-invalid",
|
|
130
|
+
"onCompositionstart",
|
|
131
|
+
"onCompositionend"
|
|
124
132
|
]);
|
|
125
133
|
};
|
|
126
134
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ColorFieldInput.js","names":["asChild","as"],"sources":["../../src/ColorField/ColorFieldInput.vue","../../src/ColorField/ColorFieldInput.vue"],"sourcesContent":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ColorFieldInput.js","names":["asChild","as"],"sources":["../../src/ColorField/ColorFieldInput.vue","../../src/ColorField/ColorFieldInput.vue"],"sourcesContent":[],"mappings":";;;;;;AAGA,MAAM,mBAAmB;;;;;;;;;;;;;;;EAWzB,MAAM,QAAQ;EAId,MAAM,cAAc,6BAA4B;EAEhD,MAAM,YAAY,IAAI,MAAK;EAC3B,MAAM,EAAE,aAAa,wBAAwB,sBAAsB,GAAG,cAAa;EAEnF,MAAM,YAAY,SAAS,MAAM;AAC/B,UAAO,YAAY,QAAQ,QAAQ,SAAS;EAC7C,EAAA;EAED,MAAM,YAAY,SAAS,MAAM;AAC/B,UAAO,YAAY,QAAQ,QAAQ,YAAY;EAChD,EAAA;EAED,SAAS,YAAY,OAAc;GACjC,MAAM,SAAS,MAAM;AACrB,eAAY,YAAY,OAAO,MAAK;EACtC;EAEA,SAAS,aAAa;AACpB,aAAU,QAAQ;AAClB,eAAY,QAAO;EACrB;EAEA,SAAS,cAAc;AACrB,aAAU,QAAQ;EACpB;EAEA,SAAS,YAAY,OAAmB;AACtC,QAAK,UAAU,MACb;AACF,eAAY,YAAY,MAAK;EAC/B;EAEA,SAAS,cAAc,OAAsB;AAI3C,OAAI,YAAY,SAAS,MAAM,YAC7B;AACF,WAAQ,MAAM,KAAd;IACE,KAAK;AACH,WAAM,gBAAe;AACrB,iBAAY,WAAU;AACtB;IACF,KAAK;AACH,WAAM,gBAAe;AACrB,iBAAY,WAAU;AACtB;IACF,KAAK;AACH,WAAM,gBAAe;AACrB,iBAAY,eAAc;AAC1B;IACF,KAAK;AACH,WAAM,gBAAe;AACrB,iBAAY,eAAc;AAC1B;IACF,KAAK;AACH,WAAM,gBAAe;AACrB,iBAAY,gBAAe;AAC3B;IACF,KAAK;AACH,WAAM,gBAAe;AACrB,iBAAY,gBAAe;AAC3B;IACF,KAAK;AACH,WAAM,gBAAe;AACrB,iBAAY,QAAO;AACnB;GACJ;EACF;EAGA,SAAS,kBAAkB,OAAmB;AAC5C,OAAI,MAAM,YACR;AACF,QAAK,YAAY,QAAQ,MACvB;GAEF,MAAM,SAAS,MAAM;GACrB,MAAM,OAAO,MAAM;AAGnB,OAAI,SAAS,iBAAiB,KAAK,KAAK,EAAE;AACxC,UAAM,gBAAe;AACrB;GACF;GAGA,MAAM,YAAY,OAAO,MAAM,MAAM,GAAG,OAAO,yBAA2B,IACrE,QAAQ,MACT,OAAO,MAAM,MAAM,OAAO,uBAAyB;AAGvD,OAAI,cAAc,OAAO,cAAc,OAAO,cAAc,KAC1D;GAEF,MAAM,WAAW,WAAW,UAAS;AACrC,OAAI,MAAM,SAAS,CACjB,OAAM,gBAAe;EAEzB;;uBAIE,YAsBY,MAAA,UAAA,EAAA;IArBT,YAAUA,KAAAA;IACV,IAAIC,KAAAA;IACJ,MAAM,UAAA;IACN,WAAW,UAAA;IACX,OAAO,MAAA,YAAW,CAAC,WAAW;IAC9B,aAAa,MAAA,YAAW,CAAC,YAAY;IACrC,UAAU,MAAA,YAAW,CAAC,SAAS;IAC/B,UAAU,MAAA,YAAW,CAAC,SAAS;IAC/B,iBAAe,MAAA,YAAW,CAAC,SAAS,QAAK;IACzC,iBAAe,MAAA,YAAW,CAAC,SAAS,QAAK;IACzC,iBAAe,MAAA,YAAW,CAAC,QAAQ;IACnC,SAAO;IACP,QAAM;IACN,SAAO;IACP,WAAS;IACT,SAAO;IACP,eAAa;IACb,oBAAkB,MAAA,uBAAsB;IACxC,kBAAgB,MAAA,qBAAoB;;qBAErC,MAAQ,CAAR,WAAQ,KAAA,QAAA,UAAA"}
|
|
@@ -158,6 +158,12 @@ var ComboboxContentImpl_vue_vue_type_script_setup_true_lang_default = /* @__PURE
|
|
|
158
158
|
const activeElement = require_shared_getActiveElement.getActiveElement();
|
|
159
159
|
if (isInputWithinContent.value && (!activeElement || activeElement === document.body)) rootContext.triggerElement.value?.focus();
|
|
160
160
|
});
|
|
161
|
+
function isEventTargetWithinCombobox(target) {
|
|
162
|
+
if (rootContext.parentElement.value?.contains(target)) return true;
|
|
163
|
+
const label = target instanceof Element ? target.closest("label") : null;
|
|
164
|
+
const control = label?.control;
|
|
165
|
+
return !!control && !!rootContext.parentElement.value?.contains(control);
|
|
166
|
+
}
|
|
161
167
|
return (_ctx, _cache) => {
|
|
162
168
|
return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_Listbox_ListboxContent.ListboxContent_default), { "as-child": "" }, {
|
|
163
169
|
default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(require_FocusScope_FocusScope.FocusScope_default), {
|
|
@@ -170,13 +176,13 @@ var ComboboxContentImpl_vue_vue_type_script_setup_true_lang_default = /* @__PURE
|
|
|
170
176
|
"disable-outside-pointer-events": _ctx.disableOutsidePointerEvents,
|
|
171
177
|
onDismiss: _cache[0] || (_cache[0] = ($event) => (0, vue.unref)(rootContext).onOpenChange(false)),
|
|
172
178
|
onFocusOutside: _cache[1] || (_cache[1] = (ev) => {
|
|
173
|
-
if ((
|
|
179
|
+
if (isEventTargetWithinCombobox(ev.target)) ev.preventDefault();
|
|
174
180
|
emits("focusOutside", ev);
|
|
175
181
|
}),
|
|
176
182
|
onInteractOutside: _cache[2] || (_cache[2] = ($event) => emits("interactOutside", $event)),
|
|
177
183
|
onEscapeKeyDown: _cache[3] || (_cache[3] = ($event) => emits("escapeKeyDown", $event)),
|
|
178
184
|
onPointerDownOutside: _cache[4] || (_cache[4] = (ev) => {
|
|
179
|
-
if ((
|
|
185
|
+
if (isEventTargetWithinCombobox(ev.target)) ev.preventDefault();
|
|
180
186
|
emits("pointerDownOutside", ev);
|
|
181
187
|
})
|
|
182
188
|
}, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ComboboxContentImpl.cjs","names":["disableOutsidePointerEvents","$attrs"],"sources":["../../src/Combobox/ComboboxContentImpl.vue","../../src/Combobox/ComboboxContentImpl.vue"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;AA0BA,MAAa,CAAC,8BAA8B,8BAA6B,GACrE,2CAEC,kBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAYtB,MAAM,QAAQ;EAGd,MAAM,QAAQ;EAEd,MAAM,EAAE,UAAU,GAAG,gBAAO,MAAK;EACjC,MAAM,cAAc,yDAA0B;EAE9C,MAAM,UAAU,kBAAS,MAAM,YAAY,aAAa,QACpD,YAAY,SAAS,MAAM,SAAS,IACpC,YAAY,YAAY,MAAM,UAAU,EAC5C;EAEA,MAAM,EAAE,YAAY,gBAAgB,GAAG,kDAAiB;AACxD,qDAAkB,MAAM,SAAQ;AAChC,gDAAe;AACf,6CAAc,YAAY,cAAa;EAEvC,MAAM,cAAc,kBAAS,MAAM;AACjC,OAAI,MAAM,aAAa,SACrB,QAAO;OACJ,QAAO,CAAC;EACd,EAAA;EAED,MAAM,iBAAiB,+CAAgB,YAAY,MAAK;EAExD,MAAM,cAAc;GAElB,aAAa;GACb,4CACM;GACN,2CACM;GACN,4CACM;GACN,iCAAiC;GACjC,kCAAkC;EACpC;AAEA,gCAA8B,EAAE,SAAU,EAAA;EAG1C,MAAM,uBAAuB,aAAI,MAAK;AACtC,qBAAU,MAAM;AACd,OAAI,YAAY,aAAa,OAAO;AAClC,yBAAqB,QAAQ,eAAe,MAAM,SAAS,YAAY,aAAa,MAAK;AACzF,QAAI,qBAAqB,MACvB,aAAY,aAAa,MAAM,OAAM;GAEzC;EACD,EAAA;AAED,uBAAY,MAAM;GAChB,MAAM,gBAAgB,kDAAiB;AACvC,OAAI,qBAAqB,WAAW,iBAAiB,kBAAkB,SAAS,MAC9E,aAAY,eAAe,OAAO,OAAM;EAE3C,EAAA;;
|
|
1
|
+
{"version":3,"file":"ComboboxContentImpl.cjs","names":["disableOutsidePointerEvents","$attrs"],"sources":["../../src/Combobox/ComboboxContentImpl.vue","../../src/Combobox/ComboboxContentImpl.vue"],"sourcesContent":[],"mappings":"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"}
|
|
@@ -157,6 +157,12 @@ var ComboboxContentImpl_vue_vue_type_script_setup_true_lang_default = /* @__PURE
|
|
|
157
157
|
const activeElement = getActiveElement();
|
|
158
158
|
if (isInputWithinContent.value && (!activeElement || activeElement === document.body)) rootContext.triggerElement.value?.focus();
|
|
159
159
|
});
|
|
160
|
+
function isEventTargetWithinCombobox(target) {
|
|
161
|
+
if (rootContext.parentElement.value?.contains(target)) return true;
|
|
162
|
+
const label = target instanceof Element ? target.closest("label") : null;
|
|
163
|
+
const control = label?.control;
|
|
164
|
+
return !!control && !!rootContext.parentElement.value?.contains(control);
|
|
165
|
+
}
|
|
160
166
|
return (_ctx, _cache) => {
|
|
161
167
|
return openBlock(), createBlock(unref(ListboxContent_default), { "as-child": "" }, {
|
|
162
168
|
default: withCtx(() => [createVNode(unref(FocusScope_default), {
|
|
@@ -169,13 +175,13 @@ var ComboboxContentImpl_vue_vue_type_script_setup_true_lang_default = /* @__PURE
|
|
|
169
175
|
"disable-outside-pointer-events": _ctx.disableOutsidePointerEvents,
|
|
170
176
|
onDismiss: _cache[0] || (_cache[0] = ($event) => unref(rootContext).onOpenChange(false)),
|
|
171
177
|
onFocusOutside: _cache[1] || (_cache[1] = (ev) => {
|
|
172
|
-
if (
|
|
178
|
+
if (isEventTargetWithinCombobox(ev.target)) ev.preventDefault();
|
|
173
179
|
emits("focusOutside", ev);
|
|
174
180
|
}),
|
|
175
181
|
onInteractOutside: _cache[2] || (_cache[2] = ($event) => emits("interactOutside", $event)),
|
|
176
182
|
onEscapeKeyDown: _cache[3] || (_cache[3] = ($event) => emits("escapeKeyDown", $event)),
|
|
177
183
|
onPointerDownOutside: _cache[4] || (_cache[4] = (ev) => {
|
|
178
|
-
if (
|
|
184
|
+
if (isEventTargetWithinCombobox(ev.target)) ev.preventDefault();
|
|
179
185
|
emits("pointerDownOutside", ev);
|
|
180
186
|
})
|
|
181
187
|
}, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ComboboxContentImpl.js","names":["disableOutsidePointerEvents","$attrs"],"sources":["../../src/Combobox/ComboboxContentImpl.vue","../../src/Combobox/ComboboxContentImpl.vue"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;AA0BA,MAAa,CAAC,8BAA8B,8BAA6B,GACrE,cAEC,kBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAYtB,MAAM,QAAQ;EAGd,MAAM,QAAQ;EAEd,MAAM,EAAE,UAAU,GAAG,OAAO,MAAK;EACjC,MAAM,cAAc,2BAA0B;EAE9C,MAAM,UAAU,SAAS,MAAM,YAAY,aAAa,QACpD,YAAY,SAAS,MAAM,SAAS,IACpC,YAAY,YAAY,MAAM,UAAU,EAC5C;EAEA,MAAM,EAAE,YAAY,gBAAgB,GAAG,kBAAiB;AACxD,oBAAkB,MAAM,SAAQ;AAChC,kBAAe;AACf,gBAAc,YAAY,cAAa;EAEvC,MAAM,cAAc,SAAS,MAAM;AACjC,OAAI,MAAM,aAAa,SACrB,QAAO;OACJ,QAAO,CAAC;EACd,EAAA;EAED,MAAM,iBAAiB,gBAAgB,YAAY,MAAK;EAExD,MAAM,cAAc;GAElB,aAAa;GACb,4CACM;GACN,2CACM;GACN,4CACM;GACN,iCAAiC;GACjC,kCAAkC;EACpC;AAEA,gCAA8B,EAAE,SAAU,EAAA;EAG1C,MAAM,uBAAuB,IAAI,MAAK;AACtC,YAAU,MAAM;AACd,OAAI,YAAY,aAAa,OAAO;AAClC,yBAAqB,QAAQ,eAAe,MAAM,SAAS,YAAY,aAAa,MAAK;AACzF,QAAI,qBAAqB,MACvB,aAAY,aAAa,MAAM,OAAM;GAEzC;EACD,EAAA;AAED,cAAY,MAAM;GAChB,MAAM,gBAAgB,kBAAiB;AACvC,OAAI,qBAAqB,WAAW,iBAAiB,kBAAkB,SAAS,MAC9E,aAAY,eAAe,OAAO,OAAM;EAE3C,EAAA;;
|
|
1
|
+
{"version":3,"file":"ComboboxContentImpl.js","names":["disableOutsidePointerEvents","$attrs"],"sources":["../../src/Combobox/ComboboxContentImpl.vue","../../src/Combobox/ComboboxContentImpl.vue"],"sourcesContent":[],"mappings":"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"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
const require_rolldown_runtime = require('../rolldown-runtime.cjs');
|
|
2
|
+
const require_shared_useComposing = require('../shared/useComposing.cjs');
|
|
2
3
|
const require_Primitive_usePrimitiveElement = require('../Primitive/usePrimitiveElement.cjs');
|
|
3
4
|
const require_Listbox_ListboxRoot = require('../Listbox/ListboxRoot.cjs');
|
|
4
5
|
const require_Listbox_ListboxFilter = require('../Listbox/ListboxFilter.cjs');
|
|
@@ -47,20 +48,29 @@ var ComboboxInput_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
|
|
|
47
48
|
(0, vue.onMounted)(() => {
|
|
48
49
|
if (currentElement.value) rootContext.onInputElementChange(currentElement.value);
|
|
49
50
|
});
|
|
51
|
+
const { isComposing, handleCompositionStart, handleCompositionEnd } = require_shared_useComposing.useComposing((event) => {
|
|
52
|
+
const el = event.target;
|
|
53
|
+
if (el) processInputValue(el.value);
|
|
54
|
+
});
|
|
50
55
|
function handleKeyDown(ev) {
|
|
56
|
+
if (isComposing.value) return;
|
|
57
|
+
ev.preventDefault();
|
|
51
58
|
if (!rootContext.open.value) rootContext.onOpenChange(true);
|
|
52
59
|
}
|
|
53
|
-
function
|
|
54
|
-
const target = event.target;
|
|
60
|
+
function processInputValue(value) {
|
|
55
61
|
if (!rootContext.open.value) {
|
|
56
62
|
rootContext.onOpenChange(true);
|
|
57
63
|
(0, vue.nextTick)(() => {
|
|
58
|
-
if (
|
|
59
|
-
rootContext.filterSearch.value =
|
|
64
|
+
if (value) {
|
|
65
|
+
rootContext.filterSearch.value = value;
|
|
60
66
|
listboxContext.highlightFirstItem();
|
|
61
67
|
}
|
|
62
68
|
});
|
|
63
|
-
} else rootContext.filterSearch.value =
|
|
69
|
+
} else rootContext.filterSearch.value = value;
|
|
70
|
+
}
|
|
71
|
+
function handleInput(event) {
|
|
72
|
+
if (isComposing.value) return;
|
|
73
|
+
processInputValue(event.target.value);
|
|
64
74
|
}
|
|
65
75
|
function handleFocus() {
|
|
66
76
|
if (rootContext.openOnFocus.value && !rootContext.open.value) rootContext.onOpenChange(true);
|
|
@@ -71,7 +81,12 @@ var ComboboxInput_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
|
|
|
71
81
|
if (!nextFocus) return;
|
|
72
82
|
const isInsideRoot = rootContext.parentElement.value?.contains(nextFocus);
|
|
73
83
|
const isInsideContent = document.getElementById(rootContext.contentId)?.contains(nextFocus);
|
|
74
|
-
if (!isInsideRoot && !isInsideContent)
|
|
84
|
+
if (!isInsideRoot && !isInsideContent) requestAnimationFrame(() => {
|
|
85
|
+
if (!rootContext.open.value) return;
|
|
86
|
+
const active = document.activeElement;
|
|
87
|
+
const isStillOutside = !rootContext.parentElement.value?.contains(active) && !document.getElementById(rootContext.contentId)?.contains(active);
|
|
88
|
+
if (isStillOutside) rootContext.onOpenChange(false);
|
|
89
|
+
});
|
|
75
90
|
}
|
|
76
91
|
function handleClick() {
|
|
77
92
|
if (rootContext.openOnClick.value && !rootContext.open.value) rootContext.onOpenChange(true);
|
|
@@ -115,9 +130,11 @@ var ComboboxInput_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
|
|
|
115
130
|
autocomplete: "off",
|
|
116
131
|
onClick: handleClick,
|
|
117
132
|
onInput: handleInput,
|
|
118
|
-
onKeydown: (0, vue.withKeys)(
|
|
133
|
+
onKeydown: (0, vue.withKeys)(handleKeyDown, ["down", "up"]),
|
|
119
134
|
onFocus: handleFocus,
|
|
120
|
-
onBlur: handleBlur
|
|
135
|
+
onBlur: handleBlur,
|
|
136
|
+
onCompositionstart: (0, vue.unref)(handleCompositionStart),
|
|
137
|
+
onCompositionend: (0, vue.unref)(handleCompositionEnd)
|
|
121
138
|
}, {
|
|
122
139
|
default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
|
|
123
140
|
_: 3
|
|
@@ -129,7 +146,8 @@ var ComboboxInput_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
|
|
|
129
146
|
"disabled",
|
|
130
147
|
"aria-expanded",
|
|
131
148
|
"aria-controls",
|
|
132
|
-
"
|
|
149
|
+
"onCompositionstart",
|
|
150
|
+
"onCompositionend"
|
|
133
151
|
]);
|
|
134
152
|
};
|
|
135
153
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ComboboxInput.cjs","names":["as","asChild","autoFocus","disabled"],"sources":["../../src/Combobox/ComboboxInput.vue","../../src/Combobox/ComboboxInput.vue"],"sourcesContent":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ComboboxInput.cjs","names":["as","asChild","autoFocus","disabled"],"sources":["../../src/Combobox/ComboboxInput.vue","../../src/Combobox/ComboboxInput.vue"],"sourcesContent":[],"mappings":"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"}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
|
+
import { useComposing } from "../shared/useComposing.js";
|
|
1
2
|
import { usePrimitiveElement } from "../Primitive/usePrimitiveElement.js";
|
|
2
3
|
import { injectListboxRootContext } from "../Listbox/ListboxRoot.js";
|
|
3
4
|
import { ListboxFilter_default } from "../Listbox/ListboxFilter.js";
|
|
4
5
|
import { injectComboboxRootContext } from "./ComboboxRoot.js";
|
|
5
|
-
import { createBlock, defineComponent, isRef, nextTick, onMounted, openBlock, renderSlot, unref, watch, withCtx, withKeys
|
|
6
|
+
import { createBlock, defineComponent, isRef, nextTick, onMounted, openBlock, renderSlot, unref, watch, withCtx, withKeys } from "vue";
|
|
6
7
|
import { useVModel } from "@vueuse/core";
|
|
7
8
|
|
|
8
9
|
//#region src/Combobox/ComboboxInput.vue?vue&type=script&setup=true&lang.ts
|
|
@@ -46,20 +47,29 @@ var ComboboxInput_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
|
|
|
46
47
|
onMounted(() => {
|
|
47
48
|
if (currentElement.value) rootContext.onInputElementChange(currentElement.value);
|
|
48
49
|
});
|
|
50
|
+
const { isComposing, handleCompositionStart, handleCompositionEnd } = useComposing((event) => {
|
|
51
|
+
const el = event.target;
|
|
52
|
+
if (el) processInputValue(el.value);
|
|
53
|
+
});
|
|
49
54
|
function handleKeyDown(ev) {
|
|
55
|
+
if (isComposing.value) return;
|
|
56
|
+
ev.preventDefault();
|
|
50
57
|
if (!rootContext.open.value) rootContext.onOpenChange(true);
|
|
51
58
|
}
|
|
52
|
-
function
|
|
53
|
-
const target = event.target;
|
|
59
|
+
function processInputValue(value) {
|
|
54
60
|
if (!rootContext.open.value) {
|
|
55
61
|
rootContext.onOpenChange(true);
|
|
56
62
|
nextTick(() => {
|
|
57
|
-
if (
|
|
58
|
-
rootContext.filterSearch.value =
|
|
63
|
+
if (value) {
|
|
64
|
+
rootContext.filterSearch.value = value;
|
|
59
65
|
listboxContext.highlightFirstItem();
|
|
60
66
|
}
|
|
61
67
|
});
|
|
62
|
-
} else rootContext.filterSearch.value =
|
|
68
|
+
} else rootContext.filterSearch.value = value;
|
|
69
|
+
}
|
|
70
|
+
function handleInput(event) {
|
|
71
|
+
if (isComposing.value) return;
|
|
72
|
+
processInputValue(event.target.value);
|
|
63
73
|
}
|
|
64
74
|
function handleFocus() {
|
|
65
75
|
if (rootContext.openOnFocus.value && !rootContext.open.value) rootContext.onOpenChange(true);
|
|
@@ -70,7 +80,12 @@ var ComboboxInput_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
|
|
|
70
80
|
if (!nextFocus) return;
|
|
71
81
|
const isInsideRoot = rootContext.parentElement.value?.contains(nextFocus);
|
|
72
82
|
const isInsideContent = document.getElementById(rootContext.contentId)?.contains(nextFocus);
|
|
73
|
-
if (!isInsideRoot && !isInsideContent)
|
|
83
|
+
if (!isInsideRoot && !isInsideContent) requestAnimationFrame(() => {
|
|
84
|
+
if (!rootContext.open.value) return;
|
|
85
|
+
const active = document.activeElement;
|
|
86
|
+
const isStillOutside = !rootContext.parentElement.value?.contains(active) && !document.getElementById(rootContext.contentId)?.contains(active);
|
|
87
|
+
if (isStillOutside) rootContext.onOpenChange(false);
|
|
88
|
+
});
|
|
74
89
|
}
|
|
75
90
|
function handleClick() {
|
|
76
91
|
if (rootContext.openOnClick.value && !rootContext.open.value) rootContext.onOpenChange(true);
|
|
@@ -114,9 +129,11 @@ var ComboboxInput_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
|
|
|
114
129
|
autocomplete: "off",
|
|
115
130
|
onClick: handleClick,
|
|
116
131
|
onInput: handleInput,
|
|
117
|
-
onKeydown: withKeys(
|
|
132
|
+
onKeydown: withKeys(handleKeyDown, ["down", "up"]),
|
|
118
133
|
onFocus: handleFocus,
|
|
119
|
-
onBlur: handleBlur
|
|
134
|
+
onBlur: handleBlur,
|
|
135
|
+
onCompositionstart: unref(handleCompositionStart),
|
|
136
|
+
onCompositionend: unref(handleCompositionEnd)
|
|
120
137
|
}, {
|
|
121
138
|
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
|
|
122
139
|
_: 3
|
|
@@ -128,7 +145,8 @@ var ComboboxInput_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
|
|
|
128
145
|
"disabled",
|
|
129
146
|
"aria-expanded",
|
|
130
147
|
"aria-controls",
|
|
131
|
-
"
|
|
148
|
+
"onCompositionstart",
|
|
149
|
+
"onCompositionend"
|
|
132
150
|
]);
|
|
133
151
|
};
|
|
134
152
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ComboboxInput.js","names":["as","asChild","autoFocus","disabled"],"sources":["../../src/Combobox/ComboboxInput.vue","../../src/Combobox/ComboboxInput.vue"],"sourcesContent":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ComboboxInput.js","names":["as","asChild","autoFocus","disabled"],"sources":["../../src/Combobox/ComboboxInput.vue","../../src/Combobox/ComboboxInput.vue"],"sourcesContent":[],"mappings":"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"}
|
|
@@ -26,7 +26,7 @@ var DateFieldInput_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
|
|
|
26
26
|
const rootContext = require_DateField_DateFieldRoot.injectDateFieldRootContext();
|
|
27
27
|
const hasLeftFocus = (0, vue.ref)(true);
|
|
28
28
|
const lastKeyZero = (0, vue.ref)(false);
|
|
29
|
-
const { handleSegmentClick, handleSegmentKeydown, attributes } = require_date_useDateField.useDateField({
|
|
29
|
+
const { handleSegmentClick, handleSegmentKeydown, handleSegmentBeforeInput, handleSegmentCompositionStart, handleSegmentCompositionEnd, attributes } = require_date_useDateField.useDateField({
|
|
30
30
|
hasLeftFocus,
|
|
31
31
|
lastKeyZero,
|
|
32
32
|
placeholder: rootContext.placeholder,
|
|
@@ -58,6 +58,9 @@ var DateFieldInput_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
|
|
|
58
58
|
}, (0, vue.toHandlers)(_ctx.part !== "literal" ? {
|
|
59
59
|
mousedown: (0, vue.unref)(handleSegmentClick),
|
|
60
60
|
keydown: (0, vue.unref)(handleSegmentKeydown),
|
|
61
|
+
beforeinput: (0, vue.unref)(handleSegmentBeforeInput),
|
|
62
|
+
compositionstart: (0, vue.unref)(handleSegmentCompositionStart),
|
|
63
|
+
compositionend: (0, vue.unref)(handleSegmentCompositionEnd),
|
|
61
64
|
focusout: () => {
|
|
62
65
|
hasLeftFocus.value = true;
|
|
63
66
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateFieldInput.cjs","names":["as","asChild","part"],"sources":["../../src/DateField/DateFieldInput.vue","../../src/DateField/DateFieldInput.vue"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;EAeA,MAAM,QAAQ;EAEd,MAAM,cAAc,4DAA2B;EAE/C,MAAM,eAAe,aAAI,KAAI;EAC7B,MAAM,cAAc,aAAI,MAAK;EAE7B,MAAM,EACJ,oBACA,sBACA,YACD,GAAG,uCAAa;GACf;GACA;GACA,aAAa,YAAY;GACzB,WAAW,YAAY;GACvB,MAAM,YAAY;GAClB,eAAe,YAAY;GAC3B,WAAW,YAAY;GACvB,MAAM,MAAM;GACZ,UAAU,YAAY;GACtB,UAAU,YAAY;GACtB,WAAW,YAAY;GACvB,YAAY,YAAY;EACzB,EAAA;EAED,MAAM,WAAW,kBAAS,MAAM,YAAY,SAAS,MAAK;EAC1D,MAAM,WAAW,kBAAS,MAAM,YAAY,SAAS,MAAK;EAC1D,MAAM,YAAY,kBAAS,MAAM,YAAY,UAAU,MAAK;;gCAI1D,
|
|
1
|
+
{"version":3,"file":"DateFieldInput.cjs","names":["as","asChild","part"],"sources":["../../src/DateField/DateFieldInput.vue","../../src/DateField/DateFieldInput.vue"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;EAeA,MAAM,QAAQ;EAEd,MAAM,cAAc,4DAA2B;EAE/C,MAAM,eAAe,aAAI,KAAI;EAC7B,MAAM,cAAc,aAAI,MAAK;EAE7B,MAAM,EACJ,oBACA,sBACA,0BACA,+BACA,6BACA,YACD,GAAG,uCAAa;GACf;GACA;GACA,aAAa,YAAY;GACzB,WAAW,YAAY;GACvB,MAAM,YAAY;GAClB,eAAe,YAAY;GAC3B,WAAW,YAAY;GACvB,MAAM,MAAM;GACZ,UAAU,YAAY;GACtB,UAAU,YAAY;GACtB,WAAW,YAAY;GACvB,YAAY,YAAY;EACzB,EAAA;EAED,MAAM,WAAW,kBAAS,MAAM,YAAY,SAAS,MAAK;EAC1D,MAAM,WAAW,kBAAS,MAAM,YAAY,SAAS,MAAK;EAC1D,MAAM,YAAY,kBAAS,MAAM,YAAY,UAAU,MAAK;;gCAI1D,qBAwBY,eAAA,sCAAA,EAxBZ,oBAwBY;IAvBT,IAAIA,KAAAA;IACJ,YAAUC,KAAAA;MACH,eAAA,WAAU,EAAA;IACjB,iBAAiB,SAAA,SAAY,SAAA,QAAQ,QAAWC,KAAAA,SAAI;IACpD,gCAA8BA,KAAAA;IAC9B,iBAAe,SAAA,QAAQ;IACvB,iBAAe,SAAA,QAAQ;IACvB,iBAAe,SAAA,QAAQ;IACvB,gBAAc,UAAA,QAAS;IACvB,gBAAc,UAAA,QAAS;MACxB,oBAAMA,KAUC,SAVG,YAAA;eAAoC,eAAA,mBAAkB;aAAiB,eAAA,qBAAoB;iBAAqB,eAAA,yBAAwB;sBAA0B,eAAA,8BAA6B;oBAAwB,eAAA,4BAA2B;;AAA0B,kBAAA,QAAY;IAAA;cAA2B,MAAa;AAAe,oBAAA,YAAW,CAAC,kBAAkB,EAAE,OAAM;;;8BAY/X,MAAQ,CAAR,oBAAQ,KAAA,QAAA,UAAA"}
|
|
@@ -25,7 +25,7 @@ var DateFieldInput_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
|
|
|
25
25
|
const rootContext = injectDateFieldRootContext();
|
|
26
26
|
const hasLeftFocus = ref(true);
|
|
27
27
|
const lastKeyZero = ref(false);
|
|
28
|
-
const { handleSegmentClick, handleSegmentKeydown, attributes } = useDateField({
|
|
28
|
+
const { handleSegmentClick, handleSegmentKeydown, handleSegmentBeforeInput, handleSegmentCompositionStart, handleSegmentCompositionEnd, attributes } = useDateField({
|
|
29
29
|
hasLeftFocus,
|
|
30
30
|
lastKeyZero,
|
|
31
31
|
placeholder: rootContext.placeholder,
|
|
@@ -57,6 +57,9 @@ var DateFieldInput_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
|
|
|
57
57
|
}, toHandlers(_ctx.part !== "literal" ? {
|
|
58
58
|
mousedown: unref(handleSegmentClick),
|
|
59
59
|
keydown: unref(handleSegmentKeydown),
|
|
60
|
+
beforeinput: unref(handleSegmentBeforeInput),
|
|
61
|
+
compositionstart: unref(handleSegmentCompositionStart),
|
|
62
|
+
compositionend: unref(handleSegmentCompositionEnd),
|
|
60
63
|
focusout: () => {
|
|
61
64
|
hasLeftFocus.value = true;
|
|
62
65
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateFieldInput.js","names":["as","asChild","part"],"sources":["../../src/DateField/DateFieldInput.vue","../../src/DateField/DateFieldInput.vue"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;EAeA,MAAM,QAAQ;EAEd,MAAM,cAAc,4BAA2B;EAE/C,MAAM,eAAe,IAAI,KAAI;EAC7B,MAAM,cAAc,IAAI,MAAK;EAE7B,MAAM,EACJ,oBACA,sBACA,YACD,GAAG,aAAa;GACf;GACA;GACA,aAAa,YAAY;GACzB,WAAW,YAAY;GACvB,MAAM,YAAY;GAClB,eAAe,YAAY;GAC3B,WAAW,YAAY;GACvB,MAAM,MAAM;GACZ,UAAU,YAAY;GACtB,UAAU,YAAY;GACtB,WAAW,YAAY;GACvB,YAAY,YAAY;EACzB,EAAA;EAED,MAAM,WAAW,SAAS,MAAM,YAAY,SAAS,MAAK;EAC1D,MAAM,WAAW,SAAS,MAAM,YAAY,SAAS,MAAK;EAC1D,MAAM,YAAY,SAAS,MAAM,YAAY,UAAU,MAAK;;uBAI1D,
|
|
1
|
+
{"version":3,"file":"DateFieldInput.js","names":["as","asChild","part"],"sources":["../../src/DateField/DateFieldInput.vue","../../src/DateField/DateFieldInput.vue"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;EAeA,MAAM,QAAQ;EAEd,MAAM,cAAc,4BAA2B;EAE/C,MAAM,eAAe,IAAI,KAAI;EAC7B,MAAM,cAAc,IAAI,MAAK;EAE7B,MAAM,EACJ,oBACA,sBACA,0BACA,+BACA,6BACA,YACD,GAAG,aAAa;GACf;GACA;GACA,aAAa,YAAY;GACzB,WAAW,YAAY;GACvB,MAAM,YAAY;GAClB,eAAe,YAAY;GAC3B,WAAW,YAAY;GACvB,MAAM,MAAM;GACZ,UAAU,YAAY;GACtB,UAAU,YAAY;GACtB,WAAW,YAAY;GACvB,YAAY,YAAY;EACzB,EAAA;EAED,MAAM,WAAW,SAAS,MAAM,YAAY,SAAS,MAAK;EAC1D,MAAM,WAAW,SAAS,MAAM,YAAY,SAAS,MAAK;EAC1D,MAAM,YAAY,SAAS,MAAM,YAAY,UAAU,MAAK;;uBAI1D,YAwBY,MAAA,UAAA,EAxBZ,WAwBY;IAvBT,IAAIA,KAAAA;IACJ,YAAUC,KAAAA;MACH,MAAA,WAAU,EAAA;IACjB,iBAAiB,SAAA,SAAY,SAAA,QAAQ,QAAWC,KAAAA,SAAI;IACpD,gCAA8BA,KAAAA;IAC9B,iBAAe,SAAA,QAAQ;IACvB,iBAAe,SAAA,QAAQ;IACvB,iBAAe,SAAA,QAAQ;IACvB,gBAAc,UAAA,QAAS;IACvB,gBAAc,UAAA,QAAS;MACxB,WAAMA,KAUC,SAVG,YAAA;eAAoC,MAAA,mBAAkB;aAAiB,MAAA,qBAAoB;iBAAqB,MAAA,yBAAwB;sBAA0B,MAAA,8BAA6B;oBAAwB,MAAA,4BAA2B;;AAA0B,kBAAA,QAAY;IAAA;cAA2B,MAAa;AAAe,WAAA,YAAW,CAAC,kBAAkB,EAAE,OAAM;;;qBAY/X,MAAQ,CAAR,WAAQ,KAAA,QAAA,UAAA"}
|
|
@@ -203,6 +203,7 @@ var DateFieldRoot_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
|
|
|
203
203
|
const inputMinValue = (0, vue.computed)(() => props.minValue ? require_date_utils.normalizeInputValue(props.minValue, inferredGranularity.value) : void 0);
|
|
204
204
|
const kbd = require_shared_useKbd.useKbd();
|
|
205
205
|
function handleKeydown(e) {
|
|
206
|
+
if (e.isComposing) return;
|
|
206
207
|
if (!require_date_segment.isSegmentNavigationKey(e.key)) return;
|
|
207
208
|
if (e.key === kbd.ARROW_LEFT) prevFocusableSegment.value?.focus();
|
|
208
209
|
if (e.key === kbd.ARROW_RIGHT) nextFocusableSegment.value?.focus();
|