@bcc-code/component-library-vue 0.0.0-dev.d519e03 → 0.0.0-dev.d6deb51
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/README.md +33 -35
- package/dist/archivo-font/archivo-v25-latin-500.woff2 +0 -0
- package/dist/archivo-font/archivo-v25-latin-600.woff2 +0 -0
- package/dist/archivo-font/archivo-v25-latin-600italic.woff2 +0 -0
- package/dist/archivo-font/archivo-v25-latin-italic.woff2 +0 -0
- package/dist/archivo-font/archivo-v25-latin-regular.woff2 +0 -0
- package/dist/archivo-font.css +40 -0
- package/dist/component-library.js +17735 -14139
- package/dist/component-library.umd.cjs +2525 -1630
- package/dist/index.css +1 -1
- package/dist/library-utilities.css +2 -0
- package/dist/quill-BfNQeuzX.js +7524 -0
- package/dist/sfc-styles.css +1 -0
- package/dist/theme.css +1020 -963
- package/dist-types/components/custom/BccAppNavigation/BccAppNavigation.vue.d.ts +33 -0
- package/dist-types/components/custom/BccCapacityIndicator/BccCapacityIndicator.vue.d.ts +3 -0
- package/dist-types/components/custom/BccDialKnob/BccDialKnob.vue.d.ts +1 -1
- package/dist-types/components/custom/BccGraphic/BccGraphic.vue.d.ts +7 -4
- package/dist-types/components/custom/BccImage/BccImage.vue.d.ts +54 -0
- package/dist-types/components/custom/BccNpsScore/BccNpsScore.vue.d.ts +1 -1
- package/dist-types/components/custom/BccReact/BccReact.vue.d.ts +2 -1
- package/dist-types/components/custom/BccStepIndicator/BccStepIndicator.vue.d.ts +3 -3
- package/dist-types/components/custom/BccTag/BccTag.vue.d.ts +1 -0
- package/dist-types/components/custom/BccTopNavigation/BccTopNavigation.vue.d.ts +57 -0
- package/dist-types/components/custom/index.d.ts +6 -1
- package/dist-types/components/wrapped/BccButton.vue.d.ts +4 -3
- package/dist-types/components/wrapped/BccCheckbox.vue.d.ts +3 -0
- package/dist-types/components/wrapped/BccMenu/BccMenu.vue.d.ts +16 -6
- package/dist-types/components/wrapped/BccMessage.vue.d.ts +8 -2
- package/dist-types/components/wrapped/BccRadioButton.vue.d.ts +21 -0
- package/dist-types/components/wrapped/BccSelectButton.vue.d.ts +20 -0
- package/dist-types/components/wrapped/BccTabs/BccTabs.vue.d.ts +2 -0
- package/dist-types/components/wrapped/BccToggle/BccToggle.vue.d.ts +7 -2
- package/dist-types/components/wrapped/index.d.ts +4 -0
- package/dist-types/index.d.ts +2 -3
- package/dist-types/lightbox/BccLightboxMedia.vue.d.ts +18 -0
- package/dist-types/lightbox/composables.d.ts +23 -0
- package/dist-types/lightbox/detectMedia.d.ts +4 -0
- package/dist-types/lightbox/index.d.ts +7 -0
- package/dist-types/lightbox/state.d.ts +30 -0
- package/dist-types/lightbox/types.d.ts +24 -0
- package/package.json +111 -103
- /package/dist-types/{components/custom/BccCircleLoader/BccCircleLoader.vue.d.ts → lightbox/BccLightbox.vue.d.ts} +0 -0
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import type { VueComponent } from '@/types';
|
|
2
|
+
import { type Component } from 'vue';
|
|
3
|
+
export type BccAppNavigationItem = {
|
|
4
|
+
key: string;
|
|
5
|
+
title: string;
|
|
6
|
+
icon: Component;
|
|
7
|
+
pin?: number;
|
|
8
|
+
is?: VueComponent;
|
|
9
|
+
/** Any additional properties will be passed to the component.
|
|
10
|
+
* @example
|
|
11
|
+
* {
|
|
12
|
+
* href: '/',
|
|
13
|
+
* target: '_blank',
|
|
14
|
+
* } or for router link:
|
|
15
|
+
* {
|
|
16
|
+
* to: '/',
|
|
17
|
+
* replace: true,
|
|
18
|
+
* }
|
|
19
|
+
*/
|
|
20
|
+
[key: string]: unknown;
|
|
21
|
+
};
|
|
22
|
+
type __VLS_Props = {
|
|
23
|
+
items: BccAppNavigationItem[];
|
|
24
|
+
linkComponent?: VueComponent;
|
|
25
|
+
activeKey?: BccAppNavigationItem['key'] | null;
|
|
26
|
+
};
|
|
27
|
+
declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
|
|
28
|
+
select: (item: BccAppNavigationItem) => any;
|
|
29
|
+
}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
30
|
+
onSelect?: ((item: BccAppNavigationItem) => any) | undefined;
|
|
31
|
+
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
32
|
+
declare const _default: typeof __VLS_export;
|
|
33
|
+
export default _default;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { BCC_CONTEXT } from '@/contexts';
|
|
1
2
|
export type CapacityIndicatorProps = {
|
|
2
3
|
/** Total capacity; use -1 for “unlimited” (shows an infinity-style icon instead of a bar). */
|
|
3
4
|
total: number;
|
|
@@ -11,6 +12,8 @@ export type CapacityIndicatorProps = {
|
|
|
11
12
|
squared?: boolean;
|
|
12
13
|
/** When true, applies warning/full color states (e.g. color change at high usage). */
|
|
13
14
|
colored?: boolean;
|
|
15
|
+
/** Design context (e.g. neutral, brand) used for background and text color. */
|
|
16
|
+
context?: BCC_CONTEXT;
|
|
14
17
|
};
|
|
15
18
|
declare const __VLS_export: import("vue").DefineComponent<CapacityIndicatorProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CapacityIndicatorProps> & Readonly<{}>, {
|
|
16
19
|
size: "xs" | "sm" | "base" | "lg";
|
|
@@ -44,6 +44,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
|
|
|
44
44
|
"onUpdate:modelValue"?: ((value: number) => any) | undefined;
|
|
45
45
|
}>, {
|
|
46
46
|
size: number;
|
|
47
|
+
duration: number;
|
|
47
48
|
colored: boolean;
|
|
48
49
|
arcWidth: number;
|
|
49
50
|
min: number;
|
|
@@ -51,7 +52,6 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
|
|
|
51
52
|
steps: number;
|
|
52
53
|
showHandle: boolean;
|
|
53
54
|
hideArrows: boolean;
|
|
54
|
-
duration: number;
|
|
55
55
|
animateRotations: number;
|
|
56
56
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
57
57
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
@@ -9,6 +9,8 @@ export type GraphicProps = {
|
|
|
9
9
|
ratio?: AspectRatioStyle;
|
|
10
10
|
/** When true, renders the banner image in grayscale. */
|
|
11
11
|
grayscale?: boolean;
|
|
12
|
+
/** When true, renders the banner image with a brightness of 150%. */
|
|
13
|
+
highlight?: boolean;
|
|
12
14
|
};
|
|
13
15
|
export declare const ratioClasses: {
|
|
14
16
|
ultraWide: string;
|
|
@@ -22,6 +24,7 @@ export declare const roundingClasses: {
|
|
|
22
24
|
sm: string;
|
|
23
25
|
base: string;
|
|
24
26
|
md: string;
|
|
27
|
+
lg: string;
|
|
25
28
|
xl: string;
|
|
26
29
|
};
|
|
27
30
|
export type AspectRatioStyle = keyof typeof ratioClasses | string | undefined;
|
|
@@ -32,13 +35,13 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<Graphi
|
|
|
32
35
|
rounding: keyof typeof roundingClasses;
|
|
33
36
|
ratio: string;
|
|
34
37
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
|
|
35
|
-
|
|
38
|
+
topLeft?: (props: {}) => any;
|
|
36
39
|
} & {
|
|
37
|
-
|
|
40
|
+
topRight?: (props: {}) => any;
|
|
38
41
|
} & {
|
|
39
|
-
|
|
42
|
+
bottomRight?: (props: {}) => any;
|
|
40
43
|
} & {
|
|
41
|
-
|
|
44
|
+
bottomLeft?: (props: {}) => any;
|
|
42
45
|
}>;
|
|
43
46
|
type __VLS_WithSlots<T, S> = T & {
|
|
44
47
|
new (): {
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
import { type StyleValue } from 'vue';
|
|
2
|
+
import type { LightboxItemInput } from '../../../lightbox/types';
|
|
3
|
+
export type { LightboxItem, LightboxItemInput, LightboxMediaType } from '../../../lightbox/types';
|
|
4
|
+
export type ImageProps = {
|
|
5
|
+
/** Image URL for the thumbnail and lightbox (when `imgs` is not set). */
|
|
6
|
+
src?: string;
|
|
7
|
+
/** Enables click-to-preview in the global lightbox. */
|
|
8
|
+
preview?: boolean;
|
|
9
|
+
/** Inline style applied to the thumbnail `<img>`. */
|
|
10
|
+
imageStyle?: StyleValue;
|
|
11
|
+
/** Class applied to the thumbnail `<img>`. */
|
|
12
|
+
imageClass?: string | Record<string, boolean> | Array<string | Record<string, boolean>>;
|
|
13
|
+
/** Gallery items for the lightbox. Falls back to `src` when omitted. */
|
|
14
|
+
imgs?: LightboxItemInput[];
|
|
15
|
+
/** Index of the item shown when the lightbox opens. */
|
|
16
|
+
index?: number;
|
|
17
|
+
/** Allow looping when navigating a gallery. */
|
|
18
|
+
loop?: boolean;
|
|
19
|
+
/** Close the lightbox when clicking the backdrop. */
|
|
20
|
+
maskClosable?: boolean;
|
|
21
|
+
/** Accessible label for the preview trigger button. */
|
|
22
|
+
previewAriaLabel?: string;
|
|
23
|
+
};
|
|
24
|
+
declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {};
|
|
25
|
+
type __VLS_Slots = {} & {
|
|
26
|
+
image?: (props: typeof __VLS_1) => any;
|
|
27
|
+
} & {
|
|
28
|
+
previewicon?: (props: typeof __VLS_3) => any;
|
|
29
|
+
} & {
|
|
30
|
+
indicatoricon?: (props: typeof __VLS_5) => any;
|
|
31
|
+
};
|
|
32
|
+
declare const __VLS_base: import("vue").DefineComponent<ImageProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
33
|
+
error: (event: Event) => any;
|
|
34
|
+
show: () => any;
|
|
35
|
+
hide: () => any;
|
|
36
|
+
}, string, import("vue").PublicProps, Readonly<ImageProps> & Readonly<{
|
|
37
|
+
onError?: ((event: Event) => any) | undefined;
|
|
38
|
+
onShow?: (() => any) | undefined;
|
|
39
|
+
onHide?: (() => any) | undefined;
|
|
40
|
+
}>, {
|
|
41
|
+
index: number;
|
|
42
|
+
loop: boolean;
|
|
43
|
+
maskClosable: boolean;
|
|
44
|
+
preview: boolean;
|
|
45
|
+
previewAriaLabel: string;
|
|
46
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
47
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
48
|
+
declare const _default: typeof __VLS_export;
|
|
49
|
+
export default _default;
|
|
50
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
51
|
+
new (): {
|
|
52
|
+
$slots: S;
|
|
53
|
+
};
|
|
54
|
+
};
|
|
@@ -25,12 +25,12 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
|
|
|
25
25
|
"onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
|
|
26
26
|
}>, {
|
|
27
27
|
reverse: boolean;
|
|
28
|
+
disabled: boolean;
|
|
28
29
|
min: number;
|
|
29
30
|
max: number;
|
|
30
31
|
leftLabel: string;
|
|
31
32
|
rightLabel: string;
|
|
32
33
|
labelPosition: "top" | "bottom";
|
|
33
|
-
disabled: boolean;
|
|
34
34
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
35
35
|
declare const _default: typeof __VLS_export;
|
|
36
36
|
export default _default;
|
|
@@ -1,10 +1,11 @@
|
|
|
1
|
-
import type { ReactProps } from './types';
|
|
1
|
+
import type { ReactInfo, ReactProps } from './types';
|
|
2
2
|
declare const __VLS_export: import("vue").DefineComponent<ReactProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
|
|
3
3
|
toggle: (id: string) => any;
|
|
4
4
|
}, string, import("vue").PublicProps, Readonly<ReactProps> & Readonly<{
|
|
5
5
|
onToggle?: ((id: string) => any) | undefined;
|
|
6
6
|
}>, {
|
|
7
7
|
top: boolean;
|
|
8
|
+
emojis: ReactInfo[];
|
|
8
9
|
placeholder: string;
|
|
9
10
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
10
11
|
declare const _default: typeof __VLS_export;
|
|
@@ -11,13 +11,13 @@ export type StepIndicatorProps = {
|
|
|
11
11
|
};
|
|
12
12
|
type __VLS_Props = StepIndicatorProps;
|
|
13
13
|
type __VLS_ModelProps = {
|
|
14
|
-
modelValue?: number;
|
|
14
|
+
modelValue?: number | null;
|
|
15
15
|
};
|
|
16
16
|
type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
|
|
17
17
|
declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
18
|
-
"update:modelValue": (value: number) => any;
|
|
18
|
+
"update:modelValue": (value: number | null) => any;
|
|
19
19
|
}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
20
|
-
"onUpdate:modelValue"?: ((value: number) => any) | undefined;
|
|
20
|
+
"onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
|
|
21
21
|
}>, {
|
|
22
22
|
context: BCC_CONTEXT;
|
|
23
23
|
hideText: boolean;
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import { type Component } from 'vue';
|
|
2
|
+
export type TopNavigationProps = {
|
|
3
|
+
title?: string | (() => string);
|
|
4
|
+
subtitle?: string | (() => string);
|
|
5
|
+
left?: ((...args: unknown[]) => Component | null) | Component | string | 'event-logo';
|
|
6
|
+
right?: ((...args: unknown[]) => Component | null) | Component | string;
|
|
7
|
+
hideBack?: boolean;
|
|
8
|
+
backTitle?: string;
|
|
9
|
+
};
|
|
10
|
+
type __VLS_Props = TopNavigationProps & {
|
|
11
|
+
relative?: boolean;
|
|
12
|
+
fixed?: boolean;
|
|
13
|
+
padded?: boolean;
|
|
14
|
+
transparent?: boolean;
|
|
15
|
+
white?: boolean;
|
|
16
|
+
backTitle?: string;
|
|
17
|
+
force?: boolean;
|
|
18
|
+
titleLeft?: boolean;
|
|
19
|
+
};
|
|
20
|
+
declare var __VLS_1: {
|
|
21
|
+
title: {
|
|
22
|
+
title: string;
|
|
23
|
+
subtitle: string;
|
|
24
|
+
};
|
|
25
|
+
}, __VLS_8: {}, __VLS_15: {
|
|
26
|
+
title: string;
|
|
27
|
+
}, __VLS_17: {
|
|
28
|
+
subtitle: string;
|
|
29
|
+
}, __VLS_19: {}, __VLS_26: {};
|
|
30
|
+
type __VLS_Slots = {} & {
|
|
31
|
+
default?: (props: typeof __VLS_1) => any;
|
|
32
|
+
} & {
|
|
33
|
+
left?: (props: typeof __VLS_8) => any;
|
|
34
|
+
} & {
|
|
35
|
+
title?: (props: typeof __VLS_15) => any;
|
|
36
|
+
} & {
|
|
37
|
+
subtitle?: (props: typeof __VLS_17) => any;
|
|
38
|
+
} & {
|
|
39
|
+
right?: (props: typeof __VLS_19) => any;
|
|
40
|
+
} & {
|
|
41
|
+
bottom?: (props: typeof __VLS_26) => any;
|
|
42
|
+
};
|
|
43
|
+
declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
|
|
44
|
+
back: () => any;
|
|
45
|
+
}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
46
|
+
onBack?: (() => any) | undefined;
|
|
47
|
+
}>, {
|
|
48
|
+
hideBack: boolean;
|
|
49
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
50
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
51
|
+
declare const _default: typeof __VLS_export;
|
|
52
|
+
export default _default;
|
|
53
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
54
|
+
new (): {
|
|
55
|
+
$slots: S;
|
|
56
|
+
};
|
|
57
|
+
};
|
|
@@ -2,25 +2,30 @@
|
|
|
2
2
|
* Custom BCC components (not based on PrimeVue).
|
|
3
3
|
* Add new custom components here and export them from this file.
|
|
4
4
|
*/
|
|
5
|
+
export { default as BccAppNavigation } from './BccAppNavigation/BccAppNavigation.vue';
|
|
5
6
|
export { default as BccBadge } from './BccBadge/BccBadge.vue';
|
|
6
7
|
export { default as BccCapacityIndicator } from './BccCapacityIndicator/BccCapacityIndicator.vue';
|
|
7
|
-
export { default as BccCircleLoader } from './BccCircleLoader/BccCircleLoader.vue';
|
|
8
8
|
export { default as BccDialKnob } from './BccDialKnob/BccDialKnob.vue';
|
|
9
9
|
export { default as BccFrame } from './BccFrame/BccFrame.vue';
|
|
10
10
|
export { default as BccGraphic } from './BccGraphic/BccGraphic.vue';
|
|
11
|
+
export { default as BccImage } from './BccImage/BccImage.vue';
|
|
11
12
|
export { default as BccNpsResult } from './BccNpsResult/BccNpsResult.vue';
|
|
12
13
|
export { default as BccNpsScore } from './BccNpsScore/BccNpsScore.vue';
|
|
13
14
|
export { default as BccReact } from './BccReact/BccReact.vue';
|
|
14
15
|
export { default as BccReactEmoji } from './BccReact/BccReactEmoji.vue';
|
|
15
16
|
export { default as BccStepIndicator } from './BccStepIndicator/BccStepIndicator.vue';
|
|
16
17
|
export { default as BccTag } from './BccTag/BccTag.vue';
|
|
18
|
+
export { default as BccTopNavigation } from './BccTopNavigation/BccTopNavigation.vue';
|
|
19
|
+
export type { BccAppNavigationItem } from './BccAppNavigation/BccAppNavigation.vue';
|
|
17
20
|
export type { BadgeProps } from './BccBadge/BccBadge.vue';
|
|
18
21
|
export type { CapacityIndicatorProps } from './BccCapacityIndicator/BccCapacityIndicator.vue';
|
|
19
22
|
export type { KnobProps, KnobSlots } from './BccDialKnob/BccDialKnob.vue';
|
|
20
23
|
export type { FrameProps } from './BccFrame/BccFrame.vue';
|
|
21
24
|
export type { GraphicProps } from './BccGraphic/BccGraphic.vue';
|
|
25
|
+
export type { ImageProps } from './BccImage/BccImage.vue';
|
|
22
26
|
export type { NpsResultProps } from './BccNpsResult/BccNpsResult.vue';
|
|
23
27
|
export type { NpsScoreProps } from './BccNpsScore/BccNpsScore.vue';
|
|
24
28
|
export type { ReactInfo, ReactProps } from './BccReact/types';
|
|
25
29
|
export type { StepIndicatorProps } from './BccStepIndicator/BccStepIndicator.vue';
|
|
26
30
|
export type { TagProps } from './BccTag/BccTag.vue';
|
|
31
|
+
export type { TopNavigationProps } from './BccTopNavigation/BccTopNavigation.vue';
|
|
@@ -5,11 +5,12 @@ export type ButtonProps = {
|
|
|
5
5
|
iconRight?: boolean;
|
|
6
6
|
iconClass?: PrimeButtonProps['iconClass'];
|
|
7
7
|
size?: PrimeButtonProps['size'];
|
|
8
|
+
loadingIcon?: VueComponent;
|
|
8
9
|
useCtx?: boolean;
|
|
9
|
-
} & /* @vue-ignore */ Omit<PrimeButtonProps, 'icon' | 'iconPos'>;
|
|
10
|
-
declare var
|
|
10
|
+
} & /* @vue-ignore */ Omit<PrimeButtonProps, 'icon' | 'iconPos' | 'loadingIcon'>;
|
|
11
|
+
declare var __VLS_20: {};
|
|
11
12
|
type __VLS_Slots = {} & {
|
|
12
|
-
default?: (props: typeof
|
|
13
|
+
default?: (props: typeof __VLS_20) => any;
|
|
13
14
|
};
|
|
14
15
|
declare const __VLS_base: import("vue").DefineComponent<ButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ButtonProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
15
16
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
@@ -2,6 +2,9 @@ import { type CheckboxProps as PrimeCheckboxProps } from 'primevue/checkbox';
|
|
|
2
2
|
export type CheckboxProps = PrimeCheckboxProps & {
|
|
3
3
|
label?: string;
|
|
4
4
|
labelLeft?: boolean;
|
|
5
|
+
justify?: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
|
|
6
|
+
labelClass?: string;
|
|
7
|
+
fluid?: boolean;
|
|
5
8
|
};
|
|
6
9
|
declare var __VLS_18: {};
|
|
7
10
|
type __VLS_Slots = {} & {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { VueComponent } from '@/types';
|
|
2
|
-
import { type MenuProps as PrimeMenuProps } from 'primevue/menu';
|
|
2
|
+
import { type MenuMethods as PrimeMenuMethods, type MenuProps as PrimeMenuProps } from 'primevue/menu';
|
|
3
3
|
import type { MenuItem } from 'primevue/menuitem';
|
|
4
4
|
/** Menu item model for BccMenu: icon can be a PrimeVue icon class string or a Vue icon component. */
|
|
5
5
|
export type BccMenuItem = Omit<MenuItem, 'icon' | 'items'> & {
|
|
@@ -9,10 +9,20 @@ export type BccMenuItem = Omit<MenuItem, 'icon' | 'items'> & {
|
|
|
9
9
|
export type MenuProps = {
|
|
10
10
|
model?: BccMenuItem[];
|
|
11
11
|
} & Omit<PrimeMenuProps, 'model'>;
|
|
12
|
-
declare
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
}
|
|
12
|
+
declare var __VLS_16: {
|
|
13
|
+
item: MenuItem;
|
|
14
|
+
label: string | ((...args: any) => string) | undefined;
|
|
15
|
+
props: import("primevue").MenuRouterBindProps;
|
|
16
|
+
};
|
|
17
|
+
type __VLS_Slots = {} & {
|
|
18
|
+
item?: (props: typeof __VLS_16) => any;
|
|
19
|
+
};
|
|
20
|
+
declare const __VLS_base: import("vue").DefineComponent<MenuProps, PrimeMenuMethods, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MenuProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
21
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
17
22
|
declare const _default: typeof __VLS_export;
|
|
18
23
|
export default _default;
|
|
24
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
25
|
+
new (): {
|
|
26
|
+
$slots: S;
|
|
27
|
+
};
|
|
28
|
+
};
|
|
@@ -3,10 +3,16 @@ import { type MessageProps as PrimeMessageProps } from 'primevue/message';
|
|
|
3
3
|
export type MessageProps = Omit<PrimeMessageProps, 'icon'> & {
|
|
4
4
|
icon?: boolean | VueComponent;
|
|
5
5
|
iconRight?: VueComponent | boolean;
|
|
6
|
+
title?: string;
|
|
7
|
+
message?: string;
|
|
6
8
|
};
|
|
7
|
-
declare var
|
|
9
|
+
declare var __VLS_19: {}, __VLS_21: {}, __VLS_23: {};
|
|
8
10
|
type __VLS_Slots = {} & {
|
|
9
|
-
default?: (props: typeof
|
|
11
|
+
default?: (props: typeof __VLS_19) => any;
|
|
12
|
+
} & {
|
|
13
|
+
title?: (props: typeof __VLS_21) => any;
|
|
14
|
+
} & {
|
|
15
|
+
message?: (props: typeof __VLS_23) => any;
|
|
10
16
|
};
|
|
11
17
|
declare const __VLS_base: import("vue").DefineComponent<MessageProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MessageProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
12
18
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { type RadioButtonProps as PrimeRadioButtonProps } from 'primevue/radiobutton';
|
|
2
|
+
export type RadioButtonProps = PrimeRadioButtonProps & {
|
|
3
|
+
label?: string;
|
|
4
|
+
labelLeft?: boolean;
|
|
5
|
+
justify?: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
|
|
6
|
+
labelClass?: string;
|
|
7
|
+
fluid?: boolean;
|
|
8
|
+
};
|
|
9
|
+
declare var __VLS_6: {};
|
|
10
|
+
type __VLS_Slots = {} & {
|
|
11
|
+
default?: (props: typeof __VLS_6) => any;
|
|
12
|
+
};
|
|
13
|
+
declare const __VLS_base: import("vue").DefineComponent<RadioButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<RadioButtonProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
14
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
15
|
+
declare const _default: typeof __VLS_export;
|
|
16
|
+
export default _default;
|
|
17
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
18
|
+
new (): {
|
|
19
|
+
$slots: S;
|
|
20
|
+
};
|
|
21
|
+
};
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import type { VueComponent } from '@/types';
|
|
2
|
+
import { type SelectButtonProps as PrimeSelectButtonProps } from 'primevue/selectbutton';
|
|
3
|
+
export type SelectButtonProps = PrimeSelectButtonProps & {
|
|
4
|
+
optionIcon?: string | ((option: unknown) => VueComponent | null);
|
|
5
|
+
};
|
|
6
|
+
declare var __VLS_9: {
|
|
7
|
+
option: any;
|
|
8
|
+
};
|
|
9
|
+
type __VLS_Slots = {} & {
|
|
10
|
+
option?: (props: typeof __VLS_9) => any;
|
|
11
|
+
};
|
|
12
|
+
declare const __VLS_base: import("vue").DefineComponent<SelectButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SelectButtonProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
13
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
14
|
+
declare const _default: typeof __VLS_export;
|
|
15
|
+
export default _default;
|
|
16
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
17
|
+
new (): {
|
|
18
|
+
$slots: S;
|
|
19
|
+
};
|
|
20
|
+
};
|
|
@@ -14,9 +14,14 @@ export type ToggleProps = ToggleSwitchProps & {
|
|
|
14
14
|
/** When true, applies context-aware styling (e.g. from design tokens/theme). */
|
|
15
15
|
useCtx?: boolean;
|
|
16
16
|
};
|
|
17
|
-
|
|
17
|
+
type __VLS_Props = ToggleProps;
|
|
18
|
+
type __VLS_ModelProps = {
|
|
19
|
+
modelValue: boolean;
|
|
20
|
+
};
|
|
21
|
+
type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
|
|
22
|
+
declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
18
23
|
"update:modelValue": (value: boolean) => any;
|
|
19
|
-
}, string, import("vue").PublicProps, Readonly<
|
|
24
|
+
}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
20
25
|
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
21
26
|
}>, {
|
|
22
27
|
defaultValue: string | boolean;
|
|
@@ -10,6 +10,8 @@ export { default as BccConfirmDialog } from './BccConfirmDialog/BccConfirmDialog
|
|
|
10
10
|
export { default as BccInput } from './BccInput.vue';
|
|
11
11
|
export { default as BccMenu } from './BccMenu/BccMenu.vue';
|
|
12
12
|
export { default as BccMessage } from './BccMessage.vue';
|
|
13
|
+
export { default as BccRadioButton } from './BccRadioButton.vue';
|
|
14
|
+
export { default as BccSelectButton } from './BccSelectButton.vue';
|
|
13
15
|
export { default as BccTabs } from './BccTabs/BccTabs.vue';
|
|
14
16
|
export { default as BccToggle } from './BccToggle/BccToggle.vue';
|
|
15
17
|
export { default as BccToggleButton } from './BccToggleButton.vue';
|
|
@@ -20,6 +22,8 @@ export type { ChipProps } from './BccChip/BccChip.vue';
|
|
|
20
22
|
export type { InputProps } from './BccInput.vue';
|
|
21
23
|
export type { BccMenuItem, MenuProps } from './BccMenu/BccMenu.vue';
|
|
22
24
|
export type { MessageProps } from './BccMessage.vue';
|
|
25
|
+
export type { RadioButtonProps } from './BccRadioButton.vue';
|
|
26
|
+
export type { SelectButtonProps } from './BccSelectButton.vue';
|
|
23
27
|
export type { TabItem, TabsProps } from './BccTabs/BccTabs.vue';
|
|
24
28
|
export type { ToggleProps } from './BccToggle/BccToggle.vue';
|
|
25
29
|
export type { ToggleButtonProps } from './BccToggleButton.vue';
|
package/dist-types/index.d.ts
CHANGED
|
@@ -23,6 +23,7 @@ export { BCC_CONTEXTS, type BCC_CONTEXT } from './contexts';
|
|
|
23
23
|
export { default as BccComponentLibrary } from './setup';
|
|
24
24
|
export * from './types';
|
|
25
25
|
export * from './components/custom';
|
|
26
|
+
export * from './lightbox';
|
|
26
27
|
export * from './components/wrapped';
|
|
27
28
|
export { default as BccAccordion } from 'primevue/accordion';
|
|
28
29
|
export { default as BccAccordionContent } from 'primevue/accordioncontent';
|
|
@@ -57,6 +58,7 @@ export { default as BccDivider } from 'primevue/divider';
|
|
|
57
58
|
export { default as BccDock } from 'primevue/dock';
|
|
58
59
|
export { default as BccDrawer } from 'primevue/drawer';
|
|
59
60
|
export { default as BccDynamicDialog } from 'primevue/dynamicdialog';
|
|
61
|
+
export { default as BccEditor } from 'primevue/editor';
|
|
60
62
|
export { default as BccFieldset } from 'primevue/fieldset';
|
|
61
63
|
export { default as BccFileUpload } from 'primevue/fileupload';
|
|
62
64
|
export { default as BccFloatLabel } from 'primevue/floatlabel';
|
|
@@ -65,7 +67,6 @@ export { default as BccFocusTrap } from 'primevue/focustrap';
|
|
|
65
67
|
export { default as BccGalleria } from 'primevue/galleria';
|
|
66
68
|
export { default as BccIconField } from 'primevue/iconfield';
|
|
67
69
|
export { default as BccIftaLabel } from 'primevue/iftalabel';
|
|
68
|
-
export { default as BccImage } from 'primevue/image';
|
|
69
70
|
export { default as BccImageCompare } from 'primevue/imagecompare';
|
|
70
71
|
export { default as BccInplace } from 'primevue/inplace';
|
|
71
72
|
export { default as BccInputChips } from 'primevue/inputchips';
|
|
@@ -95,7 +96,6 @@ export { default as BccPopover } from 'primevue/popover';
|
|
|
95
96
|
export { default as BccPortal } from 'primevue/portal';
|
|
96
97
|
export { default as BccProgressBar } from 'primevue/progressbar';
|
|
97
98
|
export { default as BccProgressSpinner } from 'primevue/progressspinner';
|
|
98
|
-
export { default as BccRadioButton } from 'primevue/radiobutton';
|
|
99
99
|
export { default as BccRadioButtonGroup } from 'primevue/radiobuttongroup';
|
|
100
100
|
export { default as BccRating } from 'primevue/rating';
|
|
101
101
|
export { default as BccRipple } from 'primevue/ripple';
|
|
@@ -103,7 +103,6 @@ export { default as BccRow } from 'primevue/row';
|
|
|
103
103
|
export { default as BccScrollPanel } from 'primevue/scrollpanel';
|
|
104
104
|
export { default as BccScrollTop } from 'primevue/scrolltop';
|
|
105
105
|
export { default as BccSelect } from 'primevue/select';
|
|
106
|
-
export { default as BccSelectButton } from 'primevue/selectbutton';
|
|
107
106
|
export { default as BccSkeleton } from 'primevue/skeleton';
|
|
108
107
|
export { default as BccSlider } from 'primevue/slider';
|
|
109
108
|
export { default as BccSpeedDial } from 'primevue/speeddial';
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import type { LightboxItem } from './types';
|
|
2
|
+
type __VLS_Props = {
|
|
3
|
+
item: LightboxItem;
|
|
4
|
+
zoomEnabled: boolean;
|
|
5
|
+
};
|
|
6
|
+
declare function rotateLeft(): void;
|
|
7
|
+
declare function rotateRight(): void;
|
|
8
|
+
declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
|
|
9
|
+
isImage: import("vue").ComputedRef<boolean>;
|
|
10
|
+
rotateLeft: typeof rotateLeft;
|
|
11
|
+
rotateRight: typeof rotateRight;
|
|
12
|
+
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
13
|
+
swipe: (direction: "left" | "right") => any;
|
|
14
|
+
}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
15
|
+
onSwipe?: ((direction: "left" | "right") => any) | undefined;
|
|
16
|
+
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
17
|
+
declare const _default: typeof __VLS_export;
|
|
18
|
+
export default _default;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { type Ref } from 'vue';
|
|
2
|
+
import { openLightbox } from './state';
|
|
3
|
+
import { type LightboxApi } from './types';
|
|
4
|
+
export declare function useLightbox(): LightboxApi;
|
|
5
|
+
/** Open the global lightbox without using inject (e.g. imperative usage). */
|
|
6
|
+
export declare const openBccLightbox: typeof openLightbox;
|
|
7
|
+
/** Close the global lightbox without using inject. */
|
|
8
|
+
export declare const closeBccLightbox: LightboxApi['close'];
|
|
9
|
+
export declare function usePinchPan(zoomEnabled: Ref<boolean>, options?: {
|
|
10
|
+
swipeEnabled?: Ref<boolean>;
|
|
11
|
+
onSwipe?: (direction: 'left' | 'right') => void;
|
|
12
|
+
swipeThreshold?: number;
|
|
13
|
+
}): {
|
|
14
|
+
scale: Ref<number, number>;
|
|
15
|
+
transformStyle: import("vue").ComputedRef<{
|
|
16
|
+
transform: string;
|
|
17
|
+
}>;
|
|
18
|
+
reset: () => void;
|
|
19
|
+
onPointerDown: (event: PointerEvent) => void;
|
|
20
|
+
onPointerMove: (event: PointerEvent) => void;
|
|
21
|
+
onPointerUp: (event: PointerEvent) => void;
|
|
22
|
+
onWheel: (event: WheelEvent) => void;
|
|
23
|
+
};
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import type { LightboxItem, LightboxItemInput, LightboxMediaType } from './types';
|
|
2
|
+
export declare function detectMediaType(src: string, type?: LightboxMediaType): LightboxMediaType;
|
|
3
|
+
export declare function normalizeLightboxItem(input: LightboxItemInput): LightboxItem;
|
|
4
|
+
export declare function normalizeLightboxItems(items: LightboxItemInput[]): LightboxItem[];
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export { default as BccLightbox } from './BccLightbox.vue';
|
|
2
|
+
export { closeBccLightbox, openBccLightbox, useLightbox, usePinchPan } from './composables';
|
|
3
|
+
export { detectMediaType, normalizeLightboxItem, normalizeLightboxItems } from './detectMedia';
|
|
4
|
+
export { canGoNext, canGoPrevious, closeLightbox, goToNextItem, goToPreviousItem, installLightbox, lightboxState, openLightbox, setLightboxIndex, } from './state';
|
|
5
|
+
export type { LightboxState } from './state';
|
|
6
|
+
export { LIGHTBOX_KEY } from './types';
|
|
7
|
+
export type { LightboxApi, LightboxItem, LightboxItemInput, LightboxMediaType, LightboxOpenOptions } from './types';
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import type { App } from 'vue';
|
|
2
|
+
import { type LightboxItem, type LightboxOpenOptions } from './types';
|
|
3
|
+
export type LightboxState = {
|
|
4
|
+
visible: boolean;
|
|
5
|
+
items: LightboxItem[];
|
|
6
|
+
index: number;
|
|
7
|
+
loop: boolean;
|
|
8
|
+
maskClosable: boolean;
|
|
9
|
+
};
|
|
10
|
+
export declare const lightboxState: {
|
|
11
|
+
readonly visible: boolean;
|
|
12
|
+
readonly items: readonly {
|
|
13
|
+
readonly src: string;
|
|
14
|
+
readonly type?: import("./types").LightboxMediaType | undefined;
|
|
15
|
+
readonly alt?: string | undefined;
|
|
16
|
+
readonly title?: string | undefined;
|
|
17
|
+
readonly poster?: string | undefined;
|
|
18
|
+
}[];
|
|
19
|
+
readonly index: number;
|
|
20
|
+
readonly loop: boolean;
|
|
21
|
+
readonly maskClosable: boolean;
|
|
22
|
+
};
|
|
23
|
+
export declare function openLightbox(options: LightboxOpenOptions): void;
|
|
24
|
+
export declare function closeLightbox(): void;
|
|
25
|
+
export declare function setLightboxIndex(index: number): void;
|
|
26
|
+
export declare function goToPreviousItem(): void;
|
|
27
|
+
export declare function goToNextItem(): void;
|
|
28
|
+
export declare function canGoPrevious(): boolean;
|
|
29
|
+
export declare function canGoNext(): boolean;
|
|
30
|
+
export declare function installLightbox(app: App): void;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import type { InjectionKey } from 'vue';
|
|
2
|
+
export type LightboxMediaType = 'image' | 'video';
|
|
3
|
+
export type LightboxItem = {
|
|
4
|
+
src: string;
|
|
5
|
+
type?: LightboxMediaType;
|
|
6
|
+
alt?: string;
|
|
7
|
+
title?: string;
|
|
8
|
+
/** Poster image for video items. */
|
|
9
|
+
poster?: string;
|
|
10
|
+
};
|
|
11
|
+
export type LightboxItemInput = string | LightboxItem;
|
|
12
|
+
export type LightboxOpenOptions = {
|
|
13
|
+
items: LightboxItemInput[];
|
|
14
|
+
index?: number;
|
|
15
|
+
loop?: boolean;
|
|
16
|
+
maskClosable?: boolean;
|
|
17
|
+
onShow?: () => void;
|
|
18
|
+
onHide?: () => void;
|
|
19
|
+
};
|
|
20
|
+
export type LightboxApi = {
|
|
21
|
+
open: (options: LightboxOpenOptions) => void;
|
|
22
|
+
close: () => void;
|
|
23
|
+
};
|
|
24
|
+
export declare const LIGHTBOX_KEY: InjectionKey<LightboxApi>;
|