Tracking de l'application VApp (IHM du jeu)
This commit is contained in:
101
VApp/node_modules/vuetify/lib/components/VList/VList.css
generated
vendored
Normal file
101
VApp/node_modules/vuetify/lib/components/VList/VList.css
generated
vendored
Normal file
@ -0,0 +1,101 @@
|
||||
.v-list {
|
||||
overflow: auto;
|
||||
padding: 8px 0;
|
||||
position: relative;
|
||||
outline: none;
|
||||
border-color: rgba(var(--v-border-color), var(--v-border-opacity));
|
||||
border-style: solid;
|
||||
border-width: 0;
|
||||
box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
|
||||
border-radius: 0;
|
||||
background: rgba(var(--v-theme-surface));
|
||||
color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
|
||||
}
|
||||
.v-list--border {
|
||||
border-width: thin;
|
||||
box-shadow: none;
|
||||
}
|
||||
.v-list--disabled {
|
||||
pointer-events: none;
|
||||
user-select: none;
|
||||
}
|
||||
.v-list--nav {
|
||||
padding-inline: 8px;
|
||||
}
|
||||
.v-list--rounded {
|
||||
border-radius: 4px;
|
||||
}
|
||||
.v-list--subheader {
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
.v-list-img {
|
||||
border-radius: inherit;
|
||||
display: flex;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.v-list-subheader {
|
||||
align-items: center;
|
||||
background: inherit;
|
||||
color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
|
||||
display: flex;
|
||||
font-size: 0.875rem;
|
||||
font-weight: 400;
|
||||
line-height: 1.375rem;
|
||||
padding-inline-end: 16px;
|
||||
min-height: 40px;
|
||||
transition: 0.2s min-height cubic-bezier(0.4, 0, 0.2, 1);
|
||||
}
|
||||
.v-list-subheader__text {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.v-list--density-default .v-list-subheader {
|
||||
min-height: 40px;
|
||||
padding-inline-start: calc(16px + var(--indent-padding)) !important;
|
||||
}
|
||||
|
||||
.v-list--density-comfortable .v-list-subheader {
|
||||
min-height: 36px;
|
||||
padding-inline-start: calc(16px + var(--indent-padding)) !important;
|
||||
}
|
||||
|
||||
.v-list--density-compact .v-list-subheader {
|
||||
min-height: 32px;
|
||||
padding-inline-start: calc(16px + var(--indent-padding)) !important;
|
||||
}
|
||||
|
||||
.v-list-subheader--inset {
|
||||
--indent-padding: 56px;
|
||||
}
|
||||
.v-list--nav .v-list-subheader {
|
||||
font-size: 0.75rem;
|
||||
}
|
||||
.v-list-subheader--sticky {
|
||||
background: inherit;
|
||||
left: 0;
|
||||
position: sticky;
|
||||
top: 0;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.v-list__overlay {
|
||||
background-color: currentColor;
|
||||
border-radius: inherit;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
opacity: 0;
|
||||
pointer-events: none;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
transition: opacity 0.2s ease-in-out;
|
||||
}
|
228
VApp/node_modules/vuetify/lib/components/VList/VList.mjs
generated
vendored
Normal file
228
VApp/node_modules/vuetify/lib/components/VList/VList.mjs
generated
vendored
Normal file
@ -0,0 +1,228 @@
|
||||
import { createVNode as _createVNode, resolveDirective as _resolveDirective } from "vue";
|
||||
// Styles
|
||||
import "./VList.css";
|
||||
|
||||
// Components
|
||||
import { VListChildren } from "./VListChildren.mjs"; // Composables
|
||||
import { createList } from "./list.mjs";
|
||||
import { makeBorderProps, useBorder } from "../../composables/border.mjs";
|
||||
import { useBackgroundColor } from "../../composables/color.mjs";
|
||||
import { makeComponentProps } from "../../composables/component.mjs";
|
||||
import { provideDefaults } from "../../composables/defaults.mjs";
|
||||
import { makeDensityProps, useDensity } from "../../composables/density.mjs";
|
||||
import { makeDimensionProps, useDimension } from "../../composables/dimensions.mjs";
|
||||
import { makeElevationProps, useElevation } from "../../composables/elevation.mjs";
|
||||
import { makeItemsProps } from "../../composables/list-items.mjs";
|
||||
import { makeNestedProps, useNested } from "../../composables/nested/nested.mjs";
|
||||
import { makeRoundedProps, useRounded } from "../../composables/rounded.mjs";
|
||||
import { makeTagProps } from "../../composables/tag.mjs";
|
||||
import { makeThemeProps, provideTheme } from "../../composables/theme.mjs";
|
||||
import { makeVariantProps } from "../../composables/variant.mjs"; // Utilities
|
||||
import { computed, ref, shallowRef, toRef } from 'vue';
|
||||
import { focusChild, genericComponent, getPropertyFromItem, omit, propsFactory, useRender } from "../../util/index.mjs"; // Types
|
||||
function isPrimitive(value) {
|
||||
return typeof value === 'string' || typeof value === 'number' || typeof value === 'boolean';
|
||||
}
|
||||
function transformItem(props, item) {
|
||||
const type = getPropertyFromItem(item, props.itemType, 'item');
|
||||
const title = isPrimitive(item) ? item : getPropertyFromItem(item, props.itemTitle);
|
||||
const value = getPropertyFromItem(item, props.itemValue, undefined);
|
||||
const children = getPropertyFromItem(item, props.itemChildren);
|
||||
const itemProps = props.itemProps === true ? omit(item, ['children']) : getPropertyFromItem(item, props.itemProps);
|
||||
const _props = {
|
||||
title,
|
||||
value,
|
||||
...itemProps
|
||||
};
|
||||
return {
|
||||
type,
|
||||
title: _props.title,
|
||||
value: _props.value,
|
||||
props: _props,
|
||||
children: type === 'item' && children ? transformItems(props, children) : undefined,
|
||||
raw: item
|
||||
};
|
||||
}
|
||||
function transformItems(props, items) {
|
||||
const array = [];
|
||||
for (const item of items) {
|
||||
array.push(transformItem(props, item));
|
||||
}
|
||||
return array;
|
||||
}
|
||||
function useListItems(props) {
|
||||
const items = computed(() => transformItems(props, props.items));
|
||||
return {
|
||||
items
|
||||
};
|
||||
}
|
||||
export const makeVListProps = propsFactory({
|
||||
baseColor: String,
|
||||
/* @deprecated */
|
||||
activeColor: String,
|
||||
activeClass: String,
|
||||
bgColor: String,
|
||||
disabled: Boolean,
|
||||
expandIcon: String,
|
||||
collapseIcon: String,
|
||||
lines: {
|
||||
type: [Boolean, String],
|
||||
default: 'one'
|
||||
},
|
||||
slim: Boolean,
|
||||
nav: Boolean,
|
||||
...makeNestedProps({
|
||||
selectStrategy: 'single-leaf',
|
||||
openStrategy: 'list'
|
||||
}),
|
||||
...makeBorderProps(),
|
||||
...makeComponentProps(),
|
||||
...makeDensityProps(),
|
||||
...makeDimensionProps(),
|
||||
...makeElevationProps(),
|
||||
itemType: {
|
||||
type: String,
|
||||
default: 'type'
|
||||
},
|
||||
...makeItemsProps(),
|
||||
...makeRoundedProps(),
|
||||
...makeTagProps(),
|
||||
...makeThemeProps(),
|
||||
...makeVariantProps({
|
||||
variant: 'text'
|
||||
})
|
||||
}, 'VList');
|
||||
export const VList = genericComponent()({
|
||||
name: 'VList',
|
||||
props: makeVListProps(),
|
||||
emits: {
|
||||
'update:selected': value => true,
|
||||
'update:opened': value => true,
|
||||
'click:open': value => true,
|
||||
'click:select': value => true
|
||||
},
|
||||
setup(props, _ref) {
|
||||
let {
|
||||
slots
|
||||
} = _ref;
|
||||
const {
|
||||
items
|
||||
} = useListItems(props);
|
||||
const {
|
||||
themeClasses
|
||||
} = provideTheme(props);
|
||||
const {
|
||||
backgroundColorClasses,
|
||||
backgroundColorStyles
|
||||
} = useBackgroundColor(toRef(props, 'bgColor'));
|
||||
const {
|
||||
borderClasses
|
||||
} = useBorder(props);
|
||||
const {
|
||||
densityClasses
|
||||
} = useDensity(props);
|
||||
const {
|
||||
dimensionStyles
|
||||
} = useDimension(props);
|
||||
const {
|
||||
elevationClasses
|
||||
} = useElevation(props);
|
||||
const {
|
||||
roundedClasses
|
||||
} = useRounded(props);
|
||||
const {
|
||||
open,
|
||||
select
|
||||
} = useNested(props);
|
||||
const lineClasses = computed(() => props.lines ? `v-list--${props.lines}-line` : undefined);
|
||||
const activeColor = toRef(props, 'activeColor');
|
||||
const baseColor = toRef(props, 'baseColor');
|
||||
const color = toRef(props, 'color');
|
||||
createList();
|
||||
provideDefaults({
|
||||
VListGroup: {
|
||||
activeColor,
|
||||
baseColor,
|
||||
color,
|
||||
expandIcon: toRef(props, 'expandIcon'),
|
||||
collapseIcon: toRef(props, 'collapseIcon')
|
||||
},
|
||||
VListItem: {
|
||||
activeClass: toRef(props, 'activeClass'),
|
||||
activeColor,
|
||||
baseColor,
|
||||
color,
|
||||
density: toRef(props, 'density'),
|
||||
disabled: toRef(props, 'disabled'),
|
||||
lines: toRef(props, 'lines'),
|
||||
nav: toRef(props, 'nav'),
|
||||
slim: toRef(props, 'slim'),
|
||||
variant: toRef(props, 'variant')
|
||||
}
|
||||
});
|
||||
const isFocused = shallowRef(false);
|
||||
const contentRef = ref();
|
||||
function onFocusin(e) {
|
||||
isFocused.value = true;
|
||||
}
|
||||
function onFocusout(e) {
|
||||
isFocused.value = false;
|
||||
}
|
||||
function onFocus(e) {
|
||||
if (!isFocused.value && !(e.relatedTarget && contentRef.value?.contains(e.relatedTarget))) focus();
|
||||
}
|
||||
function onKeydown(e) {
|
||||
if (!contentRef.value) return;
|
||||
if (e.key === 'ArrowDown') {
|
||||
focus('next');
|
||||
} else if (e.key === 'ArrowUp') {
|
||||
focus('prev');
|
||||
} else if (e.key === 'Home') {
|
||||
focus('first');
|
||||
} else if (e.key === 'End') {
|
||||
focus('last');
|
||||
} else {
|
||||
return;
|
||||
}
|
||||
e.preventDefault();
|
||||
}
|
||||
function onMousedown(e) {
|
||||
isFocused.value = true;
|
||||
}
|
||||
function focus(location) {
|
||||
if (contentRef.value) {
|
||||
return focusChild(contentRef.value, location);
|
||||
}
|
||||
}
|
||||
useRender(() => {
|
||||
return _createVNode(props.tag, {
|
||||
"ref": contentRef,
|
||||
"class": ['v-list', {
|
||||
'v-list--disabled': props.disabled,
|
||||
'v-list--nav': props.nav,
|
||||
'v-list--slim': props.slim
|
||||
}, themeClasses.value, backgroundColorClasses.value, borderClasses.value, densityClasses.value, elevationClasses.value, lineClasses.value, roundedClasses.value, props.class],
|
||||
"style": [backgroundColorStyles.value, dimensionStyles.value, props.style],
|
||||
"tabindex": props.disabled || isFocused.value ? -1 : 0,
|
||||
"role": "listbox",
|
||||
"aria-activedescendant": undefined,
|
||||
"onFocusin": onFocusin,
|
||||
"onFocusout": onFocusout,
|
||||
"onFocus": onFocus,
|
||||
"onKeydown": onKeydown,
|
||||
"onMousedown": onMousedown
|
||||
}, {
|
||||
default: () => [_createVNode(VListChildren, {
|
||||
"items": items.value,
|
||||
"returnObject": props.returnObject
|
||||
}, slots)]
|
||||
});
|
||||
});
|
||||
return {
|
||||
open,
|
||||
select,
|
||||
focus
|
||||
};
|
||||
}
|
||||
});
|
||||
//# sourceMappingURL=VList.mjs.map
|
1
VApp/node_modules/vuetify/lib/components/VList/VList.mjs.map
generated
vendored
Normal file
1
VApp/node_modules/vuetify/lib/components/VList/VList.mjs.map
generated
vendored
Normal file
File diff suppressed because one or more lines are too long
90
VApp/node_modules/vuetify/lib/components/VList/VList.sass
generated
vendored
Normal file
90
VApp/node_modules/vuetify/lib/components/VList/VList.sass
generated
vendored
Normal file
@ -0,0 +1,90 @@
|
||||
@use 'sass:list'
|
||||
@use '../../styles/tools'
|
||||
@use './variables' as *
|
||||
|
||||
.v-list
|
||||
overflow: auto
|
||||
padding: $list-padding
|
||||
position: relative
|
||||
outline: none
|
||||
|
||||
@include tools.border($list-border...)
|
||||
@include tools.elevation($list-elevation)
|
||||
@include tools.rounded($list-border-radius)
|
||||
@include tools.theme($list-theme...)
|
||||
|
||||
&--disabled
|
||||
pointer-events: none
|
||||
user-select: none
|
||||
|
||||
&--nav
|
||||
padding-inline: $list-nav-padding
|
||||
|
||||
&--rounded
|
||||
@include tools.rounded($list-rounded-border-radius)
|
||||
|
||||
&--subheader
|
||||
padding-top: $list-subheader-padding-top
|
||||
|
||||
.v-list-img
|
||||
border-radius: inherit
|
||||
display: flex
|
||||
height: 100%
|
||||
left: 0
|
||||
overflow: hidden
|
||||
position: absolute
|
||||
top: 0
|
||||
width: 100%
|
||||
z-index: -1
|
||||
|
||||
.v-list-subheader
|
||||
$root: &
|
||||
|
||||
align-items: center
|
||||
background: inherit
|
||||
color: $list-subheader-color
|
||||
display: flex
|
||||
font-size: $list-subheader-font-size
|
||||
font-weight: $list-subheader-font-weight
|
||||
line-height: $list-subheader-line-height
|
||||
padding-inline-end: $list-subheader-padding-end
|
||||
min-height: $list-subheader-min-height
|
||||
transition: $list-subheader-transition
|
||||
|
||||
&__text
|
||||
overflow: hidden
|
||||
text-overflow: ellipsis
|
||||
white-space: nowrap
|
||||
|
||||
@at-root
|
||||
@include tools.density('v-list', $list-density) using ($modifier)
|
||||
$base-padding: list.nth($list-item-padding, 2)
|
||||
|
||||
#{$root}
|
||||
min-height: $list-subheader-min-height + ($modifier * $list-subheader-min-height-multiplier)
|
||||
padding-inline-start: calc(#{$base-padding} + var(--indent-padding)) !important
|
||||
|
||||
&--inset
|
||||
--indent-padding: #{$list-subheader-inset-padding-start}
|
||||
|
||||
.v-list--nav &
|
||||
font-size: $list-nav-subheader-font-size
|
||||
|
||||
&--sticky
|
||||
background: inherit
|
||||
left: 0
|
||||
position: sticky
|
||||
top: 0
|
||||
z-index: 1
|
||||
|
||||
.v-list__overlay
|
||||
background-color: currentColor
|
||||
border-radius: inherit
|
||||
bottom: 0
|
||||
left: 0
|
||||
opacity: 0
|
||||
pointer-events: none
|
||||
position: absolute
|
||||
right: 0
|
||||
top: 0
|
||||
transition: opacity 0.2s ease-in-out
|
84
VApp/node_modules/vuetify/lib/components/VList/VListChildren.mjs
generated
vendored
Normal file
84
VApp/node_modules/vuetify/lib/components/VList/VListChildren.mjs
generated
vendored
Normal file
@ -0,0 +1,84 @@
|
||||
import { mergeProps as _mergeProps, resolveDirective as _resolveDirective, createVNode as _createVNode } from "vue";
|
||||
// Components
|
||||
import { VListGroup } from "./VListGroup.mjs";
|
||||
import { VListItem } from "./VListItem.mjs";
|
||||
import { VListSubheader } from "./VListSubheader.mjs";
|
||||
import { VDivider } from "../VDivider/index.mjs"; // Utilities
|
||||
import { createList } from "./list.mjs";
|
||||
import { genericComponent, propsFactory } from "../../util/index.mjs"; // Types
|
||||
export const makeVListChildrenProps = propsFactory({
|
||||
items: Array,
|
||||
returnObject: Boolean
|
||||
}, 'VListChildren');
|
||||
export const VListChildren = genericComponent()({
|
||||
name: 'VListChildren',
|
||||
props: makeVListChildrenProps(),
|
||||
setup(props, _ref) {
|
||||
let {
|
||||
slots
|
||||
} = _ref;
|
||||
createList();
|
||||
return () => slots.default?.() ?? props.items?.map(_ref2 => {
|
||||
let {
|
||||
children,
|
||||
props: itemProps,
|
||||
type,
|
||||
raw: item
|
||||
} = _ref2;
|
||||
if (type === 'divider') {
|
||||
return slots.divider?.({
|
||||
props: itemProps
|
||||
}) ?? _createVNode(VDivider, itemProps, null);
|
||||
}
|
||||
if (type === 'subheader') {
|
||||
return slots.subheader?.({
|
||||
props: itemProps
|
||||
}) ?? _createVNode(VListSubheader, itemProps, null);
|
||||
}
|
||||
const slotsWithItem = {
|
||||
subtitle: slots.subtitle ? slotProps => slots.subtitle?.({
|
||||
...slotProps,
|
||||
item
|
||||
}) : undefined,
|
||||
prepend: slots.prepend ? slotProps => slots.prepend?.({
|
||||
...slotProps,
|
||||
item
|
||||
}) : undefined,
|
||||
append: slots.append ? slotProps => slots.append?.({
|
||||
...slotProps,
|
||||
item
|
||||
}) : undefined,
|
||||
title: slots.title ? slotProps => slots.title?.({
|
||||
...slotProps,
|
||||
item
|
||||
}) : undefined
|
||||
};
|
||||
const listGroupProps = VListGroup.filterProps(itemProps);
|
||||
return children ? _createVNode(VListGroup, _mergeProps({
|
||||
"value": itemProps?.value
|
||||
}, listGroupProps), {
|
||||
activator: _ref3 => {
|
||||
let {
|
||||
props: activatorProps
|
||||
} = _ref3;
|
||||
const listItemProps = {
|
||||
...itemProps,
|
||||
...activatorProps,
|
||||
value: props.returnObject ? item : itemProps.value
|
||||
};
|
||||
return slots.header ? slots.header({
|
||||
props: listItemProps
|
||||
}) : _createVNode(VListItem, listItemProps, slotsWithItem);
|
||||
},
|
||||
default: () => _createVNode(VListChildren, {
|
||||
"items": children
|
||||
}, slots)
|
||||
}) : slots.item ? slots.item({
|
||||
props: itemProps
|
||||
}) : _createVNode(VListItem, _mergeProps(itemProps, {
|
||||
"value": props.returnObject ? item : itemProps.value
|
||||
}), slotsWithItem);
|
||||
});
|
||||
}
|
||||
});
|
||||
//# sourceMappingURL=VListChildren.mjs.map
|
1
VApp/node_modules/vuetify/lib/components/VList/VListChildren.mjs.map
generated
vendored
Normal file
1
VApp/node_modules/vuetify/lib/components/VList/VListChildren.mjs.map
generated
vendored
Normal file
File diff suppressed because one or more lines are too long
118
VApp/node_modules/vuetify/lib/components/VList/VListGroup.mjs
generated
vendored
Normal file
118
VApp/node_modules/vuetify/lib/components/VList/VListGroup.mjs
generated
vendored
Normal file
@ -0,0 +1,118 @@
|
||||
import { withDirectives as _withDirectives, vShow as _vShow, createVNode as _createVNode } from "vue";
|
||||
// Components
|
||||
import { VExpandTransition } from "../transitions/index.mjs";
|
||||
import { VDefaultsProvider } from "../VDefaultsProvider/index.mjs"; // Composables
|
||||
import { useList } from "./list.mjs";
|
||||
import { makeComponentProps } from "../../composables/component.mjs";
|
||||
import { IconValue } from "../../composables/icons.mjs";
|
||||
import { useNestedGroupActivator, useNestedItem } from "../../composables/nested/nested.mjs";
|
||||
import { useSsrBoot } from "../../composables/ssrBoot.mjs";
|
||||
import { makeTagProps } from "../../composables/tag.mjs";
|
||||
import { MaybeTransition } from "../../composables/transition.mjs"; // Utilities
|
||||
import { computed, toRef } from 'vue';
|
||||
import { defineComponent, genericComponent, propsFactory, useRender } from "../../util/index.mjs";
|
||||
const VListGroupActivator = defineComponent({
|
||||
name: 'VListGroupActivator',
|
||||
setup(_, _ref) {
|
||||
let {
|
||||
slots
|
||||
} = _ref;
|
||||
useNestedGroupActivator();
|
||||
return () => slots.default?.();
|
||||
}
|
||||
});
|
||||
export const makeVListGroupProps = propsFactory({
|
||||
/* @deprecated */
|
||||
activeColor: String,
|
||||
baseColor: String,
|
||||
color: String,
|
||||
collapseIcon: {
|
||||
type: IconValue,
|
||||
default: '$collapse'
|
||||
},
|
||||
expandIcon: {
|
||||
type: IconValue,
|
||||
default: '$expand'
|
||||
},
|
||||
prependIcon: IconValue,
|
||||
appendIcon: IconValue,
|
||||
fluid: Boolean,
|
||||
subgroup: Boolean,
|
||||
title: String,
|
||||
value: null,
|
||||
...makeComponentProps(),
|
||||
...makeTagProps()
|
||||
}, 'VListGroup');
|
||||
export const VListGroup = genericComponent()({
|
||||
name: 'VListGroup',
|
||||
props: makeVListGroupProps(),
|
||||
setup(props, _ref2) {
|
||||
let {
|
||||
slots
|
||||
} = _ref2;
|
||||
const {
|
||||
isOpen,
|
||||
open,
|
||||
id: _id
|
||||
} = useNestedItem(toRef(props, 'value'), true);
|
||||
const id = computed(() => `v-list-group--id-${String(_id.value)}`);
|
||||
const list = useList();
|
||||
const {
|
||||
isBooted
|
||||
} = useSsrBoot();
|
||||
function onClick(e) {
|
||||
open(!isOpen.value, e);
|
||||
}
|
||||
const activatorProps = computed(() => ({
|
||||
onClick,
|
||||
class: 'v-list-group__header',
|
||||
id: id.value
|
||||
}));
|
||||
const toggleIcon = computed(() => isOpen.value ? props.collapseIcon : props.expandIcon);
|
||||
const activatorDefaults = computed(() => ({
|
||||
VListItem: {
|
||||
active: isOpen.value,
|
||||
activeColor: props.activeColor,
|
||||
baseColor: props.baseColor,
|
||||
color: props.color,
|
||||
prependIcon: props.prependIcon || props.subgroup && toggleIcon.value,
|
||||
appendIcon: props.appendIcon || !props.subgroup && toggleIcon.value,
|
||||
title: props.title,
|
||||
value: props.value
|
||||
}
|
||||
}));
|
||||
useRender(() => _createVNode(props.tag, {
|
||||
"class": ['v-list-group', {
|
||||
'v-list-group--prepend': list?.hasPrepend.value,
|
||||
'v-list-group--fluid': props.fluid,
|
||||
'v-list-group--subgroup': props.subgroup,
|
||||
'v-list-group--open': isOpen.value
|
||||
}, props.class],
|
||||
"style": props.style
|
||||
}, {
|
||||
default: () => [slots.activator && _createVNode(VDefaultsProvider, {
|
||||
"defaults": activatorDefaults.value
|
||||
}, {
|
||||
default: () => [_createVNode(VListGroupActivator, null, {
|
||||
default: () => [slots.activator({
|
||||
props: activatorProps.value,
|
||||
isOpen: isOpen.value
|
||||
})]
|
||||
})]
|
||||
}), _createVNode(MaybeTransition, {
|
||||
"transition": {
|
||||
component: VExpandTransition
|
||||
},
|
||||
"disabled": !isBooted.value
|
||||
}, {
|
||||
default: () => [_withDirectives(_createVNode("div", {
|
||||
"class": "v-list-group__items",
|
||||
"role": "group",
|
||||
"aria-labelledby": id.value
|
||||
}, [slots.default?.()]), [[_vShow, isOpen.value]])]
|
||||
})]
|
||||
}));
|
||||
return {};
|
||||
}
|
||||
});
|
||||
//# sourceMappingURL=VListGroup.mjs.map
|
1
VApp/node_modules/vuetify/lib/components/VList/VListGroup.mjs.map
generated
vendored
Normal file
1
VApp/node_modules/vuetify/lib/components/VList/VListGroup.mjs.map
generated
vendored
Normal file
File diff suppressed because one or more lines are too long
4
VApp/node_modules/vuetify/lib/components/VList/VListImg.mjs
generated
vendored
Normal file
4
VApp/node_modules/vuetify/lib/components/VList/VListImg.mjs
generated
vendored
Normal file
@ -0,0 +1,4 @@
|
||||
// Utilities
|
||||
import { createSimpleFunctional } from "../../util/index.mjs";
|
||||
export const VListImg = createSimpleFunctional('v-list-img');
|
||||
//# sourceMappingURL=VListImg.mjs.map
|
1
VApp/node_modules/vuetify/lib/components/VList/VListImg.mjs.map
generated
vendored
Normal file
1
VApp/node_modules/vuetify/lib/components/VList/VListImg.mjs.map
generated
vendored
Normal file
@ -0,0 +1 @@
|
||||
{"version":3,"file":"VListImg.mjs","names":["createSimpleFunctional","VListImg"],"sources":["../../../src/components/VList/VListImg.ts"],"sourcesContent":["// Utilities\nimport { createSimpleFunctional } from '@/util'\n\nexport const VListImg = createSimpleFunctional('v-list-img')\n\nexport type VListImg = InstanceType<typeof VListImg>\n"],"mappings":"AAAA;AAAA,SACSA,sBAAsB;AAE/B,OAAO,MAAMC,QAAQ,GAAGD,sBAAsB,CAAC,YAAY,CAAC"}
|
449
VApp/node_modules/vuetify/lib/components/VList/VListItem.css
generated
vendored
Normal file
449
VApp/node_modules/vuetify/lib/components/VList/VListItem.css
generated
vendored
Normal file
@ -0,0 +1,449 @@
|
||||
.v-list-item {
|
||||
align-items: center;
|
||||
display: grid;
|
||||
flex: none;
|
||||
grid-template-areas: "prepend content append";
|
||||
grid-template-columns: max-content 1fr auto;
|
||||
outline: none;
|
||||
max-width: 100%;
|
||||
padding: 4px 16px;
|
||||
position: relative;
|
||||
text-decoration: none;
|
||||
border-color: rgba(var(--v-border-color), var(--v-border-opacity));
|
||||
border-style: solid;
|
||||
border-width: 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
.v-list-item--border {
|
||||
border-width: thin;
|
||||
box-shadow: none;
|
||||
}
|
||||
.v-list-item:hover > .v-list-item__overlay {
|
||||
opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
|
||||
}
|
||||
.v-list-item:focus-visible > .v-list-item__overlay {
|
||||
opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
|
||||
}
|
||||
@supports not selector(:focus-visible) {
|
||||
.v-list-item:focus > .v-list-item__overlay {
|
||||
opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
|
||||
}
|
||||
}
|
||||
.v-list-item--active > .v-list-item__overlay, .v-list-item[aria-haspopup=menu][aria-expanded=true] > .v-list-item__overlay {
|
||||
opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
|
||||
}
|
||||
.v-list-item--active:hover > .v-list-item__overlay, .v-list-item[aria-haspopup=menu][aria-expanded=true]:hover > .v-list-item__overlay {
|
||||
opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
|
||||
}
|
||||
.v-list-item--active:focus-visible > .v-list-item__overlay, .v-list-item[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-list-item__overlay {
|
||||
opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
|
||||
}
|
||||
@supports not selector(:focus-visible) {
|
||||
.v-list-item--active:focus > .v-list-item__overlay, .v-list-item[aria-haspopup=menu][aria-expanded=true]:focus > .v-list-item__overlay {
|
||||
opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
|
||||
}
|
||||
}
|
||||
.v-list-item--variant-plain, .v-list-item--variant-outlined, .v-list-item--variant-text, .v-list-item--variant-tonal {
|
||||
background: transparent;
|
||||
color: inherit;
|
||||
}
|
||||
.v-list-item--variant-plain {
|
||||
opacity: 0.62;
|
||||
}
|
||||
.v-list-item--variant-plain:focus, .v-list-item--variant-plain:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
.v-list-item--variant-plain .v-list-item__overlay {
|
||||
display: none;
|
||||
}
|
||||
.v-list-item--variant-elevated, .v-list-item--variant-flat {
|
||||
background: rgba(var(--v-theme-surface));
|
||||
color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
|
||||
}
|
||||
.v-list-item--variant-elevated {
|
||||
box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
|
||||
}
|
||||
.v-list-item--variant-flat {
|
||||
box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
|
||||
}
|
||||
.v-list-item--variant-outlined {
|
||||
border: thin solid currentColor;
|
||||
}
|
||||
.v-list-item--variant-text .v-list-item__overlay {
|
||||
background: currentColor;
|
||||
}
|
||||
.v-list-item--variant-tonal .v-list-item__underlay {
|
||||
background: currentColor;
|
||||
opacity: var(--v-activated-opacity);
|
||||
border-radius: inherit;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
pointer-events: none;
|
||||
}
|
||||
@supports selector(:focus-visible) {
|
||||
.v-list-item::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
pointer-events: none;
|
||||
border: 2px solid currentColor;
|
||||
border-radius: 4px;
|
||||
opacity: 0;
|
||||
transition: opacity 0.2s ease-in-out;
|
||||
}
|
||||
.v-list-item:focus-visible::after {
|
||||
opacity: calc(0.15 * var(--v-theme-overlay-multiplier));
|
||||
}
|
||||
}
|
||||
.v-list-item__prepend > .v-badge .v-icon,
|
||||
.v-list-item__prepend > .v-icon, .v-list-item__append > .v-badge .v-icon,
|
||||
.v-list-item__append > .v-icon {
|
||||
opacity: var(--v-medium-emphasis-opacity);
|
||||
}
|
||||
.v-list-item--active .v-list-item__prepend > .v-badge .v-icon,
|
||||
.v-list-item--active .v-list-item__prepend > .v-icon,
|
||||
.v-list-item--active .v-list-item__append > .v-badge .v-icon,
|
||||
.v-list-item--active .v-list-item__append > .v-icon {
|
||||
opacity: 1;
|
||||
}
|
||||
.v-list-item--rounded {
|
||||
border-radius: 4px;
|
||||
}
|
||||
.v-list-item--disabled {
|
||||
pointer-events: none;
|
||||
user-select: none;
|
||||
opacity: 0.6;
|
||||
}
|
||||
.v-list-item--link {
|
||||
cursor: pointer;
|
||||
}
|
||||
.v-navigation-drawer--rail:not(.v-navigation-drawer--expand-on-hover) .v-list-item .v-avatar, .v-navigation-drawer--rail.v-navigation-drawer--expand-on-hover:not(.v-navigation-drawer--is-hovering) .v-list-item .v-avatar {
|
||||
--v-avatar-height: 24px;
|
||||
}
|
||||
|
||||
.v-list-item__prepend {
|
||||
align-items: center;
|
||||
align-self: center;
|
||||
display: flex;
|
||||
grid-area: prepend;
|
||||
}
|
||||
.v-list-item__prepend > .v-badge ~ .v-list-item__spacer,
|
||||
.v-list-item__prepend > .v-icon ~ .v-list-item__spacer,
|
||||
.v-list-item__prepend > .v-tooltip ~ .v-list-item__spacer {
|
||||
width: 32px;
|
||||
}
|
||||
.v-list-item__prepend > .v-avatar ~ .v-list-item__spacer {
|
||||
width: 16px;
|
||||
}
|
||||
.v-list-item__prepend > .v-list-item-action ~ .v-list-item__spacer {
|
||||
width: 16px;
|
||||
}
|
||||
.v-list-item--slim .v-list-item__prepend > .v-badge ~ .v-list-item__spacer,
|
||||
.v-list-item--slim .v-list-item__prepend > .v-icon ~ .v-list-item__spacer,
|
||||
.v-list-item--slim .v-list-item__prepend > .v-tooltip ~ .v-list-item__spacer {
|
||||
width: 20px;
|
||||
}
|
||||
.v-list-item--slim .v-list-item__prepend > .v-avatar ~ .v-list-item__spacer {
|
||||
width: 4px;
|
||||
}
|
||||
.v-list-item--slim .v-list-item__prepend > .v-list-item-action ~ .v-list-item__spacer {
|
||||
width: 4px;
|
||||
}
|
||||
.v-list-item--three-line .v-list-item__prepend {
|
||||
align-self: start;
|
||||
}
|
||||
|
||||
.v-list-item__append {
|
||||
align-self: center;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
grid-area: append;
|
||||
}
|
||||
.v-list-item__append .v-list-item__spacer {
|
||||
order: -1;
|
||||
transition: 150ms width cubic-bezier(0.4, 0, 0.2, 1);
|
||||
}
|
||||
.v-list-item__append > .v-badge ~ .v-list-item__spacer,
|
||||
.v-list-item__append > .v-icon ~ .v-list-item__spacer,
|
||||
.v-list-item__append > .v-tooltip ~ .v-list-item__spacer {
|
||||
width: 32px;
|
||||
}
|
||||
.v-list-item__append > .v-avatar ~ .v-list-item__spacer {
|
||||
width: 16px;
|
||||
}
|
||||
.v-list-item__append > .v-list-item-action ~ .v-list-item__spacer {
|
||||
width: 16px;
|
||||
}
|
||||
.v-list-item--slim .v-list-item__append > .v-badge ~ .v-list-item__spacer,
|
||||
.v-list-item--slim .v-list-item__append > .v-icon ~ .v-list-item__spacer,
|
||||
.v-list-item--slim .v-list-item__append > .v-tooltip ~ .v-list-item__spacer {
|
||||
width: 20px;
|
||||
}
|
||||
.v-list-item--slim .v-list-item__append > .v-avatar ~ .v-list-item__spacer {
|
||||
width: 4px;
|
||||
}
|
||||
.v-list-item--slim .v-list-item__append > .v-list-item-action ~ .v-list-item__spacer {
|
||||
width: 4px;
|
||||
}
|
||||
.v-list-item--three-line .v-list-item__append {
|
||||
align-self: start;
|
||||
}
|
||||
|
||||
.v-list-item__content {
|
||||
align-self: center;
|
||||
grid-area: content;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.v-list-item-action {
|
||||
align-self: center;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex: none;
|
||||
transition: inherit;
|
||||
transition-property: height, width;
|
||||
}
|
||||
.v-list-item-action--start {
|
||||
margin-inline-end: 8px;
|
||||
margin-inline-start: -8px;
|
||||
}
|
||||
.v-list-item-action--end {
|
||||
margin-inline-start: 8px;
|
||||
margin-inline-end: -8px;
|
||||
}
|
||||
|
||||
.v-list-item-media {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.v-list-item-media--start {
|
||||
margin-inline-end: 16px;
|
||||
}
|
||||
.v-list-item-media--end {
|
||||
margin-inline-start: 16px;
|
||||
}
|
||||
.v-list-item--two-line .v-list-item-media {
|
||||
margin-top: -4px;
|
||||
margin-bottom: -4px;
|
||||
}
|
||||
.v-list-item--three-line .v-list-item-media {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.v-list-item-subtitle {
|
||||
-webkit-box-orient: vertical;
|
||||
display: -webkit-box;
|
||||
opacity: var(--v-medium-emphasis-opacity);
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
text-overflow: ellipsis;
|
||||
word-break: break-all;
|
||||
font-size: 0.875rem;
|
||||
font-weight: 400;
|
||||
letter-spacing: 0.0178571429em;
|
||||
line-height: 1rem;
|
||||
text-transform: none;
|
||||
}
|
||||
.v-list-item--one-line .v-list-item-subtitle {
|
||||
-webkit-line-clamp: 1;
|
||||
}
|
||||
.v-list-item--two-line .v-list-item-subtitle {
|
||||
-webkit-line-clamp: 2;
|
||||
}
|
||||
.v-list-item--three-line .v-list-item-subtitle {
|
||||
-webkit-line-clamp: 3;
|
||||
}
|
||||
.v-list-item--nav .v-list-item-subtitle {
|
||||
font-size: 0.75rem;
|
||||
font-weight: 400;
|
||||
letter-spacing: 0.0178571429em;
|
||||
line-height: 1rem;
|
||||
}
|
||||
|
||||
.v-list-item-title {
|
||||
hyphens: auto;
|
||||
overflow-wrap: normal;
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
word-break: normal;
|
||||
word-wrap: break-word;
|
||||
font-size: 1rem;
|
||||
font-weight: 400;
|
||||
letter-spacing: 0.009375em;
|
||||
line-height: 1.5rem;
|
||||
text-transform: none;
|
||||
}
|
||||
.v-list-item--nav .v-list-item-title {
|
||||
font-size: 0.8125rem;
|
||||
font-weight: 500;
|
||||
letter-spacing: normal;
|
||||
line-height: 1rem;
|
||||
}
|
||||
|
||||
.v-list-item--density-default {
|
||||
min-height: 40px;
|
||||
}
|
||||
.v-list-item--density-default.v-list-item--one-line {
|
||||
min-height: 48px;
|
||||
padding-top: 4px;
|
||||
padding-bottom: 4px;
|
||||
}
|
||||
.v-list-item--density-default.v-list-item--two-line {
|
||||
min-height: 64px;
|
||||
padding-top: 12px;
|
||||
padding-bottom: 12px;
|
||||
}
|
||||
.v-list-item--density-default.v-list-item--three-line {
|
||||
min-height: 88px;
|
||||
padding-top: 16px;
|
||||
padding-bottom: 16px;
|
||||
}
|
||||
.v-list-item--density-default.v-list-item--three-line .v-list-item__prepend,
|
||||
.v-list-item--density-default.v-list-item--three-line .v-list-item__append {
|
||||
padding-top: 8px;
|
||||
}
|
||||
.v-list-item--density-default:not(.v-list-item--nav).v-list-item--one-line {
|
||||
padding-inline: 16px;
|
||||
}
|
||||
.v-list-item--density-default:not(.v-list-item--nav).v-list-item--two-line {
|
||||
padding-inline: 16px;
|
||||
}
|
||||
.v-list-item--density-default:not(.v-list-item--nav).v-list-item--three-line {
|
||||
padding-inline: 16px;
|
||||
}
|
||||
|
||||
.v-list-item--density-comfortable {
|
||||
min-height: 36px;
|
||||
}
|
||||
.v-list-item--density-comfortable.v-list-item--one-line {
|
||||
min-height: 44px;
|
||||
}
|
||||
.v-list-item--density-comfortable.v-list-item--two-line {
|
||||
min-height: 60px;
|
||||
padding-top: 8px;
|
||||
padding-bottom: 8px;
|
||||
}
|
||||
.v-list-item--density-comfortable.v-list-item--three-line {
|
||||
min-height: 84px;
|
||||
padding-top: 12px;
|
||||
padding-bottom: 12px;
|
||||
}
|
||||
.v-list-item--density-comfortable.v-list-item--three-line .v-list-item__prepend,
|
||||
.v-list-item--density-comfortable.v-list-item--three-line .v-list-item__append {
|
||||
padding-top: 6px;
|
||||
}
|
||||
.v-list-item--density-comfortable:not(.v-list-item--nav).v-list-item--one-line {
|
||||
padding-inline: 16px;
|
||||
}
|
||||
.v-list-item--density-comfortable:not(.v-list-item--nav).v-list-item--two-line {
|
||||
padding-inline: 16px;
|
||||
}
|
||||
.v-list-item--density-comfortable:not(.v-list-item--nav).v-list-item--three-line {
|
||||
padding-inline: 16px;
|
||||
}
|
||||
|
||||
.v-list-item--density-compact {
|
||||
min-height: 32px;
|
||||
}
|
||||
.v-list-item--density-compact.v-list-item--one-line {
|
||||
min-height: 40px;
|
||||
}
|
||||
.v-list-item--density-compact.v-list-item--two-line {
|
||||
min-height: 56px;
|
||||
padding-top: 4px;
|
||||
padding-bottom: 4px;
|
||||
}
|
||||
.v-list-item--density-compact.v-list-item--three-line {
|
||||
min-height: 80px;
|
||||
padding-top: 8px;
|
||||
padding-bottom: 8px;
|
||||
}
|
||||
.v-list-item--density-compact.v-list-item--three-line .v-list-item__prepend,
|
||||
.v-list-item--density-compact.v-list-item--three-line .v-list-item__append {
|
||||
padding-top: 4px;
|
||||
}
|
||||
.v-list-item--density-compact:not(.v-list-item--nav).v-list-item--one-line {
|
||||
padding-inline: 16px;
|
||||
}
|
||||
.v-list-item--density-compact:not(.v-list-item--nav).v-list-item--two-line {
|
||||
padding-inline: 16px;
|
||||
}
|
||||
.v-list-item--density-compact:not(.v-list-item--nav).v-list-item--three-line {
|
||||
padding-inline: 16px;
|
||||
}
|
||||
|
||||
.v-list-item--nav {
|
||||
padding-inline: 8px;
|
||||
}
|
||||
.v-list .v-list-item--nav:not(:only-child) {
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
|
||||
.v-list-item__underlay {
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.v-list-item__overlay {
|
||||
background-color: currentColor;
|
||||
border-radius: inherit;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
opacity: 0;
|
||||
pointer-events: none;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
transition: opacity 0.2s ease-in-out;
|
||||
}
|
||||
.v-list-item--active.v-list-item--variant-elevated .v-list-item__overlay {
|
||||
--v-theme-overlay-multiplier: 0;
|
||||
}
|
||||
|
||||
.v-list {
|
||||
--indent-padding: 0px;
|
||||
}
|
||||
.v-list--nav {
|
||||
--indent-padding: -8px;
|
||||
}
|
||||
|
||||
.v-list-group {
|
||||
--list-indent-size: 16px;
|
||||
--parent-padding: var(--indent-padding);
|
||||
--prepend-width: 40px;
|
||||
}
|
||||
.v-list--slim .v-list-group {
|
||||
--prepend-width: 28px;
|
||||
}
|
||||
.v-list-group--fluid {
|
||||
--list-indent-size: 0px;
|
||||
}
|
||||
.v-list-group--prepend {
|
||||
--parent-padding: calc(var(--indent-padding) + var(--prepend-width));
|
||||
}
|
||||
.v-list-group--fluid.v-list-group--prepend {
|
||||
--parent-padding: var(--indent-padding);
|
||||
}
|
||||
|
||||
.v-list-group__items {
|
||||
--indent-padding: calc(var(--parent-padding) + var(--list-indent-size));
|
||||
}
|
||||
|
||||
.v-list-group__items .v-list-item {
|
||||
padding-inline-start: calc(16px + var(--indent-padding)) !important;
|
||||
}
|
||||
|
||||
.v-list-group__header.v-list-item--active:not(:focus-visible) .v-list-item__overlay {
|
||||
opacity: 0;
|
||||
}
|
||||
.v-list-group__header.v-list-item--active:hover .v-list-item__overlay {
|
||||
opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
|
||||
}
|
269
VApp/node_modules/vuetify/lib/components/VList/VListItem.mjs
generated
vendored
Normal file
269
VApp/node_modules/vuetify/lib/components/VList/VListItem.mjs
generated
vendored
Normal file
@ -0,0 +1,269 @@
|
||||
import { withDirectives as _withDirectives, resolveDirective as _resolveDirective, createVNode as _createVNode, Fragment as _Fragment } from "vue";
|
||||
// Styles
|
||||
import "./VListItem.css";
|
||||
|
||||
// Components
|
||||
import { VListItemSubtitle } from "./VListItemSubtitle.mjs";
|
||||
import { VListItemTitle } from "./VListItemTitle.mjs";
|
||||
import { VAvatar } from "../VAvatar/index.mjs";
|
||||
import { VDefaultsProvider } from "../VDefaultsProvider/index.mjs";
|
||||
import { VIcon } from "../VIcon/index.mjs"; // Composables
|
||||
import { useList } from "./list.mjs";
|
||||
import { makeBorderProps, useBorder } from "../../composables/border.mjs";
|
||||
import { makeComponentProps } from "../../composables/component.mjs";
|
||||
import { makeDensityProps, useDensity } from "../../composables/density.mjs";
|
||||
import { makeDimensionProps, useDimension } from "../../composables/dimensions.mjs";
|
||||
import { makeElevationProps, useElevation } from "../../composables/elevation.mjs";
|
||||
import { IconValue } from "../../composables/icons.mjs";
|
||||
import { useNestedItem } from "../../composables/nested/nested.mjs";
|
||||
import { makeRoundedProps, useRounded } from "../../composables/rounded.mjs";
|
||||
import { makeRouterProps, useLink } from "../../composables/router.mjs";
|
||||
import { makeTagProps } from "../../composables/tag.mjs";
|
||||
import { makeThemeProps, provideTheme } from "../../composables/theme.mjs";
|
||||
import { genOverlays, makeVariantProps, useVariant } from "../../composables/variant.mjs"; // Directives
|
||||
import { Ripple } from "../../directives/ripple/index.mjs"; // Utilities
|
||||
import { computed, watch } from 'vue';
|
||||
import { deprecate, EventProp, genericComponent, propsFactory, useRender } from "../../util/index.mjs"; // Types
|
||||
export const makeVListItemProps = propsFactory({
|
||||
active: {
|
||||
type: Boolean,
|
||||
default: undefined
|
||||
},
|
||||
activeClass: String,
|
||||
/* @deprecated */
|
||||
activeColor: String,
|
||||
appendAvatar: String,
|
||||
appendIcon: IconValue,
|
||||
baseColor: String,
|
||||
disabled: Boolean,
|
||||
lines: String,
|
||||
link: {
|
||||
type: Boolean,
|
||||
default: undefined
|
||||
},
|
||||
nav: Boolean,
|
||||
prependAvatar: String,
|
||||
prependIcon: IconValue,
|
||||
ripple: {
|
||||
type: [Boolean, Object],
|
||||
default: true
|
||||
},
|
||||
slim: Boolean,
|
||||
subtitle: [String, Number],
|
||||
title: [String, Number],
|
||||
value: null,
|
||||
onClick: EventProp(),
|
||||
onClickOnce: EventProp(),
|
||||
...makeBorderProps(),
|
||||
...makeComponentProps(),
|
||||
...makeDensityProps(),
|
||||
...makeDimensionProps(),
|
||||
...makeElevationProps(),
|
||||
...makeRoundedProps(),
|
||||
...makeRouterProps(),
|
||||
...makeTagProps(),
|
||||
...makeThemeProps(),
|
||||
...makeVariantProps({
|
||||
variant: 'text'
|
||||
})
|
||||
}, 'VListItem');
|
||||
export const VListItem = genericComponent()({
|
||||
name: 'VListItem',
|
||||
directives: {
|
||||
Ripple
|
||||
},
|
||||
props: makeVListItemProps(),
|
||||
emits: {
|
||||
click: e => true
|
||||
},
|
||||
setup(props, _ref) {
|
||||
let {
|
||||
attrs,
|
||||
slots,
|
||||
emit
|
||||
} = _ref;
|
||||
const link = useLink(props, attrs);
|
||||
const id = computed(() => props.value === undefined ? link.href.value : props.value);
|
||||
const {
|
||||
select,
|
||||
isSelected,
|
||||
isIndeterminate,
|
||||
isGroupActivator,
|
||||
root,
|
||||
parent,
|
||||
openOnSelect
|
||||
} = useNestedItem(id, false);
|
||||
const list = useList();
|
||||
const isActive = computed(() => props.active !== false && (props.active || link.isActive?.value || isSelected.value));
|
||||
const isLink = computed(() => props.link !== false && link.isLink.value);
|
||||
const isClickable = computed(() => !props.disabled && props.link !== false && (props.link || link.isClickable.value || props.value != null && !!list));
|
||||
const roundedProps = computed(() => props.rounded || props.nav);
|
||||
const color = computed(() => props.color ?? props.activeColor);
|
||||
const variantProps = computed(() => ({
|
||||
color: isActive.value ? color.value ?? props.baseColor : props.baseColor,
|
||||
variant: props.variant
|
||||
}));
|
||||
watch(() => link.isActive?.value, val => {
|
||||
if (val && parent.value != null) {
|
||||
root.open(parent.value, true);
|
||||
}
|
||||
if (val) {
|
||||
openOnSelect(val);
|
||||
}
|
||||
}, {
|
||||
immediate: true
|
||||
});
|
||||
const {
|
||||
themeClasses
|
||||
} = provideTheme(props);
|
||||
const {
|
||||
borderClasses
|
||||
} = useBorder(props);
|
||||
const {
|
||||
colorClasses,
|
||||
colorStyles,
|
||||
variantClasses
|
||||
} = useVariant(variantProps);
|
||||
const {
|
||||
densityClasses
|
||||
} = useDensity(props);
|
||||
const {
|
||||
dimensionStyles
|
||||
} = useDimension(props);
|
||||
const {
|
||||
elevationClasses
|
||||
} = useElevation(props);
|
||||
const {
|
||||
roundedClasses
|
||||
} = useRounded(roundedProps);
|
||||
const lineClasses = computed(() => props.lines ? `v-list-item--${props.lines}-line` : undefined);
|
||||
const slotProps = computed(() => ({
|
||||
isActive: isActive.value,
|
||||
select,
|
||||
isSelected: isSelected.value,
|
||||
isIndeterminate: isIndeterminate.value
|
||||
}));
|
||||
function onClick(e) {
|
||||
emit('click', e);
|
||||
if (isGroupActivator || !isClickable.value) return;
|
||||
link.navigate?.(e);
|
||||
props.value != null && select(!isSelected.value, e);
|
||||
}
|
||||
function onKeyDown(e) {
|
||||
if (e.key === 'Enter' || e.key === ' ') {
|
||||
e.preventDefault();
|
||||
onClick(e);
|
||||
}
|
||||
}
|
||||
useRender(() => {
|
||||
const Tag = isLink.value ? 'a' : props.tag;
|
||||
const hasTitle = slots.title || props.title != null;
|
||||
const hasSubtitle = slots.subtitle || props.subtitle != null;
|
||||
const hasAppendMedia = !!(props.appendAvatar || props.appendIcon);
|
||||
const hasAppend = !!(hasAppendMedia || slots.append);
|
||||
const hasPrependMedia = !!(props.prependAvatar || props.prependIcon);
|
||||
const hasPrepend = !!(hasPrependMedia || slots.prepend);
|
||||
list?.updateHasPrepend(hasPrepend);
|
||||
if (props.activeColor) {
|
||||
deprecate('active-color', ['color', 'base-color']);
|
||||
}
|
||||
return _withDirectives(_createVNode(Tag, {
|
||||
"class": ['v-list-item', {
|
||||
'v-list-item--active': isActive.value,
|
||||
'v-list-item--disabled': props.disabled,
|
||||
'v-list-item--link': isClickable.value,
|
||||
'v-list-item--nav': props.nav,
|
||||
'v-list-item--prepend': !hasPrepend && list?.hasPrepend.value,
|
||||
'v-list-item--slim': props.slim,
|
||||
[`${props.activeClass}`]: props.activeClass && isActive.value
|
||||
}, themeClasses.value, borderClasses.value, colorClasses.value, densityClasses.value, elevationClasses.value, lineClasses.value, roundedClasses.value, variantClasses.value, props.class],
|
||||
"style": [colorStyles.value, dimensionStyles.value, props.style],
|
||||
"href": link.href.value,
|
||||
"tabindex": isClickable.value ? list ? -2 : 0 : undefined,
|
||||
"onClick": onClick,
|
||||
"onKeydown": isClickable.value && !isLink.value && onKeyDown
|
||||
}, {
|
||||
default: () => [genOverlays(isClickable.value || isActive.value, 'v-list-item'), hasPrepend && _createVNode("div", {
|
||||
"key": "prepend",
|
||||
"class": "v-list-item__prepend"
|
||||
}, [!slots.prepend ? _createVNode(_Fragment, null, [props.prependAvatar && _createVNode(VAvatar, {
|
||||
"key": "prepend-avatar",
|
||||
"density": props.density,
|
||||
"image": props.prependAvatar
|
||||
}, null), props.prependIcon && _createVNode(VIcon, {
|
||||
"key": "prepend-icon",
|
||||
"density": props.density,
|
||||
"icon": props.prependIcon
|
||||
}, null)]) : _createVNode(VDefaultsProvider, {
|
||||
"key": "prepend-defaults",
|
||||
"disabled": !hasPrependMedia,
|
||||
"defaults": {
|
||||
VAvatar: {
|
||||
density: props.density,
|
||||
image: props.prependAvatar
|
||||
},
|
||||
VIcon: {
|
||||
density: props.density,
|
||||
icon: props.prependIcon
|
||||
},
|
||||
VListItemAction: {
|
||||
start: true
|
||||
}
|
||||
}
|
||||
}, {
|
||||
default: () => [slots.prepend?.(slotProps.value)]
|
||||
}), _createVNode("div", {
|
||||
"class": "v-list-item__spacer"
|
||||
}, null)]), _createVNode("div", {
|
||||
"class": "v-list-item__content",
|
||||
"data-no-activator": ""
|
||||
}, [hasTitle && _createVNode(VListItemTitle, {
|
||||
"key": "title"
|
||||
}, {
|
||||
default: () => [slots.title?.({
|
||||
title: props.title
|
||||
}) ?? props.title]
|
||||
}), hasSubtitle && _createVNode(VListItemSubtitle, {
|
||||
"key": "subtitle"
|
||||
}, {
|
||||
default: () => [slots.subtitle?.({
|
||||
subtitle: props.subtitle
|
||||
}) ?? props.subtitle]
|
||||
}), slots.default?.(slotProps.value)]), hasAppend && _createVNode("div", {
|
||||
"key": "append",
|
||||
"class": "v-list-item__append"
|
||||
}, [!slots.append ? _createVNode(_Fragment, null, [props.appendIcon && _createVNode(VIcon, {
|
||||
"key": "append-icon",
|
||||
"density": props.density,
|
||||
"icon": props.appendIcon
|
||||
}, null), props.appendAvatar && _createVNode(VAvatar, {
|
||||
"key": "append-avatar",
|
||||
"density": props.density,
|
||||
"image": props.appendAvatar
|
||||
}, null)]) : _createVNode(VDefaultsProvider, {
|
||||
"key": "append-defaults",
|
||||
"disabled": !hasAppendMedia,
|
||||
"defaults": {
|
||||
VAvatar: {
|
||||
density: props.density,
|
||||
image: props.appendAvatar
|
||||
},
|
||||
VIcon: {
|
||||
density: props.density,
|
||||
icon: props.appendIcon
|
||||
},
|
||||
VListItemAction: {
|
||||
end: true
|
||||
}
|
||||
}
|
||||
}, {
|
||||
default: () => [slots.append?.(slotProps.value)]
|
||||
}), _createVNode("div", {
|
||||
"class": "v-list-item__spacer"
|
||||
}, null)])]
|
||||
}), [[_resolveDirective("ripple"), isClickable.value && props.ripple]]);
|
||||
});
|
||||
return {};
|
||||
}
|
||||
});
|
||||
//# sourceMappingURL=VListItem.mjs.map
|
1
VApp/node_modules/vuetify/lib/components/VList/VListItem.mjs.map
generated
vendored
Normal file
1
VApp/node_modules/vuetify/lib/components/VList/VListItem.mjs.map
generated
vendored
Normal file
File diff suppressed because one or more lines are too long
323
VApp/node_modules/vuetify/lib/components/VList/VListItem.sass
generated
vendored
Normal file
323
VApp/node_modules/vuetify/lib/components/VList/VListItem.sass
generated
vendored
Normal file
@ -0,0 +1,323 @@
|
||||
@use 'sass:list'
|
||||
@use 'sass:map'
|
||||
@use 'sass:math'
|
||||
@use '../../styles/settings'
|
||||
@use '../../styles/tools'
|
||||
@use './variables' as *
|
||||
|
||||
.v-list-item
|
||||
align-items: center
|
||||
display: grid
|
||||
flex: none
|
||||
grid-template-areas: "prepend content append"
|
||||
grid-template-columns: max-content 1fr auto
|
||||
outline: none
|
||||
max-width: 100%
|
||||
padding: $list-item-padding
|
||||
position: relative
|
||||
text-decoration: none
|
||||
|
||||
@include tools.border($list-item-border...)
|
||||
@include tools.states('.v-list-item__overlay')
|
||||
@include tools.rounded($list-item-border-radius)
|
||||
@include tools.variant($list-item-variants...)
|
||||
|
||||
@supports selector(:focus-visible)
|
||||
&::after
|
||||
@include tools.absolute(true)
|
||||
pointer-events: none
|
||||
border: 2px solid currentColor
|
||||
border-radius: 4px
|
||||
opacity: 0
|
||||
transition: opacity .2s ease-in-out
|
||||
|
||||
&:focus-visible::after
|
||||
opacity: calc(.15 * var(--v-theme-overlay-multiplier))
|
||||
|
||||
&__prepend,
|
||||
&__append
|
||||
> .v-badge .v-icon,
|
||||
> .v-icon
|
||||
opacity: #{$list-item-icon-opacity}
|
||||
|
||||
&--active
|
||||
.v-list-item__prepend,
|
||||
.v-list-item__append
|
||||
> .v-badge .v-icon,
|
||||
> .v-icon
|
||||
opacity: #{$list-item-icon-active-opacity}
|
||||
|
||||
&--rounded
|
||||
@include tools.rounded($list-item-rounded-border-radius)
|
||||
|
||||
&--disabled
|
||||
pointer-events: none
|
||||
user-select: none
|
||||
opacity: $list-disabled-opacity
|
||||
|
||||
&--link
|
||||
cursor: pointer
|
||||
|
||||
.v-navigation-drawer--rail:not(.v-navigation-drawer--expand-on-hover) &,
|
||||
.v-navigation-drawer--rail.v-navigation-drawer--expand-on-hover:not(.v-navigation-drawer--is-hovering) &
|
||||
.v-avatar
|
||||
--v-avatar-height: 24px
|
||||
|
||||
.v-list-item__prepend
|
||||
align-items: center
|
||||
align-self: center
|
||||
display: flex
|
||||
grid-area: prepend
|
||||
|
||||
> .v-badge,
|
||||
> .v-icon,
|
||||
> .v-tooltip
|
||||
~ .v-list-item__spacer
|
||||
width: $list-item-icon-margin-start
|
||||
|
||||
> .v-avatar ~ .v-list-item__spacer
|
||||
width: $list-item-avatar-margin-start
|
||||
|
||||
> .v-list-item-action ~ .v-list-item__spacer
|
||||
width: $list-item-action-spacer-width
|
||||
|
||||
.v-list-item--slim &
|
||||
> .v-badge,
|
||||
> .v-icon,
|
||||
> .v-tooltip
|
||||
~ .v-list-item__spacer
|
||||
width: $list-item-slim-spacer-width
|
||||
|
||||
> .v-avatar ~ .v-list-item__spacer
|
||||
width: $list-item-slim-avatar-spacer-width
|
||||
|
||||
> .v-list-item-action ~ .v-list-item__spacer
|
||||
width: $list-item-slim-action-spacer-width
|
||||
|
||||
.v-list-item--three-line &
|
||||
align-self: start
|
||||
|
||||
.v-list-item__append
|
||||
align-self: center
|
||||
display: flex
|
||||
align-items: center
|
||||
grid-area: append
|
||||
|
||||
.v-list-item__spacer
|
||||
order: -1
|
||||
transition: 150ms width settings.$standard-easing
|
||||
|
||||
> .v-badge,
|
||||
> .v-icon,
|
||||
> .v-tooltip
|
||||
~ .v-list-item__spacer
|
||||
width: $list-item-icon-margin-end
|
||||
|
||||
> .v-avatar ~ .v-list-item__spacer
|
||||
width: $list-item-avatar-margin-end
|
||||
|
||||
> .v-list-item-action ~ .v-list-item__spacer
|
||||
width: $list-item-action-spacer-width
|
||||
|
||||
.v-list-item--slim &
|
||||
> .v-badge,
|
||||
> .v-icon,
|
||||
> .v-tooltip
|
||||
~ .v-list-item__spacer
|
||||
width: $list-item-slim-spacer-width
|
||||
|
||||
> .v-avatar ~ .v-list-item__spacer
|
||||
width: $list-item-slim-avatar-spacer-width
|
||||
|
||||
> .v-list-item-action ~ .v-list-item__spacer
|
||||
width: $list-item-slim-action-spacer-width
|
||||
|
||||
.v-list-item--three-line &
|
||||
align-self: start
|
||||
|
||||
.v-list-item__content
|
||||
align-self: center
|
||||
grid-area: content
|
||||
overflow: hidden
|
||||
|
||||
.v-list-item-action
|
||||
align-self: center
|
||||
display: flex
|
||||
align-items: center
|
||||
flex: none
|
||||
transition: inherit
|
||||
transition-property: height, width
|
||||
|
||||
&--start
|
||||
margin-inline-end: $list-item-action-margin-end
|
||||
margin-inline-start: -$list-item-action-margin-start
|
||||
|
||||
&--end
|
||||
margin-inline-start: $list-item-action-margin-start
|
||||
margin-inline-end: -$list-item-action-margin-end
|
||||
|
||||
.v-list-item-media
|
||||
margin-top: $list-item-media-margin-top
|
||||
margin-bottom: $list-item-media-margin-bottom
|
||||
|
||||
&--start
|
||||
margin-inline-end: $list-item-media-margin-end
|
||||
|
||||
&--end
|
||||
margin-inline-start: $list-item-media-margin-start
|
||||
|
||||
.v-list-item--two-line &
|
||||
margin-top: $list-item-media-two-line-margin-top
|
||||
margin-bottom: $list-item-media-two-line-margin-bottom
|
||||
|
||||
.v-list-item--three-line &
|
||||
margin-top: $list-item-media-three-line-margin-top
|
||||
margin-bottom: $list-item-media-three-line-margin-bottom
|
||||
|
||||
.v-list-item-subtitle
|
||||
-webkit-box-orient: vertical
|
||||
display: -webkit-box
|
||||
opacity: $list-item-subtitle-opacity
|
||||
overflow: hidden
|
||||
padding: $list-item-subtitle-padding
|
||||
text-overflow: ellipsis
|
||||
word-break: $list-item-subtitle-word-break
|
||||
|
||||
.v-list-item--one-line &
|
||||
-webkit-line-clamp: 1
|
||||
|
||||
.v-list-item--two-line &
|
||||
-webkit-line-clamp: 2
|
||||
|
||||
.v-list-item--three-line &
|
||||
-webkit-line-clamp: 3
|
||||
|
||||
@include tools.typography($list-item-subtitle-typography...)
|
||||
|
||||
.v-list-item--nav &
|
||||
@include tools.typography($list-item-nav-subtitle-typography...)
|
||||
|
||||
.v-list-item-title
|
||||
hyphens: $list-item-title-hyphens
|
||||
overflow-wrap: $list-item-title-overflow-wrap
|
||||
overflow: hidden
|
||||
padding: $list-item-title-padding
|
||||
white-space: nowrap
|
||||
text-overflow: ellipsis
|
||||
word-break: $list-item-title-word-break
|
||||
word-wrap: $list-item-title-word-wrap
|
||||
|
||||
@include tools.typography($list-item-title-typography...)
|
||||
|
||||
.v-list-item--nav &
|
||||
@include tools.typography($list-item-nav-title-typography...)
|
||||
|
||||
.v-list-item
|
||||
@at-root
|
||||
@include tools.density('v-list-item', $list-density) using ($modifier)
|
||||
min-height: $list-item-min-height + $modifier
|
||||
|
||||
&.v-list-item--one-line
|
||||
$one-line-padding: (list.nth($list-item-padding, 1) + $modifier)
|
||||
|
||||
min-height: $list-item-one-line-min-height + $modifier
|
||||
|
||||
@if ($one-line-padding > 0)
|
||||
padding-top: $one-line-padding
|
||||
padding-bottom: $one-line-padding
|
||||
|
||||
&.v-list-item--two-line
|
||||
$two-line-padding: (list.nth($list-item-two-line-padding, 1) + $modifier)
|
||||
|
||||
min-height: $list-item-two-line-min-height + $modifier
|
||||
|
||||
@if ($two-line-padding > 0)
|
||||
padding-top: $two-line-padding
|
||||
padding-bottom: $two-line-padding
|
||||
|
||||
&.v-list-item--three-line
|
||||
$three-line-padding: (list.nth($list-item-three-line-padding, 1) + $modifier)
|
||||
|
||||
min-height: $list-item-three-line-min-height + $modifier
|
||||
|
||||
@if ($three-line-padding > 0)
|
||||
padding-top: $three-line-padding
|
||||
padding-bottom: $three-line-padding
|
||||
|
||||
.v-list-item__prepend,
|
||||
.v-list-item__append
|
||||
padding-top: math.div($three-line-padding, 2)
|
||||
|
||||
&:not(.v-list-item--nav)
|
||||
&.v-list-item--one-line
|
||||
padding-inline: list.nth($list-item-padding, 2)
|
||||
|
||||
&.v-list-item--two-line
|
||||
padding-inline: list.nth($list-item-two-line-padding, 2)
|
||||
|
||||
&.v-list-item--three-line
|
||||
padding-inline: list.nth($list-item-three-line-padding, 2)
|
||||
|
||||
&--nav
|
||||
padding-inline: $list-nav-padding
|
||||
|
||||
.v-list &
|
||||
&:not(:only-child)
|
||||
margin-bottom: $list-item-nav-margin-top
|
||||
|
||||
.v-list-item__underlay
|
||||
position: absolute
|
||||
|
||||
.v-list-item__overlay
|
||||
background-color: currentColor
|
||||
border-radius: inherit
|
||||
bottom: 0
|
||||
left: 0
|
||||
opacity: 0
|
||||
pointer-events: none
|
||||
position: absolute
|
||||
right: 0
|
||||
top: 0
|
||||
transition: opacity 0.2s ease-in-out
|
||||
|
||||
.v-list-item--active.v-list-item--variant-elevated &
|
||||
--v-theme-overlay-multiplier: 0
|
||||
|
||||
$base-padding: list.nth($list-item-padding, 2)
|
||||
.v-list
|
||||
--indent-padding: 0px
|
||||
|
||||
&--nav
|
||||
--indent-padding: -#{$list-nav-padding}
|
||||
|
||||
.v-list-group
|
||||
--list-indent-size: #{$list-indent-size}
|
||||
--parent-padding: var(--indent-padding)
|
||||
--prepend-width: #{$list-item-prepend-size}
|
||||
|
||||
.v-list--slim &
|
||||
--prepend-width: #{$list-item-slim-prepend-size}
|
||||
|
||||
&--fluid
|
||||
--list-indent-size: 0px
|
||||
|
||||
&--prepend
|
||||
--parent-padding: calc(var(--indent-padding) + var(--prepend-width))
|
||||
|
||||
&--fluid.v-list-group--prepend
|
||||
--parent-padding: var(--indent-padding)
|
||||
|
||||
.v-list-group__items
|
||||
--indent-padding: calc(var(--parent-padding) + var(--list-indent-size))
|
||||
|
||||
.v-list-group__items .v-list-item
|
||||
padding-inline-start: calc(#{$base-padding} + var(--indent-padding)) !important
|
||||
|
||||
.v-list-group__header.v-list-item--active
|
||||
&:not(:focus-visible)
|
||||
.v-list-item__overlay
|
||||
opacity: 0
|
||||
|
||||
&:hover
|
||||
.v-list-item__overlay
|
||||
opacity: calc(#{map.get(settings.$states, 'hover')} * var(--v-theme-overlay-multiplier))
|
29
VApp/node_modules/vuetify/lib/components/VList/VListItemAction.mjs
generated
vendored
Normal file
29
VApp/node_modules/vuetify/lib/components/VList/VListItemAction.mjs
generated
vendored
Normal file
@ -0,0 +1,29 @@
|
||||
import { createVNode as _createVNode, resolveDirective as _resolveDirective } from "vue";
|
||||
// Composables
|
||||
import { makeComponentProps } from "../../composables/component.mjs";
|
||||
import { makeTagProps } from "../../composables/tag.mjs"; // Utilities
|
||||
import { genericComponent, propsFactory, useRender } from "../../util/index.mjs";
|
||||
export const makeVListItemActionProps = propsFactory({
|
||||
start: Boolean,
|
||||
end: Boolean,
|
||||
...makeComponentProps(),
|
||||
...makeTagProps()
|
||||
}, 'VListItemAction');
|
||||
export const VListItemAction = genericComponent()({
|
||||
name: 'VListItemAction',
|
||||
props: makeVListItemActionProps(),
|
||||
setup(props, _ref) {
|
||||
let {
|
||||
slots
|
||||
} = _ref;
|
||||
useRender(() => _createVNode(props.tag, {
|
||||
"class": ['v-list-item-action', {
|
||||
'v-list-item-action--start': props.start,
|
||||
'v-list-item-action--end': props.end
|
||||
}, props.class],
|
||||
"style": props.style
|
||||
}, slots));
|
||||
return {};
|
||||
}
|
||||
});
|
||||
//# sourceMappingURL=VListItemAction.mjs.map
|
1
VApp/node_modules/vuetify/lib/components/VList/VListItemAction.mjs.map
generated
vendored
Normal file
1
VApp/node_modules/vuetify/lib/components/VList/VListItemAction.mjs.map
generated
vendored
Normal file
@ -0,0 +1 @@
|
||||
{"version":3,"file":"VListItemAction.mjs","names":["makeComponentProps","makeTagProps","genericComponent","propsFactory","useRender","makeVListItemActionProps","start","Boolean","end","VListItemAction","name","props","setup","_ref","slots","_createVNode","tag","class","style"],"sources":["../../../src/components/VList/VListItemAction.tsx"],"sourcesContent":["// Composables\nimport { makeComponentProps } from '@/composables/component'\nimport { makeTagProps } from '@/composables/tag'\n\n// Utilities\nimport { genericComponent, propsFactory, useRender } from '@/util'\n\nexport const makeVListItemActionProps = propsFactory({\n start: Boolean,\n end: Boolean,\n\n ...makeComponentProps(),\n ...makeTagProps(),\n}, 'VListItemAction')\n\nexport const VListItemAction = genericComponent()({\n name: 'VListItemAction',\n\n props: makeVListItemActionProps(),\n\n setup (props, { slots }) {\n useRender(() => (\n <props.tag\n class={[\n 'v-list-item-action',\n {\n 'v-list-item-action--start': props.start,\n 'v-list-item-action--end': props.end,\n },\n props.class,\n ]}\n style={ props.style }\n v-slots={ slots }\n />\n ))\n\n return {}\n },\n})\n\nexport type VListItemAction = InstanceType<typeof VListItemAction>\n"],"mappings":";AAAA;AAAA,SACSA,kBAAkB;AAAA,SAClBC,YAAY,qCAErB;AAAA,SACSC,gBAAgB,EAAEC,YAAY,EAAEC,SAAS;AAElD,OAAO,MAAMC,wBAAwB,GAAGF,YAAY,CAAC;EACnDG,KAAK,EAAEC,OAAO;EACdC,GAAG,EAAED,OAAO;EAEZ,GAAGP,kBAAkB,CAAC,CAAC;EACvB,GAAGC,YAAY,CAAC;AAClB,CAAC,EAAE,iBAAiB,CAAC;AAErB,OAAO,MAAMQ,eAAe,GAAGP,gBAAgB,CAAC,CAAC,CAAC;EAChDQ,IAAI,EAAE,iBAAiB;EAEvBC,KAAK,EAAEN,wBAAwB,CAAC,CAAC;EAEjCO,KAAKA,CAAED,KAAK,EAAAE,IAAA,EAAa;IAAA,IAAX;MAAEC;IAAM,CAAC,GAAAD,IAAA;IACrBT,SAAS,CAAC,MAAAW,YAAA,CAAAJ,KAAA,CAAAK,GAAA;MAAA,SAEC,CACL,oBAAoB,EACpB;QACE,2BAA2B,EAAEL,KAAK,CAACL,KAAK;QACxC,yBAAyB,EAAEK,KAAK,CAACH;MACnC,CAAC,EACDG,KAAK,CAACM,KAAK,CACZ;MAAA,SACON,KAAK,CAACO;IAAK,GACTJ,KAAK,CAElB,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}
|
31
VApp/node_modules/vuetify/lib/components/VList/VListItemMedia.mjs
generated
vendored
Normal file
31
VApp/node_modules/vuetify/lib/components/VList/VListItemMedia.mjs
generated
vendored
Normal file
@ -0,0 +1,31 @@
|
||||
import { createVNode as _createVNode, resolveDirective as _resolveDirective } from "vue";
|
||||
// Composables
|
||||
import { makeComponentProps } from "../../composables/component.mjs";
|
||||
import { makeTagProps } from "../../composables/tag.mjs"; // Utilities
|
||||
import { genericComponent, propsFactory, useRender } from "../../util/index.mjs";
|
||||
export const makeVListItemMediaProps = propsFactory({
|
||||
start: Boolean,
|
||||
end: Boolean,
|
||||
...makeComponentProps(),
|
||||
...makeTagProps()
|
||||
}, 'VListItemMedia');
|
||||
export const VListItemMedia = genericComponent()({
|
||||
name: 'VListItemMedia',
|
||||
props: makeVListItemMediaProps(),
|
||||
setup(props, _ref) {
|
||||
let {
|
||||
slots
|
||||
} = _ref;
|
||||
useRender(() => {
|
||||
return _createVNode(props.tag, {
|
||||
"class": ['v-list-item-media', {
|
||||
'v-list-item-media--start': props.start,
|
||||
'v-list-item-media--end': props.end
|
||||
}, props.class],
|
||||
"style": props.style
|
||||
}, slots);
|
||||
});
|
||||
return {};
|
||||
}
|
||||
});
|
||||
//# sourceMappingURL=VListItemMedia.mjs.map
|
1
VApp/node_modules/vuetify/lib/components/VList/VListItemMedia.mjs.map
generated
vendored
Normal file
1
VApp/node_modules/vuetify/lib/components/VList/VListItemMedia.mjs.map
generated
vendored
Normal file
@ -0,0 +1 @@
|
||||
{"version":3,"file":"VListItemMedia.mjs","names":["makeComponentProps","makeTagProps","genericComponent","propsFactory","useRender","makeVListItemMediaProps","start","Boolean","end","VListItemMedia","name","props","setup","_ref","slots","_createVNode","tag","class","style"],"sources":["../../../src/components/VList/VListItemMedia.tsx"],"sourcesContent":["// Composables\nimport { makeComponentProps } from '@/composables/component'\nimport { makeTagProps } from '@/composables/tag'\n\n// Utilities\nimport { genericComponent, propsFactory, useRender } from '@/util'\n\nexport const makeVListItemMediaProps = propsFactory({\n start: Boolean,\n end: Boolean,\n\n ...makeComponentProps(),\n ...makeTagProps(),\n}, 'VListItemMedia')\n\nexport const VListItemMedia = genericComponent()({\n name: 'VListItemMedia',\n\n props: makeVListItemMediaProps(),\n\n setup (props, { slots }) {\n useRender(() => {\n return (\n <props.tag\n class={[\n 'v-list-item-media',\n {\n 'v-list-item-media--start': props.start,\n 'v-list-item-media--end': props.end,\n },\n props.class,\n ]}\n style={ props.style }\n v-slots={ slots }\n />\n )\n })\n\n return {}\n },\n})\n\nexport type VListItemMedia = InstanceType<typeof VListItemMedia>\n"],"mappings":";AAAA;AAAA,SACSA,kBAAkB;AAAA,SAClBC,YAAY,qCAErB;AAAA,SACSC,gBAAgB,EAAEC,YAAY,EAAEC,SAAS;AAElD,OAAO,MAAMC,uBAAuB,GAAGF,YAAY,CAAC;EAClDG,KAAK,EAAEC,OAAO;EACdC,GAAG,EAAED,OAAO;EAEZ,GAAGP,kBAAkB,CAAC,CAAC;EACvB,GAAGC,YAAY,CAAC;AAClB,CAAC,EAAE,gBAAgB,CAAC;AAEpB,OAAO,MAAMQ,cAAc,GAAGP,gBAAgB,CAAC,CAAC,CAAC;EAC/CQ,IAAI,EAAE,gBAAgB;EAEtBC,KAAK,EAAEN,uBAAuB,CAAC,CAAC;EAEhCO,KAAKA,CAAED,KAAK,EAAAE,IAAA,EAAa;IAAA,IAAX;MAAEC;IAAM,CAAC,GAAAD,IAAA;IACrBT,SAAS,CAAC,MAAM;MACd,OAAAW,YAAA,CAAAJ,KAAA,CAAAK,GAAA;QAAA,SAEW,CACL,mBAAmB,EACnB;UACE,0BAA0B,EAAEL,KAAK,CAACL,KAAK;UACvC,wBAAwB,EAAEK,KAAK,CAACH;QAClC,CAAC,EACDG,KAAK,CAACM,KAAK,CACZ;QAAA,SACON,KAAK,CAACO;MAAK,GACTJ,KAAK;IAGrB,CAAC,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}
|
4
VApp/node_modules/vuetify/lib/components/VList/VListItemSubtitle.mjs
generated
vendored
Normal file
4
VApp/node_modules/vuetify/lib/components/VList/VListItemSubtitle.mjs
generated
vendored
Normal file
@ -0,0 +1,4 @@
|
||||
// Utilities
|
||||
import { createSimpleFunctional } from "../../util/index.mjs";
|
||||
export const VListItemSubtitle = createSimpleFunctional('v-list-item-subtitle');
|
||||
//# sourceMappingURL=VListItemSubtitle.mjs.map
|
1
VApp/node_modules/vuetify/lib/components/VList/VListItemSubtitle.mjs.map
generated
vendored
Normal file
1
VApp/node_modules/vuetify/lib/components/VList/VListItemSubtitle.mjs.map
generated
vendored
Normal file
@ -0,0 +1 @@
|
||||
{"version":3,"file":"VListItemSubtitle.mjs","names":["createSimpleFunctional","VListItemSubtitle"],"sources":["../../../src/components/VList/VListItemSubtitle.ts"],"sourcesContent":["// Utilities\nimport { createSimpleFunctional } from '@/util'\n\nexport const VListItemSubtitle = createSimpleFunctional('v-list-item-subtitle')\n\nexport type VListItemSubtitle = InstanceType<typeof VListItemSubtitle>\n"],"mappings":"AAAA;AAAA,SACSA,sBAAsB;AAE/B,OAAO,MAAMC,iBAAiB,GAAGD,sBAAsB,CAAC,sBAAsB,CAAC"}
|
4
VApp/node_modules/vuetify/lib/components/VList/VListItemTitle.mjs
generated
vendored
Normal file
4
VApp/node_modules/vuetify/lib/components/VList/VListItemTitle.mjs
generated
vendored
Normal file
@ -0,0 +1,4 @@
|
||||
// Utilities
|
||||
import { createSimpleFunctional } from "../../util/index.mjs";
|
||||
export const VListItemTitle = createSimpleFunctional('v-list-item-title');
|
||||
//# sourceMappingURL=VListItemTitle.mjs.map
|
1
VApp/node_modules/vuetify/lib/components/VList/VListItemTitle.mjs.map
generated
vendored
Normal file
1
VApp/node_modules/vuetify/lib/components/VList/VListItemTitle.mjs.map
generated
vendored
Normal file
@ -0,0 +1 @@
|
||||
{"version":3,"file":"VListItemTitle.mjs","names":["createSimpleFunctional","VListItemTitle"],"sources":["../../../src/components/VList/VListItemTitle.ts"],"sourcesContent":["// Utilities\nimport { createSimpleFunctional } from '@/util'\n\nexport const VListItemTitle = createSimpleFunctional('v-list-item-title')\n\nexport type VListItemTitle = InstanceType<typeof VListItemTitle>\n"],"mappings":"AAAA;AAAA,SACSA,sBAAsB;AAE/B,OAAO,MAAMC,cAAc,GAAGD,sBAAsB,CAAC,mBAAmB,CAAC"}
|
46
VApp/node_modules/vuetify/lib/components/VList/VListSubheader.mjs
generated
vendored
Normal file
46
VApp/node_modules/vuetify/lib/components/VList/VListSubheader.mjs
generated
vendored
Normal file
@ -0,0 +1,46 @@
|
||||
import { createVNode as _createVNode } from "vue";
|
||||
// Composables
|
||||
import { useTextColor } from "../../composables/color.mjs";
|
||||
import { makeComponentProps } from "../../composables/component.mjs";
|
||||
import { makeTagProps } from "../../composables/tag.mjs"; // Utilities
|
||||
import { toRef } from 'vue';
|
||||
import { genericComponent, propsFactory, useRender } from "../../util/index.mjs";
|
||||
export const makeVListSubheaderProps = propsFactory({
|
||||
color: String,
|
||||
inset: Boolean,
|
||||
sticky: Boolean,
|
||||
title: String,
|
||||
...makeComponentProps(),
|
||||
...makeTagProps()
|
||||
}, 'VListSubheader');
|
||||
export const VListSubheader = genericComponent()({
|
||||
name: 'VListSubheader',
|
||||
props: makeVListSubheaderProps(),
|
||||
setup(props, _ref) {
|
||||
let {
|
||||
slots
|
||||
} = _ref;
|
||||
const {
|
||||
textColorClasses,
|
||||
textColorStyles
|
||||
} = useTextColor(toRef(props, 'color'));
|
||||
useRender(() => {
|
||||
const hasText = !!(slots.default || props.title);
|
||||
return _createVNode(props.tag, {
|
||||
"class": ['v-list-subheader', {
|
||||
'v-list-subheader--inset': props.inset,
|
||||
'v-list-subheader--sticky': props.sticky
|
||||
}, textColorClasses.value, props.class],
|
||||
"style": [{
|
||||
textColorStyles
|
||||
}, props.style]
|
||||
}, {
|
||||
default: () => [hasText && _createVNode("div", {
|
||||
"class": "v-list-subheader__text"
|
||||
}, [slots.default?.() ?? props.title])]
|
||||
});
|
||||
});
|
||||
return {};
|
||||
}
|
||||
});
|
||||
//# sourceMappingURL=VListSubheader.mjs.map
|
1
VApp/node_modules/vuetify/lib/components/VList/VListSubheader.mjs.map
generated
vendored
Normal file
1
VApp/node_modules/vuetify/lib/components/VList/VListSubheader.mjs.map
generated
vendored
Normal file
@ -0,0 +1 @@
|
||||
{"version":3,"file":"VListSubheader.mjs","names":["useTextColor","makeComponentProps","makeTagProps","toRef","genericComponent","propsFactory","useRender","makeVListSubheaderProps","color","String","inset","Boolean","sticky","title","VListSubheader","name","props","setup","_ref","slots","textColorClasses","textColorStyles","hasText","default","_createVNode","tag","value","class","style"],"sources":["../../../src/components/VList/VListSubheader.tsx"],"sourcesContent":["// Composables\nimport { useTextColor } from '@/composables/color'\nimport { makeComponentProps } from '@/composables/component'\nimport { makeTagProps } from '@/composables/tag'\n\n// Utilities\nimport { toRef } from 'vue'\nimport { genericComponent, propsFactory, useRender } from '@/util'\n\nexport const makeVListSubheaderProps = propsFactory({\n color: String,\n inset: Boolean,\n sticky: Boolean,\n title: String,\n\n ...makeComponentProps(),\n ...makeTagProps(),\n}, 'VListSubheader')\n\nexport const VListSubheader = genericComponent()({\n name: 'VListSubheader',\n\n props: makeVListSubheaderProps(),\n\n setup (props, { slots }) {\n const { textColorClasses, textColorStyles } = useTextColor(toRef(props, 'color'))\n\n useRender(() => {\n const hasText = !!(slots.default || props.title)\n\n return (\n <props.tag\n class={[\n 'v-list-subheader',\n {\n 'v-list-subheader--inset': props.inset,\n 'v-list-subheader--sticky': props.sticky,\n },\n textColorClasses.value,\n props.class,\n ]}\n style={[\n { textColorStyles },\n props.style,\n ]}\n >\n { hasText && (\n <div class=\"v-list-subheader__text\">\n { slots.default?.() ?? props.title }\n </div>\n )}\n </props.tag>\n )\n })\n\n return {}\n },\n})\n\nexport type VListSubheader = InstanceType<typeof VListSubheader>\n"],"mappings":";AAAA;AAAA,SACSA,YAAY;AAAA,SACZC,kBAAkB;AAAA,SAClBC,YAAY,qCAErB;AACA,SAASC,KAAK,QAAQ,KAAK;AAAA,SAClBC,gBAAgB,EAAEC,YAAY,EAAEC,SAAS;AAElD,OAAO,MAAMC,uBAAuB,GAAGF,YAAY,CAAC;EAClDG,KAAK,EAAEC,MAAM;EACbC,KAAK,EAAEC,OAAO;EACdC,MAAM,EAAED,OAAO;EACfE,KAAK,EAAEJ,MAAM;EAEb,GAAGR,kBAAkB,CAAC,CAAC;EACvB,GAAGC,YAAY,CAAC;AAClB,CAAC,EAAE,gBAAgB,CAAC;AAEpB,OAAO,MAAMY,cAAc,GAAGV,gBAAgB,CAAC,CAAC,CAAC;EAC/CW,IAAI,EAAE,gBAAgB;EAEtBC,KAAK,EAAET,uBAAuB,CAAC,CAAC;EAEhCU,KAAKA,CAAED,KAAK,EAAAE,IAAA,EAAa;IAAA,IAAX;MAAEC;IAAM,CAAC,GAAAD,IAAA;IACrB,MAAM;MAAEE,gBAAgB;MAAEC;IAAgB,CAAC,GAAGrB,YAAY,CAACG,KAAK,CAACa,KAAK,EAAE,OAAO,CAAC,CAAC;IAEjFV,SAAS,CAAC,MAAM;MACd,MAAMgB,OAAO,GAAG,CAAC,EAAEH,KAAK,CAACI,OAAO,IAAIP,KAAK,CAACH,KAAK,CAAC;MAEhD,OAAAW,YAAA,CAAAR,KAAA,CAAAS,GAAA;QAAA,SAEW,CACL,kBAAkB,EAClB;UACE,yBAAyB,EAAET,KAAK,CAACN,KAAK;UACtC,0BAA0B,EAAEM,KAAK,CAACJ;QACpC,CAAC,EACDQ,gBAAgB,CAACM,KAAK,EACtBV,KAAK,CAACW,KAAK,CACZ;QAAA,SACM,CACL;UAAEN;QAAgB,CAAC,EACnBL,KAAK,CAACY,KAAK;MACZ;QAAAL,OAAA,EAAAA,CAAA,MAECD,OAAO,IAAAE,YAAA;UAAA;QAAA,IAEHL,KAAK,CAACI,OAAO,GAAG,CAAC,IAAIP,KAAK,CAACH,KAAK,EAErC;MAAA;IAGP,CAAC,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}
|
177
VApp/node_modules/vuetify/lib/components/VList/_variables.scss
generated
vendored
Normal file
177
VApp/node_modules/vuetify/lib/components/VList/_variables.scss
generated
vendored
Normal file
@ -0,0 +1,177 @@
|
||||
@use 'sass:map';
|
||||
@use '../../styles/settings';
|
||||
@use '../../styles/tools';
|
||||
|
||||
// VList
|
||||
$list-background: rgba(var(--v-theme-surface)) !default;
|
||||
$list-border-color: settings.$border-color-root !default;
|
||||
$list-border-radius: 0 !default;
|
||||
$list-border-style: settings.$border-style-root !default;
|
||||
$list-border-thin-width: thin !default;
|
||||
$list-border-width: 0 !default;
|
||||
$list-color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity)) !default;
|
||||
$list-disabled-opacity: 0.6 !default;
|
||||
$list-elevation: 0 !default;
|
||||
$list-padding: 8px 0 !default;
|
||||
$list-rounded-border-radius: map.get(settings.$rounded, null) !default;
|
||||
$list-indent-size: 16px !default;
|
||||
|
||||
$list-nav-padding: 8px !default;
|
||||
$list-nav-subheader-font-size: .75rem !default;
|
||||
|
||||
// VListSubheader
|
||||
$list-subheader-color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity)) !default;
|
||||
$list-subheader-font-size: .875rem !default;
|
||||
$list-subheader-font-weight: 400 !default;
|
||||
$list-subheader-inset-margin: 56px !default;
|
||||
$list-subheader-inset-padding-start: 56px !default;
|
||||
$list-subheader-line-height: 1.375rem !default;
|
||||
$list-subheader-min-height: 40px !default;
|
||||
$list-subheader-padding-end: 16px !default;
|
||||
$list-subheader-padding-start: 16px !default;
|
||||
$list-subheader-padding-top: 0 !default;
|
||||
$list-subheader-min-height-multiplier: 1 !default;
|
||||
$list-subheader-text-opacity: var(--v-medium-emphasis-opacity) !default;
|
||||
$list-subheader-transition: 0.2s min-height settings.$standard-easing !default;
|
||||
|
||||
// VListItem
|
||||
$list-item-border-color: settings.$border-color-root !default;
|
||||
$list-item-border-radius: 0 !default;
|
||||
$list-item-border-style: settings.$border-style-root !default;
|
||||
$list-item-border-width: 0 !default;
|
||||
$list-item-border-thin-width: thin !default;
|
||||
$list-item-elevation: 1 !default;
|
||||
$list-item-icon-opacity: var(--v-medium-emphasis-opacity) !default;
|
||||
$list-item-icon-active-opacity: 1 !default;
|
||||
$list-item-min-height: 40px !default;
|
||||
$list-item-padding: 4px 16px !default;
|
||||
$list-item-prepend-size: 40px !default;
|
||||
$list-item-slim-prepend-size: 28px !default;
|
||||
$list-item-plain-opacity: .62 !default;
|
||||
$list-item-rounded-border-radius: map.get(settings.$rounded, null) !default;
|
||||
$list-item-one-line-min-height: 48px !default;
|
||||
$list-item-one-line-padding: 8px 16px !default;
|
||||
$list-item-two-line-min-height: 64px !default;
|
||||
$list-item-two-line-padding: 12px 16px !default;
|
||||
$list-item-three-line-min-height: 88px !default;
|
||||
$list-item-three-line-padding: 16px 16px !default;
|
||||
|
||||
$list-item-action-spacer-width: 16px !default;
|
||||
$list-item-slim-action-spacer-width: 4px !default;
|
||||
$list-item-avatar-align-self: flex-start !default;
|
||||
$list-item-avatar-margin-end: 16px !default;
|
||||
$list-item-avatar-margin-start: 16px !default;
|
||||
$list-item-avatar-size: 40px !default;
|
||||
$list-item-avatar-margin-y: 4px !default;
|
||||
$list-item-slim-spacer-width: 20px !default;
|
||||
$list-item-slim-avatar-spacer-width: 4px !default;
|
||||
|
||||
$list-item-action-margin-end: 8px !default;
|
||||
$list-item-action-margin-start: 8px !default;
|
||||
|
||||
$list-item-icon-margin-end: 32px !default;
|
||||
$list-item-icon-margin-start: 32px !default;
|
||||
$list-item-slim-icon-margin: 8px !default;
|
||||
$list-item-icon-size: 16px !default;
|
||||
|
||||
$list-item-media-margin-bottom: 0 !default;
|
||||
$list-item-media-margin-end: 16px !default;
|
||||
$list-item-media-margin-start: 16px !default;
|
||||
$list-item-media-margin-top: 0 !default;
|
||||
$list-item-media-two-line-margin-bottom: -4px !default;
|
||||
$list-item-media-two-line-margin-top: -4px !default;
|
||||
$list-item-media-three-line-margin-bottom: 0 !default;
|
||||
$list-item-media-three-line-margin-top: 0 !default;
|
||||
|
||||
$list-item-nav-margin-top: 4px !default;
|
||||
$list-item-nav-title-font-size: .8125rem !default;
|
||||
$list-item-nav-title-font-weight: 500 !default;
|
||||
$list-item-nav-title-letter-spacing: normal !default;
|
||||
$list-item-nav-title-line-height: 1rem !default;
|
||||
$list-item-nav-subtitle-font-size: .75rem !default;
|
||||
$list-item-nav-subtitle-font-weight: tools.map-deep-get(settings.$typography, 'body-2', 'weight') !default;
|
||||
$list-item-nav-subtitle-letter-spacing: tools.map-deep-get(settings.$typography, 'body-2', 'letter-spacing') !default;
|
||||
$list-item-nav-subtitle-line-height: 1rem !default;
|
||||
|
||||
$list-item-subtitle-opacity: var(--v-medium-emphasis-opacity) !default;
|
||||
$list-item-subtitle-font-size: tools.map-deep-get(settings.$typography, 'body-2', 'size') !default;
|
||||
$list-item-subtitle-font-weight: tools.map-deep-get(settings.$typography, 'body-2', 'weight') !default;
|
||||
$list-item-subtitle-letter-spacing: tools.map-deep-get(settings.$typography, 'body-2', 'letter-spacing') !default;
|
||||
$list-item-subtitle-line-height: 1rem !default;
|
||||
$list-item-subtitle-padding: 0 !default;
|
||||
$list-item-subtitle-text-transform: none !default;
|
||||
$list-item-subtitle-word-break: break-all !default;
|
||||
|
||||
$list-item-title-font-size: tools.map-deep-get(settings.$typography, 'body-1', 'size') !default;
|
||||
$list-item-title-font-weight: tools.map-deep-get(settings.$typography, 'body-1', 'weight') !default;
|
||||
$list-item-title-header-padding: 0 !default;
|
||||
$list-item-title-hyphens: auto !default;
|
||||
$list-item-title-letter-spacing: tools.map-deep-get(settings.$typography, 'subtitle-1', 'letter-spacing') !default;
|
||||
$list-item-title-line-height: tools.map-deep-get(settings.$typography, 'body-1', 'line-height') !default;
|
||||
$list-item-title-overflow-wrap: normal !default;
|
||||
$list-item-title-padding: 0 !default;
|
||||
$list-item-title-text-overflow: ellipsis !default;
|
||||
$list-item-title-text-transform: none !default;
|
||||
$list-item-title-word-break: normal !default;
|
||||
$list-item-title-word-wrap: break-word !default;
|
||||
|
||||
$list-density: ('default': 0, 'comfortable': -1, 'compact': -2) !default;
|
||||
|
||||
$list-border: (
|
||||
$list-border-color,
|
||||
$list-border-style,
|
||||
$list-border-width,
|
||||
$list-border-thin-width
|
||||
) !default;
|
||||
|
||||
$list-theme: (
|
||||
$list-background,
|
||||
$list-color
|
||||
) !default;
|
||||
|
||||
$list-item-border: (
|
||||
$list-item-border-color,
|
||||
$list-item-border-style,
|
||||
$list-item-border-width,
|
||||
$list-item-border-thin-width
|
||||
) !default;
|
||||
|
||||
$list-item-title-typography: (
|
||||
$list-item-title-font-size,
|
||||
$list-item-title-font-weight,
|
||||
$list-item-title-letter-spacing,
|
||||
$list-item-title-line-height,
|
||||
$list-item-title-text-transform
|
||||
) !default;
|
||||
|
||||
$list-item-subtitle-typography: (
|
||||
$list-item-subtitle-font-size,
|
||||
$list-item-subtitle-font-weight,
|
||||
$list-item-subtitle-letter-spacing,
|
||||
$list-item-subtitle-line-height,
|
||||
$list-item-subtitle-text-transform
|
||||
) !default;
|
||||
|
||||
$list-item-nav-title-typography: (
|
||||
$list-item-nav-title-font-size,
|
||||
$list-item-nav-title-font-weight,
|
||||
$list-item-nav-title-letter-spacing,
|
||||
$list-item-nav-title-line-height,
|
||||
null
|
||||
) !default;
|
||||
|
||||
$list-item-nav-subtitle-typography: (
|
||||
$list-item-nav-subtitle-font-size,
|
||||
$list-item-nav-subtitle-font-weight,
|
||||
$list-item-nav-subtitle-letter-spacing,
|
||||
$list-item-nav-subtitle-line-height,
|
||||
null
|
||||
) !default;
|
||||
|
||||
$list-item-variants: (
|
||||
$list-background,
|
||||
$list-color,
|
||||
$list-item-elevation,
|
||||
$list-item-plain-opacity,
|
||||
'v-list-item'
|
||||
) !default;
|
2263
VApp/node_modules/vuetify/lib/components/VList/index.d.mts
generated
vendored
Normal file
2263
VApp/node_modules/vuetify/lib/components/VList/index.d.mts
generated
vendored
Normal file
File diff suppressed because it is too large
Load Diff
10
VApp/node_modules/vuetify/lib/components/VList/index.mjs
generated
vendored
Normal file
10
VApp/node_modules/vuetify/lib/components/VList/index.mjs
generated
vendored
Normal file
@ -0,0 +1,10 @@
|
||||
export { VList } from "./VList.mjs";
|
||||
export { VListGroup } from "./VListGroup.mjs";
|
||||
export { VListImg } from "./VListImg.mjs";
|
||||
export { VListItem } from "./VListItem.mjs";
|
||||
export { VListItemAction } from "./VListItemAction.mjs";
|
||||
export { VListItemMedia } from "./VListItemMedia.mjs";
|
||||
export { VListItemSubtitle } from "./VListItemSubtitle.mjs";
|
||||
export { VListItemTitle } from "./VListItemTitle.mjs";
|
||||
export { VListSubheader } from "./VListSubheader.mjs";
|
||||
//# sourceMappingURL=index.mjs.map
|
1
VApp/node_modules/vuetify/lib/components/VList/index.mjs.map
generated
vendored
Normal file
1
VApp/node_modules/vuetify/lib/components/VList/index.mjs.map
generated
vendored
Normal file
@ -0,0 +1 @@
|
||||
{"version":3,"file":"index.mjs","names":["VList","VListGroup","VListImg","VListItem","VListItemAction","VListItemMedia","VListItemSubtitle","VListItemTitle","VListSubheader"],"sources":["../../../src/components/VList/index.ts"],"sourcesContent":["export { VList } from './VList'\nexport { VListGroup } from './VListGroup'\nexport { VListImg } from './VListImg'\nexport { VListItem } from './VListItem'\nexport { VListItemAction } from './VListItemAction'\nexport { VListItemMedia } from './VListItemMedia'\nexport { VListItemSubtitle } from './VListItemSubtitle'\nexport { VListItemTitle } from './VListItemTitle'\nexport { VListSubheader } from './VListSubheader'\n"],"mappings":"SAASA,KAAK;AAAA,SACLC,UAAU;AAAA,SACVC,QAAQ;AAAA,SACRC,SAAS;AAAA,SACTC,eAAe;AAAA,SACfC,cAAc;AAAA,SACdC,iBAAiB;AAAA,SACjBC,cAAc;AAAA,SACdC,cAAc"}
|
34
VApp/node_modules/vuetify/lib/components/VList/list.mjs
generated
vendored
Normal file
34
VApp/node_modules/vuetify/lib/components/VList/list.mjs
generated
vendored
Normal file
@ -0,0 +1,34 @@
|
||||
// Utilities
|
||||
import { computed, inject, provide, shallowRef } from 'vue';
|
||||
|
||||
// Types
|
||||
|
||||
// Depth
|
||||
export const DepthKey = Symbol.for('vuetify:depth');
|
||||
export function useDepth(hasPrepend) {
|
||||
const parent = inject(DepthKey, shallowRef(-1));
|
||||
const depth = computed(() => parent.value + 1 + (hasPrepend?.value ? 1 : 0));
|
||||
provide(DepthKey, depth);
|
||||
return depth;
|
||||
}
|
||||
|
||||
// List
|
||||
export const ListKey = Symbol.for('vuetify:list');
|
||||
export function createList() {
|
||||
const parent = inject(ListKey, {
|
||||
hasPrepend: shallowRef(false),
|
||||
updateHasPrepend: () => null
|
||||
});
|
||||
const data = {
|
||||
hasPrepend: shallowRef(false),
|
||||
updateHasPrepend: value => {
|
||||
if (value) data.hasPrepend.value = value;
|
||||
}
|
||||
};
|
||||
provide(ListKey, data);
|
||||
return parent;
|
||||
}
|
||||
export function useList() {
|
||||
return inject(ListKey, null);
|
||||
}
|
||||
//# sourceMappingURL=list.mjs.map
|
1
VApp/node_modules/vuetify/lib/components/VList/list.mjs.map
generated
vendored
Normal file
1
VApp/node_modules/vuetify/lib/components/VList/list.mjs.map
generated
vendored
Normal file
@ -0,0 +1 @@
|
||||
{"version":3,"file":"list.mjs","names":["computed","inject","provide","shallowRef","DepthKey","Symbol","for","useDepth","hasPrepend","parent","depth","value","ListKey","createList","updateHasPrepend","data","useList"],"sources":["../../../src/components/VList/list.ts"],"sourcesContent":["// Utilities\nimport { computed, inject, provide, shallowRef } from 'vue'\n\n// Types\nimport type { InjectionKey, Ref } from 'vue'\n\n// Depth\nexport const DepthKey: InjectionKey<Ref<number>> = Symbol.for('vuetify:depth')\n\nexport function useDepth (hasPrepend?: Ref<boolean>) {\n const parent = inject(DepthKey, shallowRef(-1))\n\n const depth = computed(() => parent.value + 1 + (hasPrepend?.value ? 1 : 0))\n\n provide(DepthKey, depth)\n\n return depth\n}\n\n// List\nexport const ListKey: InjectionKey<{\n hasPrepend: Ref<boolean>\n updateHasPrepend: (value: boolean) => void\n}> = Symbol.for('vuetify:list')\n\nexport function createList () {\n const parent = inject(ListKey, { hasPrepend: shallowRef(false), updateHasPrepend: () => null })\n\n const data = {\n hasPrepend: shallowRef(false),\n updateHasPrepend: (value: boolean) => {\n if (value) data.hasPrepend.value = value\n },\n }\n\n provide(ListKey, data)\n\n return parent\n}\n\nexport function useList () {\n return inject(ListKey, null)\n}\n"],"mappings":"AAAA;AACA,SAASA,QAAQ,EAAEC,MAAM,EAAEC,OAAO,EAAEC,UAAU,QAAQ,KAAK;;AAE3D;;AAGA;AACA,OAAO,MAAMC,QAAmC,GAAGC,MAAM,CAACC,GAAG,CAAC,eAAe,CAAC;AAE9E,OAAO,SAASC,QAAQA,CAAEC,UAAyB,EAAE;EACnD,MAAMC,MAAM,GAAGR,MAAM,CAACG,QAAQ,EAAED,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;EAE/C,MAAMO,KAAK,GAAGV,QAAQ,CAAC,MAAMS,MAAM,CAACE,KAAK,GAAG,CAAC,IAAIH,UAAU,EAAEG,KAAK,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;EAE5ET,OAAO,CAACE,QAAQ,EAAEM,KAAK,CAAC;EAExB,OAAOA,KAAK;AACd;;AAEA;AACA,OAAO,MAAME,OAGX,GAAGP,MAAM,CAACC,GAAG,CAAC,cAAc,CAAC;AAE/B,OAAO,SAASO,UAAUA,CAAA,EAAI;EAC5B,MAAMJ,MAAM,GAAGR,MAAM,CAACW,OAAO,EAAE;IAAEJ,UAAU,EAAEL,UAAU,CAAC,KAAK,CAAC;IAAEW,gBAAgB,EAAEA,CAAA,KAAM;EAAK,CAAC,CAAC;EAE/F,MAAMC,IAAI,GAAG;IACXP,UAAU,EAAEL,UAAU,CAAC,KAAK,CAAC;IAC7BW,gBAAgB,EAAGH,KAAc,IAAK;MACpC,IAAIA,KAAK,EAAEI,IAAI,CAACP,UAAU,CAACG,KAAK,GAAGA,KAAK;IAC1C;EACF,CAAC;EAEDT,OAAO,CAACU,OAAO,EAAEG,IAAI,CAAC;EAEtB,OAAON,MAAM;AACf;AAEA,OAAO,SAASO,OAAOA,CAAA,EAAI;EACzB,OAAOf,MAAM,CAACW,OAAO,EAAE,IAAI,CAAC;AAC9B"}
|
Reference in New Issue
Block a user