Files
routie/frontend/node_modules/.vite/deps/VToolbar-XKeTy7Mr.js
T

170 lines
6.5 KiB
JavaScript

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