1
0
forked from jchomaz/Vulture

Tracking de l'application VApp (IHM du jeu)

This commit is contained in:
2025-05-11 18:04:12 +02:00
commit 89e9db9b62
17763 changed files with 3718499 additions and 0 deletions

View File

@@ -0,0 +1,199 @@
.v-expansion-panel {
background-color: rgb(var(--v-theme-surface));
color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
}
.v-expansion-panel:not(:first-child)::after {
border-color: rgba(var(--v-border-color), var(--v-border-opacity));
}
.v-expansion-panel--disabled .v-expansion-panel-title {
color: rgba(var(--v-theme-on-surface), 0.26);
}
.v-expansion-panel--disabled .v-expansion-panel-title .v-expansion-panel-title__overlay {
opacity: 0.4615384615;
}
.v-expansion-panels {
display: flex;
flex-wrap: wrap;
justify-content: center;
list-style-type: none;
padding: 0;
width: 100%;
position: relative;
z-index: 1;
}
.v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active) {
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
.v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active) {
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important;
}
.v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :first-child:not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active) {
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
.v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :last-child:not(:first-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active) {
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important;
}
.v-expansion-panels--variant-accordion > :first-child {
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
.v-expansion-panels--variant-accordion > :last-child {
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important;
}
.v-expansion-panels--variant-accordion > :last-child .v-expansion-panel-title--active {
border-bottom-left-radius: initial;
border-bottom-right-radius: initial;
}
.v-expansion-panels--variant-accordion > :not(:first-child):not(:last-child) {
border-radius: 0 !important;
}
.v-expansion-panels--variant-accordion .v-expansion-panel-title__overlay {
transition: 0.3s border-radius cubic-bezier(0.4, 0, 0.2, 1);
}
.v-expansion-panel {
flex: 1 0 100%;
max-width: 100%;
position: relative;
transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
transition-property: margin-top, border-radius, border, max-width;
border-radius: 4px;
}
.v-expansion-panel:not(:first-child)::after {
border-top-style: solid;
border-top-width: thin;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
transition: 0.3s opacity cubic-bezier(0.4, 0, 0.2, 1);
}
.v-expansion-panel--disabled .v-expansion-panel-title {
pointer-events: none;
}
.v-expansion-panel--active:not(:first-child),
.v-expansion-panel--active + .v-expansion-panel {
margin-top: 16px;
}
.v-expansion-panel--active:not(:first-child)::after,
.v-expansion-panel--active + .v-expansion-panel::after {
opacity: 0;
}
.v-expansion-panel--active > .v-expansion-panel-title {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.v-expansion-panel--active > .v-expansion-panel-title:not(.v-expansion-panel-title--static) {
min-height: 64px;
}
.v-expansion-panel__shadow {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
border-radius: inherit;
z-index: -1;
}
.v-expansion-panel-title {
align-items: center;
text-align: start;
border-radius: inherit;
display: flex;
font-size: 0.9375rem;
line-height: 1;
min-height: 48px;
outline: none;
padding: 16px 24px;
position: relative;
transition: 0.3s min-height cubic-bezier(0.4, 0, 0.2, 1);
width: 100%;
justify-content: space-between;
}
.v-expansion-panel-title:hover > .v-expansion-panel-title__overlay {
opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
}
.v-expansion-panel-title:focus-visible > .v-expansion-panel-title__overlay {
opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
}
@supports not selector(:focus-visible) {
.v-expansion-panel-title:focus > .v-expansion-panel-title__overlay {
opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
}
}
.v-expansion-panel-title--active > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true] > .v-expansion-panel-title__overlay {
opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
}
.v-expansion-panel-title--active:hover > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true]:hover > .v-expansion-panel-title__overlay {
opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
}
.v-expansion-panel-title--active:focus-visible > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-expansion-panel-title__overlay {
opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
}
@supports not selector(:focus-visible) {
.v-expansion-panel-title--active:focus > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true]:focus > .v-expansion-panel-title__overlay {
opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
}
}
.v-expansion-panel-title--active::before {
opacity: 0.12;
}
.v-expansion-panel-title__overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: currentColor;
border-radius: inherit;
opacity: 0;
}
.v-expansion-panel-title__icon {
display: inline-flex;
margin-bottom: -4px;
margin-top: -4px;
user-select: none;
margin-inline-start: auto;
}
.v-expansion-panel-text {
display: flex;
}
.v-expansion-panel-text__wrapper {
padding: 8px 24px 16px;
flex: 1 1 auto;
max-width: 100%;
}
.v-expansion-panels--variant-accordion > .v-expansion-panel {
margin-top: 0;
}
.v-expansion-panels--variant-accordion > .v-expansion-panel::after {
opacity: 1;
}
.v-expansion-panels--variant-popout > .v-expansion-panel {
max-width: calc(100% - 32px);
}
.v-expansion-panels--variant-popout > .v-expansion-panel--active {
max-width: calc(100% + 16px);
}
.v-expansion-panels--variant-inset > .v-expansion-panel {
max-width: 100%;
}
.v-expansion-panels--variant-inset > .v-expansion-panel--active {
max-width: calc(100% - 32px);
}

View File

@@ -0,0 +1,104 @@
import { createVNode as _createVNode } from "vue";
// Components
import { VExpansionPanelSymbol } from "./VExpansionPanels.mjs";
import { VExpansionPanelText } from "./VExpansionPanelText.mjs";
import { makeVExpansionPanelTitleProps, VExpansionPanelTitle } from "./VExpansionPanelTitle.mjs"; // Composables
import { useBackgroundColor } from "../../composables/color.mjs";
import { makeComponentProps } from "../../composables/component.mjs";
import { provideDefaults } from "../../composables/defaults.mjs";
import { makeElevationProps, useElevation } from "../../composables/elevation.mjs";
import { makeGroupItemProps, useGroupItem } from "../../composables/group.mjs";
import { makeLazyProps } from "../../composables/lazy.mjs";
import { makeRoundedProps, useRounded } from "../../composables/rounded.mjs";
import { makeTagProps } from "../../composables/tag.mjs"; // Utilities
import { computed, provide, toRef } from 'vue';
import { genericComponent, propsFactory, useRender } from "../../util/index.mjs";
export const makeVExpansionPanelProps = propsFactory({
title: String,
text: String,
bgColor: String,
...makeComponentProps(),
...makeElevationProps(),
...makeGroupItemProps(),
...makeLazyProps(),
...makeRoundedProps(),
...makeTagProps(),
...makeVExpansionPanelTitleProps()
}, 'VExpansionPanel');
export const VExpansionPanel = genericComponent()({
name: 'VExpansionPanel',
props: makeVExpansionPanelProps(),
emits: {
'group:selected': val => true
},
setup(props, _ref) {
let {
slots
} = _ref;
const groupItem = useGroupItem(props, VExpansionPanelSymbol);
const {
backgroundColorClasses,
backgroundColorStyles
} = useBackgroundColor(props, 'bgColor');
const {
elevationClasses
} = useElevation(props);
const {
roundedClasses
} = useRounded(props);
const isDisabled = computed(() => groupItem?.disabled.value || props.disabled);
const selectedIndices = computed(() => groupItem.group.items.value.reduce((arr, item, index) => {
if (groupItem.group.selected.value.includes(item.id)) arr.push(index);
return arr;
}, []));
const isBeforeSelected = computed(() => {
const index = groupItem.group.items.value.findIndex(item => item.id === groupItem.id);
return !groupItem.isSelected.value && selectedIndices.value.some(selectedIndex => selectedIndex - index === 1);
});
const isAfterSelected = computed(() => {
const index = groupItem.group.items.value.findIndex(item => item.id === groupItem.id);
return !groupItem.isSelected.value && selectedIndices.value.some(selectedIndex => selectedIndex - index === -1);
});
provide(VExpansionPanelSymbol, groupItem);
provideDefaults({
VExpansionPanelText: {
eager: toRef(props, 'eager')
},
VExpansionPanelTitle: {
readonly: toRef(props, 'readonly')
}
});
useRender(() => {
const hasText = !!(slots.text || props.text);
const hasTitle = !!(slots.title || props.title);
return _createVNode(props.tag, {
"class": ['v-expansion-panel', {
'v-expansion-panel--active': groupItem.isSelected.value,
'v-expansion-panel--before-active': isBeforeSelected.value,
'v-expansion-panel--after-active': isAfterSelected.value,
'v-expansion-panel--disabled': isDisabled.value
}, roundedClasses.value, backgroundColorClasses.value, props.class],
"style": [backgroundColorStyles.value, props.style]
}, {
default: () => [_createVNode("div", {
"class": ['v-expansion-panel__shadow', ...elevationClasses.value]
}, null), hasTitle && _createVNode(VExpansionPanelTitle, {
"key": "title",
"collapseIcon": props.collapseIcon,
"color": props.color,
"expandIcon": props.expandIcon,
"hideActions": props.hideActions,
"ripple": props.ripple
}, {
default: () => [slots.title ? slots.title() : props.title]
}), hasText && _createVNode(VExpansionPanelText, {
"key": "text"
}, {
default: () => [slots.text ? slots.text() : props.text]
}), slots.default?.()]
});
});
return {};
}
});
//# sourceMappingURL=VExpansionPanel.mjs.map

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,175 @@
@use 'sass:math'
@use '../../styles/settings'
@use '../../styles/tools'
@use './variables' as *
// Theme
.v-expansion-panel
background-color: $expansion-panel-background-color
color: $expansion-panel-color
&:not(:first-child)::after
border-color: $expansion-panel-border-color
&--disabled
.v-expansion-panel-title
color: $expansion-panel-disabled-color
.v-expansion-panel-title__overlay
// This is multiplied by the text opacity,
// so we need to divide it to get the desired value
// TODO: Should disabled be part of states mixin?
opacity: math.div($expansion-panel-disabled-overlay, $expansion-panel-disabled-opacity)
// Block
.v-expansion-panels
display: flex
flex-wrap: wrap
justify-content: center
list-style-type: none
padding: 0
width: 100%
position: relative
z-index: 1
&:not(&--variant-accordion)
> :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active)
border-bottom-left-radius: 0 !important
border-bottom-right-radius: 0 !important
> :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active)
border-top-left-radius: 0 !important
border-top-right-radius: 0 !important
> :first-child:not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active)
border-bottom-left-radius: 0 !important
border-bottom-right-radius: 0 !important
> :last-child:not(:first-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active)
border-top-left-radius: 0 !important
border-top-right-radius: 0 !important
&--variant-accordion
> :first-child
border-bottom-left-radius: 0 !important
border-bottom-right-radius: 0 !important
> :last-child
border-top-left-radius: 0 !important
border-top-right-radius: 0 !important
.v-expansion-panel-title--active
border-bottom-left-radius: initial
border-bottom-right-radius: initial
> :not(:first-child):not(:last-child)
border-radius: 0 !important
.v-expansion-panel-title__overlay
transition: 0.3s border-radius settings.$standard-easing
// Element
.v-expansion-panel
flex: 1 0 100%
max-width: 100%
position: relative
transition: .3s all settings.$standard-easing
transition-property: margin-top, border-radius, border, max-width
border-radius: $expansion-panel-border-radius
&:not(:first-child)::after
border-top-style: solid
border-top-width: thin
content: ''
left: 0
position: absolute
right: 0
top: 0
transition: 0.3s opacity settings.$standard-easing
&--disabled
.v-expansion-panel-title
pointer-events: none
&--active
&:not(:first-child),
+ .v-expansion-panel
margin-top: $expansion-panel-active-margin
&::after
opacity: 0
> .v-expansion-panel-title
border-bottom-left-radius: 0
border-bottom-right-radius: 0
&:not(.v-expansion-panel-title--static)
min-height: $expansion-panel-active-title-min-height
.v-expansion-panel__shadow
@include tools.absolute()
@include tools.elevation(2)
border-radius: inherit
z-index: -1
.v-expansion-panel-title
align-items: center
text-align: start
border-radius: inherit
display: flex
font-size: $expansion-panel-title-font-size
line-height: 1
min-height: $expansion-panel-title-min-height
outline: none
padding: $expansion-panel-title-padding
position: relative
transition: .3s min-height settings.$standard-easing
width: 100%
justify-content: space-between
@include tools.states('.v-expansion-panel-title__overlay', true)
&--active::before
opacity: 0.12
.v-expansion-panel-title__overlay
@include tools.absolute()
background-color: currentColor
border-radius: inherit
opacity: 0
.v-expansion-panel-title__icon
display: inline-flex
margin-bottom: -4px
margin-top: -4px
user-select: none
margin-inline-start: auto
.v-expansion-panel-text
display: flex
&__wrapper
padding: $expansion-panel-text-padding
flex: 1 1 auto
max-width: 100%
// Variants
.v-expansion-panels--variant-accordion
> .v-expansion-panel
margin-top: 0
&::after
opacity: 1
.v-expansion-panels--variant-popout
> .v-expansion-panel
max-width: $expansion-panel-popout-max-width
&--active
max-width: $expansion-panel-popout-active-max-width
.v-expansion-panels--variant-inset
> .v-expansion-panel
max-width: $expansion-panel-inset-max-width
&--active
max-width: $expansion-panel-inset-active-max-width

View File

@@ -0,0 +1,39 @@
import { withDirectives as _withDirectives, vShow as _vShow, createVNode as _createVNode } from "vue";
// Components
import { VExpansionPanelSymbol } from "./VExpansionPanels.mjs";
import { VExpandTransition } from "../transitions/index.mjs"; // Composables
import { makeComponentProps } from "../../composables/component.mjs";
import { makeLazyProps, useLazy } from "../../composables/lazy.mjs"; // Utilities
import { inject } from 'vue';
import { genericComponent, propsFactory, useRender } from "../../util/index.mjs";
export const makeVExpansionPanelTextProps = propsFactory({
...makeComponentProps(),
...makeLazyProps()
}, 'VExpansionPanelText');
export const VExpansionPanelText = genericComponent()({
name: 'VExpansionPanelText',
props: makeVExpansionPanelTextProps(),
setup(props, _ref) {
let {
slots
} = _ref;
const expansionPanel = inject(VExpansionPanelSymbol);
if (!expansionPanel) throw new Error('[Vuetify] v-expansion-panel-text needs to be placed inside v-expansion-panel');
const {
hasContent,
onAfterLeave
} = useLazy(props, expansionPanel.isSelected);
useRender(() => _createVNode(VExpandTransition, {
"onAfterLeave": onAfterLeave
}, {
default: () => [_withDirectives(_createVNode("div", {
"class": ['v-expansion-panel-text', props.class],
"style": props.style
}, [slots.default && hasContent.value && _createVNode("div", {
"class": "v-expansion-panel-text__wrapper"
}, [slots.default?.()])]), [[_vShow, expansionPanel.isSelected.value]])]
}));
return {};
}
});
//# sourceMappingURL=VExpansionPanelText.mjs.map

View File

@@ -0,0 +1 @@
{"version":3,"file":"VExpansionPanelText.mjs","names":["VExpansionPanelSymbol","VExpandTransition","makeComponentProps","makeLazyProps","useLazy","inject","genericComponent","propsFactory","useRender","makeVExpansionPanelTextProps","VExpansionPanelText","name","props","setup","_ref","slots","expansionPanel","Error","hasContent","onAfterLeave","isSelected","_createVNode","default","_withDirectives","class","style","value","_vShow"],"sources":["../../../src/components/VExpansionPanel/VExpansionPanelText.tsx"],"sourcesContent":["// Components\nimport { VExpansionPanelSymbol } from './VExpansionPanels'\nimport { VExpandTransition } from '@/components/transitions'\n\n// Composables\nimport { makeComponentProps } from '@/composables/component'\nimport { makeLazyProps, useLazy } from '@/composables/lazy'\n\n// Utilities\nimport { inject } from 'vue'\nimport { genericComponent, propsFactory, useRender } from '@/util'\n\nexport const makeVExpansionPanelTextProps = propsFactory({\n ...makeComponentProps(),\n ...makeLazyProps(),\n}, 'VExpansionPanelText')\n\nexport const VExpansionPanelText = genericComponent()({\n name: 'VExpansionPanelText',\n\n props: makeVExpansionPanelTextProps(),\n\n setup (props, { slots }) {\n const expansionPanel = inject(VExpansionPanelSymbol)\n\n if (!expansionPanel) throw new Error('[Vuetify] v-expansion-panel-text needs to be placed inside v-expansion-panel')\n\n const { hasContent, onAfterLeave } = useLazy(props, expansionPanel.isSelected)\n\n useRender(() => (\n <VExpandTransition onAfterLeave={ onAfterLeave }>\n <div\n class={[\n 'v-expansion-panel-text',\n props.class,\n ]}\n style={ props.style }\n v-show={ expansionPanel.isSelected.value }\n >\n { slots.default && hasContent.value && (\n <div class=\"v-expansion-panel-text__wrapper\">\n { slots.default?.() }\n </div>\n )}\n </div>\n </VExpandTransition>\n ))\n\n return {}\n },\n})\n\nexport type VExpansionPanelText = InstanceType<typeof VExpansionPanelText>\n"],"mappings":";AAAA;AAAA,SACSA,qBAAqB;AAAA,SACrBC,iBAAiB,oCAE1B;AAAA,SACSC,kBAAkB;AAAA,SAClBC,aAAa,EAAEC,OAAO,sCAE/B;AACA,SAASC,MAAM,QAAQ,KAAK;AAAA,SACnBC,gBAAgB,EAAEC,YAAY,EAAEC,SAAS;AAElD,OAAO,MAAMC,4BAA4B,GAAGF,YAAY,CAAC;EACvD,GAAGL,kBAAkB,CAAC,CAAC;EACvB,GAAGC,aAAa,CAAC;AACnB,CAAC,EAAE,qBAAqB,CAAC;AAEzB,OAAO,MAAMO,mBAAmB,GAAGJ,gBAAgB,CAAC,CAAC,CAAC;EACpDK,IAAI,EAAE,qBAAqB;EAE3BC,KAAK,EAAEH,4BAA4B,CAAC,CAAC;EAErCI,KAAKA,CAAED,KAAK,EAAAE,IAAA,EAAa;IAAA,IAAX;MAAEC;IAAM,CAAC,GAAAD,IAAA;IACrB,MAAME,cAAc,GAAGX,MAAM,CAACL,qBAAqB,CAAC;IAEpD,IAAI,CAACgB,cAAc,EAAE,MAAM,IAAIC,KAAK,CAAC,8EAA8E,CAAC;IAEpH,MAAM;MAAEC,UAAU;MAAEC;IAAa,CAAC,GAAGf,OAAO,CAACQ,KAAK,EAAEI,cAAc,CAACI,UAAU,CAAC;IAE9EZ,SAAS,CAAC,MAAAa,YAAA,CAAApB,iBAAA;MAAA,gBAC0BkB;IAAY;MAAAG,OAAA,EAAAA,CAAA,MAAAC,eAAA,CAAAF,YAAA;QAAA,SAEnC,CACL,wBAAwB,EACxBT,KAAK,CAACY,KAAK,CACZ;QAAA,SACOZ,KAAK,CAACa;MAAK,IAGjBV,KAAK,CAACO,OAAO,IAAIJ,UAAU,CAACQ,KAAK,IAAAL,YAAA;QAAA;MAAA,IAE7BN,KAAK,CAACO,OAAO,GAAG,CAAC,EAEtB,MAAAK,MAAA,EANQX,cAAc,CAACI,UAAU,CAACM,KAAK;IAAA,EAS7C,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}

View File

@@ -0,0 +1,74 @@
import { withDirectives as _withDirectives, resolveDirective as _resolveDirective, createVNode as _createVNode } from "vue";
// Components
import { VExpansionPanelSymbol } from "./VExpansionPanels.mjs";
import { VIcon } from "../VIcon/index.mjs"; // Composables
import { useBackgroundColor } from "../../composables/color.mjs";
import { makeComponentProps } from "../../composables/component.mjs";
import { IconValue } from "../../composables/icons.mjs"; // Directives
import { Ripple } from "../../directives/ripple/index.mjs"; // Utilities
import { computed, inject } from 'vue';
import { genericComponent, propsFactory, useRender } from "../../util/index.mjs"; // Types
export const makeVExpansionPanelTitleProps = propsFactory({
color: String,
expandIcon: {
type: IconValue,
default: '$expand'
},
collapseIcon: {
type: IconValue,
default: '$collapse'
},
hideActions: Boolean,
static: Boolean,
ripple: {
type: [Boolean, Object],
default: false
},
readonly: Boolean,
...makeComponentProps()
}, 'VExpansionPanelTitle');
export const VExpansionPanelTitle = genericComponent()({
name: 'VExpansionPanelTitle',
directives: {
Ripple
},
props: makeVExpansionPanelTitleProps(),
setup(props, _ref) {
let {
slots
} = _ref;
const expansionPanel = inject(VExpansionPanelSymbol);
if (!expansionPanel) throw new Error('[Vuetify] v-expansion-panel-title needs to be placed inside v-expansion-panel');
const {
backgroundColorClasses,
backgroundColorStyles
} = useBackgroundColor(props, 'color');
const slotProps = computed(() => ({
collapseIcon: props.collapseIcon,
disabled: expansionPanel.disabled.value,
expanded: expansionPanel.isSelected.value,
expandIcon: props.expandIcon,
readonly: props.readonly
}));
useRender(() => _withDirectives(_createVNode("button", {
"class": ['v-expansion-panel-title', {
'v-expansion-panel-title--active': expansionPanel.isSelected.value,
'v-expansion-panel-title--static': props.static
}, backgroundColorClasses.value, props.class],
"style": [backgroundColorStyles.value, props.style],
"type": "button",
"tabindex": expansionPanel.disabled.value ? -1 : undefined,
"disabled": expansionPanel.disabled.value,
"aria-expanded": expansionPanel.isSelected.value,
"onClick": !props.readonly ? expansionPanel.toggle : undefined
}, [_createVNode("span", {
"class": "v-expansion-panel-title__overlay"
}, null), slots.default?.(slotProps.value), !props.hideActions && _createVNode("span", {
"class": "v-expansion-panel-title__icon"
}, [slots.actions ? slots.actions(slotProps.value) : _createVNode(VIcon, {
"icon": expansionPanel.isSelected.value ? props.collapseIcon : props.expandIcon
}, null)])]), [[_resolveDirective("ripple"), props.ripple]]));
return {};
}
});
//# sourceMappingURL=VExpansionPanelTitle.mjs.map

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,58 @@
import { createVNode as _createVNode, resolveDirective as _resolveDirective } from "vue";
// Styles
import "./VExpansionPanel.css";
// Composables
import { makeComponentProps } from "../../composables/component.mjs";
import { provideDefaults } from "../../composables/defaults.mjs";
import { makeGroupProps, useGroup } from "../../composables/group.mjs";
import { makeTagProps } from "../../composables/tag.mjs";
import { makeThemeProps, provideTheme } from "../../composables/theme.mjs"; // Utilities
import { computed, toRef } from 'vue';
import { genericComponent, propsFactory, useRender } from "../../util/index.mjs"; // Types
export const VExpansionPanelSymbol = Symbol.for('vuetify:v-expansion-panel');
const allowedVariants = ['default', 'accordion', 'inset', 'popout'];
export const makeVExpansionPanelsProps = propsFactory({
color: String,
static: Boolean,
variant: {
type: String,
default: 'default',
validator: v => allowedVariants.includes(v)
},
readonly: Boolean,
...makeComponentProps(),
...makeGroupProps(),
...makeTagProps(),
...makeThemeProps()
}, 'VExpansionPanels');
export const VExpansionPanels = genericComponent()({
name: 'VExpansionPanels',
props: makeVExpansionPanelsProps(),
emits: {
'update:modelValue': val => true
},
setup(props, _ref) {
let {
slots
} = _ref;
useGroup(props, VExpansionPanelSymbol);
const {
themeClasses
} = provideTheme(props);
const variantClass = computed(() => props.variant && `v-expansion-panels--variant-${props.variant}`);
provideDefaults({
VExpansionPanel: {
color: toRef(props, 'color'),
readonly: toRef(props, 'readonly'),
static: toRef(props, 'static')
}
});
useRender(() => _createVNode(props.tag, {
"class": ['v-expansion-panels', themeClasses.value, variantClass.value, props.class],
"style": props.style
}, slots));
return {};
}
});
//# sourceMappingURL=VExpansionPanels.mjs.map

View File

@@ -0,0 +1 @@
{"version":3,"file":"VExpansionPanels.mjs","names":["makeComponentProps","provideDefaults","makeGroupProps","useGroup","makeTagProps","makeThemeProps","provideTheme","computed","toRef","genericComponent","propsFactory","useRender","VExpansionPanelSymbol","Symbol","for","allowedVariants","makeVExpansionPanelsProps","color","String","static","Boolean","variant","type","default","validator","v","includes","readonly","VExpansionPanels","name","props","emits","val","setup","_ref","slots","themeClasses","variantClass","VExpansionPanel","_createVNode","tag","value","class","style"],"sources":["../../../src/components/VExpansionPanel/VExpansionPanels.tsx"],"sourcesContent":["// Styles\nimport './VExpansionPanel.sass'\n\n// Composables\nimport { makeComponentProps } from '@/composables/component'\nimport { provideDefaults } from '@/composables/defaults'\nimport { makeGroupProps, useGroup } from '@/composables/group'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\n\n// Utilities\nimport { computed, toRef } from 'vue'\nimport { genericComponent, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { InjectionKey, PropType } from 'vue'\nimport type { GroupItemProvide } from '@/composables/group'\n\nexport const VExpansionPanelSymbol: InjectionKey<GroupItemProvide> = Symbol.for('vuetify:v-expansion-panel')\n\nconst allowedVariants = ['default', 'accordion', 'inset', 'popout'] as const\n\ntype Variant = typeof allowedVariants[number]\n\nexport const makeVExpansionPanelsProps = propsFactory({\n color: String,\n static: Boolean,\n variant: {\n type: String as PropType<Variant>,\n default: 'default',\n validator: (v: any) => allowedVariants.includes(v),\n },\n readonly: Boolean,\n\n ...makeComponentProps(),\n ...makeGroupProps(),\n ...makeTagProps(),\n ...makeThemeProps(),\n}, 'VExpansionPanels')\n\nexport const VExpansionPanels = genericComponent()({\n name: 'VExpansionPanels',\n\n props: makeVExpansionPanelsProps(),\n\n emits: {\n 'update:modelValue': (val: unknown) => true,\n },\n\n setup (props, { slots }) {\n useGroup(props, VExpansionPanelSymbol)\n\n const { themeClasses } = provideTheme(props)\n\n const variantClass = computed(() => props.variant && `v-expansion-panels--variant-${props.variant}`)\n\n provideDefaults({\n VExpansionPanel: {\n color: toRef(props, 'color'),\n readonly: toRef(props, 'readonly'),\n static: toRef(props, 'static'),\n },\n })\n\n useRender(() => (\n <props.tag\n class={[\n 'v-expansion-panels',\n themeClasses.value,\n variantClass.value,\n props.class,\n ]}\n style={ props.style }\n v-slots={ slots }\n />\n ))\n\n return {}\n },\n})\n\nexport type VExpansionPanels = InstanceType<typeof VExpansionPanels>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,kBAAkB;AAAA,SAClBC,eAAe;AAAA,SACfC,cAAc,EAAEC,QAAQ;AAAA,SACxBC,YAAY;AAAA,SACZC,cAAc,EAAEC,YAAY,uCAErC;AACA,SAASC,QAAQ,EAAEC,KAAK,QAAQ,KAAK;AAAA,SAC5BC,gBAAgB,EAAEC,YAAY,EAAEC,SAAS,gCAElD;AAIA,OAAO,MAAMC,qBAAqD,GAAGC,MAAM,CAACC,GAAG,CAAC,2BAA2B,CAAC;AAE5G,MAAMC,eAAe,GAAG,CAAC,SAAS,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,CAAU;AAI5E,OAAO,MAAMC,yBAAyB,GAAGN,YAAY,CAAC;EACpDO,KAAK,EAAEC,MAAM;EACbC,MAAM,EAAEC,OAAO;EACfC,OAAO,EAAE;IACPC,IAAI,EAAEJ,MAA2B;IACjCK,OAAO,EAAE,SAAS;IAClBC,SAAS,EAAGC,CAAM,IAAKV,eAAe,CAACW,QAAQ,CAACD,CAAC;EACnD,CAAC;EACDE,QAAQ,EAAEP,OAAO;EAEjB,GAAGpB,kBAAkB,CAAC,CAAC;EACvB,GAAGE,cAAc,CAAC,CAAC;EACnB,GAAGE,YAAY,CAAC,CAAC;EACjB,GAAGC,cAAc,CAAC;AACpB,CAAC,EAAE,kBAAkB,CAAC;AAEtB,OAAO,MAAMuB,gBAAgB,GAAGnB,gBAAgB,CAAC,CAAC,CAAC;EACjDoB,IAAI,EAAE,kBAAkB;EAExBC,KAAK,EAAEd,yBAAyB,CAAC,CAAC;EAElCe,KAAK,EAAE;IACL,mBAAmB,EAAGC,GAAY,IAAK;EACzC,CAAC;EAEDC,KAAKA,CAAEH,KAAK,EAAAI,IAAA,EAAa;IAAA,IAAX;MAAEC;IAAM,CAAC,GAAAD,IAAA;IACrB/B,QAAQ,CAAC2B,KAAK,EAAElB,qBAAqB,CAAC;IAEtC,MAAM;MAAEwB;IAAa,CAAC,GAAG9B,YAAY,CAACwB,KAAK,CAAC;IAE5C,MAAMO,YAAY,GAAG9B,QAAQ,CAAC,MAAMuB,KAAK,CAACT,OAAO,IAAK,+BAA8BS,KAAK,CAACT,OAAQ,EAAC,CAAC;IAEpGpB,eAAe,CAAC;MACdqC,eAAe,EAAE;QACfrB,KAAK,EAAET,KAAK,CAACsB,KAAK,EAAE,OAAO,CAAC;QAC5BH,QAAQ,EAAEnB,KAAK,CAACsB,KAAK,EAAE,UAAU,CAAC;QAClCX,MAAM,EAAEX,KAAK,CAACsB,KAAK,EAAE,QAAQ;MAC/B;IACF,CAAC,CAAC;IAEFnB,SAAS,CAAC,MAAA4B,YAAA,CAAAT,KAAA,CAAAU,GAAA;MAAA,SAEC,CACL,oBAAoB,EACpBJ,YAAY,CAACK,KAAK,EAClBJ,YAAY,CAACI,KAAK,EAClBX,KAAK,CAACY,KAAK,CACZ;MAAA,SACOZ,KAAK,CAACa;IAAK,GACTR,KAAK,CAElB,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}

View File

@@ -0,0 +1,24 @@
@use '../../styles/settings';
// VExpansionPanel
$expansion-panel-active-margin: 16px !default;
$expansion-panel-background-color: rgb(var(--v-theme-surface)) !default;
$expansion-panel-border-color: rgba(var(--v-border-color), var(--v-border-opacity)) !default;
$expansion-panel-border-radius: settings.$border-radius-root !default;
$expansion-panel-color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity)) !default;
$expansion-panel-disabled-opacity: 0.26 !default;
$expansion-panel-disabled-color: rgba(var(--v-theme-on-surface), $expansion-panel-disabled-opacity) !default;
$expansion-panel-disabled-overlay: 0.12 !default;
$expansion-panel-inset-active-max-width: calc(100% - #{$expansion-panel-active-margin * 2}) !default;
$expansion-panel-inset-max-width: 100% !default;
$expansion-panel-popout-active-max-width: calc(100% + #{$expansion-panel-active-margin}) !default;
$expansion-panel-popout-max-width: calc(100% - #{$expansion-panel-active-margin * 2}) !default;
// VExpansionPanelTitle
$expansion-panel-active-title-min-height: 64px !default;
$expansion-panel-title-font-size: 0.9375rem !default;
$expansion-panel-title-min-height: 48px !default;
$expansion-panel-title-padding: 16px 24px !default;
// VExpansionPanelText
$expansion-panel-text-padding: 8px 24px 16px !default;

View File

@@ -0,0 +1,884 @@
import * as vue from 'vue';
import { ComponentPropsOptions, ExtractPropTypes, PropType, JSXComponent } from 'vue';
interface FilterPropsOptions<PropsOptions extends Readonly<ComponentPropsOptions>, Props = ExtractPropTypes<PropsOptions>> {
filterProps<T extends Partial<Props>, U extends Exclude<keyof Props, Exclude<keyof Props, keyof T>>>(props: T): Partial<Pick<T, U>>;
}
declare const VExpansionPanels: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
variant: "default" | "inset" | "accordion" | "popout";
style: vue.StyleValue;
disabled: boolean;
multiple: boolean;
readonly: boolean;
static: boolean;
tag: string;
} & {
max?: number | undefined;
color?: string | undefined;
class?: any;
mandatory?: boolean | "force" | undefined;
theme?: string | undefined;
modelValue?: any;
selectedClass?: string | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((val: unknown) => any) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'update:modelValue': (val: unknown) => boolean;
}, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
variant: "default" | "inset" | "accordion" | "popout";
style: vue.StyleValue;
disabled: boolean;
multiple: boolean;
readonly: boolean;
static: boolean;
tag: string;
} & {
max?: number | undefined;
color?: string | undefined;
class?: any;
mandatory?: boolean | "force" | undefined;
theme?: string | undefined;
modelValue?: any;
selectedClass?: string | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((val: unknown) => any) | undefined;
}, {
variant: "default" | "inset" | "accordion" | "popout";
style: vue.StyleValue;
disabled: boolean;
multiple: boolean;
readonly: boolean;
static: boolean;
tag: string;
modelValue: any;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
variant: "default" | "inset" | "accordion" | "popout";
style: vue.StyleValue;
disabled: boolean;
multiple: boolean;
readonly: boolean;
static: boolean;
tag: string;
} & {
max?: number | undefined;
color?: string | undefined;
class?: any;
mandatory?: boolean | "force" | undefined;
theme?: string | undefined;
modelValue?: any;
selectedClass?: string | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((val: unknown) => any) | undefined;
}, {}, {}, {}, {}, {
variant: "default" | "inset" | "accordion" | "popout";
style: vue.StyleValue;
disabled: boolean;
multiple: boolean;
readonly: boolean;
static: boolean;
tag: string;
modelValue: any;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
variant: "default" | "inset" | "accordion" | "popout";
style: vue.StyleValue;
disabled: boolean;
multiple: boolean;
readonly: boolean;
static: boolean;
tag: string;
} & {
max?: number | undefined;
color?: string | undefined;
class?: any;
mandatory?: boolean | "force" | undefined;
theme?: string | undefined;
modelValue?: any;
selectedClass?: string | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((val: unknown) => any) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'update:modelValue': (val: unknown) => boolean;
}, string, {
variant: "default" | "inset" | "accordion" | "popout";
style: vue.StyleValue;
disabled: boolean;
multiple: boolean;
readonly: boolean;
static: boolean;
tag: string;
modelValue: any;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
theme: StringConstructor;
tag: {
type: StringConstructor;
default: string;
};
modelValue: {
type: null;
default: undefined;
};
multiple: BooleanConstructor;
mandatory: PropType<boolean | "force">;
max: NumberConstructor;
selectedClass: StringConstructor;
disabled: BooleanConstructor;
class: PropType<any>;
style: {
type: PropType<vue.StyleValue>;
default: null;
};
color: StringConstructor;
static: BooleanConstructor;
variant: {
type: PropType<"default" | "inset" | "accordion" | "popout">;
default: string;
validator: (v: any) => boolean;
};
readonly: BooleanConstructor;
}, vue.ExtractPropTypes<{
theme: StringConstructor;
tag: {
type: StringConstructor;
default: string;
};
modelValue: {
type: null;
default: undefined;
};
multiple: BooleanConstructor;
mandatory: PropType<boolean | "force">;
max: NumberConstructor;
selectedClass: StringConstructor;
disabled: BooleanConstructor;
class: PropType<any>;
style: {
type: PropType<vue.StyleValue>;
default: null;
};
color: StringConstructor;
static: BooleanConstructor;
variant: {
type: PropType<"default" | "inset" | "accordion" | "popout">;
default: string;
validator: (v: any) => boolean;
};
readonly: BooleanConstructor;
}>>;
type VExpansionPanels = InstanceType<typeof VExpansionPanels>;
type IconValue = string | (string | [path: string, opacity: number])[] | JSXComponent;
declare const IconValue: PropType<IconValue>;
declare const VExpansionPanel: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
readonly: boolean;
static: boolean;
tag: string;
ripple: boolean | {
class: string;
} | undefined;
collapseIcon: IconValue;
expandIcon: IconValue;
hideActions: boolean;
} & {
color?: string | undefined;
value?: any;
title?: string | undefined;
text?: string | undefined;
class?: any;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
selectedClass?: string | undefined;
bgColor?: string | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
title?: (() => vue.VNodeChild) | undefined;
text?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
title?: false | (() => vue.VNodeChild) | undefined;
text?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:title"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:text"?: false | (() => vue.VNodeChild) | undefined;
} & {
"onGroup:selected"?: ((val: {
value: boolean;
}) => any) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'group:selected': (val: {
value: boolean;
}) => boolean;
}, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
readonly: boolean;
static: boolean;
tag: string;
ripple: boolean | {
class: string;
} | undefined;
collapseIcon: IconValue;
expandIcon: IconValue;
hideActions: boolean;
} & {
color?: string | undefined;
value?: any;
title?: string | undefined;
text?: string | undefined;
class?: any;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
selectedClass?: string | undefined;
bgColor?: string | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
title?: (() => vue.VNodeChild) | undefined;
text?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
title?: false | (() => vue.VNodeChild) | undefined;
text?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:title"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:text"?: false | (() => vue.VNodeChild) | undefined;
} & {
"onGroup:selected"?: ((val: {
value: boolean;
}) => any) | undefined;
}, {
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
readonly: boolean;
static: boolean;
tag: string;
rounded: string | number | boolean;
ripple: boolean | {
class: string;
} | undefined;
collapseIcon: IconValue;
expandIcon: IconValue;
hideActions: boolean;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
title: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
text: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
readonly: boolean;
static: boolean;
tag: string;
ripple: boolean | {
class: string;
} | undefined;
collapseIcon: IconValue;
expandIcon: IconValue;
hideActions: boolean;
} & {
color?: string | undefined;
value?: any;
title?: string | undefined;
text?: string | undefined;
class?: any;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
selectedClass?: string | undefined;
bgColor?: string | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
title?: (() => vue.VNodeChild) | undefined;
text?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
title?: false | (() => vue.VNodeChild) | undefined;
text?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:title"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:text"?: false | (() => vue.VNodeChild) | undefined;
} & {
"onGroup:selected"?: ((val: {
value: boolean;
}) => any) | undefined;
}, {}, {}, {}, {}, {
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
readonly: boolean;
static: boolean;
tag: string;
rounded: string | number | boolean;
ripple: boolean | {
class: string;
} | undefined;
collapseIcon: IconValue;
expandIcon: IconValue;
hideActions: boolean;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
readonly: boolean;
static: boolean;
tag: string;
ripple: boolean | {
class: string;
} | undefined;
collapseIcon: IconValue;
expandIcon: IconValue;
hideActions: boolean;
} & {
color?: string | undefined;
value?: any;
title?: string | undefined;
text?: string | undefined;
class?: any;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
selectedClass?: string | undefined;
bgColor?: string | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
title?: (() => vue.VNodeChild) | undefined;
text?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
title?: false | (() => vue.VNodeChild) | undefined;
text?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:title"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:text"?: false | (() => vue.VNodeChild) | undefined;
} & {
"onGroup:selected"?: ((val: {
value: boolean;
}) => any) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'group:selected': (val: {
value: boolean;
}) => boolean;
}, string, {
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
readonly: boolean;
static: boolean;
tag: string;
rounded: string | number | boolean;
ripple: boolean | {
class: string;
} | undefined;
collapseIcon: IconValue;
expandIcon: IconValue;
hideActions: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
title: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
text: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
color: StringConstructor;
expandIcon: {
type: vue.PropType<IconValue>;
default: string;
};
collapseIcon: {
type: vue.PropType<IconValue>;
default: string;
};
hideActions: BooleanConstructor;
static: BooleanConstructor;
ripple: {
type: vue.PropType<boolean | {
class: string;
} | undefined>;
default: boolean;
};
readonly: BooleanConstructor;
tag: {
type: StringConstructor;
default: string;
};
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
eager: BooleanConstructor;
value: null;
disabled: BooleanConstructor;
selectedClass: StringConstructor;
elevation: {
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
};
title: StringConstructor;
text: StringConstructor;
bgColor: StringConstructor;
}, vue.ExtractPropTypes<{
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
color: StringConstructor;
expandIcon: {
type: vue.PropType<IconValue>;
default: string;
};
collapseIcon: {
type: vue.PropType<IconValue>;
default: string;
};
hideActions: BooleanConstructor;
static: BooleanConstructor;
ripple: {
type: vue.PropType<boolean | {
class: string;
} | undefined>;
default: boolean;
};
readonly: BooleanConstructor;
tag: {
type: StringConstructor;
default: string;
};
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
eager: BooleanConstructor;
value: null;
disabled: BooleanConstructor;
selectedClass: StringConstructor;
elevation: {
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
};
title: StringConstructor;
text: StringConstructor;
bgColor: StringConstructor;
}>>;
type VExpansionPanel = InstanceType<typeof VExpansionPanel>;
declare const VExpansionPanelText: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
style: vue.StyleValue;
eager: boolean;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
style: vue.StyleValue;
eager: boolean;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {
style: vue.StyleValue;
eager: boolean;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
style: vue.StyleValue;
eager: boolean;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {}, {}, {}, {}, {
style: vue.StyleValue;
eager: boolean;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
style: vue.StyleValue;
eager: boolean;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
style: vue.StyleValue;
eager: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
eager: BooleanConstructor;
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
}, vue.ExtractPropTypes<{
eager: BooleanConstructor;
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
}>>;
type VExpansionPanelText = InstanceType<typeof VExpansionPanelText>;
interface ExpansionPanelTitleSlot {
collapseIcon: IconValue;
disabled: boolean | undefined;
expanded: boolean;
expandIcon: IconValue;
readonly: boolean;
}
declare const VExpansionPanelTitle: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
style: vue.StyleValue;
readonly: boolean;
static: boolean;
ripple: boolean | {
class: string;
} | undefined;
collapseIcon: IconValue;
expandIcon: IconValue;
hideActions: boolean;
} & {
color?: string | undefined;
class?: any;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: ExpansionPanelTitleSlot) => vue.VNodeChild) | undefined;
actions?: ((arg: ExpansionPanelTitleSlot) => vue.VNodeChild) | undefined;
} | ((arg: ExpansionPanelTitleSlot) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: ExpansionPanelTitleSlot) => vue.VNodeChild) | undefined;
actions?: false | ((arg: ExpansionPanelTitleSlot) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: ExpansionPanelTitleSlot) => vue.VNodeChild) | undefined;
"v-slot:actions"?: false | ((arg: ExpansionPanelTitleSlot) => vue.VNodeChild) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
style: vue.StyleValue;
readonly: boolean;
static: boolean;
ripple: boolean | {
class: string;
} | undefined;
collapseIcon: IconValue;
expandIcon: IconValue;
hideActions: boolean;
} & {
color?: string | undefined;
class?: any;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: ExpansionPanelTitleSlot) => vue.VNodeChild) | undefined;
actions?: ((arg: ExpansionPanelTitleSlot) => vue.VNodeChild) | undefined;
} | ((arg: ExpansionPanelTitleSlot) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: ExpansionPanelTitleSlot) => vue.VNodeChild) | undefined;
actions?: false | ((arg: ExpansionPanelTitleSlot) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: ExpansionPanelTitleSlot) => vue.VNodeChild) | undefined;
"v-slot:actions"?: false | ((arg: ExpansionPanelTitleSlot) => vue.VNodeChild) | undefined;
}, {
style: vue.StyleValue;
readonly: boolean;
static: boolean;
ripple: boolean | {
class: string;
} | undefined;
collapseIcon: IconValue;
expandIcon: IconValue;
hideActions: boolean;
}, true, {}, vue.SlotsType<Partial<{
default: (arg: ExpansionPanelTitleSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
actions: (arg: ExpansionPanelTitleSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
style: vue.StyleValue;
readonly: boolean;
static: boolean;
ripple: boolean | {
class: string;
} | undefined;
collapseIcon: IconValue;
expandIcon: IconValue;
hideActions: boolean;
} & {
color?: string | undefined;
class?: any;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: ExpansionPanelTitleSlot) => vue.VNodeChild) | undefined;
actions?: ((arg: ExpansionPanelTitleSlot) => vue.VNodeChild) | undefined;
} | ((arg: ExpansionPanelTitleSlot) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: ExpansionPanelTitleSlot) => vue.VNodeChild) | undefined;
actions?: false | ((arg: ExpansionPanelTitleSlot) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: ExpansionPanelTitleSlot) => vue.VNodeChild) | undefined;
"v-slot:actions"?: false | ((arg: ExpansionPanelTitleSlot) => vue.VNodeChild) | undefined;
}, {}, {}, {}, {}, {
style: vue.StyleValue;
readonly: boolean;
static: boolean;
ripple: boolean | {
class: string;
} | undefined;
collapseIcon: IconValue;
expandIcon: IconValue;
hideActions: boolean;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
style: vue.StyleValue;
readonly: boolean;
static: boolean;
ripple: boolean | {
class: string;
} | undefined;
collapseIcon: IconValue;
expandIcon: IconValue;
hideActions: boolean;
} & {
color?: string | undefined;
class?: any;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: ExpansionPanelTitleSlot) => vue.VNodeChild) | undefined;
actions?: ((arg: ExpansionPanelTitleSlot) => vue.VNodeChild) | undefined;
} | ((arg: ExpansionPanelTitleSlot) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: ExpansionPanelTitleSlot) => vue.VNodeChild) | undefined;
actions?: false | ((arg: ExpansionPanelTitleSlot) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: ExpansionPanelTitleSlot) => vue.VNodeChild) | undefined;
"v-slot:actions"?: false | ((arg: ExpansionPanelTitleSlot) => vue.VNodeChild) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
style: vue.StyleValue;
readonly: boolean;
static: boolean;
ripple: boolean | {
class: string;
} | undefined;
collapseIcon: IconValue;
expandIcon: IconValue;
hideActions: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: (arg: ExpansionPanelTitleSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
actions: (arg: ExpansionPanelTitleSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
class: PropType<any>;
style: {
type: PropType<vue.StyleValue>;
default: null;
};
color: StringConstructor;
expandIcon: {
type: PropType<IconValue>;
default: string;
};
collapseIcon: {
type: PropType<IconValue>;
default: string;
};
hideActions: BooleanConstructor;
static: BooleanConstructor;
ripple: {
type: PropType<boolean | {
class: string;
} | undefined>;
default: boolean;
};
readonly: BooleanConstructor;
}, vue.ExtractPropTypes<{
class: PropType<any>;
style: {
type: PropType<vue.StyleValue>;
default: null;
};
color: StringConstructor;
expandIcon: {
type: PropType<IconValue>;
default: string;
};
collapseIcon: {
type: PropType<IconValue>;
default: string;
};
hideActions: BooleanConstructor;
static: BooleanConstructor;
ripple: {
type: PropType<boolean | {
class: string;
} | undefined>;
default: boolean;
};
readonly: BooleanConstructor;
}>>;
type VExpansionPanelTitle = InstanceType<typeof VExpansionPanelTitle>;
export { VExpansionPanel, VExpansionPanelText, VExpansionPanelTitle, VExpansionPanels };

View File

@@ -0,0 +1,5 @@
export { VExpansionPanels } from "./VExpansionPanels.mjs";
export { VExpansionPanel } from "./VExpansionPanel.mjs";
export { VExpansionPanelText } from "./VExpansionPanelText.mjs";
export { VExpansionPanelTitle } from "./VExpansionPanelTitle.mjs";
//# sourceMappingURL=index.mjs.map

View File

@@ -0,0 +1 @@
{"version":3,"file":"index.mjs","names":["VExpansionPanels","VExpansionPanel","VExpansionPanelText","VExpansionPanelTitle"],"sources":["../../../src/components/VExpansionPanel/index.ts"],"sourcesContent":["export { VExpansionPanels } from './VExpansionPanels'\nexport { VExpansionPanel } from './VExpansionPanel'\nexport { VExpansionPanelText } from './VExpansionPanelText'\nexport { VExpansionPanelTitle } from './VExpansionPanelTitle'\n"],"mappings":"SAASA,gBAAgB;AAAA,SAChBC,eAAe;AAAA,SACfC,mBAAmB;AAAA,SACnBC,oBAAoB"}