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