troncell-vue-component 1.0.0

package/dist/types/components/InfiniteGridComp/component/types.d.ts

@@ -0,0 +1,122 @@
+import { Texture, Vec3 } from 'ogl';
+/**
+ * Represents the data structure for a single card/tile in the grid
+ */
+export interface CardData {
+    /** The main title text displayed on the card */
+    title: string;
+    /** Badge text (currently not implemented in rendering) */
+    badge: string;
+    /** Detailed description text (optional) */
+    description?: string;
+    /** Array of tag strings displayed as pills at the bottom */
+    tags: string[];
+    /** Date string displayed in the bottom-right corner */
+    date: string;
+    /** Optional image URL for the card's main image */
+    image?: string;
+}
+/**
+ * Configuration parameters for post-processing visual effects
+ */
+export interface PostProcessParams {
+    /** Intensity of the barrel/pincushion distortion effect (0 = no distortion) */
+    distortionIntensity?: number;
+    /** Offset value for the vignette effect (higher = smaller dark area) */
+    vignetteOffset?: number;
+    /** Darkness intensity of the vignette effect (higher = darker edges) */
+    vignetteDarkness?: number;
+}
+/**
+ * Configuration options for initializing the infinite grid
+ */
+export interface InfiniteGridOptions {
+    /** Number of columns in each grid section (default: 3) */
+    gridCols?: number;
+    /** Number of rows in each grid section (default: 3) */
+    gridRows?: number;
+    /** Gap between tiles in Three.js units (default: 0) */
+    gridGap?: number;
+    /** Size of each tile in Three.js units (default: 3) */
+    tileSize?: number;
+    /** Base Z position of the camera (default: 10) */
+    baseCameraZ?: number;
+    /** Whether to enable post-processing effects (default: true) */
+    enablePostProcessing: boolean;
+    /** Parameters for post-processing effects */
+    postProcessParams: PostProcessParams;
+}
+/**
+ * Simple 2D coordinate structure
+ */
+export interface Position2D {
+    /** X coordinate */
+    x: number;
+    /** Y coordinate */
+    y: number;
+}
+/**
+ * Tracks the current scroll state and behavior
+ */
+export interface ScrollState {
+    /** Scaling factor for scroll sensitivity */
+    scale: number;
+    /** Current scroll position */
+    current: Position2D;
+    /** Previous scroll position for delta calculations */
+    last: Position2D;
+}
+/**
+ * Data structure for each group of tiles (3x3 groups create infinite effect)
+ */
+export interface TileGroupData {
+    /** Base 3D position of the group in world space */
+    basePos: Vec3;
+    /** Additional offset for infinite scrolling wrapping */
+    offset: Position2D;
+}
+/**
+ * User data attached to each tile mesh for identification
+ */
+export interface TileUserData {
+    /** Index of the tile group this tile belongs to */
+    groupIndex: number;
+    /** Index of the tile within its group */
+    tileIndex: number;
+    /** Unique string identifier for the tile */
+    tileKey: string;
+}
+/**
+ * Event detail passed when a tile is clicked
+ */
+export interface TileClickEventDetail {
+    /** Index of the clicked tile's group */
+    groupIndex: number;
+    /** Index of the clicked tile within its group */
+    tileIndex: number;
+    /** The card data associated with the clicked tile */
+    cardData: CardData;
+}
+/**
+ * Pair of textures for each card (foreground content + background blur)
+ */
+export interface CardTexturePair {
+    /** Canvas texture containing the card's main content */
+    foreground: Texture | null;
+    /** Canvas texture containing the blurred background image */
+    background: Texture | null;
+}
+/**
+ * Camera viewport dimensions in world space
+ */
+export interface Viewport {
+    /** Width of the viewport in world units */
+    width: number;
+    /** Height of the viewport in world units */
+    height: number;
+}
+declare global {
+    interface HTMLElementEventMap {
+        tileClicked: CustomEvent<TileClickEventDetail>;
+    }
+}

package/dist/types/components/InfiniteGridComp/index.vue.d.ts

@@ -0,0 +1,47 @@
+interface CardData {
+    title: string;
+    badge: string;
+    image: string;
+    description: string;
+    tags: string[];
+    date: string;
+}
+interface Props {
+    cardData?: CardData[];
+    loadingText?: string;
+    buttonText?: string;
+    classList?: {
+        overallClass?: string;
+        gridClass?: string;
+        loadingClass?: string;
+        buttonClass?: string;
+        Location?: {
+            position?: string;
+            width?: string;
+            height?: string;
+            left?: string;
+            top?: string;
+        };
+    };
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    classList: {
+        overallClass?: string;
+        gridClass?: string;
+        loadingClass?: string;
+        buttonClass?: string;
+        Location?: {
+            position?: string;
+            width?: string;
+            height?: string;
+            left?: string;
+            top?: string;
+        };
+    };
+    buttonText: string;
+    cardData: CardData[];
+    loadingText: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    el: HTMLDivElement;
+}, any>;
+export default _default;

package/dist/types/components/InfiniteMenuComp/component/InfiniteMenu.vue.d.ts

@@ -0,0 +1,13 @@
+type InfiniteMenuItem = {
+    image: string;
+    link?: string;
+    title?: string;
+    description?: string;
+};
+type InfiniteMenuProps = {
+    items?: InfiniteMenuItem[];
+};
+declare const _default: import('vue').DefineComponent<InfiniteMenuProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<InfiniteMenuProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    canvasRef: HTMLCanvasElement;
+}, HTMLDivElement>;
+export default _default;

package/dist/types/components/InfiniteMenuComp/index.vue.d.ts

@@ -0,0 +1,33 @@
+interface MenuItem {
+    image: string;
+    title?: string;
+    description?: string;
+    link?: string;
+}
+type __VLS_Props = {
+    items?: MenuItem[];
+    classList?: {
+        overallClass?: string;
+        Location?: {
+            position?: string;
+            width?: string;
+            height?: string;
+            left?: string;
+            top?: string;
+        };
+    };
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    classList: {
+        overallClass?: string;
+        Location?: {
+            position?: string;
+            width?: string;
+            height?: string;
+            left?: string;
+            top?: string;
+        };
+    };
+    items: MenuItem[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/types/components/InspiraImageParticlesComp/component/inspiraImageParticles.d.ts

@@ -0,0 +1,107 @@
+export function inspiraImageParticles(): {
+    InspiraImageParticle: {
+        new (optionsParam: any): {
+            state: string;
+            touches: any[];
+            on(event: any, fn: any): void;
+            events: any;
+            emit(event: any, params: any): void;
+            get renderer(): any;
+            set renderer(value: any);
+            _renderer: any;
+            _draw: any;
+            set color(value: any);
+            colorArr: any;
+            start(optionsParam: any): void;
+            initPosition: any;
+            initDirection: any;
+            stop(optionsParam: any): void;
+            fadePosition: any;
+            fadeDirection: any;
+            _animate(): void;
+            get _mouseHandler(): (e: any) => void;
+            get _clickHandler(): (e: any) => void;
+            get _touchHandler(): (e: any) => void;
+            get _clearTouches(): (e: any) => void;
+            _onImageLoaded(options: any): void;
+            imageWidth: number | undefined;
+            imageHeight: number | undefined;
+            imageRatio: number | undefined;
+            width: any;
+            height: any;
+            renderSize: number | undefined;
+            _initImage(options: any): void;
+            srcImage: any;
+            imageUrl: any;
+            image: HTMLImageElement | undefined;
+            wrapperElement: any;
+            _initContext(options: any): void;
+            canvas: any;
+            context: any;
+            _defaultInitContext(options: any): void;
+            _webglInitContext(): void;
+            fragmentShaderScript: string | undefined;
+            vertexShaderScript: string | undefined;
+            program: any;
+            vertexPosition: any;
+            vertexColor: any;
+            vertexBuffer: any;
+            vertexOffset: any;
+            uModelViewMatrix: any;
+            uPerspectiveMatrix: any;
+            uRotationMatrix: any;
+            uPointSize: any;
+            uDepth: any;
+            _webglSetAttributes(): void;
+            _updateRotation(): void;
+            _webglRenderer(): void;
+            _initSettings(options: any): void;
+            maxWidth: any;
+            maxHeight: any;
+            minWidth: any;
+            minHeight: any;
+            alphaFade: number | undefined;
+            gravity: number | undefined;
+            particleGap: number | undefined;
+            particleSize: number | undefined;
+            layerCount: number | undefined;
+            depth: number | undefined;
+            rotationDuration: number | undefined;
+            growDuration: number | undefined;
+            waitDuration: number | undefined;
+            shrinkDuration: number | undefined;
+            shrinkDistance: number | undefined;
+            threeDimensional: boolean | undefined;
+            lifeCycle: boolean | undefined;
+            layerDistance: any;
+            noise: number | undefined;
+            disableInteraction: any;
+            mouseForce: number | undefined;
+            clickStrength: number | undefined;
+            _initResponsive(options: any): void;
+            responsiveWidth: any;
+            _calculate(): void;
+            vertices: boolean | never[] | undefined;
+            _defaultRenderer(): void;
+            minZ: number | undefined;
+            maxZ: number | undefined;
+            _initParticles(): void;
+            particles: any[] | undefined;
+            _initParticlePosition(origin: any, particle: any): void;
+            _fade(): void;
+            _fadeOriginPosition(origin: any): void;
+            _initParticleDirection(particle: any): void;
+            _fadeOriginDirection(particle: any): void;
+            _initOrigins(): void;
+            ratio: number | undefined;
+            renderWidth: any;
+            renderHeight: any;
+            offsetX: number | undefined;
+            offsetY: number | undefined;
+            origins: any[] | undefined;
+            speed: number | undefined;
+            gravityFactor: number | undefined;
+            _parseColor(strParam: any): number[] | undefined;
+        };
+    };
+};

package/dist/types/components/InspiraImageParticlesComp/index.vue.d.ts

@@ -0,0 +1,24 @@
+type ParticleImageProps = {
+    imageSrc: string;
+    class?: string;
+    classList?: any;
+    canvasWidth?: string;
+    canvasHeight?: string;
+    gravity?: string;
+    particleSize?: string;
+    particleGap?: string;
+    mouseForce?: string;
+    renderer?: "default" | "webgl";
+    color?: string;
+    colorArr?: number[];
+    initPosition?: "random" | "top" | "left" | "bottom" | "right" | "misplaced" | "none";
+    initDirection?: "random" | "top" | "left" | "bottom" | "right" | "none";
+    fadePosition?: "explode" | "top" | "left" | "bottom" | "right" | "random" | "none";
+    fadeDirection?: "random" | "top" | "left" | "bottom" | "right" | "none";
+    noise?: number;
+    responsiveWidth?: boolean;
+};
+declare const _default: import('vue').DefineComponent<ParticleImageProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ParticleImageProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    imageParticleRef: HTMLImageElement;
+}, HTMLDivElement>;
+export default _default;

package/dist/types/components/InteractiveGridPatternComp/component/InteractiveGridPattern.vue.d.ts

@@ -0,0 +1,14 @@
+import { HTMLAttributes } from 'vue';
+interface InteractiveGridPatternProps {
+    className?: HTMLAttributes["class"];
+    squaresClassName?: HTMLAttributes["class"];
+    width?: number;
+    height?: number;
+    squares?: [number, number];
+}
+declare const _default: import('vue').DefineComponent<InteractiveGridPatternProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<InteractiveGridPatternProps> & Readonly<{}>, {
+    width: number;
+    height: number;
+    squares: [number, number];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, SVGSVGElement>;
+export default _default;

package/dist/types/components/InteractiveGridPatternComp/index.vue.d.ts

@@ -0,0 +1,29 @@
+type __VLS_Props = {
+    classList?: {
+        overallClass?: string;
+        textClass?: string;
+        patternClass?: string;
+        Location?: {
+            position?: string;
+            width?: string;
+            height?: string;
+            left?: string;
+            top?: string;
+        };
+    };
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    classList: {
+        overallClass?: string;
+        textClass?: string;
+        patternClass?: string;
+        Location?: {
+            position?: string;
+            width?: string;
+            height?: string;
+            left?: string;
+            top?: string;
+        };
+    };
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/types/components/LightningComp/component/Lightning.vue.d.ts

@@ -0,0 +1,17 @@
+interface LightningProps {
+    hue?: number;
+    xOffset?: number;
+    speed?: number;
+    intensity?: number;
+    size?: number;
+}
+declare const _default: import('vue').DefineComponent<LightningProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<LightningProps> & Readonly<{}>, {
+    size: number;
+    speed: number;
+    intensity: number;
+    hue: number;
+    xOffset: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    canvasRef: HTMLCanvasElement;
+}, HTMLCanvasElement>;
+export default _default;

package/dist/types/components/LightningComp/index.vue.d.ts

@@ -0,0 +1,35 @@
+type __VLS_Props = {
+    hue?: number;
+    xOffset?: number;
+    speed?: number;
+    intensity?: number;
+    size?: number;
+    classList?: {
+        overallClass?: string;
+        Location?: {
+            position?: string;
+            width?: string;
+            height?: string;
+            left?: string;
+            top?: string;
+        };
+    };
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    size: number;
+    classList: {
+        overallClass?: string;
+        Location?: {
+            position?: string;
+            width?: string;
+            height?: string;
+            left?: string;
+            top?: string;
+        };
+    };
+    speed: number;
+    intensity: number;
+    hue: number;
+    xOffset: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/types/components/LinkPreviewComp/component/LinkPreview.vue.d.ts

@@ -0,0 +1,19 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {
+        preview: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, import('vue').PublicProps>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/components/LinkPreviewComp/index.vue.d.ts

@@ -0,0 +1,11 @@
+declare const _default: import('vue').DefineComponent<{}, {
+    classList: Record<string, any>;
+    firstParagraph: Record<string, any>;
+    secondParagraph: Record<string, any>;
+    $props: {
+        readonly classList?: Record<string, any> | undefined;
+        readonly firstParagraph?: Record<string, any> | undefined;
+        readonly secondParagraph?: Record<string, any> | undefined;
+    };
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;

package/dist/types/components/MagnifyingGlassComp/component/Beams.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, SVGSVGElement>;
+export default _default;

package/dist/types/components/MagnifyingGlassComp/component/Lens.vue.d.ts

@@ -0,0 +1,45 @@
+interface LensProps {
+    zoomFactor?: number;
+    lensSize?: number;
+    position?: {
+        x: number;
+        y: number;
+    };
+    isStatic?: boolean;
+    hovering?: boolean;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+        default?(_: {}): any;
+    };
+    refs: {
+        containerRef: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<LensProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "hover-update": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<LensProps> & Readonly<{
+    "onHover-update"?: ((value: boolean) => any) | undefined;
+}>, {
+    position: {
+        x: number;
+        y: number;
+    };
+    isStatic: boolean;
+    zoomFactor: number;
+    lensSize: number;
+    hovering: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    containerRef: HTMLDivElement;
+}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/components/MagnifyingGlassComp/component/Rays.vue.d.ts

@@ -0,0 +1,5 @@
+interface Props {
+    class?: string;
+}
+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, {}, SVGSVGElement>;
+export default _default;

package/dist/types/components/MagnifyingGlassComp/index.vue.d.ts

@@ -0,0 +1,41 @@
+interface Props {
+    imageSrc?: string;
+    title1?: string;
+    title2?: string;
+    classList?: {
+        overallClass?: string;
+        innerContainerClass?: string;
+        imageClass?: string;
+        textContainerClass?: string;
+        title1Class?: string;
+        title2Class?: string;
+        Location?: {
+            position?: string;
+            width?: string;
+            height?: string;
+            left?: string;
+            top?: string;
+        };
+    };
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    imageSrc: string;
+    classList: {
+        overallClass?: string;
+        innerContainerClass?: string;
+        imageClass?: string;
+        textContainerClass?: string;
+        title1Class?: string;
+        title2Class?: string;
+        Location?: {
+            position?: string;
+            width?: string;
+            height?: string;
+            left?: string;
+            top?: string;
+        };
+    };
+    title1: string;
+    title2: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/types/components/MarqueeComp/component/Marquee.vue.d.ts

@@ -0,0 +1,28 @@
+type __VLS_Props = {
+    class?: string;
+    reverse?: boolean;
+    pauseOnHover?: boolean;
+    vertical?: boolean;
+    repeat?: number;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    repeat: number;
+    vertical: boolean;
+    pauseOnHover: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/components/MarqueeComp/component/ReviewCard.vue.d.ts

@@ -0,0 +1,8 @@
+interface Props {
+    img: string;
+    name: string;
+    username: string;
+    body: string;
+}
+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, {}, HTMLElement>;
+export default _default;

package/dist/types/components/MarqueeComp/index.vue.d.ts

@@ -0,0 +1,42 @@
+interface Review {
+    name: string;
+    username: string;
+    body: string;
+    img: string;
+}
+interface ClassList {
+    overallClass?: string;
+    marqueeClass?: string;
+    gradientLeftClass?: string;
+    gradientRightClass?: string;
+    Location?: {
+        position?: string;
+        width?: string;
+        height?: string;
+        left?: string;
+        top?: string;
+    };
+}
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    reviews: {
+        type: () => Review[];
+        default: () => never[];
+    };
+    classList: {
+        type: () => ClassList;
+        default: () => {};
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    reviews: {
+        type: () => Review[];
+        default: () => never[];
+    };
+    classList: {
+        type: () => ClassList;
+        default: () => {};
+    };
+}>> & Readonly<{}>, {
+    classList: ClassList;
+    reviews: Review[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;