base-ui-vue 0.4.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 +13 -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 +1 -1
- 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 +10 -3
- package/dist/decrement/NumberFieldDecrement.cjs.map +1 -1
- package/dist/decrement/NumberFieldDecrement.js +3 -2
- package/dist/decrement/NumberFieldDecrement.js.map +1 -1
- 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 +2 -2
- package/dist/fallback/AvatarFallback.cjs.map +1 -1
- package/dist/fallback/AvatarFallback.js +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 +3 -3
- package/dist/group/NumberFieldGroup.cjs.map +1 -1
- package/dist/group/NumberFieldGroup.js +1 -1
- 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 +3 -2
- package/dist/increment/NumberFieldIncrement.cjs.map +1 -1
- package/dist/increment/NumberFieldIncrement.js +2 -1
- package/dist/increment/NumberFieldIncrement.js.map +1 -1
- package/dist/index.cjs +60 -7
- package/dist/index.d.cts +3838 -1726
- package/dist/index.d.cts.map +1 -1
- package/dist/index.d.ts +3838 -1726
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +4 -3
- package/dist/index2.cjs +7475 -3089
- package/dist/index2.cjs.map +1 -1
- package/dist/index2.js +7215 -3106
- 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 +4 -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/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/usePopupAutoResize.ts +254 -0
- package/src/utils/usePopupViewport.ts +398 -0
- package/src/utils/usePositioner.ts +61 -0
- package/src/utils/useRenderElement.ts +3 -0
package/dist/form/Form.cjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const
|
|
1
|
+
const require_arrow_TooltipArrow = require('../arrow/TooltipArrow.cjs');
|
|
2
2
|
const require_checkbox_group_CheckboxGroup = require('../checkbox-group/CheckboxGroup.cjs');
|
|
3
3
|
let vue = require("vue");
|
|
4
4
|
|
|
@@ -54,7 +54,7 @@ var Form_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.d
|
|
|
54
54
|
const formRef = (0, vue.shallowRef)({ fields: /* @__PURE__ */ new Map() });
|
|
55
55
|
const submittedRef = (0, vue.ref)(false);
|
|
56
56
|
const submitAttemptedRef = (0, vue.ref)(false);
|
|
57
|
-
const internalErrors = (0, vue.ref)(props.errors ??
|
|
57
|
+
const internalErrors = (0, vue.ref)(props.errors ?? require_arrow_TooltipArrow.EMPTY_OBJECT);
|
|
58
58
|
(0, vue.watch)(() => props.errors, (newErrors) => {
|
|
59
59
|
if (newErrors !== void 0) internalErrors.value = newErrors;
|
|
60
60
|
});
|
|
@@ -118,7 +118,7 @@ var Form_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.d
|
|
|
118
118
|
}, {}), event);
|
|
119
119
|
}
|
|
120
120
|
}
|
|
121
|
-
const { tag, mergedProps, renderless } =
|
|
121
|
+
const { tag, mergedProps, renderless } = require_arrow_TooltipArrow.useRenderElement({
|
|
122
122
|
componentProps: props,
|
|
123
123
|
state,
|
|
124
124
|
props: (0, vue.computed)(() => ({
|
package/dist/form/Form.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Form.cjs","names":[],"sources":["../../src/form/Form.vue","../../src/form/Form.vue"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0CA,MAAM,QAAQ;EAMd,MAAM,OAAO;EAIb,MAAM,2BAAiB;EACvB,MAAM,iCAAmC,EAAE,EAAC;EAE5C,MAAM,8BAAyD,EAAE,wBAAQ,IAAI,KAAK,EAAE,CAAA;EACpF,MAAM,4BAAmB,MAAK;EAC9B,MAAM,kCAAyB,MAAK;EACpC,MAAM,8BAAiC,MAAM,UAAW,
|
|
1
|
+
{"version":3,"file":"Form.cjs","names":[],"sources":["../../src/form/Form.vue","../../src/form/Form.vue"],"sourcesContent":[],"mappings":"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"}
|
package/dist/form/Form.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { EMPTY_OBJECT, useRenderElement } from "../
|
|
1
|
+
import { EMPTY_OBJECT, useRenderElement } from "../arrow/TooltipArrow.js";
|
|
2
2
|
import { formContextKey } from "../checkbox-group/CheckboxGroup.js";
|
|
3
3
|
import { computed, createBlock, createCommentVNode, defineComponent, guardReactiveProps, mergeProps, nextTick, normalizeProps, openBlock, provide, ref, renderSlot, resolveDynamicComponent, shallowRef, unref, useAttrs, watch, withCtx } from "vue";
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const
|
|
1
|
+
const require_arrow_TooltipArrow = require('../arrow/TooltipArrow.cjs');
|
|
2
2
|
const require_decrement_NumberFieldDecrement = require('../decrement/NumberFieldDecrement.cjs');
|
|
3
3
|
let vue = require("vue");
|
|
4
4
|
|
|
@@ -34,10 +34,10 @@ var NumberFieldGroup_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
|
|
|
34
34
|
const props = __props;
|
|
35
35
|
const attrsObject = (0, vue.useAttrs)();
|
|
36
36
|
const { state } = require_decrement_NumberFieldDecrement.useNumberFieldRootContext();
|
|
37
|
-
const { tag, mergedProps, renderless, ref: renderRef } =
|
|
37
|
+
const { tag, mergedProps, renderless, ref: renderRef } = require_arrow_TooltipArrow.useRenderElement({
|
|
38
38
|
componentProps: props,
|
|
39
39
|
state,
|
|
40
|
-
props: (0, vue.computed)(() =>
|
|
40
|
+
props: (0, vue.computed)(() => require_arrow_TooltipArrow.mergeProps(attrsObject, { role: "group" })),
|
|
41
41
|
stateAttributesMapping: require_decrement_NumberFieldDecrement.stateAttributesMapping,
|
|
42
42
|
defaultTagName: "div"
|
|
43
43
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NumberFieldGroup.cjs","names":[],"sources":["../../src/number-field/group/NumberFieldGroup.vue","../../src/number-field/group/NumberFieldGroup.vue"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkBA,MAAM,QAAQ;EAGd,MAAM,iCADiB;EAGvB,MAAM,EAAE,UAAU,kEAA0B;EAI5C,MAAM,EACJ,KACA,aACA,YACA,KAAK,cACH,
|
|
1
|
+
{"version":3,"file":"NumberFieldGroup.cjs","names":[],"sources":["../../src/number-field/group/NumberFieldGroup.vue","../../src/number-field/group/NumberFieldGroup.vue"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkBA,MAAM,QAAQ;EAGd,MAAM,iCADiB;EAGvB,MAAM,EAAE,UAAU,kEAA0B;EAI5C,MAAM,EACJ,KACA,aACA,YACA,KAAK,cACH,4CAAiB;GACnB,gBAAgB;GAChB;GACA,+BAVgC,sCAAW,aAAa,EAAE,MAAM,SAAS,CAAC,CAAA;GAW1E;GACA,gBAAgB;GACjB,CAAA;;yBAIa,WAAU,uBAAyD,KAAA,QAAA,WAAA;;IAAtD,oBAAK,UAAS;IAAG,sBAAO,YAAW;IAAG,sBAAO,MAAK;oGAC3D,IAAG,CAAA,sBAEP;;IAFiB,oBAAK,UAAS;qBAAU,YAAW,CAAA,EAAA;oCACvC,qBAAA,KAAA,QAAA,WAAA,EAAhB,sBAAO,MAAK,EAAA,CAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { mergeProps as mergeProps$1, useRenderElement } from "../
|
|
1
|
+
import { mergeProps as mergeProps$1, useRenderElement } from "../arrow/TooltipArrow.js";
|
|
2
2
|
import { stateAttributesMapping, useNumberFieldRootContext } from "../decrement/NumberFieldDecrement.js";
|
|
3
3
|
import { computed, createBlock, createCommentVNode, defineComponent, mergeProps, openBlock, renderSlot, resolveDynamicComponent, unref, useAttrs, withCtx } from "vue";
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const
|
|
1
|
+
const require_arrow_TooltipArrow = require('../arrow/TooltipArrow.cjs');
|
|
2
2
|
const require_button_ToolbarButton = require('../button/ToolbarButton.cjs');
|
|
3
3
|
let vue = require("vue");
|
|
4
4
|
|
|
@@ -52,7 +52,7 @@ var ToolbarGroup_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (
|
|
|
52
52
|
disabled: disabled.value,
|
|
53
53
|
orientation: toolbarRootContext.orientation.value
|
|
54
54
|
}));
|
|
55
|
-
const { tag, mergedProps, renderless, ref: renderRef } =
|
|
55
|
+
const { tag, mergedProps, renderless, ref: renderRef } = require_arrow_TooltipArrow.useRenderElement({
|
|
56
56
|
componentProps: props,
|
|
57
57
|
state,
|
|
58
58
|
props: (0, vue.computed)(() => ({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToolbarGroup.cjs","names":[],"sources":["../../src/toolbar/group/ToolbarGroup.vue","../../src/toolbar/group/ToolbarGroup.vue"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6BA,MAAM,QAAQ;EAKd,MAAM,2BAAiB;EACvB,MAAM,qBAAqB,oDAAsB;EAEjD,MAAM,mCAA0B,mBAAmB,SAAS,SAAS,MAAM,SAAQ;AAEnF,mBAAQ,qDAAwB,EAC9B,UACD,CAAA;EAED,MAAM,iCAA2C;GAC/C,UAAU,SAAS;GACnB,aAAa,mBAAmB,YAAY;GAC7C,EAAC;EAEF,MAAM,EACJ,KACA,aACA,YACA,KAAK,cACH,
|
|
1
|
+
{"version":3,"file":"ToolbarGroup.cjs","names":[],"sources":["../../src/toolbar/group/ToolbarGroup.vue","../../src/toolbar/group/ToolbarGroup.vue"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6BA,MAAM,QAAQ;EAKd,MAAM,2BAAiB;EACvB,MAAM,qBAAqB,oDAAsB;EAEjD,MAAM,mCAA0B,mBAAmB,SAAS,SAAS,MAAM,SAAQ;AAEnF,mBAAQ,qDAAwB,EAC9B,UACD,CAAA;EAED,MAAM,iCAA2C;GAC/C,UAAU,SAAS;GACnB,aAAa,mBAAmB,YAAY;GAC7C,EAAC;EAEF,MAAM,EACJ,KACA,aACA,YACA,KAAK,cACH,4CAAiB;GACnB,gBAAgB;GAChB;GACA,gCAAuB;IACrB,GAAG;IACH,MAAM;IACP,EAAE;GACH,gBAAgB;GACjB,CAAA;;yBAIa,WAAU,uBAAyD,KAAA,QAAA,WAAA;;IAAtD,oBAAK,UAAS;IAAG,sBAAO,YAAW;IAAG,OAAO,MAAA;oGACtD,IAAG,CAAA,sBAEP;;IAFiB,oBAAK,UAAS;qBAAU,YAAW,CAAA,EAAA;oCACvC,qBAAA,KAAA,QAAA,WAAA,EAAhB,OAAO,MAAA,OAAK,CAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { useRenderElement } from "../
|
|
1
|
+
import { useRenderElement } from "../arrow/TooltipArrow.js";
|
|
2
2
|
import { toolbarGroupContextKey, useToolbarRootContext } from "../button/ToolbarButton.js";
|
|
3
3
|
import { computed, createBlock, createCommentVNode, defineComponent, mergeProps, openBlock, provide, renderSlot, resolveDynamicComponent, unref, useAttrs, withCtx } from "vue";
|
|
4
4
|
|
|
@@ -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
|
let vue = require("vue");
|
|
4
4
|
|
|
@@ -119,7 +119,7 @@ var AccordionHeader_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
|
|
|
119
119
|
const props = __props;
|
|
120
120
|
const attrs = (0, vue.useAttrs)();
|
|
121
121
|
const { state } = useAccordionItemContext();
|
|
122
|
-
const { tag, mergedProps, renderless } =
|
|
122
|
+
const { tag, mergedProps, renderless } = require_arrow_TooltipArrow.useRenderElement({
|
|
123
123
|
componentProps: props,
|
|
124
124
|
state,
|
|
125
125
|
props: (0, vue.computed)(() => ({ ...attrs })),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccordionHeader.cjs","names":["transitionStatusMapping"],"sources":["../../src/accordion/item/AccordionItemContext.ts","../../src/collapsible/panel/CollapsiblePanelDataAttributes.ts","../../src/collapsible/trigger/CollapsibleTriggerDataAttributes.ts","../../src/utils/collapsibleOpenStateMapping.ts","../../src/accordion/item/AccordionItemDataAttributes.ts","../../src/accordion/item/stateAttributesMapping.ts","../../src/accordion/header/AccordionHeader.vue","../../src/accordion/header/AccordionHeader.vue"],"sourcesContent":[],"mappings":";;;;;AAWA,MAAa,0BAA0B,OACrC,uBACD;AAED,SAAgB,0BAAgD;CAC9D,MAAM,0BAAiB,wBAAwB;AAC/C,KAAI,YAAY,OACd,OAAM,IAAI,MACR,uGACD;AAEH,QAAO;;;;;ACtBT,IAAY,0FAAL;;;;AAIL;;;;AAIA;;;;AAIA;;;;AAIA;;;;;;AChBF,IAAY,8FAAL;;;;AAIL;;;;;;ACAF,MAAM,kBAAkB,GACrB,+BAA+B,OAAO,IACxC;AAED,MAAM,oBAAoB,GACvB,+BAA+B,SAAS,IAC1C;AAED,MAAa,0BAER,EACH,KAAK,OAAO;AACV,KAAI,MACF,QAAO,GACJ,iCAAiC,YAAY,IAC/C;AAEH,QAAO;GAEV;AAED,MAAa,8BAA8B,EACzC,KAAK,OAAO;AACV,KAAI,MACF,QAAO;AAET,QAAO;GAEV;;;;AChCD,IAAY,oFAAL;;;;;AAKL;;;;AAIA;;;;AAIA;;;;;;ACPF,MAAa,kCAA8E;CACzF,GAAG;CACH,MAAM,OAAO;AACX,SAAO,OAAO,UAAU,MAAM,GAAG,GAAG,4BAA4B,QAAQ,OAAO,MAAM,EAAE,GAAG;;CAE5F,GAAGA;CACH,aAAa;CACd;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ECDD,MAAM,QAAQ;EAId,MAAM,2BAAiB;EACvB,MAAM,EAAE,UAAU,yBAAwB;EAE1C,MAAM,EAAE,KAAK,aAAa,eAAe,
|
|
1
|
+
{"version":3,"file":"AccordionHeader.cjs","names":["transitionStatusMapping"],"sources":["../../src/accordion/item/AccordionItemContext.ts","../../src/collapsible/panel/CollapsiblePanelDataAttributes.ts","../../src/collapsible/trigger/CollapsibleTriggerDataAttributes.ts","../../src/utils/collapsibleOpenStateMapping.ts","../../src/accordion/item/AccordionItemDataAttributes.ts","../../src/accordion/item/stateAttributesMapping.ts","../../src/accordion/header/AccordionHeader.vue","../../src/accordion/header/AccordionHeader.vue"],"sourcesContent":[],"mappings":";;;;;AAWA,MAAa,0BAA0B,OACrC,uBACD;AAED,SAAgB,0BAAgD;CAC9D,MAAM,0BAAiB,wBAAwB;AAC/C,KAAI,YAAY,OACd,OAAM,IAAI,MACR,uGACD;AAEH,QAAO;;;;;ACtBT,IAAY,0FAAL;;;;AAIL;;;;AAIA;;;;AAIA;;;;AAIA;;;;;;AChBF,IAAY,8FAAL;;;;AAIL;;;;;;ACAF,MAAM,kBAAkB,GACrB,+BAA+B,OAAO,IACxC;AAED,MAAM,oBAAoB,GACvB,+BAA+B,SAAS,IAC1C;AAED,MAAa,0BAER,EACH,KAAK,OAAO;AACV,KAAI,MACF,QAAO,GACJ,iCAAiC,YAAY,IAC/C;AAEH,QAAO;GAEV;AAED,MAAa,8BAA8B,EACzC,KAAK,OAAO;AACV,KAAI,MACF,QAAO;AAET,QAAO;GAEV;;;;AChCD,IAAY,oFAAL;;;;;AAKL;;;;AAIA;;;;AAIA;;;;;;ACPF,MAAa,kCAA8E;CACzF,GAAG;CACH,MAAM,OAAO;AACX,SAAO,OAAO,UAAU,MAAM,GAAG,GAAG,4BAA4B,QAAQ,OAAO,MAAM,EAAE,GAAG;;CAE5F,GAAGA;CACH,aAAa;CACd;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ECDD,MAAM,QAAQ;EAId,MAAM,2BAAiB;EACvB,MAAM,EAAE,UAAU,yBAAwB;EAE1C,MAAM,EAAE,KAAK,aAAa,eAAe,4CAAiB;GACxD,gBAAgB;GAChB;GACA,gCAAuB,EACrB,GAAG,OACJ,EAAE;GACH,wBAAwB;GACxB,gBAAgB;GACjB,CAAA;;yBAIa,WAAU,uBAAwC,KAAA,QAAA,WAAA;;IAArC,sBAAO,YAAW;IAAG,sBAAO,MAAK;oGAC1C,IAAG,CAAA,8CAAA,EAAA,KAAA,GAAA,iBAAiB,YAAW,CAAA,CAAA,EAAA;oCACtB,qBAAA,KAAA,QAAA,WAAA,EAAhB,sBAAO,MAAK,EAAA,CAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { useRenderElement } from "../
|
|
1
|
+
import { useRenderElement } from "../arrow/TooltipArrow.js";
|
|
2
2
|
import { transitionStatusMapping } from "../checkbox/index.js";
|
|
3
3
|
import { computed, createBlock, createCommentVNode, defineComponent, guardReactiveProps, inject, mergeProps, normalizeProps, openBlock, renderSlot, resolveDynamicComponent, unref, useAttrs, withCtx } from "vue";
|
|
4
4
|
|
|
@@ -0,0 +1,502 @@
|
|
|
1
|
+
const require_checkbox_index = require('../checkbox/index.cjs');
|
|
2
|
+
const require_control_SliderControl = require('../control/SliderControl.cjs');
|
|
3
|
+
const require_decrement_NumberFieldDecrement = require('../decrement/NumberFieldDecrement.cjs');
|
|
4
|
+
const require_components_FloatingPortal = require('../components/FloatingPortal.cjs');
|
|
5
|
+
const require_components_FloatingTree = require('../components/FloatingTree.cjs');
|
|
6
|
+
let vue = require("vue");
|
|
7
|
+
let _floating_ui_utils_dom = require("@floating-ui/utils/dom");
|
|
8
|
+
|
|
9
|
+
//#region src/floating-ui-vue/utils/constants.ts
|
|
10
|
+
const ARROW_LEFT = "ArrowLeft";
|
|
11
|
+
const ARROW_RIGHT = "ArrowRight";
|
|
12
|
+
const ARROW_UP = "ArrowUp";
|
|
13
|
+
const ARROW_DOWN = "ArrowDown";
|
|
14
|
+
const TYPEABLE_SELECTOR = "input:not([type=\"hidden\"]):not([disabled]),[contenteditable]:not([contenteditable=\"false\"]),textarea:not([disabled])";
|
|
15
|
+
|
|
16
|
+
//#endregion
|
|
17
|
+
//#region src/floating-ui-vue/utils/element.ts
|
|
18
|
+
function isTargetInsideEnabledTrigger(target, triggerElements) {
|
|
19
|
+
if (!(0, _floating_ui_utils_dom.isElement)(target)) return false;
|
|
20
|
+
const targetElement = target;
|
|
21
|
+
if (triggerElements.hasElement(targetElement)) return !targetElement.hasAttribute("data-trigger-disabled");
|
|
22
|
+
for (const [, trigger] of triggerElements.entries()) if (require_control_SliderControl.contains(trigger, targetElement)) return !trigger.hasAttribute("data-trigger-disabled");
|
|
23
|
+
return false;
|
|
24
|
+
}
|
|
25
|
+
function isEventTargetWithin(event, node) {
|
|
26
|
+
if (node == null) return false;
|
|
27
|
+
if ("composedPath" in event) return event.composedPath().includes(node);
|
|
28
|
+
const eventAgain = event;
|
|
29
|
+
return eventAgain.target != null && node.contains(eventAgain.target);
|
|
30
|
+
}
|
|
31
|
+
function isRootElement(element) {
|
|
32
|
+
return element.matches("html,body");
|
|
33
|
+
}
|
|
34
|
+
function isInteractiveElement(element) {
|
|
35
|
+
return element?.closest(`button,a[href],[role="button"],select,[tabindex]:not([tabindex="-1"]),${TYPEABLE_SELECTOR}`) != null;
|
|
36
|
+
}
|
|
37
|
+
function matchesFocusVisible(element) {
|
|
38
|
+
if (!element) return true;
|
|
39
|
+
try {
|
|
40
|
+
return element.matches(":focus-visible");
|
|
41
|
+
} catch {
|
|
42
|
+
return true;
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
//#endregion
|
|
47
|
+
//#region src/utils/detectBrowser.ts
|
|
48
|
+
const ua = typeof navigator !== "undefined" ? navigator.userAgent : "";
|
|
49
|
+
const platform$1 = typeof navigator !== "undefined" ? navigator.platform : "";
|
|
50
|
+
const maxTouchPoints = typeof navigator !== "undefined" ? navigator.maxTouchPoints : 0;
|
|
51
|
+
const isWebKit = typeof CSS !== "undefined" && typeof CSS.supports === "function" ? CSS.supports("-webkit-backdrop-filter:none") && !/chrome|android/i.test(ua) : /\b(?:iphone|ipad|ipod)\b/i.test(ua);
|
|
52
|
+
const isFirefox = /firefox/i.test(ua);
|
|
53
|
+
const isIOS = /\b(?:iphone|ipad|ipod)\b/i.test(ua) || platform$1 === "MacIntel" && maxTouchPoints > 1;
|
|
54
|
+
|
|
55
|
+
//#endregion
|
|
56
|
+
//#region src/utils/addEventListener.ts
|
|
57
|
+
function addEventListener(target, type, listener, options) {
|
|
58
|
+
if (!target) return;
|
|
59
|
+
target.addEventListener(type, listener, options);
|
|
60
|
+
return () => {
|
|
61
|
+
target.removeEventListener(type, listener, options);
|
|
62
|
+
};
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
//#endregion
|
|
66
|
+
//#region src/utils/mergeCleanups.ts
|
|
67
|
+
function mergeCleanups(...cleanups) {
|
|
68
|
+
return () => {
|
|
69
|
+
for (const cleanup of cleanups) cleanup?.();
|
|
70
|
+
};
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
//#endregion
|
|
74
|
+
//#region src/utils/platform.ts
|
|
75
|
+
const platformName = typeof navigator !== "undefined" ? navigator.platform : "";
|
|
76
|
+
const userAgent = typeof navigator !== "undefined" ? navigator.userAgent : "";
|
|
77
|
+
const isApplePlatform = isIOS || /mac/i.test(platformName) || /\b(?:macintosh|iphone|ipad|ipod)\b/i.test(userAgent);
|
|
78
|
+
const platform = {
|
|
79
|
+
engine: { webkit: isWebKit },
|
|
80
|
+
screenReader: { voiceOver: isApplePlatform }
|
|
81
|
+
};
|
|
82
|
+
|
|
83
|
+
//#endregion
|
|
84
|
+
//#region src/floating-ui-vue/utils/nodes.ts
|
|
85
|
+
function getNodeChildren(nodes, id, onlyOpenChildren = true) {
|
|
86
|
+
return nodes.filter((node) => node.parentId === id).flatMap((child) => [...!onlyOpenChildren || child.context?.open.value ? [child] : [], ...getNodeChildren(nodes, child.id, onlyOpenChildren)]);
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
//#endregion
|
|
90
|
+
//#region src/floating-ui-vue/hooks/useDismiss.ts
|
|
91
|
+
function alwaysFalse() {
|
|
92
|
+
return false;
|
|
93
|
+
}
|
|
94
|
+
function normalizeProp(normalizable) {
|
|
95
|
+
return {
|
|
96
|
+
escapeKey: typeof normalizable === "boolean" ? normalizable : normalizable?.escapeKey ?? false,
|
|
97
|
+
outsidePress: typeof normalizable === "boolean" ? normalizable : normalizable?.outsidePress ?? true
|
|
98
|
+
};
|
|
99
|
+
}
|
|
100
|
+
/**
|
|
101
|
+
* Closes the floating element when a dismissal is requested — by default, when
|
|
102
|
+
* the user presses the `escape` key or outside of the floating element.
|
|
103
|
+
* @see https://floating-ui.com/docs/useDismiss
|
|
104
|
+
*/
|
|
105
|
+
function useDismiss(context, props = {}) {
|
|
106
|
+
const store = "rootStore" in context ? context.rootStore : context;
|
|
107
|
+
const open = store.useState("open");
|
|
108
|
+
const floatingElement = store.useState("floatingElement");
|
|
109
|
+
const domReferenceElement = store.useState("domReferenceElement");
|
|
110
|
+
const { dataRef } = store.context;
|
|
111
|
+
const tree = require_components_FloatingTree.useFloatingTree(props.externalTree);
|
|
112
|
+
const pressStartedInsideRef = (0, vue.shallowRef)(false);
|
|
113
|
+
const pressStartPreventedRef = (0, vue.shallowRef)(false);
|
|
114
|
+
const suppressNextOutsideClickRef = (0, vue.shallowRef)(false);
|
|
115
|
+
const isComposingRef = (0, vue.shallowRef)(false);
|
|
116
|
+
const currentPointerTypeRef = (0, vue.shallowRef)("");
|
|
117
|
+
const touchStateRef = (0, vue.shallowRef)(null);
|
|
118
|
+
const cancelDismissOnEndTimeout = require_decrement_NumberFieldDecrement.useTimeout();
|
|
119
|
+
const clearInsideVueTreeTimeout = require_decrement_NumberFieldDecrement.useTimeout();
|
|
120
|
+
function enabled() {
|
|
121
|
+
return (0, vue.toValue)(props.enabled ?? true) !== false;
|
|
122
|
+
}
|
|
123
|
+
function escapeKey() {
|
|
124
|
+
return (0, vue.toValue)(props.escapeKey ?? true) !== false;
|
|
125
|
+
}
|
|
126
|
+
function referencePress() {
|
|
127
|
+
return (props.referencePress ?? alwaysFalse)();
|
|
128
|
+
}
|
|
129
|
+
function outsidePress() {
|
|
130
|
+
return props.outsidePress ?? true;
|
|
131
|
+
}
|
|
132
|
+
function outsidePressEnabled() {
|
|
133
|
+
return outsidePress() !== false;
|
|
134
|
+
}
|
|
135
|
+
function getBubbles() {
|
|
136
|
+
return normalizeProp((0, vue.toValue)(props.bubbles));
|
|
137
|
+
}
|
|
138
|
+
function clearInsideVueTree() {
|
|
139
|
+
clearInsideVueTreeTimeout.clear();
|
|
140
|
+
dataRef.value.insideVueTree = false;
|
|
141
|
+
}
|
|
142
|
+
function hasBlockingChild(bubbleKey) {
|
|
143
|
+
const nodeId = dataRef.value.floatingContext?.nodeId;
|
|
144
|
+
return (tree ? getNodeChildren(tree.nodesRef.value, nodeId) : []).some((child) => {
|
|
145
|
+
return child.context?.open.value && !child.context.rootStore.context.dataRef.value[bubbleKey];
|
|
146
|
+
});
|
|
147
|
+
}
|
|
148
|
+
function isEventWithinOwnElements(event) {
|
|
149
|
+
return isEventTargetWithin(event, store.select("floatingElement")) || isEventTargetWithin(event, store.select("domReferenceElement"));
|
|
150
|
+
}
|
|
151
|
+
function closeOnReferencePress(event) {
|
|
152
|
+
if (!enabled() || !referencePress()) return;
|
|
153
|
+
store.setOpen(false, require_checkbox_index.createChangeEventDetails(require_checkbox_index.REASONS.triggerPress, event));
|
|
154
|
+
}
|
|
155
|
+
function closeOnEscapeKeyDown(event) {
|
|
156
|
+
if (!open.value || !enabled() || !escapeKey() || event.key !== "Escape") return;
|
|
157
|
+
if (isComposingRef.value) return;
|
|
158
|
+
const { escapeKey: escapeKeyBubbles } = getBubbles();
|
|
159
|
+
if (!escapeKeyBubbles && hasBlockingChild("__escapeKeyBubbles")) return;
|
|
160
|
+
const eventDetails = require_checkbox_index.createChangeEventDetails(require_checkbox_index.REASONS.escapeKey, event);
|
|
161
|
+
store.setOpen(false, eventDetails);
|
|
162
|
+
if (!eventDetails.isCanceled) event.preventDefault();
|
|
163
|
+
if (!escapeKeyBubbles && !eventDetails.isPropagationAllowed) event.stopPropagation();
|
|
164
|
+
}
|
|
165
|
+
function markInsideVueTree() {
|
|
166
|
+
dataRef.value.insideVueTree = true;
|
|
167
|
+
clearInsideVueTreeTimeout.start(0, clearInsideVueTree);
|
|
168
|
+
}
|
|
169
|
+
function markPressStartedInsideVueTree(event) {
|
|
170
|
+
if (!open.value || !enabled() || event.button !== 0) return;
|
|
171
|
+
const target = require_control_SliderControl.getTarget(event);
|
|
172
|
+
if (!require_control_SliderControl.contains(store.select("floatingElement"), target)) return;
|
|
173
|
+
if (!pressStartedInsideRef.value) {
|
|
174
|
+
pressStartedInsideRef.value = true;
|
|
175
|
+
pressStartPreventedRef.value = false;
|
|
176
|
+
}
|
|
177
|
+
}
|
|
178
|
+
function markInsidePressStartPrevented(event) {
|
|
179
|
+
if (!open.value || !enabled()) return;
|
|
180
|
+
if (!event.defaultPrevented) return;
|
|
181
|
+
if (pressStartedInsideRef.value) pressStartPreventedRef.value = true;
|
|
182
|
+
}
|
|
183
|
+
function resetPressStartState() {
|
|
184
|
+
pressStartedInsideRef.value = false;
|
|
185
|
+
pressStartPreventedRef.value = false;
|
|
186
|
+
}
|
|
187
|
+
function getOutsidePressEvent() {
|
|
188
|
+
const type = currentPointerTypeRef.value;
|
|
189
|
+
const computedType = type === "pen" || !type ? "mouse" : type;
|
|
190
|
+
const outsidePressEvent = props.outsidePressEvent ?? "sloppy";
|
|
191
|
+
const resolved = typeof outsidePressEvent === "function" ? outsidePressEvent() : outsidePressEvent;
|
|
192
|
+
if (resolved == null) return "sloppy";
|
|
193
|
+
if (typeof resolved === "string") return resolved;
|
|
194
|
+
return resolved[computedType] ?? "sloppy";
|
|
195
|
+
}
|
|
196
|
+
function shouldIgnoreEvent(event) {
|
|
197
|
+
const computedOutsidePressEvent = getOutsidePressEvent();
|
|
198
|
+
return computedOutsidePressEvent === "intentional" && event.type !== "click" || computedOutsidePressEvent === "sloppy" && event.type === "click";
|
|
199
|
+
}
|
|
200
|
+
function isEventWithinFloatingTree(event) {
|
|
201
|
+
const nodeId = dataRef.value.floatingContext?.nodeId;
|
|
202
|
+
const targetIsInsideChildren = tree && getNodeChildren(tree.nodesRef.value, nodeId).some((node) => isEventTargetWithin(event, node.context?.rootStore.select("floatingElement")));
|
|
203
|
+
return isEventWithinOwnElements(event) || Boolean(targetIsInsideChildren);
|
|
204
|
+
}
|
|
205
|
+
function addTargetEventListenerOnce(event, listener) {
|
|
206
|
+
const target = require_control_SliderControl.getTarget(event);
|
|
207
|
+
if (!target) return;
|
|
208
|
+
const eventTarget = target;
|
|
209
|
+
const handler = () => {
|
|
210
|
+
listener(event);
|
|
211
|
+
eventTarget.removeEventListener(event.type, handler);
|
|
212
|
+
};
|
|
213
|
+
eventTarget.addEventListener(event.type, handler);
|
|
214
|
+
}
|
|
215
|
+
(0, vue.watchEffect)((onCleanup) => {
|
|
216
|
+
if (!open.value || !enabled()) return;
|
|
217
|
+
const { escapeKey: escapeKeyBubbles, outsidePress: outsidePressBubbles } = getBubbles();
|
|
218
|
+
dataRef.value.__escapeKeyBubbles = escapeKeyBubbles;
|
|
219
|
+
dataRef.value.__outsidePressBubbles = outsidePressBubbles;
|
|
220
|
+
const compositionTimeout = new require_decrement_NumberFieldDecrement.Timeout();
|
|
221
|
+
const preventedPressSuppressionTimeout = new require_decrement_NumberFieldDecrement.Timeout();
|
|
222
|
+
function handleCompositionStart() {
|
|
223
|
+
compositionTimeout.clear();
|
|
224
|
+
isComposingRef.value = true;
|
|
225
|
+
}
|
|
226
|
+
function handleCompositionEnd() {
|
|
227
|
+
compositionTimeout.start(platform.engine.webkit ? 5 : 0, () => {
|
|
228
|
+
isComposingRef.value = false;
|
|
229
|
+
});
|
|
230
|
+
}
|
|
231
|
+
function suppressImmediateOutsideClickAfterPreventedStart() {
|
|
232
|
+
suppressNextOutsideClickRef.value = true;
|
|
233
|
+
preventedPressSuppressionTimeout.start(0, () => {
|
|
234
|
+
suppressNextOutsideClickRef.value = false;
|
|
235
|
+
});
|
|
236
|
+
}
|
|
237
|
+
function closeOnPressOutside(event) {
|
|
238
|
+
if (shouldIgnoreEvent(event)) {
|
|
239
|
+
if (event.type !== "click" && !isEventWithinOwnElements(event)) {
|
|
240
|
+
preventedPressSuppressionTimeout.clear();
|
|
241
|
+
suppressNextOutsideClickRef.value = false;
|
|
242
|
+
}
|
|
243
|
+
clearInsideVueTree();
|
|
244
|
+
return;
|
|
245
|
+
}
|
|
246
|
+
if (dataRef.value.insideVueTree) {
|
|
247
|
+
clearInsideVueTree();
|
|
248
|
+
return;
|
|
249
|
+
}
|
|
250
|
+
const target = require_control_SliderControl.getTarget(event);
|
|
251
|
+
const inertSelector = `[${require_components_FloatingPortal.createAttribute("inert")}]`;
|
|
252
|
+
const targetRoot = (0, _floating_ui_utils_dom.isElement)(target) ? target.getRootNode() : null;
|
|
253
|
+
const doc = require_control_SliderControl.ownerDocument(store.select("floatingElement"));
|
|
254
|
+
const markers = Array.from(((0, _floating_ui_utils_dom.isShadowRoot)(targetRoot) ? targetRoot : doc)?.querySelectorAll(inertSelector) ?? []);
|
|
255
|
+
const triggers = store.context.triggerElements;
|
|
256
|
+
if (target && (triggers.hasElement(target) || triggers.hasMatchingElement((trigger) => require_control_SliderControl.contains(trigger, target)))) return;
|
|
257
|
+
let targetRootAncestor = (0, _floating_ui_utils_dom.isElement)(target) ? target : null;
|
|
258
|
+
while (targetRootAncestor && !(0, _floating_ui_utils_dom.isLastTraversableNode)(targetRootAncestor)) {
|
|
259
|
+
const nextParent = (0, _floating_ui_utils_dom.getParentNode)(targetRootAncestor);
|
|
260
|
+
if ((0, _floating_ui_utils_dom.isLastTraversableNode)(nextParent) || !(0, _floating_ui_utils_dom.isElement)(nextParent)) break;
|
|
261
|
+
targetRootAncestor = nextParent;
|
|
262
|
+
}
|
|
263
|
+
if (markers.length && (0, _floating_ui_utils_dom.isElement)(target) && !isRootElement(target) && !require_control_SliderControl.contains(target, store.select("floatingElement")) && markers.every((marker) => !require_control_SliderControl.contains(targetRootAncestor, marker))) return;
|
|
264
|
+
if ((0, _floating_ui_utils_dom.isHTMLElement)(target) && !("touches" in event)) {
|
|
265
|
+
const lastTraversableNode = (0, _floating_ui_utils_dom.isLastTraversableNode)(target);
|
|
266
|
+
const style = (0, _floating_ui_utils_dom.getComputedStyle)(target);
|
|
267
|
+
const scrollRe = /auto|scroll/;
|
|
268
|
+
const isScrollableX = lastTraversableNode || scrollRe.test(style.overflowX);
|
|
269
|
+
const isScrollableY = lastTraversableNode || scrollRe.test(style.overflowY);
|
|
270
|
+
const canScrollX = isScrollableX && target.clientWidth > 0 && target.scrollWidth > target.clientWidth;
|
|
271
|
+
const canScrollY = isScrollableY && target.clientHeight > 0 && target.scrollHeight > target.clientHeight;
|
|
272
|
+
const isRTL = style.direction === "rtl";
|
|
273
|
+
const pressedVerticalScrollbar = canScrollY && (isRTL ? event.offsetX <= target.offsetWidth - target.clientWidth : event.offsetX > target.clientWidth);
|
|
274
|
+
const pressedHorizontalScrollbar = canScrollX && event.offsetY > target.clientHeight;
|
|
275
|
+
if (pressedVerticalScrollbar || pressedHorizontalScrollbar) return;
|
|
276
|
+
}
|
|
277
|
+
if (isEventWithinFloatingTree(event)) return;
|
|
278
|
+
if (getOutsidePressEvent() === "intentional" && suppressNextOutsideClickRef.value) {
|
|
279
|
+
preventedPressSuppressionTimeout.clear();
|
|
280
|
+
suppressNextOutsideClickRef.value = false;
|
|
281
|
+
return;
|
|
282
|
+
}
|
|
283
|
+
const shouldDismiss = outsidePress();
|
|
284
|
+
if (typeof shouldDismiss === "function" && !shouldDismiss(event)) return;
|
|
285
|
+
if (hasBlockingChild("__outsidePressBubbles")) return;
|
|
286
|
+
store.setOpen(false, require_checkbox_index.createChangeEventDetails(require_checkbox_index.REASONS.outsidePress, event));
|
|
287
|
+
clearInsideVueTree();
|
|
288
|
+
}
|
|
289
|
+
function handlePointerDown(event) {
|
|
290
|
+
if (getOutsidePressEvent() !== "sloppy" || event.pointerType === "touch" || !store.select("open") || !enabled() || isEventWithinOwnElements(event)) return;
|
|
291
|
+
closeOnPressOutside(event);
|
|
292
|
+
}
|
|
293
|
+
function handleTouchStart(event) {
|
|
294
|
+
if (getOutsidePressEvent() !== "sloppy" || !store.select("open") || !enabled() || isEventWithinOwnElements(event)) return;
|
|
295
|
+
const touch = event.touches[0];
|
|
296
|
+
if (touch) {
|
|
297
|
+
touchStateRef.value = {
|
|
298
|
+
startTime: Date.now(),
|
|
299
|
+
startX: touch.clientX,
|
|
300
|
+
startY: touch.clientY,
|
|
301
|
+
dismissOnTouchEnd: false,
|
|
302
|
+
dismissOnMouseDown: true
|
|
303
|
+
};
|
|
304
|
+
cancelDismissOnEndTimeout.start(1e3, () => {
|
|
305
|
+
if (touchStateRef.value) {
|
|
306
|
+
touchStateRef.value.dismissOnTouchEnd = false;
|
|
307
|
+
touchStateRef.value.dismissOnMouseDown = false;
|
|
308
|
+
}
|
|
309
|
+
});
|
|
310
|
+
}
|
|
311
|
+
}
|
|
312
|
+
function handleTouchStartCapture(event) {
|
|
313
|
+
currentPointerTypeRef.value = "touch";
|
|
314
|
+
addTargetEventListenerOnce(event, handleTouchStart);
|
|
315
|
+
}
|
|
316
|
+
function closeOnPressOutsideCapture(event) {
|
|
317
|
+
cancelDismissOnEndTimeout.clear();
|
|
318
|
+
if (event.type === "pointerdown") currentPointerTypeRef.value = event.pointerType;
|
|
319
|
+
if (event.type === "mousedown" && touchStateRef.value && !touchStateRef.value.dismissOnMouseDown) return;
|
|
320
|
+
addTargetEventListenerOnce(event, (targetEvent) => {
|
|
321
|
+
if (targetEvent.type === "pointerdown") handlePointerDown(targetEvent);
|
|
322
|
+
else closeOnPressOutside(targetEvent);
|
|
323
|
+
});
|
|
324
|
+
}
|
|
325
|
+
function handlePressEndCapture(event) {
|
|
326
|
+
if (!pressStartedInsideRef.value) return;
|
|
327
|
+
const pressStartedInsideDefaultPrevented = pressStartPreventedRef.value;
|
|
328
|
+
resetPressStartState();
|
|
329
|
+
if (getOutsidePressEvent() !== "intentional") return;
|
|
330
|
+
if (event.type === "pointercancel") {
|
|
331
|
+
if (pressStartedInsideDefaultPrevented) suppressImmediateOutsideClickAfterPreventedStart();
|
|
332
|
+
return;
|
|
333
|
+
}
|
|
334
|
+
if (isEventWithinFloatingTree(event)) return;
|
|
335
|
+
if (pressStartedInsideDefaultPrevented) {
|
|
336
|
+
suppressImmediateOutsideClickAfterPreventedStart();
|
|
337
|
+
return;
|
|
338
|
+
}
|
|
339
|
+
const shouldDismiss = outsidePress();
|
|
340
|
+
if (typeof shouldDismiss === "function" && !shouldDismiss(event)) return;
|
|
341
|
+
preventedPressSuppressionTimeout.clear();
|
|
342
|
+
suppressNextOutsideClickRef.value = true;
|
|
343
|
+
clearInsideVueTree();
|
|
344
|
+
}
|
|
345
|
+
function handleTouchMove(event) {
|
|
346
|
+
if (getOutsidePressEvent() !== "sloppy" || !touchStateRef.value || isEventWithinOwnElements(event)) return;
|
|
347
|
+
const touch = event.touches[0];
|
|
348
|
+
if (!touch) return;
|
|
349
|
+
const deltaX = Math.abs(touch.clientX - touchStateRef.value.startX);
|
|
350
|
+
const deltaY = Math.abs(touch.clientY - touchStateRef.value.startY);
|
|
351
|
+
const distance = Math.sqrt(deltaX * deltaX + deltaY * deltaY);
|
|
352
|
+
if (distance > 5) touchStateRef.value.dismissOnTouchEnd = true;
|
|
353
|
+
if (distance > 10) {
|
|
354
|
+
closeOnPressOutside(event);
|
|
355
|
+
cancelDismissOnEndTimeout.clear();
|
|
356
|
+
touchStateRef.value = null;
|
|
357
|
+
}
|
|
358
|
+
}
|
|
359
|
+
function handleTouchMoveCapture(event) {
|
|
360
|
+
addTargetEventListenerOnce(event, handleTouchMove);
|
|
361
|
+
}
|
|
362
|
+
function handleTouchEnd(event) {
|
|
363
|
+
if (getOutsidePressEvent() !== "sloppy" || !touchStateRef.value || isEventWithinOwnElements(event)) return;
|
|
364
|
+
if (touchStateRef.value.dismissOnTouchEnd) closeOnPressOutside(event);
|
|
365
|
+
cancelDismissOnEndTimeout.clear();
|
|
366
|
+
touchStateRef.value = null;
|
|
367
|
+
}
|
|
368
|
+
function handleTouchEndCapture(event) {
|
|
369
|
+
addTargetEventListenerOnce(event, handleTouchEnd);
|
|
370
|
+
}
|
|
371
|
+
const doc = require_control_SliderControl.ownerDocument(floatingElement.value ?? domReferenceElement.value);
|
|
372
|
+
const unsubscribe = mergeCleanups(escapeKey() ? mergeCleanups(addEventListener(doc, "keydown", closeOnEscapeKeyDown), addEventListener(doc, "compositionstart", handleCompositionStart), addEventListener(doc, "compositionend", handleCompositionEnd)) : void 0, outsidePressEnabled() ? mergeCleanups(addEventListener(doc, "click", closeOnPressOutsideCapture, true), addEventListener(doc, "pointerdown", closeOnPressOutsideCapture, true), addEventListener(doc, "pointerup", handlePressEndCapture, true), addEventListener(doc, "pointercancel", handlePressEndCapture, true), addEventListener(doc, "mousedown", closeOnPressOutsideCapture, true), addEventListener(doc, "mouseup", handlePressEndCapture, true), addEventListener(doc, "touchstart", handleTouchStartCapture, true), addEventListener(doc, "touchmove", handleTouchMoveCapture, true), addEventListener(doc, "touchend", handleTouchEndCapture, true)) : void 0);
|
|
373
|
+
onCleanup(() => {
|
|
374
|
+
unsubscribe();
|
|
375
|
+
compositionTimeout.clear();
|
|
376
|
+
preventedPressSuppressionTimeout.clear();
|
|
377
|
+
resetPressStartState();
|
|
378
|
+
suppressNextOutsideClickRef.value = false;
|
|
379
|
+
});
|
|
380
|
+
});
|
|
381
|
+
(0, vue.watchEffect)(() => {
|
|
382
|
+
outsidePress();
|
|
383
|
+
clearInsideVueTree();
|
|
384
|
+
});
|
|
385
|
+
(0, vue.onScopeDispose)(() => {
|
|
386
|
+
cancelDismissOnEndTimeout.clear();
|
|
387
|
+
clearInsideVueTreeTimeout.clear();
|
|
388
|
+
});
|
|
389
|
+
const reference = {
|
|
390
|
+
onKeydown: closeOnEscapeKeyDown,
|
|
391
|
+
onPointerdown: closeOnReferencePress,
|
|
392
|
+
onClick: closeOnReferencePress
|
|
393
|
+
};
|
|
394
|
+
return {
|
|
395
|
+
reference,
|
|
396
|
+
floating: {
|
|
397
|
+
onKeydown: closeOnEscapeKeyDown,
|
|
398
|
+
onPointerdown: markInsidePressStartPrevented,
|
|
399
|
+
onMousedown: markInsidePressStartPrevented,
|
|
400
|
+
onClickCapture: markInsideVueTree,
|
|
401
|
+
onMousedownCapture(event) {
|
|
402
|
+
markInsideVueTree();
|
|
403
|
+
markPressStartedInsideVueTree(event);
|
|
404
|
+
},
|
|
405
|
+
onPointerdownCapture(event) {
|
|
406
|
+
markInsideVueTree();
|
|
407
|
+
markPressStartedInsideVueTree(event);
|
|
408
|
+
},
|
|
409
|
+
onMouseupCapture: markInsideVueTree,
|
|
410
|
+
onTouchendCapture: markInsideVueTree,
|
|
411
|
+
onTouchmoveCapture: markInsideVueTree
|
|
412
|
+
},
|
|
413
|
+
trigger: reference
|
|
414
|
+
};
|
|
415
|
+
}
|
|
416
|
+
|
|
417
|
+
//#endregion
|
|
418
|
+
Object.defineProperty(exports, 'ARROW_DOWN', {
|
|
419
|
+
enumerable: true,
|
|
420
|
+
get: function () {
|
|
421
|
+
return ARROW_DOWN;
|
|
422
|
+
}
|
|
423
|
+
});
|
|
424
|
+
Object.defineProperty(exports, 'ARROW_LEFT', {
|
|
425
|
+
enumerable: true,
|
|
426
|
+
get: function () {
|
|
427
|
+
return ARROW_LEFT;
|
|
428
|
+
}
|
|
429
|
+
});
|
|
430
|
+
Object.defineProperty(exports, 'ARROW_RIGHT', {
|
|
431
|
+
enumerable: true,
|
|
432
|
+
get: function () {
|
|
433
|
+
return ARROW_RIGHT;
|
|
434
|
+
}
|
|
435
|
+
});
|
|
436
|
+
Object.defineProperty(exports, 'ARROW_UP', {
|
|
437
|
+
enumerable: true,
|
|
438
|
+
get: function () {
|
|
439
|
+
return ARROW_UP;
|
|
440
|
+
}
|
|
441
|
+
});
|
|
442
|
+
Object.defineProperty(exports, 'addEventListener', {
|
|
443
|
+
enumerable: true,
|
|
444
|
+
get: function () {
|
|
445
|
+
return addEventListener;
|
|
446
|
+
}
|
|
447
|
+
});
|
|
448
|
+
Object.defineProperty(exports, 'getNodeChildren', {
|
|
449
|
+
enumerable: true,
|
|
450
|
+
get: function () {
|
|
451
|
+
return getNodeChildren;
|
|
452
|
+
}
|
|
453
|
+
});
|
|
454
|
+
Object.defineProperty(exports, 'isFirefox', {
|
|
455
|
+
enumerable: true,
|
|
456
|
+
get: function () {
|
|
457
|
+
return isFirefox;
|
|
458
|
+
}
|
|
459
|
+
});
|
|
460
|
+
Object.defineProperty(exports, 'isIOS', {
|
|
461
|
+
enumerable: true,
|
|
462
|
+
get: function () {
|
|
463
|
+
return isIOS;
|
|
464
|
+
}
|
|
465
|
+
});
|
|
466
|
+
Object.defineProperty(exports, 'isInteractiveElement', {
|
|
467
|
+
enumerable: true,
|
|
468
|
+
get: function () {
|
|
469
|
+
return isInteractiveElement;
|
|
470
|
+
}
|
|
471
|
+
});
|
|
472
|
+
Object.defineProperty(exports, 'isTargetInsideEnabledTrigger', {
|
|
473
|
+
enumerable: true,
|
|
474
|
+
get: function () {
|
|
475
|
+
return isTargetInsideEnabledTrigger;
|
|
476
|
+
}
|
|
477
|
+
});
|
|
478
|
+
Object.defineProperty(exports, 'isWebKit', {
|
|
479
|
+
enumerable: true,
|
|
480
|
+
get: function () {
|
|
481
|
+
return isWebKit;
|
|
482
|
+
}
|
|
483
|
+
});
|
|
484
|
+
Object.defineProperty(exports, 'matchesFocusVisible', {
|
|
485
|
+
enumerable: true,
|
|
486
|
+
get: function () {
|
|
487
|
+
return matchesFocusVisible;
|
|
488
|
+
}
|
|
489
|
+
});
|
|
490
|
+
Object.defineProperty(exports, 'mergeCleanups', {
|
|
491
|
+
enumerable: true,
|
|
492
|
+
get: function () {
|
|
493
|
+
return mergeCleanups;
|
|
494
|
+
}
|
|
495
|
+
});
|
|
496
|
+
Object.defineProperty(exports, 'useDismiss', {
|
|
497
|
+
enumerable: true,
|
|
498
|
+
get: function () {
|
|
499
|
+
return useDismiss;
|
|
500
|
+
}
|
|
501
|
+
});
|
|
502
|
+
//# sourceMappingURL=useDismiss.cjs.map
|