@vuecs/elements 1.0.0 → 1.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/alert/Alert.vue.d.ts +5 -5
- package/dist/components/alert/Alert.vue.d.ts.map +1 -1
- package/dist/components/alert/AlertClose.vue.d.ts +4 -4
- package/dist/components/alert/AlertClose.vue.d.ts.map +1 -1
- package/dist/components/alert/AlertDescription.vue.d.ts +10 -10
- package/dist/components/alert/AlertDescription.vue.d.ts.map +1 -1
- package/dist/components/alert/AlertTitle.vue.d.ts +10 -10
- package/dist/components/alert/AlertTitle.vue.d.ts.map +1 -1
- package/dist/components/avatar/Avatar.vue.d.ts +1 -1
- package/dist/components/badge/Badge.vue.d.ts +1 -1
- package/dist/components/card/Card.vue.d.ts +4 -4
- package/dist/components/card/Card.vue.d.ts.map +1 -1
- package/dist/components/card/CardBody.vue.d.ts +4 -4
- package/dist/components/card/CardBody.vue.d.ts.map +1 -1
- package/dist/components/card/CardDescription.vue.d.ts +4 -4
- package/dist/components/card/CardDescription.vue.d.ts.map +1 -1
- package/dist/components/card/CardFooter.vue.d.ts +4 -4
- package/dist/components/card/CardFooter.vue.d.ts.map +1 -1
- package/dist/components/card/CardHeader.vue.d.ts +4 -4
- package/dist/components/card/CardHeader.vue.d.ts.map +1 -1
- package/dist/components/card/CardPlaceholder.d.ts +146 -0
- package/dist/components/card/CardPlaceholder.d.ts.map +1 -0
- package/dist/components/card/CardTitle.vue.d.ts +4 -4
- package/dist/components/card/CardTitle.vue.d.ts.map +1 -1
- package/dist/components/card/index.d.ts +2 -0
- package/dist/components/card/index.d.ts.map +1 -1
- package/dist/components/card/theme.d.ts +2 -1
- package/dist/components/card/theme.d.ts.map +1 -1
- package/dist/components/card/types.d.ts +13 -0
- package/dist/components/card/types.d.ts.map +1 -1
- package/dist/components/collapse/Collapse.vue.d.ts +4 -4
- package/dist/components/collapse/Collapse.vue.d.ts.map +1 -1
- package/dist/components/collapse/CollapseContent.vue.d.ts +10 -10
- package/dist/components/collapse/CollapseContent.vue.d.ts.map +1 -1
- package/dist/components/collapse/CollapseTrigger.vue.d.ts +4 -4
- package/dist/components/collapse/CollapseTrigger.vue.d.ts.map +1 -1
- package/dist/components/tag/Tag.vue.d.ts +1 -1
- package/dist/components/tag/Tags.vue.d.ts +1 -1
- package/dist/components/visually-hidden/VisuallyHidden.vue.d.ts +4 -4
- package/dist/components/visually-hidden/VisuallyHidden.vue.d.ts.map +1 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.mjs +127 -23
- package/dist/index.mjs.map +1 -1
- package/dist/style.css +37 -0
- package/dist/vue.d.ts +2 -0
- package/dist/vue.d.ts.map +1 -1
- package/package.json +5 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardTitle.vue.d.ts","sourceRoot":"","sources":["../../../src/components/card/CardTitle.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"CardTitle.vue.d.ts","sourceRoot":"","sources":["../../../src/components/card/CardTitle.vue"],"names":[],"mappings":"AAwDA,OAAO,KAAK,EAAE,SAAS,EAAE,sBAAsB,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;AAEvE,OAAO,KAAK,EACR,oBAAoB,EAEpB,aAAa,EAChB,MAAM,aAAa,CAAC;AAGrB,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAErD,QAAA,MAAM,cAAc;IAChB,iFAAiF;;cACjD,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;IAC5D,6EAA6E;;;;;IAE7E,yDAAyD;;cAC3B,QAAQ,CAAC,oBAAoB,CAAC,qBAAqB,CAAC,CAAC;;;IACnF,wDAAwD;;cACxB,QAAQ,CAAC,aAAa,CAAC;;;CAC1D,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,sBAAsB,CAAC,OAAO,cAAc,CAAC,CAAC;wBAEtD,OAAO,YAAY;AAAxC,wBAAyC;AAQzC,QAAA,MAAM,YAAY;IApBd,iFAAiF;;cACjD,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;IAC5D,6EAA6E;;;;;IAE7E,yDAAyD;;cAC3B,QAAQ,CAAC,oBAAoB,CAAC,qBAAqB,CAAC,CAAC;;;IACnF,wDAAwD;;cACxB,QAAQ,CAAC,aAAa,CAAC;;;;;;IAPvD,iFAAiF;;cACjD,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;IAC5D,6EAA6E;;;;;IAE7E,yDAAyD;;cAC3B,QAAQ,CAAC,oBAAoB,CAAC,qBAAqB,CAAC,CAAC;;;IACnF,wDAAwD;;cACxB,QAAQ,CAAC,aAAa,CAAC;;;;;;;;4EAqCzD,CAAC"}
|
|
@@ -4,12 +4,14 @@ export { default as VCCardTitle } from './CardTitle.vue';
|
|
|
4
4
|
export { default as VCCardDescription } from './CardDescription.vue';
|
|
5
5
|
export { default as VCCardBody } from './CardBody.vue';
|
|
6
6
|
export { default as VCCardFooter } from './CardFooter.vue';
|
|
7
|
+
export { VCCardPlaceholder } from './CardPlaceholder';
|
|
7
8
|
export type { CardProps } from './Card.vue';
|
|
8
9
|
export type { CardHeaderProps } from './CardHeader.vue';
|
|
9
10
|
export type { CardTitleProps } from './CardTitle.vue';
|
|
10
11
|
export type { CardDescriptionProps } from './CardDescription.vue';
|
|
11
12
|
export type { CardBodyProps } from './CardBody.vue';
|
|
12
13
|
export type { CardFooterProps } from './CardFooter.vue';
|
|
14
|
+
export type { CardPlaceholderProps } from './CardPlaceholder';
|
|
13
15
|
export * from './context';
|
|
14
16
|
export * from './theme';
|
|
15
17
|
export * from './types';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,YAAY,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,YAAY,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAEtD,YAAY,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAC5C,YAAY,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACxD,YAAY,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACtD,YAAY,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAClE,YAAY,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AACpD,YAAY,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACxD,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAE9D,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC"}
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import type { ComponentThemeDefinition } from '@vuecs/core';
|
|
2
|
-
import type { CardBodyThemeClasses, CardDescriptionThemeClasses, CardFooterThemeClasses, CardHeaderThemeClasses, CardThemeClasses, CardTitleThemeClasses } from './types';
|
|
2
|
+
import type { CardBodyThemeClasses, CardDescriptionThemeClasses, CardFooterThemeClasses, CardHeaderThemeClasses, CardPlaceholderThemeClasses, CardThemeClasses, CardTitleThemeClasses } from './types';
|
|
3
3
|
export declare const cardThemeDefaults: ComponentThemeDefinition<CardThemeClasses>;
|
|
4
4
|
export declare const cardHeaderThemeDefaults: ComponentThemeDefinition<CardHeaderThemeClasses>;
|
|
5
5
|
export declare const cardTitleThemeDefaults: ComponentThemeDefinition<CardTitleThemeClasses>;
|
|
6
6
|
export declare const cardDescriptionThemeDefaults: ComponentThemeDefinition<CardDescriptionThemeClasses>;
|
|
7
7
|
export declare const cardBodyThemeDefaults: ComponentThemeDefinition<CardBodyThemeClasses>;
|
|
8
8
|
export declare const cardFooterThemeDefaults: ComponentThemeDefinition<CardFooterThemeClasses>;
|
|
9
|
+
export declare const cardPlaceholderThemeDefaults: ComponentThemeDefinition<CardPlaceholderThemeClasses>;
|
|
9
10
|
//# sourceMappingURL=theme.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/components/card/theme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,aAAa,CAAC;AAC5D,OAAO,KAAK,EACR,oBAAoB,EACpB,2BAA2B,EAC3B,sBAAsB,EACtB,sBAAsB,EACtB,gBAAgB,EAChB,qBAAqB,EACxB,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,iBAAiB,EAAE,wBAAwB,CAAC,gBAAgB,CAAoC,CAAC;AAE9G,eAAO,MAAM,uBAAuB,EAAE,wBAAwB,CAAC,sBAAsB,CAA2C,CAAC;AAEjI,eAAO,MAAM,sBAAsB,EAAE,wBAAwB,CAAC,qBAAqB,CAA0C,CAAC;AAE9H,eAAO,MAAM,4BAA4B,EAAE,wBAAwB,CAAC,2BAA2B,CAAgD,CAAC;AAEhJ,eAAO,MAAM,qBAAqB,EAAE,wBAAwB,CAAC,oBAAoB,CAAyC,CAAC;AAE3H,eAAO,MAAM,uBAAuB,EAAE,wBAAwB,CAAC,sBAAsB,CAA2C,CAAC"}
|
|
1
|
+
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/components/card/theme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,aAAa,CAAC;AAC5D,OAAO,KAAK,EACR,oBAAoB,EACpB,2BAA2B,EAC3B,sBAAsB,EACtB,sBAAsB,EACtB,2BAA2B,EAC3B,gBAAgB,EAChB,qBAAqB,EACxB,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,iBAAiB,EAAE,wBAAwB,CAAC,gBAAgB,CAAoC,CAAC;AAE9G,eAAO,MAAM,uBAAuB,EAAE,wBAAwB,CAAC,sBAAsB,CAA2C,CAAC;AAEjI,eAAO,MAAM,sBAAsB,EAAE,wBAAwB,CAAC,qBAAqB,CAA0C,CAAC;AAE9H,eAAO,MAAM,4BAA4B,EAAE,wBAAwB,CAAC,2BAA2B,CAAgD,CAAC;AAEhJ,eAAO,MAAM,qBAAqB,EAAE,wBAAwB,CAAC,oBAAoB,CAAyC,CAAC;AAE3H,eAAO,MAAM,uBAAuB,EAAE,wBAAwB,CAAC,sBAAsB,CAA2C,CAAC;AAEjI,eAAO,MAAM,4BAA4B,EAAE,wBAAwB,CAAC,2BAA2B,CAQ9F,CAAC"}
|
|
@@ -25,6 +25,18 @@ export type CardFooterThemeClasses = {
|
|
|
25
25
|
/** The footer band. */
|
|
26
26
|
root: string;
|
|
27
27
|
};
|
|
28
|
+
export type CardPlaceholderThemeClasses = {
|
|
29
|
+
/** Outer card wrapper (`<div>`). */
|
|
30
|
+
root: string;
|
|
31
|
+
/** Wrapper around the cover-image placeholder. */
|
|
32
|
+
image: string;
|
|
33
|
+
/** Wrapper around the header line (typically a wide bar). */
|
|
34
|
+
header: string;
|
|
35
|
+
/** Wrapper around the body lines. */
|
|
36
|
+
body: string;
|
|
37
|
+
/** Wrapper around the footer block (typically two short bars). */
|
|
38
|
+
footer: string;
|
|
39
|
+
};
|
|
28
40
|
declare module '@vuecs/core' {
|
|
29
41
|
interface ThemeElements {
|
|
30
42
|
card?: ThemeElementDefinition<CardThemeClasses>;
|
|
@@ -33,6 +45,7 @@ declare module '@vuecs/core' {
|
|
|
33
45
|
cardDescription?: ThemeElementDefinition<CardDescriptionThemeClasses>;
|
|
34
46
|
cardBody?: ThemeElementDefinition<CardBodyThemeClasses>;
|
|
35
47
|
cardFooter?: ThemeElementDefinition<CardFooterThemeClasses>;
|
|
48
|
+
cardPlaceholder?: ThemeElementDefinition<CardPlaceholderThemeClasses>;
|
|
36
49
|
}
|
|
37
50
|
}
|
|
38
51
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/card/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAE1D,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,MAAM,GAAG,UAAU,CAAC;AAC1D,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,CAAC;AAE5D,MAAM,MAAM,gBAAgB,GAAG;IAC3B,2BAA2B;IAC3B,IAAI,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACjC,uBAAuB;IACvB,IAAI,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAChC,8BAA8B;IAC9B,IAAI,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,2BAA2B,GAAG;IACtC,oCAAoC;IACpC,IAAI,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IAC/B,6BAA6B;IAC7B,IAAI,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACjC,uBAAuB;IACvB,IAAI,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,OAAO,QAAQ,aAAa,CAAC;IACzB,UAAU,aAAa;QACnB,IAAI,CAAC,EAAE,sBAAsB,CAAC,gBAAgB,CAAC,CAAC;QAChD,UAAU,CAAC,EAAE,sBAAsB,CAAC,sBAAsB,CAAC,CAAC;QAC5D,SAAS,CAAC,EAAE,sBAAsB,CAAC,qBAAqB,CAAC,CAAC;QAC1D,eAAe,CAAC,EAAE,sBAAsB,CAAC,2BAA2B,CAAC,CAAC;QACtE,QAAQ,CAAC,EAAE,sBAAsB,CAAC,oBAAoB,CAAC,CAAC;QACxD,UAAU,CAAC,EAAE,sBAAsB,CAAC,sBAAsB,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/card/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAE1D,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,MAAM,GAAG,UAAU,CAAC;AAC1D,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,CAAC;AAE5D,MAAM,MAAM,gBAAgB,GAAG;IAC3B,2BAA2B;IAC3B,IAAI,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACjC,uBAAuB;IACvB,IAAI,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAChC,8BAA8B;IAC9B,IAAI,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,2BAA2B,GAAG;IACtC,oCAAoC;IACpC,IAAI,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IAC/B,6BAA6B;IAC7B,IAAI,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACjC,uBAAuB;IACvB,IAAI,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,2BAA2B,GAAG;IACtC,oCAAoC;IACpC,IAAI,EAAE,MAAM,CAAC;IACb,kDAAkD;IAClD,KAAK,EAAE,MAAM,CAAC;IACd,6DAA6D;IAC7D,MAAM,EAAE,MAAM,CAAC;IACf,qCAAqC;IACrC,IAAI,EAAE,MAAM,CAAC;IACb,kEAAkE;IAClE,MAAM,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,OAAO,QAAQ,aAAa,CAAC;IACzB,UAAU,aAAa;QACnB,IAAI,CAAC,EAAE,sBAAsB,CAAC,gBAAgB,CAAC,CAAC;QAChD,UAAU,CAAC,EAAE,sBAAsB,CAAC,sBAAsB,CAAC,CAAC;QAC5D,SAAS,CAAC,EAAE,sBAAsB,CAAC,qBAAqB,CAAC,CAAC;QAC1D,eAAe,CAAC,EAAE,sBAAsB,CAAC,2BAA2B,CAAC,CAAC;QACtE,QAAQ,CAAC,EAAE,sBAAsB,CAAC,oBAAoB,CAAC,CAAC;QACxD,UAAU,CAAC,EAAE,sBAAsB,CAAC,sBAAsB,CAAC,CAAC;QAC5D,eAAe,CAAC,EAAE,sBAAsB,CAAC,2BAA2B,CAAC,CAAC;KACzE;CACJ"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { ExtractPublicPropTypes, PropType } from 'vue';
|
|
1
|
+
import type { Component, ExtractPublicPropTypes, PropType } from 'vue';
|
|
2
2
|
import type { CollapseThemeClasses } from './types';
|
|
3
3
|
declare const collapseProps: {
|
|
4
4
|
themeClass: {
|
|
@@ -36,7 +36,7 @@ declare const collapseProps: {
|
|
|
36
36
|
};
|
|
37
37
|
/** HTML tag to render. */
|
|
38
38
|
as: {
|
|
39
|
-
type:
|
|
39
|
+
type: PropType<string | Component>;
|
|
40
40
|
default: string;
|
|
41
41
|
};
|
|
42
42
|
/** Render the consumer's slot child as the root (Reka `asChild` pattern). */
|
|
@@ -84,7 +84,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
|
|
|
84
84
|
};
|
|
85
85
|
/** HTML tag to render. */
|
|
86
86
|
as: {
|
|
87
|
-
type:
|
|
87
|
+
type: PropType<string | Component>;
|
|
88
88
|
default: string;
|
|
89
89
|
};
|
|
90
90
|
/** Render the consumer's slot child as the root (Reka `asChild` pattern). */
|
|
@@ -130,7 +130,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
|
|
|
130
130
|
};
|
|
131
131
|
/** HTML tag to render. */
|
|
132
132
|
as: {
|
|
133
|
-
type:
|
|
133
|
+
type: PropType<string | Component>;
|
|
134
134
|
default: string;
|
|
135
135
|
};
|
|
136
136
|
/** Render the consumer's slot child as the root (Reka `asChild` pattern). */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Collapse.vue.d.ts","sourceRoot":"","sources":["../../../src/components/collapse/Collapse.vue"],"names":[],"mappings":"AAoEA,OAAO,KAAK,EAAE,sBAAsB,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"Collapse.vue.d.ts","sourceRoot":"","sources":["../../../src/components/collapse/Collapse.vue"],"names":[],"mappings":"AAoEA,OAAO,KAAK,EAAE,SAAS,EAAE,sBAAsB,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;AAIvE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAEpD,QAAA,MAAM,aAAa;;;;;;;;;IACf,yFAAyF;;cAChE,QAAQ,CAAC,OAAO,GAAG,SAAS,CAAC;;;IACtD,0EAA0E;;;;;IAE1E,qFAAqF;;;;;IAErF;;;;;OAKG;;;;;IAEH,0BAA0B;;cACM,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;IAC5D,6EAA6E;;;;;CAGhF,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,sBAAsB,CAAC,OAAO,aAAa,CAAC,CAAC;wBAEpD,OAAO,YAAY;AAAxC,wBAAyC;AAQzC,QAAA,MAAM,YAAY;;;;;;;;;IA9Bd,yFAAyF;;cAChE,QAAQ,CAAC,OAAO,GAAG,SAAS,CAAC;;;IACtD,0EAA0E;;;;;IAE1E,qFAAqF;;;;;IAErF;;;;;OAKG;;;;;IAEH,0BAA0B;;cACM,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;IAC5D,6EAA6E;;;;;;;;;;;;;;;;IAf7E,yFAAyF;;cAChE,QAAQ,CAAC,OAAO,GAAG,SAAS,CAAC;;;IACtD,0EAA0E;;;;;IAE1E,qFAAqF;;;;;IAErF;;;;;OAKG;;;;;IAEH,0BAA0B;;cACM,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;IAC5D,6EAA6E;;;;;;;;;;;;;;;;4EA8C/E,CAAC"}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import type { ExtractPublicPropTypes } from 'vue';
|
|
1
|
+
import type { Component, ExtractPublicPropTypes, PropType } from 'vue';
|
|
2
2
|
import type { CollapseContentThemeClasses } from './types';
|
|
3
3
|
declare const collapseContentProps: {
|
|
4
4
|
themeClass: {
|
|
5
|
-
type:
|
|
5
|
+
type: PropType<import("@vuecs/core").ThemeClassesOverride<CollapseContentThemeClasses>>;
|
|
6
6
|
default: any;
|
|
7
7
|
};
|
|
8
8
|
themeVariant: {
|
|
9
|
-
type:
|
|
9
|
+
type: PropType<import("@vuecs/core").VariantValues>;
|
|
10
10
|
default: any;
|
|
11
11
|
};
|
|
12
12
|
/**
|
|
@@ -19,7 +19,7 @@ declare const collapseContentProps: {
|
|
|
19
19
|
};
|
|
20
20
|
/** HTML tag to render. */
|
|
21
21
|
as: {
|
|
22
|
-
type:
|
|
22
|
+
type: PropType<string | Component>;
|
|
23
23
|
default: string;
|
|
24
24
|
};
|
|
25
25
|
/** Render the consumer's slot child as the pane root (Reka `asChild` pattern). */
|
|
@@ -33,11 +33,11 @@ declare const _default: typeof __VLS_export;
|
|
|
33
33
|
export default _default;
|
|
34
34
|
declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
35
35
|
themeClass: {
|
|
36
|
-
type:
|
|
36
|
+
type: PropType<import("@vuecs/core").ThemeClassesOverride<CollapseContentThemeClasses>>;
|
|
37
37
|
default: any;
|
|
38
38
|
};
|
|
39
39
|
themeVariant: {
|
|
40
|
-
type:
|
|
40
|
+
type: PropType<import("@vuecs/core").VariantValues>;
|
|
41
41
|
default: any;
|
|
42
42
|
};
|
|
43
43
|
/**
|
|
@@ -50,7 +50,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
|
|
|
50
50
|
};
|
|
51
51
|
/** HTML tag to render. */
|
|
52
52
|
as: {
|
|
53
|
-
type:
|
|
53
|
+
type: PropType<string | Component>;
|
|
54
54
|
default: string;
|
|
55
55
|
};
|
|
56
56
|
/** Render the consumer's slot child as the pane root (Reka `asChild` pattern). */
|
|
@@ -62,11 +62,11 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
|
|
|
62
62
|
[key: string]: any;
|
|
63
63
|
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
64
64
|
themeClass: {
|
|
65
|
-
type:
|
|
65
|
+
type: PropType<import("@vuecs/core").ThemeClassesOverride<CollapseContentThemeClasses>>;
|
|
66
66
|
default: any;
|
|
67
67
|
};
|
|
68
68
|
themeVariant: {
|
|
69
|
-
type:
|
|
69
|
+
type: PropType<import("@vuecs/core").VariantValues>;
|
|
70
70
|
default: any;
|
|
71
71
|
};
|
|
72
72
|
/**
|
|
@@ -79,7 +79,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
|
|
|
79
79
|
};
|
|
80
80
|
/** HTML tag to render. */
|
|
81
81
|
as: {
|
|
82
|
-
type:
|
|
82
|
+
type: PropType<string | Component>;
|
|
83
83
|
default: string;
|
|
84
84
|
};
|
|
85
85
|
/** Render the consumer's slot child as the pane root (Reka `asChild` pattern). */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CollapseContent.vue.d.ts","sourceRoot":"","sources":["../../../src/components/collapse/CollapseContent.vue"],"names":[],"mappings":"AAmDA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"CollapseContent.vue.d.ts","sourceRoot":"","sources":["../../../src/components/collapse/CollapseContent.vue"],"names":[],"mappings":"AAmDA,OAAO,KAAK,EAAE,SAAS,EAAE,sBAAsB,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;AAIvE,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAC;AAE3D,QAAA,MAAM,oBAAoB;;;;;;;;;IACtB;;;OAGG;;;;;IAEH,0BAA0B;;cACM,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;IAC5D,kFAAkF;;;;;CAGrF,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,sBAAsB,CAAC,OAAO,oBAAoB,CAAC,CAAC;wBAElE,OAAO,YAAY;AAAxC,wBAAyC;AAQzC,QAAA,MAAM,YAAY;;;;;;;;;IAtBd;;;OAGG;;;;;IAEH,0BAA0B;;cACM,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;IAC5D,kFAAkF;;;;;;;;;;;;;;;;IAPlF;;;OAGG;;;;;IAEH,0BAA0B;;cACM,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;IAC5D,kFAAkF;;;;;;;;;;;4EAqCpF,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { ExtractPublicPropTypes, PropType } from 'vue';
|
|
1
|
+
import type { Component, ExtractPublicPropTypes, PropType } from 'vue';
|
|
2
2
|
import type { CollapseChevron, CollapseTriggerThemeClasses } from './types';
|
|
3
3
|
declare const collapseTriggerProps: {
|
|
4
4
|
themeClass: {
|
|
@@ -22,7 +22,7 @@ declare const collapseTriggerProps: {
|
|
|
22
22
|
};
|
|
23
23
|
/** HTML tag (or component) to render as. Reka default: `'button'`. */
|
|
24
24
|
as: {
|
|
25
|
-
type:
|
|
25
|
+
type: PropType<string | Component>;
|
|
26
26
|
default: string;
|
|
27
27
|
};
|
|
28
28
|
/** Render the consumer's slot child as the trigger (Reka `asChild` pattern). */
|
|
@@ -56,7 +56,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
|
|
|
56
56
|
};
|
|
57
57
|
/** HTML tag (or component) to render as. Reka default: `'button'`. */
|
|
58
58
|
as: {
|
|
59
|
-
type:
|
|
59
|
+
type: PropType<string | Component>;
|
|
60
60
|
default: string;
|
|
61
61
|
};
|
|
62
62
|
/** Render the consumer's slot child as the trigger (Reka `asChild` pattern). */
|
|
@@ -88,7 +88,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
|
|
|
88
88
|
};
|
|
89
89
|
/** HTML tag (or component) to render as. Reka default: `'button'`. */
|
|
90
90
|
as: {
|
|
91
|
-
type:
|
|
91
|
+
type: PropType<string | Component>;
|
|
92
92
|
default: string;
|
|
93
93
|
};
|
|
94
94
|
/** Render the consumer's slot child as the trigger (Reka `asChild` pattern). */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CollapseTrigger.vue.d.ts","sourceRoot":"","sources":["../../../src/components/collapse/CollapseTrigger.vue"],"names":[],"mappings":"AAuGA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"CollapseTrigger.vue.d.ts","sourceRoot":"","sources":["../../../src/components/collapse/CollapseTrigger.vue"],"names":[],"mappings":"AAuGA,OAAO,KAAK,EAAE,SAAS,EAAE,sBAAsB,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;AASvE,OAAO,KAAK,EACR,eAAe,EAEf,2BAA2B,EAC9B,MAAM,SAAS,CAAC;AAEjB,QAAA,MAAM,oBAAoB;;;;;;;;;IACtB;;;;;;OAMG;;cACwB,QAAQ,CAAC,eAAe,CAAC;;;IACpD,sEAAsE;;cACtC,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;IAC5D,gFAAgF;;;;;CAGnF,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,sBAAsB,CAAC,OAAO,oBAAoB,CAAC,CAAC;wBAIlE,OAAO,YAAY;AAAxC,wBAAyC;AAQzC,QAAA,MAAM,YAAY;;;;;;;;;IA3Bd;;;;;;OAMG;;cACwB,QAAQ,CAAC,eAAe,CAAC;;;IACpD,sEAAsE;;cACtC,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;IAC5D,gFAAgF;;;;;;;;;;;;;;;;IAVhF;;;;;;OAMG;;cACwB,QAAQ,CAAC,eAAe,CAAC;;;IACpD,sEAAsE;;cACtC,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;IAC5D,gFAAgF;;;;;;;;;;;4EAmElF,CAAC"}
|
|
@@ -131,9 +131,9 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
|
|
|
131
131
|
onRemove?: (...args: any[]) => any;
|
|
132
132
|
}>, {
|
|
133
133
|
icon: string;
|
|
134
|
+
size: TagSize;
|
|
134
135
|
themeClass: ThemeClassesOverride<TagThemeClasses>;
|
|
135
136
|
themeVariant: VariantValues;
|
|
136
|
-
size: TagSize;
|
|
137
137
|
value: string | number;
|
|
138
138
|
label: string;
|
|
139
139
|
removable: boolean;
|
|
@@ -104,9 +104,9 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
|
|
|
104
104
|
}>> & Readonly<{
|
|
105
105
|
onRemove?: (...args: any[]) => any;
|
|
106
106
|
}>, {
|
|
107
|
+
size: TagSize;
|
|
107
108
|
themeClass: ThemeClassesOverride<TagsThemeClasses>;
|
|
108
109
|
themeVariant: VariantValues;
|
|
109
|
-
size: TagSize;
|
|
110
110
|
removable: boolean;
|
|
111
111
|
items: TagsItem[];
|
|
112
112
|
}, SlotsType<{
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import type { ExtractPublicPropTypes } from 'vue';
|
|
1
|
+
import type { Component, ExtractPublicPropTypes, PropType } from 'vue';
|
|
2
2
|
declare const visuallyHiddenProps: {
|
|
3
3
|
/** HTML tag to render. */
|
|
4
4
|
as: {
|
|
5
|
-
type:
|
|
5
|
+
type: PropType<string | Component>;
|
|
6
6
|
default: string;
|
|
7
7
|
};
|
|
8
8
|
};
|
|
@@ -12,7 +12,7 @@ export default _default;
|
|
|
12
12
|
declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
13
13
|
/** HTML tag to render. */
|
|
14
14
|
as: {
|
|
15
|
-
type:
|
|
15
|
+
type: PropType<string | Component>;
|
|
16
16
|
default: string;
|
|
17
17
|
};
|
|
18
18
|
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
@@ -20,7 +20,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
|
|
|
20
20
|
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
21
21
|
/** HTML tag to render. */
|
|
22
22
|
as: {
|
|
23
|
-
type:
|
|
23
|
+
type: PropType<string | Component>;
|
|
24
24
|
default: string;
|
|
25
25
|
};
|
|
26
26
|
}>> & Readonly<{}>, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VisuallyHidden.vue.d.ts","sourceRoot":"","sources":["../../../src/components/visually-hidden/VisuallyHidden.vue"],"names":[],"mappings":"AA6BA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"VisuallyHidden.vue.d.ts","sourceRoot":"","sources":["../../../src/components/visually-hidden/VisuallyHidden.vue"],"names":[],"mappings":"AA6BA,OAAO,KAAK,EAAE,SAAS,EAAE,sBAAsB,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;AAGvE,QAAA,MAAM,mBAAmB;IACrB,0BAA0B;;cACM,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;CAC/D,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,sBAAsB,CAAC,OAAO,mBAAmB,CAAC,CAAC;wBAEhE,OAAO,YAAY;AAAxC,wBAAyC;AAQzC,QAAA,MAAM,YAAY;IAdd,0BAA0B;;cACM,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;;;;IAD5D,0BAA0B;;cACM,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;;;4EAwB9D,CAAC"}
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAU,MAAM,KAAK,CAAC;AAEvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE/C,OAAO,qBAAqB,CAAC;AAC7B,OAAO,4BAA4B,CAAC;AACpC,OAAO,sBAAsB,CAAC;AAC9B,OAAO,qBAAqB,CAAC;AAC7B,OAAO,oBAAoB,CAAC;AAC5B,OAAO,wBAAwB,CAAC;AAChC,OAAO,yBAAyB,CAAC;AACjC,OAAO,mBAAmB,CAAC;AAC3B,OAAO,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAU,MAAM,KAAK,CAAC;AAEvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE/C,OAAO,qBAAqB,CAAC;AAC7B,OAAO,4BAA4B,CAAC;AACpC,OAAO,sBAAsB,CAAC;AAC9B,OAAO,qBAAqB,CAAC;AAC7B,OAAO,oBAAoB,CAAC;AAC5B,OAAO,wBAAwB,CAAC;AAChC,OAAO,yBAAyB,CAAC;AACjC,OAAO,mBAAmB,CAAC;AAC3B,OAAO,OAAO,CAAC;AA0Bf,cAAc,cAAc,CAAC;AAE7B,MAAM,MAAM,OAAO,GAAG,WAAW,CAAC;AAElC,wBAAgB,OAAO,CAAC,GAAG,EAAE,GAAG,EAAE,OAAO,GAAE,OAAY,GAAG,IAAI,CA6B7D;;;;AAED,wBAAwD"}
|
package/dist/index.mjs
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
import { installDefaultsManager, installThemeManager, themableProps, useComponentDefaults, useComponentTheme, useThemeProps } from "@vuecs/core";
|
|
1
|
+
import { VCPrimitive, installDefaultsManager, installThemeManager, themableProps, useComponentDefaults, useComponentTheme, useThemeProps } from "@vuecs/core";
|
|
2
2
|
import { computed, defineComponent, h, inject, mergeProps, provide, resolveComponent } from "vue";
|
|
3
|
-
import { AspectRatio, AvatarFallback, AvatarImage, AvatarRoot, CollapsibleContent, CollapsibleRoot, CollapsibleTrigger,
|
|
3
|
+
import { AspectRatio, AvatarFallback, AvatarImage, AvatarRoot, CollapsibleContent, CollapsibleRoot, CollapsibleTrigger, Separator, VisuallyHidden } from "reka-ui";
|
|
4
|
+
import { VCPlaceholder } from "@vuecs/placeholder";
|
|
4
5
|
//#region src/components/alert/theme.ts
|
|
5
6
|
const alertThemeDefaults = { classes: {
|
|
6
7
|
root: "vc-alert",
|
|
@@ -51,7 +52,7 @@ const alertProps = {
|
|
|
51
52
|
},
|
|
52
53
|
/** HTML tag to render. */
|
|
53
54
|
as: {
|
|
54
|
-
type: String,
|
|
55
|
+
type: [String, Object],
|
|
55
56
|
default: "div"
|
|
56
57
|
},
|
|
57
58
|
...themableProps()
|
|
@@ -117,7 +118,7 @@ var AlertTitle_default = defineComponent({
|
|
|
117
118
|
* heading). Override via `:as` for nested-heading hierarchies.
|
|
118
119
|
*/
|
|
119
120
|
as: {
|
|
120
|
-
type: String,
|
|
121
|
+
type: [String, Object],
|
|
121
122
|
default: "h4"
|
|
122
123
|
},
|
|
123
124
|
...themableProps()
|
|
@@ -135,7 +136,7 @@ var AlertDescription_default = defineComponent({
|
|
|
135
136
|
props: {
|
|
136
137
|
/** HTML tag to render. */
|
|
137
138
|
as: {
|
|
138
|
-
type: String,
|
|
139
|
+
type: [String, Object],
|
|
139
140
|
default: "div"
|
|
140
141
|
},
|
|
141
142
|
...themableProps()
|
|
@@ -153,7 +154,7 @@ var AlertClose_default = defineComponent({
|
|
|
153
154
|
props: {
|
|
154
155
|
/** HTML tag to render. */
|
|
155
156
|
as: {
|
|
156
|
-
type: String,
|
|
157
|
+
type: [String, Object],
|
|
157
158
|
default: "button"
|
|
158
159
|
},
|
|
159
160
|
/**
|
|
@@ -371,6 +372,13 @@ const cardTitleThemeDefaults = { classes: { root: "vc-card-title" } };
|
|
|
371
372
|
const cardDescriptionThemeDefaults = { classes: { root: "vc-card-description" } };
|
|
372
373
|
const cardBodyThemeDefaults = { classes: { root: "vc-card-body" } };
|
|
373
374
|
const cardFooterThemeDefaults = { classes: { root: "vc-card-footer" } };
|
|
375
|
+
const cardPlaceholderThemeDefaults = { classes: {
|
|
376
|
+
root: "vc-card-placeholder",
|
|
377
|
+
image: "vc-card-placeholder-image",
|
|
378
|
+
header: "vc-card-placeholder-header",
|
|
379
|
+
body: "vc-card-placeholder-body",
|
|
380
|
+
footer: "vc-card-placeholder-footer"
|
|
381
|
+
} };
|
|
374
382
|
//#endregion
|
|
375
383
|
//#region src/components/card/Card.vue
|
|
376
384
|
var Card_default = defineComponent({
|
|
@@ -394,7 +402,7 @@ var Card_default = defineComponent({
|
|
|
394
402
|
},
|
|
395
403
|
/** HTML tag to render. Use `:as-child` to compose onto an existing component. */
|
|
396
404
|
as: {
|
|
397
|
-
type: String,
|
|
405
|
+
type: [String, Object],
|
|
398
406
|
default: "div"
|
|
399
407
|
},
|
|
400
408
|
/** Render the consumer's slot child as the card root (Reka `asChild` pattern). */
|
|
@@ -408,7 +416,7 @@ var Card_default = defineComponent({
|
|
|
408
416
|
const themeProps = useThemeProps(props, "variant", "padding", "interactive");
|
|
409
417
|
const theme = useComponentTheme("card", themeProps, cardThemeDefaults);
|
|
410
418
|
provideCardContext({ themeVariant: () => themeProps.themeVariant });
|
|
411
|
-
return () => h(
|
|
419
|
+
return () => h(VCPrimitive, mergeProps(attrs, {
|
|
412
420
|
as: props.as,
|
|
413
421
|
asChild: props.asChild,
|
|
414
422
|
class: theme.value.root || void 0
|
|
@@ -423,7 +431,7 @@ var CardHeader_default = defineComponent({
|
|
|
423
431
|
props: {
|
|
424
432
|
/** HTML tag to render. Use `:as-child` to compose onto an existing component. */
|
|
425
433
|
as: {
|
|
426
|
-
type: String,
|
|
434
|
+
type: [String, Object],
|
|
427
435
|
default: "header"
|
|
428
436
|
},
|
|
429
437
|
/** Render the consumer's slot child as the root (Reka `asChild` pattern). */
|
|
@@ -455,7 +463,7 @@ var CardHeader_default = defineComponent({
|
|
|
455
463
|
};
|
|
456
464
|
}
|
|
457
465
|
}, cardHeaderThemeDefaults);
|
|
458
|
-
return () => h(
|
|
466
|
+
return () => h(VCPrimitive, mergeProps(attrs, {
|
|
459
467
|
as: props.as,
|
|
460
468
|
asChild: props.asChild,
|
|
461
469
|
class: theme.value.root || void 0
|
|
@@ -470,7 +478,7 @@ var CardTitle_default = defineComponent({
|
|
|
470
478
|
props: {
|
|
471
479
|
/** HTML tag to render. Use `:as-child` to compose onto an existing component. */
|
|
472
480
|
as: {
|
|
473
|
-
type: String,
|
|
481
|
+
type: [String, Object],
|
|
474
482
|
default: "h3"
|
|
475
483
|
},
|
|
476
484
|
/** Render the consumer's slot child as the root (Reka `asChild` pattern). */
|
|
@@ -502,7 +510,7 @@ var CardTitle_default = defineComponent({
|
|
|
502
510
|
};
|
|
503
511
|
}
|
|
504
512
|
}, cardTitleThemeDefaults);
|
|
505
|
-
return () => h(
|
|
513
|
+
return () => h(VCPrimitive, mergeProps(attrs, {
|
|
506
514
|
as: props.as,
|
|
507
515
|
asChild: props.asChild,
|
|
508
516
|
class: theme.value.root || void 0
|
|
@@ -517,7 +525,7 @@ var CardDescription_default = defineComponent({
|
|
|
517
525
|
props: {
|
|
518
526
|
/** HTML tag to render. Use `:as-child` to compose onto an existing component. */
|
|
519
527
|
as: {
|
|
520
|
-
type: String,
|
|
528
|
+
type: [String, Object],
|
|
521
529
|
default: "p"
|
|
522
530
|
},
|
|
523
531
|
/** Render the consumer's slot child as the root (Reka `asChild` pattern). */
|
|
@@ -549,7 +557,7 @@ var CardDescription_default = defineComponent({
|
|
|
549
557
|
};
|
|
550
558
|
}
|
|
551
559
|
}, cardDescriptionThemeDefaults);
|
|
552
|
-
return () => h(
|
|
560
|
+
return () => h(VCPrimitive, mergeProps(attrs, {
|
|
553
561
|
as: props.as,
|
|
554
562
|
asChild: props.asChild,
|
|
555
563
|
class: theme.value.root || void 0
|
|
@@ -564,7 +572,7 @@ var CardBody_default = defineComponent({
|
|
|
564
572
|
props: {
|
|
565
573
|
/** HTML tag to render. Use `:as-child` to compose onto an existing component. */
|
|
566
574
|
as: {
|
|
567
|
-
type: String,
|
|
575
|
+
type: [String, Object],
|
|
568
576
|
default: "div"
|
|
569
577
|
},
|
|
570
578
|
/** Render the consumer's slot child as the root (Reka `asChild` pattern). */
|
|
@@ -596,7 +604,7 @@ var CardBody_default = defineComponent({
|
|
|
596
604
|
};
|
|
597
605
|
}
|
|
598
606
|
}, cardBodyThemeDefaults);
|
|
599
|
-
return () => h(
|
|
607
|
+
return () => h(VCPrimitive, mergeProps(attrs, {
|
|
600
608
|
as: props.as,
|
|
601
609
|
asChild: props.asChild,
|
|
602
610
|
class: theme.value.root || void 0
|
|
@@ -611,7 +619,7 @@ var CardFooter_default = defineComponent({
|
|
|
611
619
|
props: {
|
|
612
620
|
/** HTML tag to render. Use `:as-child` to compose onto an existing component. */
|
|
613
621
|
as: {
|
|
614
|
-
type: String,
|
|
622
|
+
type: [String, Object],
|
|
615
623
|
default: "footer"
|
|
616
624
|
},
|
|
617
625
|
/** Render the consumer's slot child as the root (Reka `asChild` pattern). */
|
|
@@ -643,13 +651,108 @@ var CardFooter_default = defineComponent({
|
|
|
643
651
|
};
|
|
644
652
|
}
|
|
645
653
|
}, cardFooterThemeDefaults);
|
|
646
|
-
return () => h(
|
|
654
|
+
return () => h(VCPrimitive, mergeProps(attrs, {
|
|
647
655
|
as: props.as,
|
|
648
656
|
asChild: props.asChild,
|
|
649
657
|
class: theme.value.root || void 0
|
|
650
658
|
}), { default: () => slots.default?.() });
|
|
651
659
|
}
|
|
652
660
|
});
|
|
661
|
+
/**
|
|
662
|
+
* Card-shaped skeleton — cover image + header line + body lines +
|
|
663
|
+
* footer block. Each section independently togglable via `:no-*` props.
|
|
664
|
+
*
|
|
665
|
+
* Lives in `@vuecs/elements` next to `<VCCard>` (the real component
|
|
666
|
+
* it mimics structurally) for discoverability. Composes
|
|
667
|
+
* `<VCPlaceholder>` per section — the `:animation` prop flows
|
|
668
|
+
* through, so the reduced-motion handling at the bar level applies
|
|
669
|
+
* here too.
|
|
670
|
+
*/
|
|
671
|
+
const VCCardPlaceholder = defineComponent({
|
|
672
|
+
name: "VCCardPlaceholder",
|
|
673
|
+
props: {
|
|
674
|
+
/** Skip the header line. */
|
|
675
|
+
noHeader: {
|
|
676
|
+
type: Boolean,
|
|
677
|
+
default: false
|
|
678
|
+
},
|
|
679
|
+
/** Skip the footer block. */
|
|
680
|
+
noFooter: {
|
|
681
|
+
type: Boolean,
|
|
682
|
+
default: false
|
|
683
|
+
},
|
|
684
|
+
/** Skip the cover-image placeholder. */
|
|
685
|
+
noImg: {
|
|
686
|
+
type: Boolean,
|
|
687
|
+
default: false
|
|
688
|
+
},
|
|
689
|
+
/** Cover-image placeholder height. CSS length (`'180px'`, `'12rem'`). */
|
|
690
|
+
imgHeight: {
|
|
691
|
+
type: String,
|
|
692
|
+
default: "180px"
|
|
693
|
+
},
|
|
694
|
+
/** Number of body lines below the header. */
|
|
695
|
+
bodyLines: {
|
|
696
|
+
type: Number,
|
|
697
|
+
default: 3
|
|
698
|
+
},
|
|
699
|
+
/** Animation pattern. Forwarded to every inner `<VCPlaceholder>`. */
|
|
700
|
+
animation: {
|
|
701
|
+
type: String,
|
|
702
|
+
default: "wave"
|
|
703
|
+
},
|
|
704
|
+
...themableProps()
|
|
705
|
+
},
|
|
706
|
+
setup(props) {
|
|
707
|
+
const theme = useComponentTheme("cardPlaceholder", useThemeProps(props), cardPlaceholderThemeDefaults);
|
|
708
|
+
return () => {
|
|
709
|
+
const t = theme.value;
|
|
710
|
+
const children = [];
|
|
711
|
+
if (!props.noImg) children.push(h("div", {
|
|
712
|
+
class: t.image || void 0,
|
|
713
|
+
style: { height: props.imgHeight }
|
|
714
|
+
}, [h(VCPlaceholder, {
|
|
715
|
+
animation: props.animation,
|
|
716
|
+
width: "100%"
|
|
717
|
+
})]));
|
|
718
|
+
if (!props.noHeader) children.push(h("div", { class: t.header || void 0 }, [h(VCPlaceholder, {
|
|
719
|
+
animation: props.animation,
|
|
720
|
+
width: "70%",
|
|
721
|
+
size: "lg"
|
|
722
|
+
})]));
|
|
723
|
+
const bodyLines = Number.isFinite(props.bodyLines) ? Math.min(20, Math.max(0, Math.floor(props.bodyLines))) : 0;
|
|
724
|
+
if (bodyLines > 0) {
|
|
725
|
+
const widths = [
|
|
726
|
+
"100%",
|
|
727
|
+
"95%",
|
|
728
|
+
"90%",
|
|
729
|
+
"88%",
|
|
730
|
+
"92%"
|
|
731
|
+
];
|
|
732
|
+
const bodyChildren = Array.from({ length: bodyLines }, (_, i) => {
|
|
733
|
+
const width = i === bodyLines - 1 ? "60%" : widths[i % widths.length];
|
|
734
|
+
return h(VCPlaceholder, {
|
|
735
|
+
animation: props.animation,
|
|
736
|
+
width
|
|
737
|
+
});
|
|
738
|
+
});
|
|
739
|
+
children.push(h("div", { class: t.body || void 0 }, bodyChildren));
|
|
740
|
+
}
|
|
741
|
+
if (!props.noFooter) children.push(h("div", { class: t.footer || void 0 }, [h(VCPlaceholder, {
|
|
742
|
+
animation: props.animation,
|
|
743
|
+
width: "35%"
|
|
744
|
+
}), h(VCPlaceholder, {
|
|
745
|
+
animation: props.animation,
|
|
746
|
+
width: "30%"
|
|
747
|
+
})]));
|
|
748
|
+
return h("div", {
|
|
749
|
+
class: t.root || void 0,
|
|
750
|
+
"aria-hidden": "true",
|
|
751
|
+
role: "presentation"
|
|
752
|
+
}, children);
|
|
753
|
+
};
|
|
754
|
+
}
|
|
755
|
+
});
|
|
653
756
|
//#endregion
|
|
654
757
|
//#region src/components/collapse/theme.ts
|
|
655
758
|
const collapseThemeDefaults = { classes: { root: "vc-collapse" } };
|
|
@@ -691,7 +794,7 @@ var Collapse_default = defineComponent({
|
|
|
691
794
|
},
|
|
692
795
|
/** HTML tag to render. */
|
|
693
796
|
as: {
|
|
694
|
-
type: String,
|
|
797
|
+
type: [String, Object],
|
|
695
798
|
default: "div"
|
|
696
799
|
},
|
|
697
800
|
/** Render the consumer's slot child as the root (Reka `asChild` pattern). */
|
|
@@ -732,7 +835,7 @@ const collapseTriggerProps = {
|
|
|
732
835
|
},
|
|
733
836
|
/** HTML tag (or component) to render as. Reka default: `'button'`. */
|
|
734
837
|
as: {
|
|
735
|
-
type: String,
|
|
838
|
+
type: [String, Object],
|
|
736
839
|
default: "button"
|
|
737
840
|
},
|
|
738
841
|
/** Render the consumer's slot child as the trigger (Reka `asChild` pattern). */
|
|
@@ -786,7 +889,7 @@ var CollapseContent_default = defineComponent({
|
|
|
786
889
|
},
|
|
787
890
|
/** HTML tag to render. */
|
|
788
891
|
as: {
|
|
789
|
-
type: String,
|
|
892
|
+
type: [String, Object],
|
|
790
893
|
default: "div"
|
|
791
894
|
},
|
|
792
895
|
/** Render the consumer's slot child as the pane root (Reka `asChild` pattern). */
|
|
@@ -1036,7 +1139,7 @@ var VisuallyHidden_default = defineComponent({
|
|
|
1036
1139
|
props: {
|
|
1037
1140
|
/** HTML tag to render. */
|
|
1038
1141
|
as: {
|
|
1039
|
-
type: String,
|
|
1142
|
+
type: [String, Object],
|
|
1040
1143
|
default: "span"
|
|
1041
1144
|
} },
|
|
1042
1145
|
setup(props, { attrs, slots }) {
|
|
@@ -1062,6 +1165,7 @@ function install(app, options = {}) {
|
|
|
1062
1165
|
VCCardDescription: CardDescription_default,
|
|
1063
1166
|
VCCardBody: CardBody_default,
|
|
1064
1167
|
VCCardFooter: CardFooter_default,
|
|
1168
|
+
VCCardPlaceholder,
|
|
1065
1169
|
VCCollapse: Collapse_default,
|
|
1066
1170
|
VCCollapseTrigger: CollapseTrigger_default,
|
|
1067
1171
|
VCCollapseContent: CollapseContent_default,
|
|
@@ -1075,6 +1179,6 @@ function install(app, options = {}) {
|
|
|
1075
1179
|
}
|
|
1076
1180
|
var src_default = { install };
|
|
1077
1181
|
//#endregion
|
|
1078
|
-
export { Alert_default as VCAlert, AlertClose_default as VCAlertClose, AlertDescription_default as VCAlertDescription, AlertTitle_default as VCAlertTitle, AspectRatio_default as VCAspectRatio, Avatar_default as VCAvatar, Badge_default as VCBadge, Card_default as VCCard, CardBody_default as VCCardBody, CardDescription_default as VCCardDescription, CardFooter_default as VCCardFooter, CardHeader_default as VCCardHeader, CardTitle_default as VCCardTitle, Collapse_default as VCCollapse, CollapseContent_default as VCCollapseContent, CollapseTrigger_default as VCCollapseTrigger, Separator_default as VCSeparator, Tag_default as VCTag, Tags_default as VCTags, VisuallyHidden_default as VCVisuallyHidden, alertDescriptionThemeDefaults, alertThemeDefaults, alertTitleThemeDefaults, aspectRatioThemeDefaults, avatarThemeDefaults, badgeThemeDefaults, cardBodyThemeDefaults, cardDescriptionThemeDefaults, cardFooterThemeDefaults, cardHeaderThemeDefaults, cardThemeDefaults, cardTitleThemeDefaults, collapseContentThemeDefaults, collapseThemeDefaults, collapseTriggerThemeDefaults, src_default as default, install, provideCardContext, separatorThemeDefaults, tagThemeDefaults, tagsThemeDefaults, useCardContext };
|
|
1182
|
+
export { Alert_default as VCAlert, AlertClose_default as VCAlertClose, AlertDescription_default as VCAlertDescription, AlertTitle_default as VCAlertTitle, AspectRatio_default as VCAspectRatio, Avatar_default as VCAvatar, Badge_default as VCBadge, Card_default as VCCard, CardBody_default as VCCardBody, CardDescription_default as VCCardDescription, CardFooter_default as VCCardFooter, CardHeader_default as VCCardHeader, VCCardPlaceholder, CardTitle_default as VCCardTitle, Collapse_default as VCCollapse, CollapseContent_default as VCCollapseContent, CollapseTrigger_default as VCCollapseTrigger, Separator_default as VCSeparator, Tag_default as VCTag, Tags_default as VCTags, VisuallyHidden_default as VCVisuallyHidden, alertDescriptionThemeDefaults, alertThemeDefaults, alertTitleThemeDefaults, aspectRatioThemeDefaults, avatarThemeDefaults, badgeThemeDefaults, cardBodyThemeDefaults, cardDescriptionThemeDefaults, cardFooterThemeDefaults, cardHeaderThemeDefaults, cardPlaceholderThemeDefaults, cardThemeDefaults, cardTitleThemeDefaults, collapseContentThemeDefaults, collapseThemeDefaults, collapseTriggerThemeDefaults, src_default as default, install, provideCardContext, separatorThemeDefaults, tagThemeDefaults, tagsThemeDefaults, useCardContext };
|
|
1079
1183
|
|
|
1080
1184
|
//# sourceMappingURL=index.mjs.map
|