170 lines
6.5 KiB
JavaScript
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
|