base-ui-vue 0.3.0 → 0.5.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/arrow/TooltipArrow.cjs +609 -0
- package/dist/arrow/TooltipArrow.cjs.map +1 -0
- package/dist/arrow/TooltipArrow.js +478 -0
- package/dist/arrow/TooltipArrow.js.map +1 -0
- package/dist/button/Button.cjs +5 -317
- package/dist/button/Button.cjs.map +1 -1
- package/dist/button/Button.js +3 -249
- package/dist/button/Button.js.map +1 -1
- package/dist/button/ToolbarButton.cjs +19 -6
- package/dist/button/ToolbarButton.cjs.map +1 -1
- package/dist/button/ToolbarButton.js +3 -2
- package/dist/button/ToolbarButton.js.map +1 -1
- package/dist/checkbox/index.cjs +20 -9
- package/dist/checkbox/index.cjs.map +1 -1
- package/dist/checkbox/index.js +7 -2
- package/dist/checkbox/index.js.map +1 -1
- package/dist/checkbox-group/CheckboxGroup.cjs +14 -13
- package/dist/checkbox-group/CheckboxGroup.cjs.map +1 -1
- package/dist/checkbox-group/CheckboxGroup.js +2 -1
- package/dist/checkbox-group/CheckboxGroup.js.map +1 -1
- package/dist/components/FloatingPortal.cjs +66 -0
- package/dist/components/FloatingPortal.cjs.map +1 -0
- package/dist/components/FloatingPortal.js +55 -0
- package/dist/components/FloatingPortal.js.map +1 -0
- package/dist/components/FloatingRootStore.cjs +101 -0
- package/dist/components/FloatingRootStore.cjs.map +1 -0
- package/dist/components/FloatingRootStore.js +84 -0
- package/dist/components/FloatingRootStore.js.map +1 -0
- package/dist/components/FloatingTree.cjs +33 -0
- package/dist/components/FloatingTree.cjs.map +1 -0
- package/dist/components/FloatingTree.js +22 -0
- package/dist/components/FloatingTree.js.map +1 -0
- package/dist/composite/composite.cjs +6 -0
- package/dist/composite/composite.js +1 -1
- package/dist/content/ScrollAreaContent.cjs +3 -3
- package/dist/content/ScrollAreaContent.cjs.map +1 -1
- package/dist/content/ScrollAreaContent.js +1 -1
- package/dist/control/FieldControl.cjs +3 -3
- package/dist/control/FieldControl.cjs.map +1 -1
- package/dist/control/FieldControl.js +1 -1
- package/dist/control/SliderControl.cjs +3 -3
- package/dist/control/SliderControl.cjs.map +1 -1
- package/dist/control/SliderControl.js +3 -3
- package/dist/corner/ScrollAreaCorner.cjs +3 -3
- package/dist/corner/ScrollAreaCorner.cjs.map +1 -1
- package/dist/corner/ScrollAreaCorner.js +1 -1
- package/dist/decrement/NumberFieldDecrement.cjs +868 -0
- package/dist/decrement/NumberFieldDecrement.cjs.map +1 -0
- package/dist/decrement/NumberFieldDecrement.js +701 -0
- package/dist/decrement/NumberFieldDecrement.js.map +1 -0
- package/dist/description/FieldDescription.cjs +2 -2
- package/dist/description/FieldDescription.cjs.map +1 -1
- package/dist/description/FieldDescription.js +1 -1
- package/dist/error/FieldError.cjs +2 -2
- package/dist/error/FieldError.cjs.map +1 -1
- package/dist/error/FieldError.js +1 -1
- package/dist/fallback/AvatarFallback.cjs +4 -48
- package/dist/fallback/AvatarFallback.cjs.map +1 -1
- package/dist/fallback/AvatarFallback.js +4 -42
- package/dist/fallback/AvatarFallback.js.map +1 -1
- package/dist/floating-ui-vue/index.js +638 -0
- package/dist/floating-ui-vue/index.js.map +1 -0
- package/dist/form/Form.cjs +3 -3
- package/dist/form/Form.cjs.map +1 -1
- package/dist/form/Form.js +1 -1
- package/dist/group/NumberFieldGroup.cjs +72 -0
- package/dist/group/NumberFieldGroup.cjs.map +1 -0
- package/dist/group/NumberFieldGroup.js +67 -0
- package/dist/group/NumberFieldGroup.js.map +1 -0
- package/dist/group/ToolbarGroup.cjs +2 -2
- package/dist/group/ToolbarGroup.cjs.map +1 -1
- package/dist/group/ToolbarGroup.js +1 -1
- package/dist/header/AccordionHeader.cjs +2 -2
- package/dist/header/AccordionHeader.cjs.map +1 -1
- package/dist/header/AccordionHeader.js +1 -1
- package/dist/hooks/useDismiss.cjs +502 -0
- package/dist/hooks/useDismiss.cjs.map +1 -0
- package/dist/hooks/useHoverFloatingInteraction.cjs +233 -0
- package/dist/hooks/useHoverFloatingInteraction.cjs.map +1 -0
- package/dist/image/AvatarImage.cjs +4 -4
- package/dist/image/AvatarImage.cjs.map +1 -1
- package/dist/image/AvatarImage.js +1 -1
- package/dist/increment/NumberFieldIncrement.cjs +113 -0
- package/dist/increment/NumberFieldIncrement.cjs.map +1 -0
- package/dist/increment/NumberFieldIncrement.js +108 -0
- package/dist/increment/NumberFieldIncrement.js.map +1 -0
- package/dist/index.cjs +80 -8
- package/dist/index.d.cts +4328 -1600
- package/dist/index.d.cts.map +1 -1
- package/dist/index.d.ts +4328 -1600
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +8 -4
- package/dist/index2.cjs +9435 -3236
- package/dist/index2.cjs.map +1 -1
- package/dist/index2.js +8905 -3049
- package/dist/index2.js.map +1 -1
- package/dist/rolldown-runtime.js +36 -0
- package/package.json +1 -1
- package/src/floating-ui-vue/components/FloatingPortal.ts +171 -0
- package/src/floating-ui-vue/components/FloatingPortal.vue +259 -0
- package/src/floating-ui-vue/components/FloatingRootStore.ts +83 -0
- package/src/floating-ui-vue/components/FloatingTree.ts +64 -0
- package/src/floating-ui-vue/components/FloatingTreeStore.ts +21 -0
- package/src/floating-ui-vue/hooks/useDismiss.ts +689 -0
- package/src/floating-ui-vue/hooks/useHoverFloatingInteraction.ts +244 -0
- package/src/floating-ui-vue/hooks/useHoverInteractionSharedState.ts +125 -0
- package/src/floating-ui-vue/hooks/useHoverShared.ts +53 -0
- package/src/floating-ui-vue/index.ts +48 -0
- package/src/floating-ui-vue/middleware/arrow.ts +114 -0
- package/src/floating-ui-vue/types.ts +117 -0
- package/src/floating-ui-vue/utils/composite.ts +20 -0
- package/src/floating-ui-vue/utils/constants.ts +2 -0
- package/src/floating-ui-vue/utils/createAttribute.ts +3 -0
- package/src/floating-ui-vue/utils/createEventEmitter.ts +20 -0
- package/src/floating-ui-vue/utils/element.ts +59 -0
- package/src/floating-ui-vue/utils/event.ts +15 -0
- package/src/floating-ui-vue/utils/nodes.ts +14 -0
- package/src/floating-ui-vue/utils/tabbable.ts +309 -0
- package/src/index.ts +7 -1
- package/src/number-field/decrement/NumberFieldDecrement.vue +109 -0
- package/src/number-field/group/NumberFieldGroup.vue +47 -0
- package/src/number-field/increment/NumberFieldIncrement.vue +109 -0
- package/src/number-field/index.ts +42 -0
- package/src/number-field/input/NumberFieldInput.vue +455 -0
- package/src/number-field/root/NumberFieldRoot.vue +626 -0
- package/src/number-field/root/NumberFieldRootContext.ts +94 -0
- package/src/number-field/root/useNumberFieldButton.ts +171 -0
- package/src/number-field/scrub-area/NumberFieldScrubArea.vue +359 -0
- package/src/number-field/scrub-area/NumberFieldScrubAreaContext.ts +26 -0
- package/src/number-field/scrub-area-cursor/NumberFieldScrubAreaCursor.vue +75 -0
- package/src/number-field/utils/constants.ts +4 -0
- package/src/number-field/utils/getViewportRect.ts +34 -0
- package/src/number-field/utils/parse.ts +248 -0
- package/src/number-field/utils/stateAttributesMapping.ts +9 -0
- package/src/number-field/utils/subscribeToVisualViewportResize.ts +27 -0
- package/src/number-field/utils/types.ts +24 -0
- package/src/number-field/utils/validate.ts +120 -0
- package/src/otp-field/index.ts +22 -0
- package/src/otp-field/input/OtpFieldInput.vue +336 -0
- package/src/otp-field/root/OtpFieldRoot.vue +583 -0
- package/src/otp-field/root/OtpFieldRootContext.ts +81 -0
- package/src/otp-field/utils/otp.ts +135 -0
- package/src/otp-field/utils/stateAttributesMapping.ts +16 -0
- package/src/radio/index.ts +28 -0
- package/src/radio/indicator/RadioIndicator.vue +90 -0
- package/src/radio/indicator/RadioIndicatorDataAttributes.ts +54 -0
- package/src/radio/root/RadioRoot.vue +544 -0
- package/src/radio/root/RadioRootContext.ts +18 -0
- package/src/radio/root/RadioRootDataAttributes.ts +46 -0
- package/src/radio/utils/stateAttributesMapping.ts +29 -0
- package/src/radio-group/RadioGroup.vue +381 -0
- package/src/radio-group/RadioGroupContext.ts +42 -0
- package/src/radio-group/RadioGroupDataAttributes.ts +6 -0
- package/src/radio-group/index.ts +10 -0
- package/src/tabs/index.ts +38 -0
- package/src/tabs/indicator/TabsIndicator.vue +201 -0
- package/src/tabs/indicator/TabsIndicatorCssVars.ts +26 -0
- package/src/tabs/indicator/TabsIndicatorDataAttributes.ts +12 -0
- package/src/tabs/indicator/prehydrationScript.min.ts +5 -0
- package/src/tabs/indicator/prehydrationScript.template.js +87 -0
- package/src/tabs/list/TabsList.vue +201 -0
- package/src/tabs/list/TabsListContext.ts +29 -0
- package/src/tabs/list/TabsListDataAttributes.ts +12 -0
- package/src/tabs/panel/TabsPanel.vue +167 -0
- package/src/tabs/panel/TabsPanelDataAttributes.ts +28 -0
- package/src/tabs/root/TabsRoot.vue +468 -0
- package/src/tabs/root/TabsRootContext.ts +56 -0
- package/src/tabs/root/TabsRootDataAttributes.ts +12 -0
- package/src/tabs/root/stateAttributesMapping.ts +9 -0
- package/src/tabs/tab/TabsTab.vue +274 -0
- package/src/tabs/tab/TabsTabDataAttributes.ts +20 -0
- package/src/tabs/utils/areTabValuesEqual.ts +6 -0
- package/src/tooltip/arrow/TooltipArrow.vue +116 -0
- package/src/tooltip/arrow/TooltipArrowDataAttributes.ts +31 -0
- package/src/tooltip/index.ts +54 -0
- package/src/tooltip/popup/TooltipPopup.vue +142 -0
- package/src/tooltip/popup/TooltipPopupDataAttributes.ts +35 -0
- package/src/tooltip/portal/TooltipPortal.vue +83 -0
- package/src/tooltip/portal/TooltipPortalContext.ts +19 -0
- package/src/tooltip/positioner/TooltipPositioner.vue +221 -0
- package/src/tooltip/positioner/TooltipPositionerContext.ts +23 -0
- package/src/tooltip/positioner/TooltipPositionerCssVars.ts +27 -0
- package/src/tooltip/positioner/TooltipPositionerDataAttributes.ts +26 -0
- package/src/tooltip/provider/TooltipProvider.vue +78 -0
- package/src/tooltip/provider/TooltipProviderContext.ts +19 -0
- package/src/tooltip/root/TooltipRoot.vue +401 -0
- package/src/tooltip/root/TooltipRootContext.ts +71 -0
- package/src/tooltip/store/TooltipHandle.ts +215 -0
- package/src/tooltip/trigger/TooltipTrigger.vue +343 -0
- package/src/tooltip/trigger/TooltipTriggerDataAttributes.ts +12 -0
- package/src/tooltip/utils/constants.ts +2 -0
- package/src/tooltip/viewport/TooltipViewport.vue +149 -0
- package/src/tooltip/viewport/TooltipViewportCssVars.ts +14 -0
- package/src/tooltip/viewport/TooltipViewportDataAttributes.ts +26 -0
- package/src/utils/FloatingPortalLite.vue +66 -0
- package/src/utils/FocusGuard.vue +36 -0
- package/src/utils/adaptiveOriginMiddleware.ts +79 -0
- package/src/utils/addEventListener.ts +16 -0
- package/src/utils/constants.ts +11 -0
- package/src/utils/createBaseUIEventDetails.ts +2 -0
- package/src/utils/detectBrowser.ts +15 -0
- package/src/utils/formatNumber.ts +35 -2
- package/src/utils/getCssDimensions.ts +19 -0
- package/src/utils/getDisabledMountTransitionStyles.ts +9 -0
- package/src/utils/hideMiddleware.ts +19 -0
- package/src/utils/mergeCleanups.ts +7 -0
- package/src/utils/platform.ts +18 -0
- package/src/utils/popupStateMapping.ts +103 -0
- package/src/utils/reasons.ts +4 -0
- package/src/utils/serializeValue.ts +17 -0
- package/src/utils/useAnchorPositioning.ts +644 -0
- package/src/utils/useInterval.ts +45 -0
- package/src/utils/usePopupAutoResize.ts +254 -0
- package/src/utils/usePopupViewport.ts +398 -0
- package/src/utils/usePositioner.ts +61 -0
- package/src/utils/usePressAndHold.ts +260 -0
- package/src/utils/useRenderElement.ts +3 -0
- package/src/utils/useValueChanged.ts +21 -0
|
@@ -0,0 +1,233 @@
|
|
|
1
|
+
const require_checkbox_index = require('../checkbox/index.cjs');
|
|
2
|
+
const require_control_SliderControl = require('../control/SliderControl.cjs');
|
|
3
|
+
const require_hooks_useDismiss = require('./useDismiss.cjs');
|
|
4
|
+
const require_components_FloatingRootStore = require('../components/FloatingRootStore.cjs');
|
|
5
|
+
const require_decrement_NumberFieldDecrement = require('../decrement/NumberFieldDecrement.cjs');
|
|
6
|
+
const require_components_FloatingTree = require('../components/FloatingTree.cjs');
|
|
7
|
+
let vue = require("vue");
|
|
8
|
+
let _floating_ui_utils_dom = require("@floating-ui/utils/dom");
|
|
9
|
+
|
|
10
|
+
//#region src/floating-ui-vue/hooks/useHoverInteractionSharedState.ts
|
|
11
|
+
var HoverInteraction = class HoverInteraction {
|
|
12
|
+
pointerType;
|
|
13
|
+
interactedInside;
|
|
14
|
+
handler;
|
|
15
|
+
blockMouseMove;
|
|
16
|
+
performedPointerEventsMutation;
|
|
17
|
+
pointerEventsScopeElement;
|
|
18
|
+
pointerEventsReferenceElement;
|
|
19
|
+
pointerEventsFloatingElement;
|
|
20
|
+
restTimeoutPending;
|
|
21
|
+
openChangeTimeout;
|
|
22
|
+
restTimeout;
|
|
23
|
+
handleCloseOptions;
|
|
24
|
+
constructor() {
|
|
25
|
+
this.pointerType = void 0;
|
|
26
|
+
this.interactedInside = false;
|
|
27
|
+
this.handler = void 0;
|
|
28
|
+
this.blockMouseMove = true;
|
|
29
|
+
this.performedPointerEventsMutation = false;
|
|
30
|
+
this.pointerEventsScopeElement = null;
|
|
31
|
+
this.pointerEventsReferenceElement = null;
|
|
32
|
+
this.pointerEventsFloatingElement = null;
|
|
33
|
+
this.restTimeoutPending = false;
|
|
34
|
+
this.openChangeTimeout = new require_decrement_NumberFieldDecrement.Timeout();
|
|
35
|
+
this.restTimeout = new require_decrement_NumberFieldDecrement.Timeout();
|
|
36
|
+
this.handleCloseOptions = void 0;
|
|
37
|
+
}
|
|
38
|
+
static create() {
|
|
39
|
+
return new HoverInteraction();
|
|
40
|
+
}
|
|
41
|
+
dispose = () => {
|
|
42
|
+
this.openChangeTimeout.clear();
|
|
43
|
+
this.restTimeout.clear();
|
|
44
|
+
};
|
|
45
|
+
};
|
|
46
|
+
const pointerEventsMutationOwnerByScopeElement = /* @__PURE__ */ new WeakMap();
|
|
47
|
+
function clearSafePolygonPointerEventsMutation(instance) {
|
|
48
|
+
if (!instance.performedPointerEventsMutation) return;
|
|
49
|
+
const scopeElement = instance.pointerEventsScopeElement;
|
|
50
|
+
if (scopeElement && pointerEventsMutationOwnerByScopeElement.get(scopeElement) === instance) {
|
|
51
|
+
instance.pointerEventsScopeElement?.style.removeProperty("pointer-events");
|
|
52
|
+
instance.pointerEventsReferenceElement?.style.removeProperty("pointer-events");
|
|
53
|
+
instance.pointerEventsFloatingElement?.style.removeProperty("pointer-events");
|
|
54
|
+
pointerEventsMutationOwnerByScopeElement.delete(scopeElement);
|
|
55
|
+
}
|
|
56
|
+
instance.performedPointerEventsMutation = false;
|
|
57
|
+
instance.pointerEventsScopeElement = null;
|
|
58
|
+
instance.pointerEventsReferenceElement = null;
|
|
59
|
+
instance.pointerEventsFloatingElement = null;
|
|
60
|
+
}
|
|
61
|
+
function applySafePolygonPointerEventsMutation(instance, options) {
|
|
62
|
+
const { scopeElement, referenceElement, floatingElement } = options;
|
|
63
|
+
const existingOwner = pointerEventsMutationOwnerByScopeElement.get(scopeElement);
|
|
64
|
+
if (existingOwner && existingOwner !== instance) clearSafePolygonPointerEventsMutation(existingOwner);
|
|
65
|
+
clearSafePolygonPointerEventsMutation(instance);
|
|
66
|
+
instance.performedPointerEventsMutation = true;
|
|
67
|
+
instance.pointerEventsScopeElement = scopeElement;
|
|
68
|
+
instance.pointerEventsReferenceElement = referenceElement;
|
|
69
|
+
instance.pointerEventsFloatingElement = floatingElement;
|
|
70
|
+
pointerEventsMutationOwnerByScopeElement.set(scopeElement, instance);
|
|
71
|
+
scopeElement.style.pointerEvents = "none";
|
|
72
|
+
referenceElement.style.pointerEvents = "auto";
|
|
73
|
+
floatingElement.style.pointerEvents = "auto";
|
|
74
|
+
}
|
|
75
|
+
function getHoverInteractionSharedState(store) {
|
|
76
|
+
const data = store.context.dataRef.value;
|
|
77
|
+
if (!data.hoverInteractionState) data.hoverInteractionState = HoverInteraction.create();
|
|
78
|
+
return data.hoverInteractionState;
|
|
79
|
+
}
|
|
80
|
+
function useHoverInteractionSharedState(store) {
|
|
81
|
+
const instance = getHoverInteractionSharedState(store);
|
|
82
|
+
(0, vue.onScopeDispose)(instance.dispose);
|
|
83
|
+
return instance;
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
//#endregion
|
|
87
|
+
//#region src/floating-ui-vue/hooks/useHoverShared.ts
|
|
88
|
+
function resolveValue(value, pointerType) {
|
|
89
|
+
if (pointerType != null && !require_components_FloatingRootStore.isMouseLikePointerType(pointerType)) return 0;
|
|
90
|
+
if (typeof value === "function") return value();
|
|
91
|
+
return value;
|
|
92
|
+
}
|
|
93
|
+
function getDelay(value, prop, pointerType) {
|
|
94
|
+
const result = resolveValue(value, pointerType);
|
|
95
|
+
if (typeof result === "number") return result;
|
|
96
|
+
return result?.[prop];
|
|
97
|
+
}
|
|
98
|
+
function isClickLikeOpenEvent(openEventType, interactedInside) {
|
|
99
|
+
return interactedInside || openEventType === "click" || openEventType === "mousedown";
|
|
100
|
+
}
|
|
101
|
+
function isHoverOpenEvent(openEventType) {
|
|
102
|
+
return openEventType?.includes("mouse") && openEventType !== "mousedown";
|
|
103
|
+
}
|
|
104
|
+
|
|
105
|
+
//#endregion
|
|
106
|
+
//#region src/floating-ui-vue/hooks/useHoverFloatingInteraction.ts
|
|
107
|
+
/**
|
|
108
|
+
* Provides hover interactions that should be attached to the floating element.
|
|
109
|
+
*/
|
|
110
|
+
function useHoverFloatingInteraction(context, parameters = {}) {
|
|
111
|
+
const store = "rootStore" in context ? context.rootStore : context;
|
|
112
|
+
const open = store.useState("open");
|
|
113
|
+
const floatingElement = store.useState("floatingElement");
|
|
114
|
+
const domReferenceElement = store.useState("domReferenceElement");
|
|
115
|
+
const { dataRef } = store.context;
|
|
116
|
+
const tree = require_components_FloatingTree.useFloatingTree();
|
|
117
|
+
const parentId = require_components_FloatingTree.useFloatingParentNodeId();
|
|
118
|
+
const instance = useHoverInteractionSharedState(store);
|
|
119
|
+
const childClosedTimeout = require_decrement_NumberFieldDecrement.useTimeout();
|
|
120
|
+
function enabled() {
|
|
121
|
+
return (0, vue.toValue)(parameters.enabled ?? true) !== false;
|
|
122
|
+
}
|
|
123
|
+
function isClickLikeOpenEvent$1() {
|
|
124
|
+
return isClickLikeOpenEvent(dataRef.value.openEvent?.type, instance.interactedInside);
|
|
125
|
+
}
|
|
126
|
+
function isHoverOpen() {
|
|
127
|
+
return isHoverOpenEvent(dataRef.value.openEvent?.type);
|
|
128
|
+
}
|
|
129
|
+
function clearPointerEvents() {
|
|
130
|
+
clearSafePolygonPointerEventsMutation(instance);
|
|
131
|
+
}
|
|
132
|
+
(0, vue.watchEffect)(() => {
|
|
133
|
+
if (!open.value) {
|
|
134
|
+
instance.pointerType = void 0;
|
|
135
|
+
instance.restTimeoutPending = false;
|
|
136
|
+
instance.interactedInside = false;
|
|
137
|
+
clearPointerEvents();
|
|
138
|
+
}
|
|
139
|
+
});
|
|
140
|
+
(0, vue.onScopeDispose)(clearPointerEvents);
|
|
141
|
+
(0, vue.watchEffect)((onCleanup) => {
|
|
142
|
+
if (!enabled()) return;
|
|
143
|
+
if (open.value && instance.handleCloseOptions?.blockPointerEvents && isHoverOpen() && (0, _floating_ui_utils_dom.isElement)(domReferenceElement.value) && floatingElement.value) {
|
|
144
|
+
const ref = domReferenceElement.value;
|
|
145
|
+
const floatingEl = floatingElement.value;
|
|
146
|
+
const doc = require_control_SliderControl.ownerDocument(floatingEl);
|
|
147
|
+
const parentFloating = (tree?.nodesRef.value.find((node) => node.id === parentId))?.context?.rootStore.select("floatingElement") ?? null;
|
|
148
|
+
if (parentFloating) parentFloating.style.pointerEvents = "";
|
|
149
|
+
const cachedScopeElement = instance.pointerEventsScopeElement !== floatingEl ? instance.pointerEventsScopeElement : null;
|
|
150
|
+
const parentScopeElement = parentFloating !== floatingEl ? parentFloating : null;
|
|
151
|
+
const scopeElement = instance.handleCloseOptions?.getScope?.() ?? cachedScopeElement ?? parentScopeElement ?? ref.closest("[data-rootownerid]") ?? doc?.body;
|
|
152
|
+
if (scopeElement) {
|
|
153
|
+
applySafePolygonPointerEventsMutation(instance, {
|
|
154
|
+
scopeElement,
|
|
155
|
+
referenceElement: ref,
|
|
156
|
+
floatingElement: floatingEl
|
|
157
|
+
});
|
|
158
|
+
onCleanup(clearPointerEvents);
|
|
159
|
+
}
|
|
160
|
+
}
|
|
161
|
+
});
|
|
162
|
+
(0, vue.watchEffect)((onCleanup) => {
|
|
163
|
+
if (!enabled()) return;
|
|
164
|
+
function hasParentChildren() {
|
|
165
|
+
return Boolean(tree && parentId && require_hooks_useDismiss.getNodeChildren(tree.nodesRef.value, parentId).length > 0);
|
|
166
|
+
}
|
|
167
|
+
function closeWithDelay(event) {
|
|
168
|
+
const closeDelay = getDelay((0, vue.toValue)(parameters.closeDelay ?? 0), "close", instance.pointerType);
|
|
169
|
+
const close = () => {
|
|
170
|
+
store.setOpen(false, require_checkbox_index.createChangeEventDetails(require_checkbox_index.REASONS.triggerHover, event));
|
|
171
|
+
tree?.events.emit("floating.closed", event);
|
|
172
|
+
};
|
|
173
|
+
if (closeDelay) instance.openChangeTimeout.start(closeDelay, close);
|
|
174
|
+
else {
|
|
175
|
+
instance.openChangeTimeout.clear();
|
|
176
|
+
close();
|
|
177
|
+
}
|
|
178
|
+
}
|
|
179
|
+
function handleInteractInside(event) {
|
|
180
|
+
const target = require_control_SliderControl.getTarget(event);
|
|
181
|
+
if (!require_hooks_useDismiss.isInteractiveElement(target)) {
|
|
182
|
+
instance.interactedInside = false;
|
|
183
|
+
return;
|
|
184
|
+
}
|
|
185
|
+
instance.interactedInside = target?.closest("[aria-haspopup]") != null;
|
|
186
|
+
}
|
|
187
|
+
function onFloatingMouseEnter() {
|
|
188
|
+
instance.openChangeTimeout.clear();
|
|
189
|
+
store.context.clearCloseTimer?.();
|
|
190
|
+
childClosedTimeout.clear();
|
|
191
|
+
tree?.events.off("floating.closed", onNodeClosed);
|
|
192
|
+
clearPointerEvents();
|
|
193
|
+
}
|
|
194
|
+
function onFloatingMouseLeave(event) {
|
|
195
|
+
if (hasParentChildren() && tree) {
|
|
196
|
+
tree.events.off("floating.closed", onNodeClosed);
|
|
197
|
+
tree.events.on("floating.closed", onNodeClosed);
|
|
198
|
+
return;
|
|
199
|
+
}
|
|
200
|
+
if (require_hooks_useDismiss.isTargetInsideEnabledTrigger(event.relatedTarget, store.context.triggerElements)) return;
|
|
201
|
+
const currentNodeId = dataRef.value.floatingContext?.nodeId ?? (0, vue.toValue)(parameters.nodeId);
|
|
202
|
+
const relatedTarget = event.relatedTarget;
|
|
203
|
+
if (tree && currentNodeId && (0, _floating_ui_utils_dom.isElement)(relatedTarget) && require_hooks_useDismiss.getNodeChildren(tree.nodesRef.value, currentNodeId, false).some((node) => require_control_SliderControl.contains(node.context?.rootStore.select("floatingElement"), relatedTarget))) return;
|
|
204
|
+
if (instance.handler) {
|
|
205
|
+
instance.handler(event);
|
|
206
|
+
return;
|
|
207
|
+
}
|
|
208
|
+
clearPointerEvents();
|
|
209
|
+
if (isHoverOpen() && !isClickLikeOpenEvent$1()) closeWithDelay(event);
|
|
210
|
+
}
|
|
211
|
+
function onNodeClosed(event) {
|
|
212
|
+
if (!tree || !parentId || hasParentChildren()) return;
|
|
213
|
+
childClosedTimeout.start(0, () => {
|
|
214
|
+
tree.events.off("floating.closed", onNodeClosed);
|
|
215
|
+
store.setOpen(false, require_checkbox_index.createChangeEventDetails(require_checkbox_index.REASONS.triggerHover, event));
|
|
216
|
+
tree.events.emit("floating.closed", event);
|
|
217
|
+
});
|
|
218
|
+
}
|
|
219
|
+
const floating = floatingElement.value;
|
|
220
|
+
onCleanup(require_hooks_useDismiss.mergeCleanups(require_hooks_useDismiss.addEventListener(floating, "mouseenter", onFloatingMouseEnter), require_hooks_useDismiss.addEventListener(floating, "mouseleave", onFloatingMouseLeave), require_hooks_useDismiss.addEventListener(floating, "pointerdown", handleInteractInside, true), () => {
|
|
221
|
+
tree?.events.off("floating.closed", onNodeClosed);
|
|
222
|
+
}));
|
|
223
|
+
});
|
|
224
|
+
}
|
|
225
|
+
|
|
226
|
+
//#endregion
|
|
227
|
+
Object.defineProperty(exports, 'useHoverFloatingInteraction', {
|
|
228
|
+
enumerable: true,
|
|
229
|
+
get: function () {
|
|
230
|
+
return useHoverFloatingInteraction;
|
|
231
|
+
}
|
|
232
|
+
});
|
|
233
|
+
//# sourceMappingURL=useHoverFloatingInteraction.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useHoverFloatingInteraction.cjs","names":["Timeout","isMouseLikePointerType","useFloatingTree","useFloatingParentNodeId","useTimeout","isClickLikeOpenEvent","isClickLikeOpenEventShared","ownerDocument","getNodeChildren","createChangeEventDetails","REASONS","getTarget","isInteractiveElement","isInsideEnabledTrigger","contains","mergeCleanups","addEventListener"],"sources":["../../src/floating-ui-vue/hooks/useHoverInteractionSharedState.ts","../../src/floating-ui-vue/hooks/useHoverShared.ts","../../src/floating-ui-vue/hooks/useHoverFloatingInteraction.ts"],"sourcesContent":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const
|
|
1
|
+
const require_arrow_TooltipArrow = require('../arrow/TooltipArrow.cjs');
|
|
2
2
|
const require_checkbox_index = require('../checkbox/index.cjs');
|
|
3
3
|
const require_fallback_AvatarFallback = require('../fallback/AvatarFallback.cjs');
|
|
4
4
|
let vue = require("vue");
|
|
@@ -7,11 +7,11 @@ let vue = require("vue");
|
|
|
7
7
|
function useImageLoadingStatus(srcRef, { referrerPolicy, crossOrigin }) {
|
|
8
8
|
const loadingStatus = (0, vue.ref)("idle");
|
|
9
9
|
(0, vue.watchEffect)((onCleanup) => {
|
|
10
|
-
if (typeof document === "undefined") return
|
|
10
|
+
if (typeof document === "undefined") return require_arrow_TooltipArrow.NOOP;
|
|
11
11
|
const src = (0, vue.toValue)(srcRef);
|
|
12
12
|
if (!src) {
|
|
13
13
|
loadingStatus.value = "error";
|
|
14
|
-
return
|
|
14
|
+
return require_arrow_TooltipArrow.NOOP;
|
|
15
15
|
}
|
|
16
16
|
let isMounted = true;
|
|
17
17
|
const image = new window.Image();
|
|
@@ -108,7 +108,7 @@ var AvatarImage_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0
|
|
|
108
108
|
...require_fallback_AvatarFallback.avatarStateAttributesMapping,
|
|
109
109
|
...require_checkbox_index.transitionStatusMapping
|
|
110
110
|
};
|
|
111
|
-
const { tag, mergedProps, renderless, ref: renderRef } =
|
|
111
|
+
const { tag, mergedProps, renderless, ref: renderRef } = require_arrow_TooltipArrow.useRenderElement({
|
|
112
112
|
componentProps: props,
|
|
113
113
|
state,
|
|
114
114
|
props: (0, vue.computed)(() => ({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AvatarImage.cjs","names":["NOOP"],"sources":["../../src/avatar/image/useImageLoadingStatus.ts","../../src/avatar/image/AvatarImage.vue","../../src/avatar/image/AvatarImage.vue"],"sourcesContent":[],"mappings":";;;;;;AAWA,SAAgB,sBACd,QACA,EAAE,gBAAgB,eAClB;CACA,MAAM,6BAAwC,OAAO;AAErD,uBAAa,cAAc;AACzB,MAAI,OAAO,aAAa,YACtB,QAAOA;EAGT,MAAM,uBAAc,OAAO;AAE3B,MAAI,CAAC,KAAK;AACR,iBAAc,QAAQ;AACtB,UAAOA;;EAGT,IAAI,YAAY;EAChB,MAAM,QAAQ,IAAI,OAAO,OAAO;EAEhC,MAAM,gBAAgB,iBAAqC;AACzD,OAAI,CAAC,UACH;AAEF,iBAAc,QAAQ;;AAGxB,gBAAc,QAAQ;AACtB,QAAM,SAAS,aAAa,SAAS;AACrC,QAAM,UAAU,aAAa,QAAQ;AAErC,MAAI,eACF,OAAM,iBAAiB;AAGzB,QAAM,cAAc,eAAe;AAEnC,QAAM,MAAM;AAEZ,kBAAgB;AACd,eAAY;IACZ;GACF;AAEF,QAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EC1BT,MAAM,QAAQ;EAId,MAAM,OAAO;EAIb,MAAM,2BAAiB;EACvB,MAAM,wBAAwC,KAAI;EAElD,MAAM,UAAU,sDAAqB;EAErC,MAAM,qBAAqB,4BAA4B,MAAM,KAAK;GAChE,gBAAgB,MAAM;GACtB,aAAa,MAAM;GACpB,CAAA;EAED,MAAM,oCAA2B,mBAAmB,UAAU,SAAQ;EAEtE,MAAM,EAAE,SAAS,kBAAkB,eAAe,2CAAoB,UAAS;AAE/E,6BAAkB;AAChB,OAAI,mBAAmB,UAAU,QAAQ;AACvC,SAAK,uBAAuB,mBAAmB,MAAK;AACpD,YAAQ,sBAAsB,mBAAmB,MAAK;;IAEzD;EAED,MAAM,iCAA0C;GAC9C,oBAAoB,mBAAmB;GACvC,kBAAkB,iBAAiB;GACpC,EAAC;AAEF,+CAAsB;GACpB,MAAM;GACN,KAAK;GACL,aAAa;AACX,QAAI,CAAC,UAAU,MACb,YAAW,MAAK;;GAGrB,CAAA;EAED,MAAM,yBAAmE;GACvE,GAAG;GACH,GAAG;GACL;EAEA,MAAM,EACJ,KACA,aACA,YACA,KAAK,cACH,
|
|
1
|
+
{"version":3,"file":"AvatarImage.cjs","names":["NOOP"],"sources":["../../src/avatar/image/useImageLoadingStatus.ts","../../src/avatar/image/AvatarImage.vue","../../src/avatar/image/AvatarImage.vue"],"sourcesContent":[],"mappings":";;;;;;AAWA,SAAgB,sBACd,QACA,EAAE,gBAAgB,eAClB;CACA,MAAM,6BAAwC,OAAO;AAErD,uBAAa,cAAc;AACzB,MAAI,OAAO,aAAa,YACtB,QAAOA;EAGT,MAAM,uBAAc,OAAO;AAE3B,MAAI,CAAC,KAAK;AACR,iBAAc,QAAQ;AACtB,UAAOA;;EAGT,IAAI,YAAY;EAChB,MAAM,QAAQ,IAAI,OAAO,OAAO;EAEhC,MAAM,gBAAgB,iBAAqC;AACzD,OAAI,CAAC,UACH;AAEF,iBAAc,QAAQ;;AAGxB,gBAAc,QAAQ;AACtB,QAAM,SAAS,aAAa,SAAS;AACrC,QAAM,UAAU,aAAa,QAAQ;AAErC,MAAI,eACF,OAAM,iBAAiB;AAGzB,QAAM,cAAc,eAAe;AAEnC,QAAM,MAAM;AAEZ,kBAAgB;AACd,eAAY;IACZ;GACF;AAEF,QAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EC1BT,MAAM,QAAQ;EAId,MAAM,OAAO;EAIb,MAAM,2BAAiB;EACvB,MAAM,wBAAwC,KAAI;EAElD,MAAM,UAAU,sDAAqB;EAErC,MAAM,qBAAqB,4BAA4B,MAAM,KAAK;GAChE,gBAAgB,MAAM;GACtB,aAAa,MAAM;GACpB,CAAA;EAED,MAAM,oCAA2B,mBAAmB,UAAU,SAAQ;EAEtE,MAAM,EAAE,SAAS,kBAAkB,eAAe,2CAAoB,UAAS;AAE/E,6BAAkB;AAChB,OAAI,mBAAmB,UAAU,QAAQ;AACvC,SAAK,uBAAuB,mBAAmB,MAAK;AACpD,YAAQ,sBAAsB,mBAAmB,MAAK;;IAEzD;EAED,MAAM,iCAA0C;GAC9C,oBAAoB,mBAAmB;GACvC,kBAAkB,iBAAiB;GACpC,EAAC;AAEF,+CAAsB;GACpB,MAAM;GACN,KAAK;GACL,aAAa;AACX,QAAI,CAAC,UAAU,MACb,YAAW,MAAK;;GAGrB,CAAA;EAED,MAAM,yBAAmE;GACvE,GAAG;GACH,GAAG;GACL;EAEA,MAAM,EACJ,KACA,aACA,YACA,KAAK,cACH,4CAAiB;GACnB,gBAAgB;GAChB;GACA,gCAAuB;IACrB,GAAG;IACH,KAAK,MAAM;IACZ,EAAE;GACH;GACA,gBAAgB;GAChB,KAAK;GACN,CAAA;;yBAIa,WAAU,mBAAI,QAAO,uBAAyD,KAAA,QAAA,WAAA;;IAAtD,oBAAK,UAAS;IAAG,sBAAO,YAAW;IAAG,OAAO,MAAA;uBACjD,QAAO,+FAAvB,IAAG,CAAA,sBAEP;;IAF8B,oBAAK,UAAS;qBAAU,YAAW,CAAA,EAAA;oCACpD,qBAAA,KAAA,QAAA,WAAA,EAAhB,OAAO,MAAA,OAAK,CAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { NOOP, useRenderElement } from "../
|
|
1
|
+
import { NOOP, useRenderElement } from "../arrow/TooltipArrow.js";
|
|
2
2
|
import { transitionStatusMapping, useOpenChangeComplete, useTransitionStatus } from "../checkbox/index.js";
|
|
3
3
|
import { avatarStateAttributesMapping, useAvatarRootContext } from "../fallback/AvatarFallback.js";
|
|
4
4
|
import { computed, createBlock, createCommentVNode, defineComponent, mergeProps, openBlock, ref, renderSlot, resolveDynamicComponent, toValue, unref, useAttrs, watchEffect, withCtx } from "vue";
|
|
@@ -0,0 +1,113 @@
|
|
|
1
|
+
const require_arrow_TooltipArrow = require('../arrow/TooltipArrow.cjs');
|
|
2
|
+
const require_button_Button = require('../button/Button.cjs');
|
|
3
|
+
const require_decrement_NumberFieldDecrement = require('../decrement/NumberFieldDecrement.cjs');
|
|
4
|
+
let vue = require("vue");
|
|
5
|
+
|
|
6
|
+
//#region src/number-field/increment/NumberFieldIncrement.vue?vue&type=script&setup=true&lang.ts
|
|
7
|
+
var NumberFieldIncrement_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
|
|
8
|
+
name: "NumberFieldIncrement",
|
|
9
|
+
inheritAttrs: false,
|
|
10
|
+
__name: "NumberFieldIncrement",
|
|
11
|
+
props: {
|
|
12
|
+
disabled: {
|
|
13
|
+
type: Boolean,
|
|
14
|
+
required: false,
|
|
15
|
+
default: false
|
|
16
|
+
},
|
|
17
|
+
nativeButton: {
|
|
18
|
+
type: Boolean,
|
|
19
|
+
required: false,
|
|
20
|
+
default: true
|
|
21
|
+
},
|
|
22
|
+
as: {
|
|
23
|
+
type: null,
|
|
24
|
+
required: false,
|
|
25
|
+
default: "button"
|
|
26
|
+
},
|
|
27
|
+
class: {
|
|
28
|
+
type: Function,
|
|
29
|
+
required: false,
|
|
30
|
+
skipCheck: true
|
|
31
|
+
},
|
|
32
|
+
style: {
|
|
33
|
+
type: [
|
|
34
|
+
Boolean,
|
|
35
|
+
null,
|
|
36
|
+
String,
|
|
37
|
+
Object,
|
|
38
|
+
Array,
|
|
39
|
+
Function
|
|
40
|
+
],
|
|
41
|
+
required: false,
|
|
42
|
+
skipCheck: true
|
|
43
|
+
}
|
|
44
|
+
},
|
|
45
|
+
setup(__props) {
|
|
46
|
+
const props = __props;
|
|
47
|
+
const attrsObject = (0, vue.useAttrs)();
|
|
48
|
+
const { allowInputSyncRef, disabled: contextDisabled, formatOptionsRef, getStepAmount, id, incrementValue, inputRef, inputValue, locale, maxWithDefault, readOnly, setValue, state, value, valueRef, lastChangedValueRef, onValueCommitted } = require_decrement_NumberFieldDecrement.useNumberFieldRootContext();
|
|
49
|
+
const isMax = (0, vue.computed)(() => value.value != null && value.value >= maxWithDefault.value);
|
|
50
|
+
const disabled = (0, vue.computed)(() => props.disabled || contextDisabled.value || isMax.value);
|
|
51
|
+
const buttonProps = require_decrement_NumberFieldDecrement.useNumberFieldButton({
|
|
52
|
+
isIncrement: true,
|
|
53
|
+
inputRef,
|
|
54
|
+
inputValue: () => inputValue.value,
|
|
55
|
+
disabled: () => disabled.value,
|
|
56
|
+
readOnly: () => readOnly.value,
|
|
57
|
+
id: () => id.value,
|
|
58
|
+
setValue,
|
|
59
|
+
getStepAmount,
|
|
60
|
+
incrementValue,
|
|
61
|
+
allowInputSyncRef,
|
|
62
|
+
formatOptionsRef,
|
|
63
|
+
valueRef,
|
|
64
|
+
locale: () => locale.value,
|
|
65
|
+
lastChangedValueRef,
|
|
66
|
+
onValueCommitted
|
|
67
|
+
});
|
|
68
|
+
const { getButtonProps, buttonRef } = require_button_Button.useButton({
|
|
69
|
+
disabled: () => disabled.value,
|
|
70
|
+
native: () => props.nativeButton,
|
|
71
|
+
focusableWhenDisabled: true
|
|
72
|
+
});
|
|
73
|
+
const buttonState = (0, vue.computed)(() => ({
|
|
74
|
+
...state.value,
|
|
75
|
+
disabled: disabled.value
|
|
76
|
+
}));
|
|
77
|
+
const { tag, mergedProps, renderless, ref: renderRef } = require_arrow_TooltipArrow.useRenderElement({
|
|
78
|
+
componentProps: props,
|
|
79
|
+
state: buttonState,
|
|
80
|
+
props: (0, vue.computed)(() => require_arrow_TooltipArrow.mergeProps(buttonProps.value, attrsObject, getButtonProps())),
|
|
81
|
+
stateAttributesMapping: require_decrement_NumberFieldDecrement.stateAttributesMapping,
|
|
82
|
+
defaultTagName: "button",
|
|
83
|
+
ref: buttonRef
|
|
84
|
+
});
|
|
85
|
+
return (_ctx, _cache) => {
|
|
86
|
+
return (0, vue.unref)(renderless) ? (0, vue.renderSlot)(_ctx.$slots, "default", {
|
|
87
|
+
key: 0,
|
|
88
|
+
ref: (0, vue.unref)(renderRef),
|
|
89
|
+
props: (0, vue.unref)(mergedProps),
|
|
90
|
+
state: buttonState.value
|
|
91
|
+
}) : ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)((0, vue.unref)(tag)), (0, vue.mergeProps)({
|
|
92
|
+
key: 1,
|
|
93
|
+
ref: (0, vue.unref)(renderRef)
|
|
94
|
+
}, (0, vue.unref)(mergedProps)), {
|
|
95
|
+
default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", { state: buttonState.value })]),
|
|
96
|
+
_: 3
|
|
97
|
+
}, 16));
|
|
98
|
+
};
|
|
99
|
+
}
|
|
100
|
+
});
|
|
101
|
+
|
|
102
|
+
//#endregion
|
|
103
|
+
//#region src/number-field/increment/NumberFieldIncrement.vue
|
|
104
|
+
var NumberFieldIncrement_default = NumberFieldIncrement_vue_vue_type_script_setup_true_lang_default;
|
|
105
|
+
|
|
106
|
+
//#endregion
|
|
107
|
+
Object.defineProperty(exports, 'NumberFieldIncrement_default', {
|
|
108
|
+
enumerable: true,
|
|
109
|
+
get: function () {
|
|
110
|
+
return NumberFieldIncrement_default;
|
|
111
|
+
}
|
|
112
|
+
});
|
|
113
|
+
//# sourceMappingURL=NumberFieldIncrement.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NumberFieldIncrement.cjs","names":[],"sources":["../../src/number-field/increment/NumberFieldIncrement.vue","../../src/number-field/increment/NumberFieldIncrement.vue"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuBA,MAAM,QAAQ;EAOd,MAAM,iCADiB;EAGvB,MAAM,EACJ,mBACA,UAAU,iBACV,kBACA,eACA,IACA,gBACA,UACA,YACA,QACA,gBACA,UACA,UACA,OACA,OACA,UACA,qBACA,qBACE,kEAA0B;EAE9B,MAAM,gCAAuB,MAAM,SAAS,QAAQ,MAAM,SAAS,eAAe,MAAK;EACvF,MAAM,mCAA0B,MAAM,YAAY,gBAAgB,SAAS,MAAM,MAAK;EAEtF,MAAM,cAAc,4DAAqB;GACvC,aAAa;GACb;GACA,kBAAkB,WAAW;GAC7B,gBAAgB,SAAS;GACzB,gBAAgB,SAAS;GACzB,UAAU,GAAG;GACb;GACA;GACA;GACA;GACA;GACA;GACA,cAAc,OAAO;GACrB;GACA;GACD,CAAA;EAED,MAAM,EAAE,gBAAgB,cAAc,gCAAU;GAC9C,gBAAgB,SAAS;GACzB,cAAc,MAAM;GACpB,uBAAuB;GACxB,CAAA;EAED,MAAM,uCAAyD;GAC7D,GAAG,MAAM;GACT,UAAU,SAAS;GACpB,EAAC;EAMF,MAAM,EACJ,KACA,aACA,YACA,KAAK,cACH,4CAAiB;GACnB,gBAAgB;GAChB,OAAO;GACP,+BAXA,sCAAW,YAAY,OAAO,aAAa,gBAAgB,CAAC,CAC9D;GAWE;GACA,gBAAgB;GAChB,KAAK;GACN,CAAA;;yBAIa,WAAU,uBAA+D,KAAA,QAAA,WAAA;;IAA5D,oBAAK,UAAS;IAAG,sBAAO,YAAW;IAAG,OAAO,YAAA;oGACtD,IAAG,CAAA,sBAEP;;IAFiB,oBAAK,UAAS;qBAAU,YAAW,CAAA,EAAA;oCACjC,qBAAA,KAAA,QAAA,WAAA,EAAtB,OAAO,YAAA,OAAW,CAAA"}
|
|
@@ -0,0 +1,108 @@
|
|
|
1
|
+
import { mergeProps as mergeProps$1, useRenderElement } from "../arrow/TooltipArrow.js";
|
|
2
|
+
import { useButton } from "../button/Button.js";
|
|
3
|
+
import { stateAttributesMapping, useNumberFieldButton, useNumberFieldRootContext } from "../decrement/NumberFieldDecrement.js";
|
|
4
|
+
import { computed, createBlock, createCommentVNode, defineComponent, mergeProps, openBlock, renderSlot, resolveDynamicComponent, unref, useAttrs, withCtx } from "vue";
|
|
5
|
+
|
|
6
|
+
//#region src/number-field/increment/NumberFieldIncrement.vue?vue&type=script&setup=true&lang.ts
|
|
7
|
+
var NumberFieldIncrement_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
8
|
+
name: "NumberFieldIncrement",
|
|
9
|
+
inheritAttrs: false,
|
|
10
|
+
__name: "NumberFieldIncrement",
|
|
11
|
+
props: {
|
|
12
|
+
disabled: {
|
|
13
|
+
type: Boolean,
|
|
14
|
+
required: false,
|
|
15
|
+
default: false
|
|
16
|
+
},
|
|
17
|
+
nativeButton: {
|
|
18
|
+
type: Boolean,
|
|
19
|
+
required: false,
|
|
20
|
+
default: true
|
|
21
|
+
},
|
|
22
|
+
as: {
|
|
23
|
+
type: null,
|
|
24
|
+
required: false,
|
|
25
|
+
default: "button"
|
|
26
|
+
},
|
|
27
|
+
class: {
|
|
28
|
+
type: Function,
|
|
29
|
+
required: false,
|
|
30
|
+
skipCheck: true
|
|
31
|
+
},
|
|
32
|
+
style: {
|
|
33
|
+
type: [
|
|
34
|
+
Boolean,
|
|
35
|
+
null,
|
|
36
|
+
String,
|
|
37
|
+
Object,
|
|
38
|
+
Array,
|
|
39
|
+
Function
|
|
40
|
+
],
|
|
41
|
+
required: false,
|
|
42
|
+
skipCheck: true
|
|
43
|
+
}
|
|
44
|
+
},
|
|
45
|
+
setup(__props) {
|
|
46
|
+
const props = __props;
|
|
47
|
+
const attrsObject = useAttrs();
|
|
48
|
+
const { allowInputSyncRef, disabled: contextDisabled, formatOptionsRef, getStepAmount, id, incrementValue, inputRef, inputValue, locale, maxWithDefault, readOnly, setValue, state, value, valueRef, lastChangedValueRef, onValueCommitted } = useNumberFieldRootContext();
|
|
49
|
+
const isMax = computed(() => value.value != null && value.value >= maxWithDefault.value);
|
|
50
|
+
const disabled = computed(() => props.disabled || contextDisabled.value || isMax.value);
|
|
51
|
+
const buttonProps = useNumberFieldButton({
|
|
52
|
+
isIncrement: true,
|
|
53
|
+
inputRef,
|
|
54
|
+
inputValue: () => inputValue.value,
|
|
55
|
+
disabled: () => disabled.value,
|
|
56
|
+
readOnly: () => readOnly.value,
|
|
57
|
+
id: () => id.value,
|
|
58
|
+
setValue,
|
|
59
|
+
getStepAmount,
|
|
60
|
+
incrementValue,
|
|
61
|
+
allowInputSyncRef,
|
|
62
|
+
formatOptionsRef,
|
|
63
|
+
valueRef,
|
|
64
|
+
locale: () => locale.value,
|
|
65
|
+
lastChangedValueRef,
|
|
66
|
+
onValueCommitted
|
|
67
|
+
});
|
|
68
|
+
const { getButtonProps, buttonRef } = useButton({
|
|
69
|
+
disabled: () => disabled.value,
|
|
70
|
+
native: () => props.nativeButton,
|
|
71
|
+
focusableWhenDisabled: true
|
|
72
|
+
});
|
|
73
|
+
const buttonState = computed(() => ({
|
|
74
|
+
...state.value,
|
|
75
|
+
disabled: disabled.value
|
|
76
|
+
}));
|
|
77
|
+
const { tag, mergedProps, renderless, ref: renderRef } = useRenderElement({
|
|
78
|
+
componentProps: props,
|
|
79
|
+
state: buttonState,
|
|
80
|
+
props: computed(() => mergeProps$1(buttonProps.value, attrsObject, getButtonProps())),
|
|
81
|
+
stateAttributesMapping,
|
|
82
|
+
defaultTagName: "button",
|
|
83
|
+
ref: buttonRef
|
|
84
|
+
});
|
|
85
|
+
return (_ctx, _cache) => {
|
|
86
|
+
return unref(renderless) ? renderSlot(_ctx.$slots, "default", {
|
|
87
|
+
key: 0,
|
|
88
|
+
ref: unref(renderRef),
|
|
89
|
+
props: unref(mergedProps),
|
|
90
|
+
state: buttonState.value
|
|
91
|
+
}) : (openBlock(), createBlock(resolveDynamicComponent(unref(tag)), mergeProps({
|
|
92
|
+
key: 1,
|
|
93
|
+
ref: unref(renderRef)
|
|
94
|
+
}, unref(mergedProps)), {
|
|
95
|
+
default: withCtx(() => [renderSlot(_ctx.$slots, "default", { state: buttonState.value })]),
|
|
96
|
+
_: 3
|
|
97
|
+
}, 16));
|
|
98
|
+
};
|
|
99
|
+
}
|
|
100
|
+
});
|
|
101
|
+
|
|
102
|
+
//#endregion
|
|
103
|
+
//#region src/number-field/increment/NumberFieldIncrement.vue
|
|
104
|
+
var NumberFieldIncrement_default = NumberFieldIncrement_vue_vue_type_script_setup_true_lang_default;
|
|
105
|
+
|
|
106
|
+
//#endregion
|
|
107
|
+
export { NumberFieldIncrement_default };
|
|
108
|
+
//# sourceMappingURL=NumberFieldIncrement.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NumberFieldIncrement.js","names":[],"sources":["../../src/number-field/increment/NumberFieldIncrement.vue","../../src/number-field/increment/NumberFieldIncrement.vue"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuBA,MAAM,QAAQ;EAOd,MAAM,cADQ,UAAS;EAGvB,MAAM,EACJ,mBACA,UAAU,iBACV,kBACA,eACA,IACA,gBACA,UACA,YACA,QACA,gBACA,UACA,UACA,OACA,OACA,UACA,qBACA,qBACE,2BAA0B;EAE9B,MAAM,QAAQ,eAAe,MAAM,SAAS,QAAQ,MAAM,SAAS,eAAe,MAAK;EACvF,MAAM,WAAW,eAAe,MAAM,YAAY,gBAAgB,SAAS,MAAM,MAAK;EAEtF,MAAM,cAAc,qBAAqB;GACvC,aAAa;GACb;GACA,kBAAkB,WAAW;GAC7B,gBAAgB,SAAS;GACzB,gBAAgB,SAAS;GACzB,UAAU,GAAG;GACb;GACA;GACA;GACA;GACA;GACA;GACA,cAAc,OAAO;GACrB;GACA;GACD,CAAA;EAED,MAAM,EAAE,gBAAgB,cAAc,UAAU;GAC9C,gBAAgB,SAAS;GACzB,cAAc,MAAM;GACpB,uBAAuB;GACxB,CAAA;EAED,MAAM,cAAc,gBAA2C;GAC7D,GAAG,MAAM;GACT,UAAU,SAAS;GACpB,EAAC;EAMF,MAAM,EACJ,KACA,aACA,YACA,KAAK,cACH,iBAAiB;GACnB,gBAAgB;GAChB,OAAO;GACP,OAZoB,eACpB,aAAW,YAAY,OAAO,aAAa,gBAAgB,CAAC,CAC9D;GAWE;GACA,gBAAgB;GAChB,KAAK;GACN,CAAA;;UAIa,MAAA,WAAU,GAAtB,WAAqF,KAAA,QAAA,WAAA;;IAA5D,KAAK,MAAA,UAAS;IAAG,OAAO,MAAA,YAAW;IAAG,OAAO,YAAA;sBACtE,YAEY,wBAFI,MAAA,IAAG,CAAA,EAAnB,WAEY;;IAFiB,KAAK,MAAA,UAAS;MAAU,MAAA,YAAW,CAAA,EAAA;2BACjC,CAA7B,WAA6B,KAAA,QAAA,WAAA,EAAtB,OAAO,YAAA,OAAW,CAAA"}
|