base-ui-vue 0.1.0 → 0.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +41 -1
- package/dist/button/Button.cjs +53 -12
- package/dist/button/Button.cjs.map +1 -1
- package/dist/button/Button.js +26 -15
- package/dist/button/Button.js.map +1 -1
- package/dist/button/ToolbarButton.cjs +367 -0
- package/dist/button/ToolbarButton.cjs.map +1 -0
- package/dist/button/ToolbarButton.js +320 -0
- package/dist/button/ToolbarButton.js.map +1 -0
- package/dist/button/ToolbarButtonDataAttributes.cjs +27 -0
- package/dist/button/ToolbarButtonDataAttributes.cjs.map +1 -0
- package/dist/button/ToolbarButtonDataAttributes.js +21 -0
- package/dist/button/ToolbarButtonDataAttributes.js.map +1 -0
- package/dist/checkbox/index.cjs +1173 -0
- package/dist/checkbox/index.cjs.map +1 -0
- package/dist/checkbox/index.js +1048 -0
- package/dist/checkbox/index.js.map +1 -0
- package/dist/checkbox-group/CheckboxGroup.cjs +629 -0
- package/dist/checkbox-group/CheckboxGroup.cjs.map +1 -0
- package/dist/checkbox-group/CheckboxGroup.js +540 -0
- package/dist/checkbox-group/CheckboxGroup.js.map +1 -0
- package/dist/checkbox-group/CheckboxGroupDataAttributes.cjs +18 -0
- package/dist/checkbox-group/CheckboxGroupDataAttributes.cjs.map +1 -0
- package/dist/checkbox-group/CheckboxGroupDataAttributes.js +12 -0
- package/dist/checkbox-group/CheckboxGroupDataAttributes.js.map +1 -0
- package/dist/composite/composite.cjs +167 -0
- package/dist/composite/composite.cjs.map +1 -1
- package/dist/composite/composite.js +96 -1
- package/dist/composite/composite.js.map +1 -1
- package/dist/composite/constants.cjs +12 -0
- package/dist/composite/constants.cjs.map +1 -0
- package/dist/composite/constants.js +6 -0
- package/dist/composite/constants.js.map +1 -0
- package/dist/content/ScrollAreaContent.cjs +168 -0
- package/dist/content/ScrollAreaContent.cjs.map +1 -0
- package/dist/content/ScrollAreaContent.js +133 -0
- package/dist/content/ScrollAreaContent.js.map +1 -0
- package/dist/control/FieldControl.cjs +18 -343
- package/dist/control/FieldControl.cjs.map +1 -1
- package/dist/control/FieldControl.js +14 -285
- package/dist/control/FieldControl.js.map +1 -1
- package/dist/control/SliderControl.cjs +636 -0
- package/dist/control/SliderControl.cjs.map +1 -0
- package/dist/control/SliderControl.js +553 -0
- package/dist/control/SliderControl.js.map +1 -0
- package/dist/control/SliderControlDataAttributes.cjs +47 -0
- package/dist/control/SliderControlDataAttributes.cjs.map +1 -0
- package/dist/control/SliderControlDataAttributes.js +41 -0
- package/dist/control/SliderControlDataAttributes.js.map +1 -0
- package/dist/corner/ScrollAreaCorner.cjs +77 -0
- package/dist/corner/ScrollAreaCorner.cjs.map +1 -0
- package/dist/corner/ScrollAreaCorner.js +72 -0
- package/dist/corner/ScrollAreaCorner.js.map +1 -0
- package/dist/csp-provider/CSPContext.cjs +32 -0
- package/dist/csp-provider/CSPContext.cjs.map +1 -0
- package/dist/csp-provider/CSPContext.js +21 -0
- package/dist/csp-provider/CSPContext.js.map +1 -0
- package/dist/csp-provider/CSPProvider.cjs +46 -0
- package/dist/csp-provider/CSPProvider.cjs.map +1 -0
- package/dist/csp-provider/CSPProvider.js +41 -0
- package/dist/csp-provider/CSPProvider.js.map +1 -0
- package/dist/description/FieldDescription.cjs +5 -5
- package/dist/description/FieldDescription.cjs.map +1 -1
- package/dist/description/FieldDescription.js +1 -1
- package/dist/direction-provider/DirectionProvider.cjs +2 -2
- package/dist/direction-provider/DirectionProvider.cjs.map +1 -1
- package/dist/direction-provider/DirectionProvider.js +1 -1
- package/dist/error/FieldError.cjs +10 -288
- package/dist/error/FieldError.cjs.map +1 -1
- package/dist/error/FieldError.js +4 -246
- package/dist/error/FieldError.js.map +1 -1
- package/dist/form/Form.cjs +5 -4
- package/dist/form/Form.cjs.map +1 -1
- package/dist/form/Form.js +5 -4
- package/dist/form/Form.js.map +1 -1
- package/dist/group/ToolbarGroup.cjs +92 -0
- package/dist/group/ToolbarGroup.cjs.map +1 -0
- package/dist/group/ToolbarGroup.js +87 -0
- package/dist/group/ToolbarGroup.js.map +1 -0
- package/dist/group/ToolbarGroupDataAttributes.cjs +23 -0
- package/dist/group/ToolbarGroupDataAttributes.cjs.map +1 -0
- package/dist/group/ToolbarGroupDataAttributes.js +17 -0
- package/dist/group/ToolbarGroupDataAttributes.js.map +1 -0
- package/dist/header/AccordionHeader.cjs +2 -2
- package/dist/header/AccordionHeader.js +1 -1
- package/dist/image/AvatarImage.cjs +4 -4
- package/dist/image/AvatarImage.cjs.map +1 -1
- package/dist/image/AvatarImage.js +1 -1
- package/dist/index.cjs +113 -10
- package/dist/index.d.cts +3457 -603
- package/dist/index.d.cts.map +1 -1
- package/dist/index.d.ts +3457 -603
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +17 -5
- package/dist/index2.cjs +5897 -424
- package/dist/index2.cjs.map +1 -1
- package/dist/index2.js +5389 -270
- package/dist/index2.js.map +1 -1
- package/package.json +8 -4
- package/src/accordion/root/AccordionRoot.vue +2 -1
- package/src/checkbox/index.ts +23 -0
- package/src/checkbox/indicator/CheckboxIndicator.vue +102 -0
- package/src/checkbox/indicator/CheckboxIndicatorDataAttributes.ts +61 -0
- package/src/checkbox/root/CheckboxRoot.vue +632 -0
- package/src/checkbox/root/CheckboxRootContext.ts +22 -0
- package/src/checkbox/root/CheckboxRootDataAttributes.ts +54 -0
- package/src/checkbox/utils/useStateAttributesMapping.ts +30 -0
- package/src/checkbox-group/CheckboxGroup.vue +241 -0
- package/src/checkbox-group/CheckboxGroupContext.ts +39 -0
- package/src/checkbox-group/CheckboxGroupDataAttributes.ts +6 -0
- package/src/checkbox-group/index.ts +11 -0
- package/src/checkbox-group/useCheckboxGroupParent.ts +173 -0
- package/src/collapsible/panel/useCollapsiblePanel.ts +2 -1
- package/src/collapsible/root/useCollapsibleRoot.ts +3 -1
- package/src/composite/composite.ts +2 -0
- package/src/composite/item/CompositeItem.vue +7 -8
- package/src/composite/root/CompositeRoot.vue +12 -1
- package/src/csp-provider/CSPContext.ts +26 -0
- package/src/csp-provider/CSPProvider.vue +40 -0
- package/src/csp-provider/index.ts +5 -0
- package/src/field/item/FieldItem.vue +6 -1
- package/src/field/label/FieldLabel.vue +10 -51
- package/src/field/root/FieldRoot.vue +16 -3
- package/src/floating-ui-vue/types.ts +1 -4
- package/src/floating-ui-vue/utils/element.ts +12 -0
- package/src/floating-ui-vue/utils/shadowDom.ts +44 -0
- package/src/floating-ui-vue/utils.ts +3 -0
- package/src/form/Form.vue +5 -3
- package/src/index.ts +13 -0
- package/src/input/Input.vue +37 -0
- package/src/input/InputDataAttributes.ts +30 -0
- package/src/input/index.ts +4 -0
- package/src/labelable-provider/LabelableContext.ts +2 -2
- package/src/labelable-provider/LabelableProvider.vue +21 -4
- package/src/labelable-provider/index.ts +2 -0
- package/src/labelable-provider/useAriaLabelledBy.ts +9 -9
- package/src/labelable-provider/useLabel.ts +115 -0
- package/src/labelable-provider/useLabelableId.ts +12 -10
- package/src/meter/index.ts +16 -0
- package/src/meter/indicator/MeterIndicator.vue +65 -0
- package/src/meter/label/MeterLabel.vue +63 -0
- package/src/meter/root/MeterRoot.vue +131 -0
- package/src/meter/root/MeterRootContext.ts +41 -0
- package/src/meter/track/MeterTrack.vue +46 -0
- package/src/meter/value/MeterValue.vue +85 -0
- package/src/progress/index.ts +23 -0
- package/src/progress/indicator/ProgressIndicator.vue +74 -0
- package/src/progress/label/ProgressLabel.vue +63 -0
- package/src/progress/root/ProgressRoot.vue +160 -0
- package/src/progress/root/ProgressRootContext.ts +51 -0
- package/src/progress/root/ProgressRootDataAttributes.ts +14 -0
- package/src/progress/root/stateAttributesMapping.ts +18 -0
- package/src/progress/track/ProgressTrack.vue +48 -0
- package/src/progress/value/ProgressValue.vue +92 -0
- package/src/scroll-area/constants.ts +2 -0
- package/src/scroll-area/content/ScrollAreaContent.vue +87 -0
- package/src/scroll-area/corner/ScrollAreaCorner.vue +64 -0
- package/src/scroll-area/index.ts +25 -0
- package/src/scroll-area/root/ScrollAreaRoot.vue +297 -0
- package/src/scroll-area/root/ScrollAreaRootContext.ts +89 -0
- package/src/scroll-area/root/ScrollAreaRootCssVars.ts +4 -0
- package/src/scroll-area/root/ScrollAreaRootDataAttributes.ts +9 -0
- package/src/scroll-area/root/stateAttributes.ts +14 -0
- package/src/scroll-area/scrollbar/ScrollAreaScrollbar.vue +263 -0
- package/src/scroll-area/scrollbar/ScrollAreaScrollbarContext.ts +20 -0
- package/src/scroll-area/scrollbar/ScrollAreaScrollbarCssVars.ts +4 -0
- package/src/scroll-area/scrollbar/ScrollAreaScrollbarDataAttributes.ts +11 -0
- package/src/scroll-area/thumb/ScrollAreaThumb.vue +120 -0
- package/src/scroll-area/thumb/ScrollAreaThumbDataAttributes.ts +3 -0
- package/src/scroll-area/utils/getOffset.ts +34 -0
- package/src/scroll-area/viewport/ScrollAreaViewport.vue +379 -0
- package/src/scroll-area/viewport/ScrollAreaViewportContext.ts +20 -0
- package/src/scroll-area/viewport/ScrollAreaViewportCssVars.ts +6 -0
- package/src/scroll-area/viewport/ScrollAreaViewportDataAttributes.ts +9 -0
- package/src/separator/Separator.vue +65 -0
- package/src/separator/SeparatorDataAttributes.ts +7 -0
- package/src/separator/index.ts +3 -0
- package/src/slider/control/SliderControl.vue +497 -0
- package/src/slider/control/SliderControlDataAttributes.ts +35 -0
- package/src/slider/index.ts +35 -0
- package/src/slider/indicator/SliderIndicator.vue +144 -0
- package/src/slider/indicator/SliderIndicatorDataAttributes.ts +35 -0
- package/src/slider/label/SliderLabel.vue +75 -0
- package/src/slider/root/SliderRoot.vue +557 -0
- package/src/slider/root/SliderRootContext.ts +126 -0
- package/src/slider/root/SliderRootDataAttributes.ts +35 -0
- package/src/slider/root/stateAttributesMapping.ts +13 -0
- package/src/slider/thumb/SliderThumb.vue +601 -0
- package/src/slider/thumb/SliderThumbDataAttributes.ts +39 -0
- package/src/slider/thumb/prehydrationScript.min.ts +5 -0
- package/src/slider/thumb/prehydrationScript.template.js +69 -0
- package/src/slider/track/SliderTrack.vue +48 -0
- package/src/slider/track/SliderTrackDataAttributes.ts +10 -0
- package/src/slider/utils/asc.ts +3 -0
- package/src/slider/utils/getMidpoint.ts +9 -0
- package/src/slider/utils/getPushedThumbValues.ts +68 -0
- package/src/slider/utils/getSliderValue.ts +25 -0
- package/src/slider/utils/replaceArrayItemAtIndex.ts +15 -0
- package/src/slider/utils/resolveThumbCollision.ts +177 -0
- package/src/slider/utils/roundValueToStep.ts +19 -0
- package/src/slider/utils/test-utils.ts +25 -0
- package/src/slider/utils/validateMinimumDistance.ts +20 -0
- package/src/slider/utils/valueArrayToPercentages.ts +10 -0
- package/src/slider/value/SliderValue.vue +90 -0
- package/src/slider/value/SliderValueDataAttributes.ts +35 -0
- package/src/switch/index.ts +14 -0
- package/src/switch/root/SwitchRoot.vue +448 -0
- package/src/switch/root/SwitchRootContext.ts +22 -0
- package/src/switch/root/SwitchRootDataAttributes.ts +46 -0
- package/src/switch/stateAttributesMapping.ts +23 -0
- package/src/switch/thumb/SwitchThumb.vue +59 -0
- package/src/switch/thumb/SwitchThumbDataAttributes.ts +46 -0
- package/src/toggle/Toggle.vue +211 -0
- package/src/toggle/ToggleDataAttributes.ts +6 -0
- package/src/toggle/index.ts +3 -0
- package/src/toggle-group/ToggleGroup.vue +224 -0
- package/src/toggle-group/ToggleGroupContext.ts +45 -0
- package/src/toggle-group/ToggleGroupDataAttributes.ts +15 -0
- package/src/toggle-group/index.ts +5 -0
- package/src/toolbar/button/ToolbarButton.vue +99 -0
- package/src/toolbar/button/ToolbarButtonDataAttributes.ts +15 -0
- package/src/toolbar/group/ToolbarGroup.vue +70 -0
- package/src/toolbar/group/ToolbarGroupContext.ts +23 -0
- package/src/toolbar/group/ToolbarGroupDataAttributes.ts +11 -0
- package/src/toolbar/index.ts +27 -0
- package/src/toolbar/input/ToolbarInput.vue +114 -0
- package/src/toolbar/input/ToolbarInputDataAttributes.ts +15 -0
- package/src/toolbar/link/ToolbarLink.vue +54 -0
- package/src/toolbar/link/ToolbarLinkDataAttributes.ts +7 -0
- package/src/toolbar/root/ToolbarRoot.vue +144 -0
- package/src/toolbar/root/ToolbarRootContext.ts +29 -0
- package/src/toolbar/root/ToolbarRootDataAttributes.ts +11 -0
- package/src/toolbar/separator/ToolbarSeparator.vue +41 -0
- package/src/toolbar/separator/ToolbarSeparatorDataAttributes.ts +7 -0
- package/src/use-button/useButton.ts +2 -1
- package/src/utils/areArraysEqual.ts +12 -0
- package/src/utils/clamp.ts +7 -0
- package/src/utils/createBaseUIEventDetails.ts +9 -0
- package/src/utils/formatNumber.ts +32 -0
- package/src/utils/owner.ts +5 -0
- package/src/utils/resolveAriaLabelledBy.ts +10 -0
- package/src/utils/scrollEdges.ts +33 -0
- package/src/utils/styles.ts +28 -0
- package/src/utils/useControllableState.ts +78 -14
- package/src/utils/useFocusableWhenDisabled.ts +6 -1
- package/src/utils/useMergedRefs.ts +26 -2
- package/src/utils/useRegisteredLabelId.ts +21 -0
- package/src/utils/valueToPercent.ts +7 -0
- package/src/utils/visuallyHidden.ts +24 -0
- package/dist/direction-provider/DirectionContext.cjs +0 -26
- package/dist/direction-provider/DirectionContext.cjs.map +0 -1
- package/dist/direction-provider/DirectionContext.js +0 -15
- package/dist/direction-provider/DirectionContext.js.map +0 -1
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
const require_button_Button = require('../button/Button.cjs');
|
|
2
|
+
const require_content_ScrollAreaContent = require('../content/ScrollAreaContent.cjs');
|
|
3
|
+
let vue = require("vue");
|
|
4
|
+
|
|
5
|
+
//#region src/scroll-area/corner/ScrollAreaCorner.vue?vue&type=script&setup=true&lang.ts
|
|
6
|
+
var ScrollAreaCorner_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
|
|
7
|
+
name: "ScrollAreaCorner",
|
|
8
|
+
inheritAttrs: false,
|
|
9
|
+
__name: "ScrollAreaCorner",
|
|
10
|
+
props: {
|
|
11
|
+
as: {
|
|
12
|
+
type: null,
|
|
13
|
+
required: false,
|
|
14
|
+
default: "div"
|
|
15
|
+
},
|
|
16
|
+
class: {
|
|
17
|
+
type: Function,
|
|
18
|
+
required: false,
|
|
19
|
+
skipCheck: true
|
|
20
|
+
},
|
|
21
|
+
style: {
|
|
22
|
+
type: [
|
|
23
|
+
Boolean,
|
|
24
|
+
null,
|
|
25
|
+
String,
|
|
26
|
+
Object,
|
|
27
|
+
Array,
|
|
28
|
+
Function
|
|
29
|
+
],
|
|
30
|
+
required: false,
|
|
31
|
+
skipCheck: true
|
|
32
|
+
}
|
|
33
|
+
},
|
|
34
|
+
setup(__props) {
|
|
35
|
+
const props = __props;
|
|
36
|
+
const attrs = (0, vue.useAttrs)();
|
|
37
|
+
const { cornerRef, cornerSize, hiddenState } = require_content_ScrollAreaContent.useScrollAreaRootContext();
|
|
38
|
+
const state = (0, vue.computed)(() => ({}));
|
|
39
|
+
const { tag, mergedProps, renderless, ref: renderRef } = require_button_Button.useRenderElement({
|
|
40
|
+
componentProps: props,
|
|
41
|
+
state,
|
|
42
|
+
props: (0, vue.computed)(() => require_button_Button.mergeProps(attrs, { style: {
|
|
43
|
+
position: "absolute",
|
|
44
|
+
bottom: 0,
|
|
45
|
+
insetInlineEnd: 0,
|
|
46
|
+
width: cornerSize.value.width,
|
|
47
|
+
height: cornerSize.value.height
|
|
48
|
+
} })),
|
|
49
|
+
defaultTagName: "div",
|
|
50
|
+
ref: cornerRef
|
|
51
|
+
});
|
|
52
|
+
return (_ctx, _cache) => {
|
|
53
|
+
return !(0, vue.unref)(hiddenState).corner ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 0 }, [(0, vue.unref)(renderless) ? (0, vue.renderSlot)(_ctx.$slots, "default", {
|
|
54
|
+
key: 0,
|
|
55
|
+
ref: (0, vue.unref)(renderRef),
|
|
56
|
+
props: (0, vue.unref)(mergedProps),
|
|
57
|
+
state: state.value
|
|
58
|
+
}) : ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)((0, vue.unref)(tag)), (0, vue.mergeProps)({
|
|
59
|
+
key: 1,
|
|
60
|
+
ref: (0, vue.unref)(renderRef)
|
|
61
|
+
}, (0, vue.unref)(mergedProps)), null, 16))], 64)) : (0, vue.createCommentVNode)("v-if", true);
|
|
62
|
+
};
|
|
63
|
+
}
|
|
64
|
+
});
|
|
65
|
+
|
|
66
|
+
//#endregion
|
|
67
|
+
//#region src/scroll-area/corner/ScrollAreaCorner.vue
|
|
68
|
+
var ScrollAreaCorner_default = ScrollAreaCorner_vue_vue_type_script_setup_true_lang_default;
|
|
69
|
+
|
|
70
|
+
//#endregion
|
|
71
|
+
Object.defineProperty(exports, 'ScrollAreaCorner_default', {
|
|
72
|
+
enumerable: true,
|
|
73
|
+
get: function () {
|
|
74
|
+
return ScrollAreaCorner_default;
|
|
75
|
+
}
|
|
76
|
+
});
|
|
77
|
+
//# sourceMappingURL=ScrollAreaCorner.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ScrollAreaCorner.cjs","names":[],"sources":["../../src/scroll-area/corner/ScrollAreaCorner.vue","../../src/scroll-area/corner/ScrollAreaCorner.vue"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgBA,MAAM,QAAQ;EAId,MAAM,2BAAiB;EAEvB,MAAM,EAAE,WAAW,YAAY,gBAAgB,4DAAyB;EAExE,MAAM,iCAA+C,EAAE,EAAC;EAexD,MAAM,EACJ,KACA,aACA,YACA,KAAK,cACH,uCAAiB;GACnB,gBAAgB;GAChB;GACA,+BArBkC,iCAClC,OACA,EACE,OAAO;IACL,UAAU;IACV,QAAQ;IACR,gBAAgB;IAChB,OAAO,WAAW,MAAM;IACxB,QAAQ,WAAW,MAAM;IAC1B,EACF,CACF,CAAA;GAWC,gBAAgB;GAChB,KAAK;GACN,CAAA;;0BAIkB,YAAW,CAAC,4DAQlB,cAAA,EAAA,KAAA,GAAA,EAAA,gBAPG,WAAU,uBAAyD,KAAA,QAAA,WAAA;;IAAtD,oBAAK,UAAS;IAAG,sBAAO,YAAW;IAAG,OAAO,MAAA;oGAE/D,IAAG,CAAA,sBAIR;;IAFC,oBAAK,UAAS;qBACP,YAAW,CAAA,EAAA,MAAA,GAAA"}
|
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
import { mergeProps as mergeProps$1, useRenderElement } from "../button/Button.js";
|
|
2
|
+
import { useScrollAreaRootContext } from "../content/ScrollAreaContent.js";
|
|
3
|
+
import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, defineComponent, mergeProps, openBlock, renderSlot, resolveDynamicComponent, unref, useAttrs } from "vue";
|
|
4
|
+
|
|
5
|
+
//#region src/scroll-area/corner/ScrollAreaCorner.vue?vue&type=script&setup=true&lang.ts
|
|
6
|
+
var ScrollAreaCorner_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
7
|
+
name: "ScrollAreaCorner",
|
|
8
|
+
inheritAttrs: false,
|
|
9
|
+
__name: "ScrollAreaCorner",
|
|
10
|
+
props: {
|
|
11
|
+
as: {
|
|
12
|
+
type: null,
|
|
13
|
+
required: false,
|
|
14
|
+
default: "div"
|
|
15
|
+
},
|
|
16
|
+
class: {
|
|
17
|
+
type: Function,
|
|
18
|
+
required: false,
|
|
19
|
+
skipCheck: true
|
|
20
|
+
},
|
|
21
|
+
style: {
|
|
22
|
+
type: [
|
|
23
|
+
Boolean,
|
|
24
|
+
null,
|
|
25
|
+
String,
|
|
26
|
+
Object,
|
|
27
|
+
Array,
|
|
28
|
+
Function
|
|
29
|
+
],
|
|
30
|
+
required: false,
|
|
31
|
+
skipCheck: true
|
|
32
|
+
}
|
|
33
|
+
},
|
|
34
|
+
setup(__props) {
|
|
35
|
+
const props = __props;
|
|
36
|
+
const attrs = useAttrs();
|
|
37
|
+
const { cornerRef, cornerSize, hiddenState } = useScrollAreaRootContext();
|
|
38
|
+
const state = computed(() => ({}));
|
|
39
|
+
const { tag, mergedProps, renderless, ref: renderRef } = useRenderElement({
|
|
40
|
+
componentProps: props,
|
|
41
|
+
state,
|
|
42
|
+
props: computed(() => mergeProps$1(attrs, { style: {
|
|
43
|
+
position: "absolute",
|
|
44
|
+
bottom: 0,
|
|
45
|
+
insetInlineEnd: 0,
|
|
46
|
+
width: cornerSize.value.width,
|
|
47
|
+
height: cornerSize.value.height
|
|
48
|
+
} })),
|
|
49
|
+
defaultTagName: "div",
|
|
50
|
+
ref: cornerRef
|
|
51
|
+
});
|
|
52
|
+
return (_ctx, _cache) => {
|
|
53
|
+
return !unref(hiddenState).corner ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [unref(renderless) ? renderSlot(_ctx.$slots, "default", {
|
|
54
|
+
key: 0,
|
|
55
|
+
ref: unref(renderRef),
|
|
56
|
+
props: unref(mergedProps),
|
|
57
|
+
state: state.value
|
|
58
|
+
}) : (openBlock(), createBlock(resolveDynamicComponent(unref(tag)), mergeProps({
|
|
59
|
+
key: 1,
|
|
60
|
+
ref: unref(renderRef)
|
|
61
|
+
}, unref(mergedProps)), null, 16))], 64)) : createCommentVNode("v-if", true);
|
|
62
|
+
};
|
|
63
|
+
}
|
|
64
|
+
});
|
|
65
|
+
|
|
66
|
+
//#endregion
|
|
67
|
+
//#region src/scroll-area/corner/ScrollAreaCorner.vue
|
|
68
|
+
var ScrollAreaCorner_default = ScrollAreaCorner_vue_vue_type_script_setup_true_lang_default;
|
|
69
|
+
|
|
70
|
+
//#endregion
|
|
71
|
+
export { ScrollAreaCorner_default };
|
|
72
|
+
//# sourceMappingURL=ScrollAreaCorner.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ScrollAreaCorner.js","names":[],"sources":["../../src/scroll-area/corner/ScrollAreaCorner.vue","../../src/scroll-area/corner/ScrollAreaCorner.vue"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgBA,MAAM,QAAQ;EAId,MAAM,QAAQ,UAAS;EAEvB,MAAM,EAAE,WAAW,YAAY,gBAAgB,0BAAyB;EAExE,MAAM,QAAQ,gBAAuC,EAAE,EAAC;EAexD,MAAM,EACJ,KACA,aACA,YACA,KAAK,cACH,iBAAiB;GACnB,gBAAgB;GAChB;GACA,OArBmB,eAAe,aAClC,OACA,EACE,OAAO;IACL,UAAU;IACV,QAAQ;IACR,gBAAgB;IAChB,OAAO,WAAW,MAAM;IACxB,QAAQ,WAAW,MAAM;IAC1B,EACF,CACF,CAAA;GAWC,gBAAgB;GAChB,KAAK;GACN,CAAA;;WAIkB,MAAA,YAAW,CAAC,uBAA7B,mBAQW,UAAA,EAAA,KAAA,GAAA,EAAA,CAPG,MAAA,WAAU,GAAtB,WAA+E,KAAA,QAAA,WAAA;;IAAtD,KAAK,MAAA,UAAS;IAAG,OAAO,MAAA,YAAW;IAAG,OAAO,MAAA;sBACtE,YAKE,wBAJK,MAAA,IAAG,CAAA,EADV,WAKE;;IAFC,KAAK,MAAA,UAAS;MACP,MAAA,YAAW,CAAA,EAAA,MAAA,GAAA"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
let vue = require("vue");
|
|
2
|
+
|
|
3
|
+
//#region src/csp-provider/CSPContext.ts
|
|
4
|
+
/**
|
|
5
|
+
* @internal
|
|
6
|
+
*/
|
|
7
|
+
const cspContextKey = Symbol("CSPContext");
|
|
8
|
+
const DEFAULT_CSP_CONTEXT_VALUE = {
|
|
9
|
+
nonce: (0, vue.computed)(() => void 0),
|
|
10
|
+
disableStyleElements: (0, vue.computed)(() => false)
|
|
11
|
+
};
|
|
12
|
+
/**
|
|
13
|
+
* @internal
|
|
14
|
+
*/
|
|
15
|
+
function useCSPContext() {
|
|
16
|
+
return (0, vue.inject)(cspContextKey, DEFAULT_CSP_CONTEXT_VALUE);
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
//#endregion
|
|
20
|
+
Object.defineProperty(exports, 'cspContextKey', {
|
|
21
|
+
enumerable: true,
|
|
22
|
+
get: function () {
|
|
23
|
+
return cspContextKey;
|
|
24
|
+
}
|
|
25
|
+
});
|
|
26
|
+
Object.defineProperty(exports, 'useCSPContext', {
|
|
27
|
+
enumerable: true,
|
|
28
|
+
get: function () {
|
|
29
|
+
return useCSPContext;
|
|
30
|
+
}
|
|
31
|
+
});
|
|
32
|
+
//# sourceMappingURL=CSPContext.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CSPContext.cjs","names":[],"sources":["../../src/csp-provider/CSPContext.ts"],"sourcesContent":[],"mappings":";;;;;;AAWA,MAAa,gBAAgB,OAC3B,aACD;AAED,MAAM,4BAA6C;CACjD,+BAAsB,OAAU;CAChC,8CAAqC,MAAM;CAC5C;;;;AAKD,SAAgB,gBAAiC;AAC/C,wBAAc,eAAe,0BAA0B"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { computed, inject } from "vue";
|
|
2
|
+
|
|
3
|
+
//#region src/csp-provider/CSPContext.ts
|
|
4
|
+
/**
|
|
5
|
+
* @internal
|
|
6
|
+
*/
|
|
7
|
+
const cspContextKey = Symbol("CSPContext");
|
|
8
|
+
const DEFAULT_CSP_CONTEXT_VALUE = {
|
|
9
|
+
nonce: computed(() => void 0),
|
|
10
|
+
disableStyleElements: computed(() => false)
|
|
11
|
+
};
|
|
12
|
+
/**
|
|
13
|
+
* @internal
|
|
14
|
+
*/
|
|
15
|
+
function useCSPContext() {
|
|
16
|
+
return inject(cspContextKey, DEFAULT_CSP_CONTEXT_VALUE);
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
//#endregion
|
|
20
|
+
export { cspContextKey, useCSPContext };
|
|
21
|
+
//# sourceMappingURL=CSPContext.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CSPContext.js","names":[],"sources":["../../src/csp-provider/CSPContext.ts"],"sourcesContent":[],"mappings":";;;;;;AAWA,MAAa,gBAAgB,OAC3B,aACD;AAED,MAAM,4BAA6C;CACjD,OAAO,eAAe,OAAU;CAChC,sBAAsB,eAAe,MAAM;CAC5C;;;;AAKD,SAAgB,gBAAiC;AAC/C,QAAO,OAAO,eAAe,0BAA0B"}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
const require_csp_provider_CSPContext = require('./CSPContext.cjs');
|
|
2
|
+
let vue = require("vue");
|
|
3
|
+
|
|
4
|
+
//#region src/csp-provider/CSPProvider.vue?vue&type=script&setup=true&lang.ts
|
|
5
|
+
/**
|
|
6
|
+
* Provides a default Content Security Policy (CSP) configuration for Base UI Vue components
|
|
7
|
+
* that require inline `<style>` or `<script>` tags.
|
|
8
|
+
*/
|
|
9
|
+
var CSPProvider_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
|
|
10
|
+
name: "CSPProvider",
|
|
11
|
+
__name: "CSPProvider",
|
|
12
|
+
props: {
|
|
13
|
+
nonce: {
|
|
14
|
+
type: String,
|
|
15
|
+
required: false
|
|
16
|
+
},
|
|
17
|
+
disableStyleElements: {
|
|
18
|
+
type: Boolean,
|
|
19
|
+
required: false,
|
|
20
|
+
default: false
|
|
21
|
+
}
|
|
22
|
+
},
|
|
23
|
+
setup(__props) {
|
|
24
|
+
const props = __props;
|
|
25
|
+
(0, vue.provide)(require_csp_provider_CSPContext.cspContextKey, (0, vue.computed)(() => ({
|
|
26
|
+
nonce: (0, vue.toRef)(() => props.nonce),
|
|
27
|
+
disableStyleElements: (0, vue.toRef)(() => props.disableStyleElements)
|
|
28
|
+
})).value);
|
|
29
|
+
return (_ctx, _cache) => {
|
|
30
|
+
return (0, vue.renderSlot)(_ctx.$slots, "default");
|
|
31
|
+
};
|
|
32
|
+
}
|
|
33
|
+
});
|
|
34
|
+
|
|
35
|
+
//#endregion
|
|
36
|
+
//#region src/csp-provider/CSPProvider.vue
|
|
37
|
+
var CSPProvider_default = CSPProvider_vue_vue_type_script_setup_true_lang_default;
|
|
38
|
+
|
|
39
|
+
//#endregion
|
|
40
|
+
Object.defineProperty(exports, 'CSPProvider_default', {
|
|
41
|
+
enumerable: true,
|
|
42
|
+
get: function () {
|
|
43
|
+
return CSPProvider_default;
|
|
44
|
+
}
|
|
45
|
+
});
|
|
46
|
+
//# sourceMappingURL=CSPProvider.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CSPProvider.cjs","names":[],"sources":["../../src/csp-provider/CSPProvider.vue","../../src/csp-provider/CSPProvider.vue"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;EAyBA,MAAM,QAAQ;AASd,mBAAQ,wEAL8C;GACpD,4BAAmB,MAAM,MAAM;GAC/B,2CAAkC,MAAM,qBAAqB;GAC9D,EAAC,CAEkC,MAAK;;8BAI/B,KAAA,QAAA,UAAA"}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { cspContextKey } from "./CSPContext.js";
|
|
2
|
+
import { computed, defineComponent, provide, renderSlot, toRef } from "vue";
|
|
3
|
+
|
|
4
|
+
//#region src/csp-provider/CSPProvider.vue?vue&type=script&setup=true&lang.ts
|
|
5
|
+
/**
|
|
6
|
+
* Provides a default Content Security Policy (CSP) configuration for Base UI Vue components
|
|
7
|
+
* that require inline `<style>` or `<script>` tags.
|
|
8
|
+
*/
|
|
9
|
+
var CSPProvider_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
10
|
+
name: "CSPProvider",
|
|
11
|
+
__name: "CSPProvider",
|
|
12
|
+
props: {
|
|
13
|
+
nonce: {
|
|
14
|
+
type: String,
|
|
15
|
+
required: false
|
|
16
|
+
},
|
|
17
|
+
disableStyleElements: {
|
|
18
|
+
type: Boolean,
|
|
19
|
+
required: false,
|
|
20
|
+
default: false
|
|
21
|
+
}
|
|
22
|
+
},
|
|
23
|
+
setup(__props) {
|
|
24
|
+
const props = __props;
|
|
25
|
+
provide(cspContextKey, computed(() => ({
|
|
26
|
+
nonce: toRef(() => props.nonce),
|
|
27
|
+
disableStyleElements: toRef(() => props.disableStyleElements)
|
|
28
|
+
})).value);
|
|
29
|
+
return (_ctx, _cache) => {
|
|
30
|
+
return renderSlot(_ctx.$slots, "default");
|
|
31
|
+
};
|
|
32
|
+
}
|
|
33
|
+
});
|
|
34
|
+
|
|
35
|
+
//#endregion
|
|
36
|
+
//#region src/csp-provider/CSPProvider.vue
|
|
37
|
+
var CSPProvider_default = CSPProvider_vue_vue_type_script_setup_true_lang_default;
|
|
38
|
+
|
|
39
|
+
//#endregion
|
|
40
|
+
export { CSPProvider_default };
|
|
41
|
+
//# sourceMappingURL=CSPProvider.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CSPProvider.js","names":[],"sources":["../../src/csp-provider/CSPProvider.vue","../../src/csp-provider/CSPProvider.vue"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;EAyBA,MAAM,QAAQ;AASd,UAAQ,eALa,gBAAiC;GACpD,OAAO,YAAY,MAAM,MAAM;GAC/B,sBAAsB,YAAY,MAAM,qBAAqB;GAC9D,EAAC,CAEkC,MAAK;;UAIvC,WAAQ,KAAA,QAAA,UAAA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
const require_button_Button = require('../button/Button.cjs');
|
|
2
|
-
const
|
|
2
|
+
const require_checkbox_group_CheckboxGroup = require('../checkbox-group/CheckboxGroup.cjs');
|
|
3
3
|
let vue = require("vue");
|
|
4
4
|
|
|
5
5
|
//#region src/field/description/FieldDescription.vue?vue&type=script&setup=true&lang.ts
|
|
@@ -38,10 +38,10 @@ var FieldDescription_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
|
|
|
38
38
|
setup(__props) {
|
|
39
39
|
const props = __props;
|
|
40
40
|
const attrs = (0, vue.useAttrs)();
|
|
41
|
-
const generatedId =
|
|
41
|
+
const generatedId = require_checkbox_group_CheckboxGroup.useBaseUiId(void 0);
|
|
42
42
|
const id = (0, vue.computed)(() => props.id ?? generatedId);
|
|
43
|
-
const fieldRootContext =
|
|
44
|
-
const { setMessageIds } =
|
|
43
|
+
const fieldRootContext = require_checkbox_group_CheckboxGroup.useFieldRootContext(false);
|
|
44
|
+
const { setMessageIds } = require_checkbox_group_CheckboxGroup.useLabelableContext();
|
|
45
45
|
(0, vue.watchEffect)((onCleanup) => {
|
|
46
46
|
const currentId = id.value;
|
|
47
47
|
if (currentId) {
|
|
@@ -56,7 +56,7 @@ var FieldDescription_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
|
|
|
56
56
|
...attrs,
|
|
57
57
|
id: id.value
|
|
58
58
|
})),
|
|
59
|
-
stateAttributesMapping:
|
|
59
|
+
stateAttributesMapping: require_checkbox_group_CheckboxGroup.fieldValidityMapping,
|
|
60
60
|
defaultTagName: "p"
|
|
61
61
|
});
|
|
62
62
|
return (_ctx, _cache) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FieldDescription.cjs","names":[],"sources":["../../src/field/description/FieldDescription.vue","../../src/field/description/FieldDescription.vue"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwBA,MAAM,QAAQ;EAId,MAAM,2BAAiB;EAEvB,MAAM,cAAc,
|
|
1
|
+
{"version":3,"file":"FieldDescription.cjs","names":[],"sources":["../../src/field/description/FieldDescription.vue","../../src/field/description/FieldDescription.vue"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwBA,MAAM,QAAQ;EAId,MAAM,2BAAiB;EAEvB,MAAM,cAAc,iDAAY,OAAS;EACzC,MAAM,6BAAoB,MAAM,MAAM,YAAW;EAEjD,MAAM,mBAAmB,yDAAoB,MAAK;EAClD,MAAM,EAAE,kBAAkB,0DAAoB;AAE9C,wBAAa,cAAc;GACzB,MAAM,YAAY,GAAG;AACrB,OAAI,WAAW;AACb,mBAAc,QAAO,IAAI,OAAO,UAAU,CAAA;AAC1C,oBAAgB,eAAc,QAAO,IAAI,QAAO,SAAQ,SAAS,UAAU,CAAC,CAAA;;IAE/E;EAED,MAAM,EAAE,KAAK,aAAa,eAAe,uCAAiB;GACxD,gBAAgB;GAChB,OAAO,iBAAiB;GACxB,gCAAuB;IACrB,GAAG;IACH,IAAI,GAAG;IACR,EAAE;GACH,wBAAwB;GACxB,gBAAgB;GACjB,CAAA;;yBAIa,WAAU,uBAAyD,KAAA,QAAA,WAAA;;IAAtD,sBAAO,YAAW;IAAG,sBAAO,iBAAgB,CAAC;oGACtD,IAAG,CAAA,8CAAA,EAAA,KAAA,GAAA,iBAAiB,YAAW,CAAA,CAAA,EAAA;oCACL,qBAAA,KAAA,QAAA,WAAA,EAAjC,sBAAO,iBAAgB,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { useRenderElement } from "../button/Button.js";
|
|
2
|
-
import { fieldValidityMapping, useBaseUiId, useFieldRootContext, useLabelableContext } from "../
|
|
2
|
+
import { fieldValidityMapping, useBaseUiId, useFieldRootContext, useLabelableContext } from "../checkbox-group/CheckboxGroup.js";
|
|
3
3
|
import { computed, createBlock, createCommentVNode, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, renderSlot, resolveDynamicComponent, unref, useAttrs, watchEffect, withCtx } from "vue";
|
|
4
4
|
|
|
5
5
|
//#region src/field/description/FieldDescription.vue?vue&type=script&setup=true&lang.ts
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const
|
|
1
|
+
const require_control_SliderControl = require('../control/SliderControl.cjs');
|
|
2
2
|
let vue = require("vue");
|
|
3
3
|
|
|
4
4
|
//#region src/direction-provider/DirectionProvider.vue?vue&type=script&setup=true&lang.ts
|
|
@@ -16,7 +16,7 @@ var DirectionProvider_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
|
|
|
16
16
|
default: "ltr"
|
|
17
17
|
} },
|
|
18
18
|
setup(__props) {
|
|
19
|
-
(0, vue.provide)(
|
|
19
|
+
(0, vue.provide)(require_control_SliderControl.directionContextKey, { direction: (0, vue.toRef)(__props, "direction") });
|
|
20
20
|
return (_ctx, _cache) => {
|
|
21
21
|
return (0, vue.renderSlot)(_ctx.$slots, "default");
|
|
22
22
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DirectionProvider.cjs","names":[],"sources":["../../src/direction-provider/DirectionProvider.vue","../../src/direction-provider/DirectionProvider.vue"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;AAyBA,mBAAQ,
|
|
1
|
+
{"version":3,"file":"DirectionProvider.cjs","names":[],"sources":["../../src/direction-provider/DirectionProvider.vue","../../src/direction-provider/DirectionProvider.vue"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;AAyBA,mBAAQ,mDAJa,EACnB,0BALY,SAKY,YAAY,EACtC,CAEyC;;8BAI/B,KAAA,QAAA,UAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { directionContextKey } from "
|
|
1
|
+
import { directionContextKey } from "../control/SliderControl.js";
|
|
2
2
|
import { defineComponent, provide, renderSlot, toRef } from "vue";
|
|
3
3
|
|
|
4
4
|
//#region src/direction-provider/DirectionProvider.vue?vue&type=script&setup=true&lang.ts
|