100 lines
3.4 KiB
JavaScript
100 lines
3.4 KiB
JavaScript
import { Qn as toRef, U as computed, W as createBaseVNode, ar as normalizeClass, sr as normalizeStyle } from "./vue.runtime.esm-bundler-BvoXUmaf.js";
|
|
import { _ as convertToUnit, l as propsFactory, n as genericComponent } from "./defineComponent-DB6xIcDy.js";
|
|
import { t as makeComponentProps } from "./component-DdiwBe6i.js";
|
|
import { t as useRender } from "./useRender-fVtVsZgv.js";
|
|
import { r as useTextColor } from "./color-B6vuQruj.js";
|
|
import { i as provideTheme, r as makeThemeProps } from "./theme-Cx5kFg0-.js";
|
|
import "/Users/thackmaster/Development/routie2/frontend/node_modules/vuetify/lib/components/VDivider/VDivider.css";
|
|
//#region node_modules/vuetify/lib/components/VDivider/VDivider.js
|
|
var allowedVariants = [
|
|
"dotted",
|
|
"dashed",
|
|
"solid",
|
|
"double"
|
|
];
|
|
var makeVDividerProps = propsFactory({
|
|
color: String,
|
|
contentOffset: [
|
|
Number,
|
|
String,
|
|
Array
|
|
],
|
|
gradient: Boolean,
|
|
inset: Boolean,
|
|
length: [Number, String],
|
|
opacity: [Number, String],
|
|
thickness: [Number, String],
|
|
vertical: Boolean,
|
|
variant: {
|
|
type: String,
|
|
default: "solid",
|
|
validator: (v) => allowedVariants.includes(v)
|
|
},
|
|
...makeComponentProps(),
|
|
...makeThemeProps()
|
|
}, "VDivider");
|
|
var VDivider = genericComponent()({
|
|
name: "VDivider",
|
|
props: makeVDividerProps(),
|
|
setup(props, { attrs, slots }) {
|
|
const { themeClasses } = provideTheme(props);
|
|
const { textColorClasses, textColorStyles } = useTextColor(() => props.color);
|
|
const dividerStyles = computed(() => {
|
|
const styles = {};
|
|
if (props.length) styles[props.vertical ? "height" : "width"] = convertToUnit(props.length);
|
|
if (props.thickness) styles[props.vertical ? "borderRightWidth" : "borderTopWidth"] = convertToUnit(props.thickness);
|
|
return styles;
|
|
});
|
|
const contentStyles = toRef(() => {
|
|
const margin = Array.isArray(props.contentOffset) ? props.contentOffset[0] : props.contentOffset;
|
|
const shift = Array.isArray(props.contentOffset) ? props.contentOffset[1] : 0;
|
|
return {
|
|
marginBlock: props.vertical && margin ? convertToUnit(margin) : void 0,
|
|
marginInline: !props.vertical && margin ? convertToUnit(margin) : void 0,
|
|
transform: shift ? `translate${props.vertical ? "X" : "Y"}(${convertToUnit(shift)})` : void 0
|
|
};
|
|
});
|
|
useRender(() => {
|
|
const divider = createBaseVNode("hr", {
|
|
"class": normalizeClass([
|
|
{
|
|
"v-divider": true,
|
|
"v-divider--gradient": props.gradient && !slots.default,
|
|
"v-divider--inset": props.inset,
|
|
"v-divider--vertical": props.vertical
|
|
},
|
|
themeClasses.value,
|
|
textColorClasses.value,
|
|
props.class
|
|
]),
|
|
"style": normalizeStyle([
|
|
dividerStyles.value,
|
|
textColorStyles.value,
|
|
{ "--v-border-opacity": props.opacity },
|
|
{ "border-style": props.variant },
|
|
props.style
|
|
]),
|
|
"aria-orientation": !attrs.role || attrs.role === "separator" ? props.vertical ? "vertical" : "horizontal" : void 0,
|
|
"role": `${attrs.role || "separator"}`
|
|
}, null);
|
|
if (!slots.default) return divider;
|
|
return createBaseVNode("div", { "class": normalizeClass(["v-divider__wrapper", {
|
|
"v-divider__wrapper--gradient": props.gradient,
|
|
"v-divider__wrapper--inset": props.inset,
|
|
"v-divider__wrapper--vertical": props.vertical
|
|
}]) }, [
|
|
divider,
|
|
createBaseVNode("div", {
|
|
"class": "v-divider__content",
|
|
"style": normalizeStyle(contentStyles.value)
|
|
}, [slots.default()]),
|
|
divider
|
|
]);
|
|
});
|
|
return {};
|
|
}
|
|
});
|
|
//#endregion
|
|
export { VDivider as t };
|
|
|
|
//# sourceMappingURL=VDivider-BJiijT0J.js.map
|