routie dev init since i didn't adhere to any proper guidance up until now
This commit is contained in:
+170
@@ -0,0 +1,170 @@
|
||||
import { U as computed, W as createBaseVNode, Yn as shallowRef, ar as normalizeClass, et as createVNode, sr as normalizeStyle } from "./vue.runtime.esm-bundler-BvoXUmaf.js";
|
||||
import { _ as convertToUnit, a as provideDefaults, l as propsFactory, n as genericComponent } from "./defineComponent-DB6xIcDy.js";
|
||||
import { t as VExpandTransition } from "./transitions-DCQ3sjjZ.js";
|
||||
import { t as makeComponentProps } from "./component-DdiwBe6i.js";
|
||||
import { t as useRender } from "./useRender-fVtVsZgv.js";
|
||||
import { t as useBackgroundColor } from "./color-B6vuQruj.js";
|
||||
import { i as provideTheme, r as makeThemeProps } from "./theme-Cx5kFg0-.js";
|
||||
import { i as useRtl } from "./locale-DDGMqzqb.js";
|
||||
import { t as makeTagProps } from "./tag-C_KkCPzB.js";
|
||||
import { t as VDefaultsProvider } from "./VDefaultsProvider-C09t4-My.js";
|
||||
import { t as VImg } from "./VImg-DaEUT7gG.js";
|
||||
import { n as useRounded, t as makeRoundedProps } from "./rounded-BuPGKRa9.js";
|
||||
import { n as useBorder, t as makeBorderProps } from "./border-jCmRyoxP.js";
|
||||
import { n as useElevation, t as makeElevationProps } from "./elevation-B0TH2wU6.js";
|
||||
import { n as useLocation, t as makeLocationProps } from "./location-BIKTnDF4.js";
|
||||
import "/Users/thackmaster/Development/routie2/frontend/node_modules/vuetify/lib/components/VToolbar/VToolbar.css";
|
||||
//#region node_modules/vuetify/lib/components/VToolbar/VToolbarTitle.js
|
||||
var makeVToolbarTitleProps = propsFactory({
|
||||
text: String,
|
||||
...makeComponentProps(),
|
||||
...makeTagProps()
|
||||
}, "VToolbarTitle");
|
||||
var VToolbarTitle = genericComponent()({
|
||||
name: "VToolbarTitle",
|
||||
props: makeVToolbarTitleProps(),
|
||||
setup(props, { slots }) {
|
||||
useRender(() => {
|
||||
const hasText = !!(slots.default || slots.text || props.text);
|
||||
return createVNode(props.tag, {
|
||||
"class": normalizeClass(["v-toolbar-title", props.class]),
|
||||
"style": normalizeStyle(props.style)
|
||||
}, { default: () => [hasText && createBaseVNode("div", { "class": "v-toolbar-title__placeholder" }, [slots.text ? slots.text() : props.text, slots.default?.()])] });
|
||||
});
|
||||
return {};
|
||||
}
|
||||
});
|
||||
//#endregion
|
||||
//#region node_modules/vuetify/lib/components/VToolbar/VToolbar.js
|
||||
var allowedDensities = [
|
||||
null,
|
||||
"prominent",
|
||||
"default",
|
||||
"comfortable",
|
||||
"compact"
|
||||
];
|
||||
var makeVToolbarProps = propsFactory({
|
||||
absolute: Boolean,
|
||||
collapse: Boolean,
|
||||
collapsePosition: {
|
||||
type: String,
|
||||
default: "start"
|
||||
},
|
||||
color: String,
|
||||
density: {
|
||||
type: String,
|
||||
default: "default",
|
||||
validator: (v) => allowedDensities.includes(v)
|
||||
},
|
||||
extended: {
|
||||
type: Boolean,
|
||||
default: null
|
||||
},
|
||||
extensionHeight: {
|
||||
type: [Number, String],
|
||||
default: 48
|
||||
},
|
||||
flat: Boolean,
|
||||
floating: Boolean,
|
||||
height: {
|
||||
type: [Number, String],
|
||||
default: 64
|
||||
},
|
||||
image: String,
|
||||
title: String,
|
||||
...makeBorderProps(),
|
||||
...makeComponentProps(),
|
||||
...makeElevationProps(),
|
||||
...makeLocationProps(),
|
||||
...makeRoundedProps(),
|
||||
...makeTagProps({ tag: "header" }),
|
||||
...makeThemeProps()
|
||||
}, "VToolbar");
|
||||
var VToolbar = genericComponent()({
|
||||
name: "VToolbar",
|
||||
props: makeVToolbarProps(),
|
||||
setup(props, { slots }) {
|
||||
const { backgroundColorClasses, backgroundColorStyles } = useBackgroundColor(() => props.color);
|
||||
const { borderClasses } = useBorder(props);
|
||||
const { elevationClasses } = useElevation(props);
|
||||
const { locationStyles } = useLocation(props);
|
||||
const { roundedClasses } = useRounded(props);
|
||||
const { themeClasses } = provideTheme(props);
|
||||
const { rtlClasses } = useRtl();
|
||||
const isExtended = shallowRef(props.extended === null ? !!slots.extension?.() : props.extended);
|
||||
const contentHeight = computed(() => parseInt(Number(props.height) + (props.density === "prominent" ? Number(props.height) : 0) - (props.density === "comfortable" ? 8 : 0) - (props.density === "compact" ? 16 : 0), 10));
|
||||
const extensionHeight = computed(() => isExtended.value ? parseInt(Number(props.extensionHeight) + (props.density === "prominent" ? Number(props.extensionHeight) : 0) - (props.density === "comfortable" ? 4 : 0) - (props.density === "compact" ? 8 : 0), 10) : 0);
|
||||
provideDefaults({ VBtn: { variant: "text" } });
|
||||
useRender(() => {
|
||||
const hasTitle = !!(props.title || slots.title);
|
||||
const hasImage = !!(slots.image || props.image);
|
||||
const extension = slots.extension?.();
|
||||
isExtended.value = props.extended === null ? !!extension : props.extended;
|
||||
return createVNode(props.tag, {
|
||||
"class": normalizeClass([
|
||||
"v-toolbar",
|
||||
`v-toolbar--collapse-${props.collapsePosition}`,
|
||||
{
|
||||
"v-toolbar--absolute": props.absolute,
|
||||
"v-toolbar--collapse": props.collapse,
|
||||
"v-toolbar--flat": props.flat,
|
||||
"v-toolbar--floating": props.floating,
|
||||
[`v-toolbar--density-${props.density}`]: true
|
||||
},
|
||||
backgroundColorClasses.value,
|
||||
borderClasses.value,
|
||||
elevationClasses.value,
|
||||
roundedClasses.value,
|
||||
themeClasses.value,
|
||||
rtlClasses.value,
|
||||
props.class
|
||||
]),
|
||||
"style": normalizeStyle([
|
||||
backgroundColorStyles.value,
|
||||
locationStyles.value,
|
||||
props.style
|
||||
])
|
||||
}, { default: () => [
|
||||
hasImage && createBaseVNode("div", {
|
||||
"key": "image",
|
||||
"class": "v-toolbar__image"
|
||||
}, [!slots.image ? createVNode(VImg, {
|
||||
"key": "image-img",
|
||||
"cover": true,
|
||||
"src": props.image
|
||||
}, null) : createVNode(VDefaultsProvider, {
|
||||
"key": "image-defaults",
|
||||
"disabled": !props.image,
|
||||
"defaults": { VImg: {
|
||||
cover: true,
|
||||
src: props.image
|
||||
} }
|
||||
}, slots.image)]),
|
||||
createVNode(VDefaultsProvider, { "defaults": { VTabs: { height: convertToUnit(contentHeight.value) } } }, { default: () => [createBaseVNode("div", {
|
||||
"class": "v-toolbar__content",
|
||||
"style": { height: convertToUnit(contentHeight.value) }
|
||||
}, [
|
||||
slots.prepend && createBaseVNode("div", { "class": "v-toolbar__prepend" }, [slots.prepend?.()]),
|
||||
hasTitle && createVNode(VToolbarTitle, {
|
||||
"key": "title",
|
||||
"text": props.title
|
||||
}, { text: slots.title }),
|
||||
slots.default?.(),
|
||||
slots.append && createBaseVNode("div", { "class": "v-toolbar__append" }, [slots.append?.()])
|
||||
])] }),
|
||||
createVNode(VDefaultsProvider, { "defaults": { VTabs: { height: convertToUnit(extensionHeight.value) } } }, { default: () => [createVNode(VExpandTransition, null, { default: () => [isExtended.value && createBaseVNode("div", {
|
||||
"class": "v-toolbar__extension",
|
||||
"style": { height: convertToUnit(extensionHeight.value) }
|
||||
}, [extension])] })] })
|
||||
] });
|
||||
});
|
||||
return {
|
||||
contentHeight,
|
||||
extensionHeight
|
||||
};
|
||||
}
|
||||
});
|
||||
//#endregion
|
||||
export { makeVToolbarTitleProps as i, makeVToolbarProps as n, VToolbarTitle as r, VToolbar as t };
|
||||
|
||||
//# sourceMappingURL=VToolbar-XKeTy7Mr.js.map
|
||||
Reference in New Issue
Block a user