troncell-vue-component 1.0.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/README.md +144 -0
- package/dist/index.cjs +742 -0
- package/dist/index.mjs +10142 -0
- package/dist/troncell-vue-component.css +1 -0
- package/dist/types/components/3DCardComp/component/CardBody.vue.d.ts +21 -0
- package/dist/types/components/3DCardComp/component/CardContainer.vue.d.ts +27 -0
- package/dist/types/components/3DCardComp/component/Cardltem.vue.d.ts +89 -0
- package/dist/types/components/3DCardComp/component/card-3d.d.ts +4 -0
- package/dist/types/components/3DCardComp/component/useMouseState.d.ts +4 -0
- package/dist/types/components/3DCardComp/index.vue.d.ts +50 -0
- package/dist/types/components/AnimatedTestimonialsComp/component/AnimatedTestimonials.vue.d.ts +39 -0
- package/dist/types/components/AnimatedTestimonialsComp/index.vue.d.ts +53 -0
- package/dist/types/components/AuroraComp/component/Aurora.vue.d.ts +23 -0
- package/dist/types/components/AuroraComp/index.vue.d.ts +35 -0
- package/dist/types/components/BendingGalleryComp/component/BendingGallery.vue.d.ts +19 -0
- package/dist/types/components/BendingGalleryComp/index.vue.d.ts +35 -0
- package/dist/types/components/BentoGridComp/component/BentoGrid.vue.d.ts +21 -0
- package/dist/types/components/BentoGridComp/component/BentoGridltem.vue.d.ts +24 -0
- package/dist/types/components/BentoGridComp/index.vue.d.ts +33 -0
- package/dist/types/components/Carousel3DComp/component/Carousel3D.vue.d.ts +18 -0
- package/dist/types/components/Carousel3DComp/index.vue.d.ts +27 -0
- package/dist/types/components/ContainerScrollComp/component/ContainerScroll.vue.d.ts +22 -0
- package/dist/types/components/ContainerScrollComp/component/ContainerScrollCard.vue.d.ts +23 -0
- package/dist/types/components/ContainerScrollComp/component/ContainerScrollTitle.vue.d.ts +21 -0
- package/dist/types/components/ContainerScrollComp/index.vue.d.ts +37 -0
- package/dist/types/components/DirectionAwareHoverComp/component/DirectionAwareHover.vue.d.ts +31 -0
- package/dist/types/components/DirectionAwareHoverComp/index.vue.d.ts +42 -0
- package/dist/types/components/DockComp/component/Dock.vue.d.ts +35 -0
- package/dist/types/components/DockComp/component/DockSeparator.vue.d.ts +2 -0
- package/dist/types/components/DockComp/component/Docklcon.vue.d.ts +21 -0
- package/dist/types/components/DockComp/component/index.d.ts +3 -0
- package/dist/types/components/DockComp/component/injectionKeys.d.ts +7 -0
- package/dist/types/components/DockComp/component/types.d.ts +2 -0
- package/dist/types/components/DockComp/index.vue.d.ts +27 -0
- package/dist/types/components/DomeGalleryComp/component/DomeGallery.vue.d.ts +49 -0
- package/dist/types/components/DomeGalleryComp/index.vue.d.ts +53 -0
- package/dist/types/components/ExpandableGalleryComp/component/ExpandableGallery.vue.d.ts +7 -0
- package/dist/types/components/ExpandableGalleryComp/index.vue.d.ts +17 -0
- package/dist/types/components/FluidCursorComp/component/FluidCursor.vue.d.ts +42 -0
- package/dist/types/components/FluidCursorComp/index.vue.d.ts +23 -0
- package/dist/types/components/IButtonComp/index.vue.d.ts +55 -0
- package/dist/types/components/IInputComp/index.vue.d.ts +28 -0
- package/dist/types/components/IconCloudComp/component/IconCloud.vue.d.ts +5 -0
- package/dist/types/components/IconCloudComp/component/index.d.ts +14 -0
- package/dist/types/components/IconCloudComp/index.vue.d.ts +29 -0
- package/dist/types/components/InfiniteGridComp/component/DisposalManager.d.ts +121 -0
- package/dist/types/components/InfiniteGridComp/component/EventHandler.d.ts +126 -0
- package/dist/types/components/InfiniteGridComp/component/GridManager.d.ts +191 -0
- package/dist/types/components/InfiniteGridComp/component/InfiniteGrid.vue.d.ts +16 -0
- package/dist/types/components/InfiniteGridComp/component/InfiniteGridClass.d.ts +382 -0
- package/dist/types/components/InfiniteGridComp/component/PostProcessShader.d.ts +116 -0
- package/dist/types/components/InfiniteGridComp/component/createTexture.d.ts +99 -0
- package/dist/types/components/InfiniteGridComp/component/shaders.d.ts +4 -0
- package/dist/types/components/InfiniteGridComp/component/types.d.ts +122 -0
- package/dist/types/components/InfiniteGridComp/index.vue.d.ts +47 -0
- package/dist/types/components/InfiniteMenuComp/component/InfiniteMenu.vue.d.ts +13 -0
- package/dist/types/components/InfiniteMenuComp/index.vue.d.ts +33 -0
- package/dist/types/components/InspiraImageParticlesComp/component/inspiraImageParticles.d.ts +107 -0
- package/dist/types/components/InspiraImageParticlesComp/index.vue.d.ts +24 -0
- package/dist/types/components/InteractiveGridPatternComp/component/InteractiveGridPattern.vue.d.ts +14 -0
- package/dist/types/components/InteractiveGridPatternComp/index.vue.d.ts +29 -0
- package/dist/types/components/LightningComp/component/Lightning.vue.d.ts +17 -0
- package/dist/types/components/LightningComp/index.vue.d.ts +35 -0
- package/dist/types/components/LinkPreviewComp/component/LinkPreview.vue.d.ts +19 -0
- package/dist/types/components/LinkPreviewComp/index.vue.d.ts +11 -0
- package/dist/types/components/MagnifyingGlassComp/component/Beams.vue.d.ts +2 -0
- package/dist/types/components/MagnifyingGlassComp/component/Lens.vue.d.ts +45 -0
- package/dist/types/components/MagnifyingGlassComp/component/Rays.vue.d.ts +5 -0
- package/dist/types/components/MagnifyingGlassComp/index.vue.d.ts +41 -0
- package/dist/types/components/MarqueeComp/component/Marquee.vue.d.ts +28 -0
- package/dist/types/components/MarqueeComp/component/ReviewCard.vue.d.ts +8 -0
- package/dist/types/components/MarqueeComp/index.vue.d.ts +42 -0
- package/dist/types/components/MeteorsComp/component/Meteors.vue.d.ts +16 -0
- package/dist/types/components/MeteorsComp/index.vue.d.ts +45 -0
- package/dist/types/components/Navigation.vue.d.ts +2 -0
- package/dist/types/components/PhotoGalleryComp/component/PhotoGallery.vue.d.ts +9 -0
- package/dist/types/components/PhotoGalleryComp/index.vue.d.ts +38 -0
- package/dist/types/components/RegistrationFormComp/index.vue.d.ts +15 -0
- package/dist/types/components/RippleButtonComp/component/RippleButton.vue.d.ts +35 -0
- package/dist/types/components/RippleButtonComp/index.vue.d.ts +35 -0
- package/dist/types/components/RollingGalleryComp/component/RollingGallery.vue.d.ts +29 -0
- package/dist/types/components/RollingGalleryComp/index.vue.d.ts +45 -0
- package/dist/types/components/ScratchToRevealComp/component/ScratchToReveal.vue.d.ts +37 -0
- package/dist/types/components/ScratchToRevealComp/index.vue.d.ts +37 -0
- package/dist/types/components/ScrollIslandComp/component/AnimatedCircularProgressBar.vue.d.ts +22 -0
- package/dist/types/components/ScrollIslandComp/component/ScrollIsland.vue.d.ts +19 -0
- package/dist/types/components/ScrollIslandComp/index.vue.d.ts +41 -0
- package/dist/types/components/SparkElementComp/component/Sparkles.vue.d.ts +20 -0
- package/dist/types/components/SparkElementComp/index.vue.d.ts +13 -0
- package/dist/types/components/SparklesTextComp/component/SparklesText.vue.d.ts +17 -0
- package/dist/types/components/SparklesTextComp/index.vue.d.ts +13 -0
- package/dist/types/components/SplineComp/component/ParentSize.vue.d.ts +55 -0
- package/dist/types/components/SplineComp/component/Spline.vue.d.ts +67 -0
- package/dist/types/components/SplineComp/index.vue.d.ts +41 -0
- package/dist/types/components/StackComp/component/Stack.vue.d.ts +36 -0
- package/dist/types/components/StackComp/index.vue.d.ts +49 -0
- package/dist/types/components/TargetCursorComp/component/TargetCursor.vue.d.ts +15 -0
- package/dist/types/components/TargetCursorComp/index.vue.d.ts +50 -0
- package/dist/types/components/TestimonialSliderComp/component/TestimonialSlider.vue.d.ts +19 -0
- package/dist/types/components/TestimonialSliderComp/index.vue.d.ts +35 -0
- package/dist/types/components/Text3dComp/component/Text3d.vue.d.ts +40 -0
- package/dist/types/components/Text3dComp/index.vue.d.ts +33 -0
- package/dist/types/components/TextGenerateEffectComp/component/TextGenerateEffect.vue.d.ts +16 -0
- package/dist/types/components/TextGenerateEffectComp/index.vue.d.ts +29 -0
- package/dist/types/components/TimelineComp/component/Timeline.vue.d.ts +37 -0
- package/dist/types/components/TimelineComp/index.vue.d.ts +41 -0
- package/dist/types/components/TracingBeamComp/component/TracingBeam.vue.d.ts +27 -0
- package/dist/types/components/TracingBeamComp/index.vue.d.ts +47 -0
- package/dist/types/index.d.ts +42 -0
- package/dist/types/utils/lib/utils.d.ts +3 -0
- package/dist/types/utils/sensing-sample-sdk-quorra-1.0.d.ts +67 -0
- package/dist/types/utils/sensing-sample-sdk-webview-1.0.d.ts +45 -0
- package/dist/types/utils/useDynamicComponents.d.ts +42 -0
- package/package.json +83 -0
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
interface Props {
|
|
2
|
+
imageSrc?: string;
|
|
3
|
+
title1?: string;
|
|
4
|
+
title2?: string;
|
|
5
|
+
classList?: {
|
|
6
|
+
overallClass?: string;
|
|
7
|
+
h1Class?: string;
|
|
8
|
+
spanClass?: string;
|
|
9
|
+
imageClass?: string;
|
|
10
|
+
Location?: {
|
|
11
|
+
position?: string;
|
|
12
|
+
width?: string;
|
|
13
|
+
height?: string;
|
|
14
|
+
left?: string;
|
|
15
|
+
top?: string;
|
|
16
|
+
};
|
|
17
|
+
};
|
|
18
|
+
}
|
|
19
|
+
declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
|
|
20
|
+
imageSrc: string;
|
|
21
|
+
classList: {
|
|
22
|
+
overallClass?: string;
|
|
23
|
+
h1Class?: string;
|
|
24
|
+
spanClass?: string;
|
|
25
|
+
imageClass?: string;
|
|
26
|
+
Location?: {
|
|
27
|
+
position?: string;
|
|
28
|
+
width?: string;
|
|
29
|
+
height?: string;
|
|
30
|
+
left?: string;
|
|
31
|
+
top?: string;
|
|
32
|
+
};
|
|
33
|
+
};
|
|
34
|
+
title1: string;
|
|
35
|
+
title2: string;
|
|
36
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
37
|
+
export default _default;
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
interface Props {
|
|
2
|
+
imageUrl: string;
|
|
3
|
+
childrenClass?: string;
|
|
4
|
+
imageClass?: string;
|
|
5
|
+
class?: string;
|
|
6
|
+
}
|
|
7
|
+
declare function __VLS_template(): {
|
|
8
|
+
attrs: Partial<{}>;
|
|
9
|
+
slots: {
|
|
10
|
+
default?(_: {}): any;
|
|
11
|
+
};
|
|
12
|
+
refs: {
|
|
13
|
+
divRef: HTMLDivElement;
|
|
14
|
+
};
|
|
15
|
+
rootEl: HTMLDivElement;
|
|
16
|
+
};
|
|
17
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
18
|
+
declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
|
|
19
|
+
class: string;
|
|
20
|
+
childrenClass: string;
|
|
21
|
+
imageClass: string;
|
|
22
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
23
|
+
divRef: HTMLDivElement;
|
|
24
|
+
}, HTMLDivElement>;
|
|
25
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
26
|
+
export default _default;
|
|
27
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
28
|
+
new (): {
|
|
29
|
+
$slots: S;
|
|
30
|
+
};
|
|
31
|
+
};
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
interface DirectionAwareHoverItem {
|
|
2
|
+
imageUrl: string;
|
|
3
|
+
title?: string;
|
|
4
|
+
description?: string;
|
|
5
|
+
buttonText?: string;
|
|
6
|
+
class?: string;
|
|
7
|
+
imageClass?: string;
|
|
8
|
+
childrenClass?: string;
|
|
9
|
+
titleClass?: string;
|
|
10
|
+
descriptionClass?: string;
|
|
11
|
+
buttonClass?: string;
|
|
12
|
+
containerClass?: string;
|
|
13
|
+
}
|
|
14
|
+
interface Props {
|
|
15
|
+
items?: DirectionAwareHoverItem[];
|
|
16
|
+
classList?: {
|
|
17
|
+
overallClass?: string;
|
|
18
|
+
gridClass?: string;
|
|
19
|
+
Location?: {
|
|
20
|
+
position?: string;
|
|
21
|
+
width?: string;
|
|
22
|
+
height?: string;
|
|
23
|
+
left?: string;
|
|
24
|
+
top?: string;
|
|
25
|
+
};
|
|
26
|
+
};
|
|
27
|
+
}
|
|
28
|
+
declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
|
|
29
|
+
classList: {
|
|
30
|
+
overallClass?: string;
|
|
31
|
+
gridClass?: string;
|
|
32
|
+
Location?: {
|
|
33
|
+
position?: string;
|
|
34
|
+
width?: string;
|
|
35
|
+
height?: string;
|
|
36
|
+
left?: string;
|
|
37
|
+
top?: string;
|
|
38
|
+
};
|
|
39
|
+
};
|
|
40
|
+
items: DirectionAwareHoverItem[];
|
|
41
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
42
|
+
export default _default;
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'vue';
|
|
2
|
+
import { DataOrientation, Direction } from './types';
|
|
3
|
+
interface DockProps {
|
|
4
|
+
class?: HTMLAttributes["class"];
|
|
5
|
+
magnification?: number;
|
|
6
|
+
distance?: number;
|
|
7
|
+
direction?: Direction;
|
|
8
|
+
orientation?: DataOrientation;
|
|
9
|
+
}
|
|
10
|
+
declare function __VLS_template(): {
|
|
11
|
+
attrs: Partial<{}>;
|
|
12
|
+
slots: {
|
|
13
|
+
default?(_: {}): any;
|
|
14
|
+
};
|
|
15
|
+
refs: {
|
|
16
|
+
dockRef: HTMLDivElement;
|
|
17
|
+
};
|
|
18
|
+
rootEl: HTMLDivElement;
|
|
19
|
+
};
|
|
20
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
21
|
+
declare const __VLS_component: import('vue').DefineComponent<DockProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<DockProps> & Readonly<{}>, {
|
|
22
|
+
direction: Direction;
|
|
23
|
+
orientation: DataOrientation;
|
|
24
|
+
magnification: number;
|
|
25
|
+
distance: number;
|
|
26
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
27
|
+
dockRef: HTMLDivElement;
|
|
28
|
+
}, HTMLDivElement>;
|
|
29
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
30
|
+
export default _default;
|
|
31
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
32
|
+
new (): {
|
|
33
|
+
$slots: S;
|
|
34
|
+
};
|
|
35
|
+
};
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
|
|
2
|
+
export default _default;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
declare function __VLS_template(): {
|
|
2
|
+
attrs: Partial<{}>;
|
|
3
|
+
slots: {
|
|
4
|
+
default?(_: {}): any;
|
|
5
|
+
};
|
|
6
|
+
refs: {
|
|
7
|
+
iconRef: HTMLDivElement;
|
|
8
|
+
};
|
|
9
|
+
rootEl: HTMLDivElement;
|
|
10
|
+
};
|
|
11
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
12
|
+
declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
|
|
13
|
+
iconRef: HTMLDivElement;
|
|
14
|
+
}, HTMLDivElement>;
|
|
15
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
16
|
+
export default _default;
|
|
17
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
18
|
+
new (): {
|
|
19
|
+
$slots: S;
|
|
20
|
+
};
|
|
21
|
+
};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { Ref, InjectionKey, ComputedRef } from 'vue';
|
|
2
|
+
import { DataOrientation } from './types';
|
|
3
|
+
export declare const MOUSE_X_INJECTION_KEY: InjectionKey<Ref<number>>;
|
|
4
|
+
export declare const MOUSE_Y_INJECTION_KEY: InjectionKey<Ref<number>>;
|
|
5
|
+
export declare const MAGNIFICATION_INJECTION_KEY: InjectionKey<ComputedRef<number>>;
|
|
6
|
+
export declare const DISTANCE_INJECTION_KEY: InjectionKey<ComputedRef<number>>;
|
|
7
|
+
export declare const ORIENTATION_INJECTION_KEY: InjectionKey<DataOrientation>;
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
interface Props {
|
|
2
|
+
icons?: string[];
|
|
3
|
+
classList?: {
|
|
4
|
+
overallClass?: string;
|
|
5
|
+
Location?: {
|
|
6
|
+
position?: string;
|
|
7
|
+
width?: string;
|
|
8
|
+
height?: string;
|
|
9
|
+
left?: string;
|
|
10
|
+
top?: string;
|
|
11
|
+
};
|
|
12
|
+
};
|
|
13
|
+
}
|
|
14
|
+
declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
|
|
15
|
+
classList: {
|
|
16
|
+
overallClass?: string;
|
|
17
|
+
Location?: {
|
|
18
|
+
position?: string;
|
|
19
|
+
width?: string;
|
|
20
|
+
height?: string;
|
|
21
|
+
left?: string;
|
|
22
|
+
top?: string;
|
|
23
|
+
};
|
|
24
|
+
};
|
|
25
|
+
icons: string[];
|
|
26
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
27
|
+
export default _default;
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
interface ImageItem {
|
|
2
|
+
src: string;
|
|
3
|
+
alt?: string;
|
|
4
|
+
}
|
|
5
|
+
interface DomeGalleryProps {
|
|
6
|
+
images?: (string | ImageItem)[];
|
|
7
|
+
fit?: number;
|
|
8
|
+
fitBasis?: 'auto' | 'min' | 'max' | 'width' | 'height';
|
|
9
|
+
minRadius?: number;
|
|
10
|
+
maxRadius?: number;
|
|
11
|
+
padFactor?: number;
|
|
12
|
+
overlayBlurColor?: string;
|
|
13
|
+
maxVerticalRotationDeg?: number;
|
|
14
|
+
dragSensitivity?: number;
|
|
15
|
+
enlargeTransitionMs?: number;
|
|
16
|
+
segments?: number;
|
|
17
|
+
dragDampening?: number;
|
|
18
|
+
openedImageWidth?: string;
|
|
19
|
+
openedImageHeight?: string;
|
|
20
|
+
imageBorderRadius?: string;
|
|
21
|
+
openedImageBorderRadius?: string;
|
|
22
|
+
grayscale?: boolean;
|
|
23
|
+
}
|
|
24
|
+
declare const _default: import('vue').DefineComponent<DomeGalleryProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<DomeGalleryProps> & Readonly<{}>, {
|
|
25
|
+
fit: number;
|
|
26
|
+
fitBasis: "auto" | "min" | "max" | "width" | "height";
|
|
27
|
+
minRadius: number;
|
|
28
|
+
maxRadius: number;
|
|
29
|
+
padFactor: number;
|
|
30
|
+
overlayBlurColor: string;
|
|
31
|
+
maxVerticalRotationDeg: number;
|
|
32
|
+
dragSensitivity: number;
|
|
33
|
+
enlargeTransitionMs: number;
|
|
34
|
+
segments: number;
|
|
35
|
+
dragDampening: number;
|
|
36
|
+
openedImageWidth: string;
|
|
37
|
+
openedImageHeight: string;
|
|
38
|
+
imageBorderRadius: string;
|
|
39
|
+
openedImageBorderRadius: string;
|
|
40
|
+
grayscale: boolean;
|
|
41
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
42
|
+
rootRef: HTMLDivElement;
|
|
43
|
+
mainRef: HTMLElement;
|
|
44
|
+
sphereRef: HTMLDivElement;
|
|
45
|
+
viewerRef: HTMLDivElement;
|
|
46
|
+
scrimRef: HTMLDivElement;
|
|
47
|
+
frameRef: HTMLDivElement;
|
|
48
|
+
}, HTMLDivElement>;
|
|
49
|
+
export default _default;
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
interface ImageItem {
|
|
2
|
+
src?: string;
|
|
3
|
+
alt?: string;
|
|
4
|
+
}
|
|
5
|
+
type __VLS_Props = {
|
|
6
|
+
images?: (string | ImageItem)[];
|
|
7
|
+
fit?: number;
|
|
8
|
+
fitBasis?: string;
|
|
9
|
+
minRadius?: number;
|
|
10
|
+
segments?: number;
|
|
11
|
+
dragSensitivity?: number;
|
|
12
|
+
enlargeTransitionMs?: number;
|
|
13
|
+
grayscale?: boolean;
|
|
14
|
+
overlayBlurColor?: string;
|
|
15
|
+
imageBorderRadius?: string;
|
|
16
|
+
openedImageWidth?: string;
|
|
17
|
+
openedImageHeight?: string;
|
|
18
|
+
classList?: {
|
|
19
|
+
overallClass?: string;
|
|
20
|
+
Location?: {
|
|
21
|
+
position?: string;
|
|
22
|
+
width?: string;
|
|
23
|
+
height?: string;
|
|
24
|
+
left?: string;
|
|
25
|
+
top?: string;
|
|
26
|
+
};
|
|
27
|
+
};
|
|
28
|
+
};
|
|
29
|
+
declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
30
|
+
classList: {
|
|
31
|
+
overallClass?: string;
|
|
32
|
+
Location?: {
|
|
33
|
+
position?: string;
|
|
34
|
+
width?: string;
|
|
35
|
+
height?: string;
|
|
36
|
+
left?: string;
|
|
37
|
+
top?: string;
|
|
38
|
+
};
|
|
39
|
+
};
|
|
40
|
+
images: (string | ImageItem)[];
|
|
41
|
+
fit: number;
|
|
42
|
+
fitBasis: string;
|
|
43
|
+
minRadius: number;
|
|
44
|
+
overlayBlurColor: string;
|
|
45
|
+
dragSensitivity: number;
|
|
46
|
+
enlargeTransitionMs: number;
|
|
47
|
+
segments: number;
|
|
48
|
+
openedImageWidth: string;
|
|
49
|
+
openedImageHeight: string;
|
|
50
|
+
imageBorderRadius: string;
|
|
51
|
+
grayscale: boolean;
|
|
52
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
53
|
+
export default _default;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'vue';
|
|
2
|
+
interface Props {
|
|
3
|
+
images: string[];
|
|
4
|
+
class?: HTMLAttributes["class"];
|
|
5
|
+
}
|
|
6
|
+
declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
7
|
+
export default _default;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
interface Location {
|
|
2
|
+
position?: string;
|
|
3
|
+
width?: string;
|
|
4
|
+
height?: string;
|
|
5
|
+
left?: string;
|
|
6
|
+
top?: string;
|
|
7
|
+
}
|
|
8
|
+
interface ClassList {
|
|
9
|
+
overallClass?: string;
|
|
10
|
+
Location?: Location;
|
|
11
|
+
}
|
|
12
|
+
type __VLS_Props = {
|
|
13
|
+
images: string[];
|
|
14
|
+
classList?: ClassList;
|
|
15
|
+
};
|
|
16
|
+
declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
17
|
+
export default _default;
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'vue';
|
|
2
|
+
interface ColorRGB {
|
|
3
|
+
r: number;
|
|
4
|
+
g: number;
|
|
5
|
+
b: number;
|
|
6
|
+
}
|
|
7
|
+
interface Props {
|
|
8
|
+
simResolution?: number;
|
|
9
|
+
dyeResolution?: number;
|
|
10
|
+
captureResolution?: number;
|
|
11
|
+
densityDissipation?: number;
|
|
12
|
+
velocityDissipation?: number;
|
|
13
|
+
pressure?: number;
|
|
14
|
+
pressureIterations?: number;
|
|
15
|
+
curl?: number;
|
|
16
|
+
splatRadius?: number;
|
|
17
|
+
splatForce?: number;
|
|
18
|
+
shading?: boolean;
|
|
19
|
+
colorUpdateSpeed?: number;
|
|
20
|
+
backColor?: ColorRGB;
|
|
21
|
+
transparent?: boolean;
|
|
22
|
+
class?: HTMLAttributes["class"];
|
|
23
|
+
}
|
|
24
|
+
declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
|
|
25
|
+
transparent: boolean;
|
|
26
|
+
simResolution: number;
|
|
27
|
+
dyeResolution: number;
|
|
28
|
+
captureResolution: number;
|
|
29
|
+
densityDissipation: number;
|
|
30
|
+
velocityDissipation: number;
|
|
31
|
+
pressure: number;
|
|
32
|
+
pressureIterations: number;
|
|
33
|
+
curl: number;
|
|
34
|
+
splatRadius: number;
|
|
35
|
+
splatForce: number;
|
|
36
|
+
shading: boolean;
|
|
37
|
+
colorUpdateSpeed: number;
|
|
38
|
+
backColor: ColorRGB;
|
|
39
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
40
|
+
canvasRef: HTMLCanvasElement;
|
|
41
|
+
}, HTMLDivElement>;
|
|
42
|
+
export default _default;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
2
|
+
title: {
|
|
3
|
+
type: StringConstructor;
|
|
4
|
+
default: undefined;
|
|
5
|
+
};
|
|
6
|
+
classList: {
|
|
7
|
+
type: ObjectConstructor;
|
|
8
|
+
default: () => {};
|
|
9
|
+
};
|
|
10
|
+
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
11
|
+
title: {
|
|
12
|
+
type: StringConstructor;
|
|
13
|
+
default: undefined;
|
|
14
|
+
};
|
|
15
|
+
classList: {
|
|
16
|
+
type: ObjectConstructor;
|
|
17
|
+
default: () => {};
|
|
18
|
+
};
|
|
19
|
+
}>> & Readonly<{}>, {
|
|
20
|
+
title: string;
|
|
21
|
+
classList: Record<string, any>;
|
|
22
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
|
|
23
|
+
export default _default;
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
2
|
+
title: {
|
|
3
|
+
type: StringConstructor;
|
|
4
|
+
default: undefined;
|
|
5
|
+
};
|
|
6
|
+
class: {
|
|
7
|
+
type: StringConstructor;
|
|
8
|
+
default: undefined;
|
|
9
|
+
};
|
|
10
|
+
classList: {
|
|
11
|
+
type: ObjectConstructor;
|
|
12
|
+
default: () => {};
|
|
13
|
+
};
|
|
14
|
+
events: {
|
|
15
|
+
type: ObjectConstructor;
|
|
16
|
+
default: () => {
|
|
17
|
+
emitEventName: undefined;
|
|
18
|
+
emitPayload: undefined;
|
|
19
|
+
postToWebview: boolean;
|
|
20
|
+
};
|
|
21
|
+
};
|
|
22
|
+
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
23
|
+
click: (...args: any[]) => void;
|
|
24
|
+
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
25
|
+
title: {
|
|
26
|
+
type: StringConstructor;
|
|
27
|
+
default: undefined;
|
|
28
|
+
};
|
|
29
|
+
class: {
|
|
30
|
+
type: StringConstructor;
|
|
31
|
+
default: undefined;
|
|
32
|
+
};
|
|
33
|
+
classList: {
|
|
34
|
+
type: ObjectConstructor;
|
|
35
|
+
default: () => {};
|
|
36
|
+
};
|
|
37
|
+
events: {
|
|
38
|
+
type: ObjectConstructor;
|
|
39
|
+
default: () => {
|
|
40
|
+
emitEventName: undefined;
|
|
41
|
+
emitPayload: undefined;
|
|
42
|
+
postToWebview: boolean;
|
|
43
|
+
};
|
|
44
|
+
};
|
|
45
|
+
}>> & Readonly<{
|
|
46
|
+
onClick?: ((...args: any[]) => any) | undefined;
|
|
47
|
+
}>, {
|
|
48
|
+
class: string;
|
|
49
|
+
title: string;
|
|
50
|
+
classList: Record<string, any>;
|
|
51
|
+
events: Record<string, any>;
|
|
52
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
|
|
53
|
+
buttonRef: HTMLButtonElement;
|
|
54
|
+
}, HTMLButtonElement>;
|
|
55
|
+
export default _default;
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'vue';
|
|
2
|
+
type __VLS_Props = {
|
|
3
|
+
defaultValue?: string | number;
|
|
4
|
+
modelValue?: string | number;
|
|
5
|
+
placeholder?: string;
|
|
6
|
+
class?: HTMLAttributes["class"];
|
|
7
|
+
containerClass?: HTMLAttributes["class"];
|
|
8
|
+
classList?: {
|
|
9
|
+
overallClass?: string;
|
|
10
|
+
containerClass?: string;
|
|
11
|
+
inputClass?: string;
|
|
12
|
+
Location?: {
|
|
13
|
+
position?: string;
|
|
14
|
+
width?: string;
|
|
15
|
+
height?: string;
|
|
16
|
+
left?: string;
|
|
17
|
+
top?: string;
|
|
18
|
+
};
|
|
19
|
+
};
|
|
20
|
+
};
|
|
21
|
+
declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
22
|
+
"update:modelValue": (payload: string | number) => any;
|
|
23
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
24
|
+
"onUpdate:modelValue"?: ((payload: string | number) => any) | undefined;
|
|
25
|
+
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
26
|
+
inputContainerRef: HTMLDivElement;
|
|
27
|
+
}, any>;
|
|
28
|
+
export default _default;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { IconCloudProps } from './index';
|
|
2
|
+
declare const _default: import('vue').DefineComponent<IconCloudProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<IconCloudProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
3
|
+
canvasRef: HTMLCanvasElement;
|
|
4
|
+
}, HTMLCanvasElement>;
|
|
5
|
+
export default _default;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'vue';
|
|
2
|
+
export interface SphereIcon {
|
|
3
|
+
x: number;
|
|
4
|
+
y: number;
|
|
5
|
+
z: number;
|
|
6
|
+
scale: number;
|
|
7
|
+
opacity: number;
|
|
8
|
+
id: number;
|
|
9
|
+
}
|
|
10
|
+
export interface IconCloudProps {
|
|
11
|
+
class?: HTMLAttributes["class"];
|
|
12
|
+
images?: string[];
|
|
13
|
+
}
|
|
14
|
+
export { default as IconCloud } from './IconCloud.vue';
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
interface Props {
|
|
2
|
+
slugs?: string[];
|
|
3
|
+
useColorSlugAsColor?: boolean;
|
|
4
|
+
classList?: {
|
|
5
|
+
overallClass?: string;
|
|
6
|
+
Location?: {
|
|
7
|
+
position?: string;
|
|
8
|
+
width?: string;
|
|
9
|
+
height?: string;
|
|
10
|
+
left?: string;
|
|
11
|
+
top?: string;
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
}
|
|
15
|
+
declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
|
|
16
|
+
classList: {
|
|
17
|
+
overallClass?: string;
|
|
18
|
+
Location?: {
|
|
19
|
+
position?: string;
|
|
20
|
+
width?: string;
|
|
21
|
+
height?: string;
|
|
22
|
+
left?: string;
|
|
23
|
+
top?: string;
|
|
24
|
+
};
|
|
25
|
+
};
|
|
26
|
+
slugs: string[];
|
|
27
|
+
useColorSlugAsColor: boolean;
|
|
28
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
29
|
+
export default _default;
|
|
@@ -0,0 +1,121 @@
|
|
|
1
|
+
import { Mesh, Transform, Renderer, Camera, RenderTarget } from 'ogl';
|
|
2
|
+
import { CardTexturePair, TileGroupData } from './types';
|
|
3
|
+
import { CustomPostProcessShader } from './PostProcessShader';
|
|
4
|
+
import { EventHandler } from './EventHandler';
|
|
5
|
+
import { GridManager } from './GridManager';
|
|
6
|
+
/**
|
|
7
|
+
* Interface defining the required properties that the DisposalManager
|
|
8
|
+
* needs to access from the main InfiniteGrid class for cleanup
|
|
9
|
+
*/
|
|
10
|
+
export interface DisposableHost {
|
|
11
|
+
animationFrameId: number | null;
|
|
12
|
+
eventHandler?: EventHandler;
|
|
13
|
+
gridManager: GridManager;
|
|
14
|
+
scene: Transform;
|
|
15
|
+
camera: Camera | null;
|
|
16
|
+
renderer: Renderer | null;
|
|
17
|
+
postProcessShader: CustomPostProcessShader | null;
|
|
18
|
+
sceneRenderTarget: RenderTarget | null;
|
|
19
|
+
groupObjects: Transform[];
|
|
20
|
+
foregroundMeshMap: Map<string, Mesh>;
|
|
21
|
+
backgroundMeshMap: Map<string, Mesh>;
|
|
22
|
+
cardTextures: CardTexturePair[];
|
|
23
|
+
staticUniforms: Map<string, any>;
|
|
24
|
+
tileGroupsData: TileGroupData[];
|
|
25
|
+
raycast: any;
|
|
26
|
+
pointer: any;
|
|
27
|
+
scrollTracker: any;
|
|
28
|
+
container: HTMLElement;
|
|
29
|
+
} /**
|
|
30
|
+
* DisposalManager handles the complete cleanup of InfiniteGrid resources
|
|
31
|
+
*
|
|
32
|
+
* This class provides a systematic approach to disposing of all resources
|
|
33
|
+
* used by the infinite grid system, ensuring no memory leaks occur when
|
|
34
|
+
* the grid is no longer needed.
|
|
35
|
+
*
|
|
36
|
+
* The disposal process follows this order:
|
|
37
|
+
* 1. Stop animation loops
|
|
38
|
+
* 2. Remove event listeners
|
|
39
|
+
* 3. Dispose 3D scene objects and materials
|
|
40
|
+
* 4. Clean up post-processing resources
|
|
41
|
+
* 5. Remove renderer and canvas
|
|
42
|
+
* 6. Clear data structures and references
|
|
43
|
+
* 7. Clean up animation systems
|
|
44
|
+
*/
|
|
45
|
+
export declare class DisposalManager {
|
|
46
|
+
private host;
|
|
47
|
+
/**
|
|
48
|
+
* Creates a new DisposalManager instance
|
|
49
|
+
* @param host - The main grid class that provides resources to dispose
|
|
50
|
+
*/
|
|
51
|
+
constructor(host: DisposableHost);
|
|
52
|
+
/**
|
|
53
|
+
* Performs complete disposal of all grid resources
|
|
54
|
+
*
|
|
55
|
+
* This method should be called when the grid is no longer needed,
|
|
56
|
+
* such as when navigating away from the page or unmounting a component.
|
|
57
|
+
*
|
|
58
|
+
* @example
|
|
59
|
+
* ```typescript
|
|
60
|
+
* // In a Vue component's onBeforeUnmount
|
|
61
|
+
* onBeforeUnmount(() => {
|
|
62
|
+
* if (gridInstance) {
|
|
63
|
+
* disposalManager.dispose();
|
|
64
|
+
* }
|
|
65
|
+
* });
|
|
66
|
+
* ```
|
|
67
|
+
*/
|
|
68
|
+
dispose(): void;
|
|
69
|
+
/**
|
|
70
|
+
* Cancels the main animation frame loop
|
|
71
|
+
*/
|
|
72
|
+
private stopAnimationLoop;
|
|
73
|
+
/**
|
|
74
|
+
* Removes all event listeners through the EventHandler
|
|
75
|
+
*/
|
|
76
|
+
private cleanupEventListeners;
|
|
77
|
+
/**
|
|
78
|
+
* Clears the grid manager and all its managed resources
|
|
79
|
+
*/
|
|
80
|
+
private cleanupGridManager;
|
|
81
|
+
/**
|
|
82
|
+
* Disposes all 3D scene objects including meshes, geometries, and programs
|
|
83
|
+
*/
|
|
84
|
+
private disposeSceneObjects;
|
|
85
|
+
/**
|
|
86
|
+
* Recursively disposes a Transform and all its children
|
|
87
|
+
* @param transform - The transform to dispose
|
|
88
|
+
*/
|
|
89
|
+
private disposeTransformAndChildren;
|
|
90
|
+
/**
|
|
91
|
+
* Disposes a single mesh and its resources
|
|
92
|
+
* @param mesh - The mesh to dispose
|
|
93
|
+
*/
|
|
94
|
+
private disposeMesh;
|
|
95
|
+
/**
|
|
96
|
+
* Disposes post-processing resources
|
|
97
|
+
*/
|
|
98
|
+
private disposePostProcessing;
|
|
99
|
+
/**
|
|
100
|
+
* Disposes the renderer and removes canvas from DOM
|
|
101
|
+
*/
|
|
102
|
+
private disposeRenderer;
|
|
103
|
+
/**
|
|
104
|
+
* Clears all data structures and maps
|
|
105
|
+
*/
|
|
106
|
+
private clearDataStructures;
|
|
107
|
+
/**
|
|
108
|
+
* Cleans up GSAP animations and trackers
|
|
109
|
+
*/
|
|
110
|
+
private cleanupAnimationSystems;
|
|
111
|
+
/**
|
|
112
|
+
* Performs a partial cleanup that preserves the core structure
|
|
113
|
+
* but clears dynamic content. Useful for reinitialization scenarios.
|
|
114
|
+
*/
|
|
115
|
+
partialCleanup(): void;
|
|
116
|
+
/**
|
|
117
|
+
* Validates that all resources have been properly disposed
|
|
118
|
+
* Useful for debugging memory leaks
|
|
119
|
+
*/
|
|
120
|
+
validateDisposal(): boolean;
|
|
121
|
+
}
|