major server manager overhaul
This commit is contained in:
+250
@@ -0,0 +1,250 @@
|
||||
import {
|
||||
makeDensityProps,
|
||||
useDensity
|
||||
} from "./chunk-TM3MIDYC.js";
|
||||
import {
|
||||
VIcon
|
||||
} from "./chunk-4XZHKYGH.js";
|
||||
import {
|
||||
makeRoundedProps,
|
||||
useRounded
|
||||
} from "./chunk-AQK3CYVW.js";
|
||||
import {
|
||||
VDefaultsProvider
|
||||
} from "./chunk-PAT7NP2Z.js";
|
||||
import {
|
||||
makeTagProps
|
||||
} from "./chunk-2HZIACSB.js";
|
||||
import {
|
||||
IconValue
|
||||
} from "./chunk-OJDZBU5D.js";
|
||||
import {
|
||||
makeRouterProps,
|
||||
useLink
|
||||
} from "./chunk-573D4TYC.js";
|
||||
import {
|
||||
useBackgroundColor,
|
||||
useTextColor
|
||||
} from "./chunk-BHV5Z34M.js";
|
||||
import {
|
||||
makeDimensionProps,
|
||||
useDimension
|
||||
} from "./chunk-6EZKHCRW.js";
|
||||
import {
|
||||
genericComponent,
|
||||
isObject,
|
||||
makeComponentProps,
|
||||
pick,
|
||||
propsFactory,
|
||||
provideDefaults,
|
||||
useRender
|
||||
} from "./chunk-LZ5T2ERG.js";
|
||||
import {
|
||||
Fragment,
|
||||
computed,
|
||||
createBaseVNode,
|
||||
createVNode,
|
||||
mergeProps,
|
||||
normalizeClass,
|
||||
normalizeStyle,
|
||||
toRef
|
||||
} from "./chunk-2MKFL3BX.js";
|
||||
|
||||
// node_modules/vuetify/lib/components/VBreadcrumbs/VBreadcrumbs.js
|
||||
import "/home/david/gitea_repo/personal_development/ServerManagerWebApp/frontend/node_modules/vuetify/lib/components/VBreadcrumbs/VBreadcrumbs.css";
|
||||
|
||||
// node_modules/vuetify/lib/components/VBreadcrumbs/VBreadcrumbsDivider.js
|
||||
var makeVBreadcrumbsDividerProps = propsFactory({
|
||||
divider: [Number, String],
|
||||
...makeComponentProps()
|
||||
}, "VBreadcrumbsDivider");
|
||||
var VBreadcrumbsDivider = genericComponent()({
|
||||
name: "VBreadcrumbsDivider",
|
||||
props: makeVBreadcrumbsDividerProps(),
|
||||
setup(props, _ref) {
|
||||
let {
|
||||
slots
|
||||
} = _ref;
|
||||
useRender(() => createBaseVNode("li", {
|
||||
"aria-hidden": "true",
|
||||
"class": normalizeClass(["v-breadcrumbs-divider", props.class]),
|
||||
"style": normalizeStyle(props.style)
|
||||
}, [slots?.default?.() ?? props.divider]));
|
||||
return {};
|
||||
}
|
||||
});
|
||||
|
||||
// node_modules/vuetify/lib/components/VBreadcrumbs/VBreadcrumbsItem.js
|
||||
var makeVBreadcrumbsItemProps = propsFactory({
|
||||
active: Boolean,
|
||||
activeClass: String,
|
||||
activeColor: String,
|
||||
color: String,
|
||||
disabled: Boolean,
|
||||
title: String,
|
||||
...makeComponentProps(),
|
||||
...pick(makeDimensionProps(), ["width", "maxWidth"]),
|
||||
...makeRouterProps(),
|
||||
...makeTagProps({
|
||||
tag: "li"
|
||||
})
|
||||
}, "VBreadcrumbsItem");
|
||||
var VBreadcrumbsItem = genericComponent()({
|
||||
name: "VBreadcrumbsItem",
|
||||
props: makeVBreadcrumbsItemProps(),
|
||||
setup(props, _ref) {
|
||||
let {
|
||||
slots,
|
||||
attrs
|
||||
} = _ref;
|
||||
const link = useLink(props, attrs);
|
||||
const isActive = computed(() => props.active || link.isActive?.value);
|
||||
const {
|
||||
dimensionStyles
|
||||
} = useDimension(props);
|
||||
const {
|
||||
textColorClasses,
|
||||
textColorStyles
|
||||
} = useTextColor(() => isActive.value ? props.activeColor : props.color);
|
||||
useRender(() => {
|
||||
return createVNode(props.tag, {
|
||||
"class": normalizeClass(["v-breadcrumbs-item", {
|
||||
"v-breadcrumbs-item--active": isActive.value,
|
||||
"v-breadcrumbs-item--disabled": props.disabled,
|
||||
[`${props.activeClass}`]: isActive.value && props.activeClass
|
||||
}, textColorClasses.value, props.class]),
|
||||
"style": normalizeStyle([textColorStyles.value, dimensionStyles.value, props.style]),
|
||||
"aria-current": isActive.value ? "page" : void 0
|
||||
}, {
|
||||
default: () => [!link.isLink.value ? slots.default?.() ?? props.title : createBaseVNode("a", mergeProps({
|
||||
"class": "v-breadcrumbs-item--link",
|
||||
"onClick": link.navigate
|
||||
}, link.linkProps), [slots.default?.() ?? props.title])]
|
||||
});
|
||||
});
|
||||
return {};
|
||||
}
|
||||
});
|
||||
|
||||
// node_modules/vuetify/lib/components/VBreadcrumbs/VBreadcrumbs.js
|
||||
var makeVBreadcrumbsProps = propsFactory({
|
||||
activeClass: String,
|
||||
activeColor: String,
|
||||
bgColor: String,
|
||||
color: String,
|
||||
disabled: Boolean,
|
||||
divider: {
|
||||
type: String,
|
||||
default: "/"
|
||||
},
|
||||
icon: IconValue,
|
||||
items: {
|
||||
type: Array,
|
||||
default: () => []
|
||||
},
|
||||
itemProps: Boolean,
|
||||
...makeComponentProps(),
|
||||
...makeDensityProps(),
|
||||
...makeRoundedProps(),
|
||||
...makeTagProps({
|
||||
tag: "ul"
|
||||
})
|
||||
}, "VBreadcrumbs");
|
||||
var VBreadcrumbs = genericComponent()({
|
||||
name: "VBreadcrumbs",
|
||||
props: makeVBreadcrumbsProps(),
|
||||
setup(props, _ref) {
|
||||
let {
|
||||
slots
|
||||
} = _ref;
|
||||
const {
|
||||
backgroundColorClasses,
|
||||
backgroundColorStyles
|
||||
} = useBackgroundColor(() => props.bgColor);
|
||||
const {
|
||||
densityClasses
|
||||
} = useDensity(props);
|
||||
const {
|
||||
roundedClasses
|
||||
} = useRounded(props);
|
||||
provideDefaults({
|
||||
VBreadcrumbsDivider: {
|
||||
divider: toRef(() => props.divider)
|
||||
},
|
||||
VBreadcrumbsItem: {
|
||||
activeClass: toRef(() => props.activeClass),
|
||||
activeColor: toRef(() => props.activeColor),
|
||||
color: toRef(() => props.color),
|
||||
disabled: toRef(() => props.disabled)
|
||||
}
|
||||
});
|
||||
const items = computed(() => props.items.map((item) => {
|
||||
return typeof item === "string" ? {
|
||||
item: {
|
||||
title: item
|
||||
},
|
||||
raw: item
|
||||
} : {
|
||||
item,
|
||||
raw: item
|
||||
};
|
||||
}));
|
||||
useRender(() => {
|
||||
const hasPrepend = !!(slots.prepend || props.icon);
|
||||
return createVNode(props.tag, {
|
||||
"class": normalizeClass(["v-breadcrumbs", backgroundColorClasses.value, densityClasses.value, roundedClasses.value, props.class]),
|
||||
"style": normalizeStyle([backgroundColorStyles.value, props.style])
|
||||
}, {
|
||||
default: () => [hasPrepend && createBaseVNode("li", {
|
||||
"key": "prepend",
|
||||
"class": "v-breadcrumbs__prepend"
|
||||
}, [!slots.prepend ? createVNode(VIcon, {
|
||||
"key": "prepend-icon",
|
||||
"start": true,
|
||||
"icon": props.icon
|
||||
}, null) : createVNode(VDefaultsProvider, {
|
||||
"key": "prepend-defaults",
|
||||
"disabled": !props.icon,
|
||||
"defaults": {
|
||||
VIcon: {
|
||||
icon: props.icon,
|
||||
start: true
|
||||
}
|
||||
}
|
||||
}, slots.prepend)]), items.value.map((_ref2, index, array) => {
|
||||
let {
|
||||
item,
|
||||
raw
|
||||
} = _ref2;
|
||||
return createBaseVNode(Fragment, null, [slots.item?.({
|
||||
item,
|
||||
index
|
||||
}) ?? createVNode(VBreadcrumbsItem, mergeProps({
|
||||
"key": index,
|
||||
"disabled": index >= array.length - 1
|
||||
}, typeof item === "string" ? {
|
||||
title: item
|
||||
} : item, props.itemProps && isObject(raw) ? raw : {}), {
|
||||
default: slots.title ? () => slots.title?.({
|
||||
item,
|
||||
index
|
||||
}) : void 0
|
||||
}), index < array.length - 1 && createVNode(VBreadcrumbsDivider, null, {
|
||||
default: slots.divider ? () => slots.divider?.({
|
||||
item: raw,
|
||||
index
|
||||
}) : void 0
|
||||
})]);
|
||||
}), slots.default?.()]
|
||||
});
|
||||
});
|
||||
return {};
|
||||
}
|
||||
});
|
||||
|
||||
export {
|
||||
VBreadcrumbsDivider,
|
||||
VBreadcrumbsItem,
|
||||
VBreadcrumbs
|
||||
};
|
||||
//# sourceMappingURL=chunk-TN4XZECZ.js.map
|
||||
Reference in New Issue
Block a user