routie dev init since i didn't adhere to any proper guidance up until now
This commit is contained in:
+100
@@ -0,0 +1,100 @@
|
||||
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
|
||||
Reference in New Issue
Block a user