@glyphcss/vue 0.0.1

package/dist/index.d.cts

@@ -0,0 +1,600 @@
+import { RenderMode, Vec3, GlyphcssAnimationTarget, GlyphcssAnimationMixer, GlyphcssAnimationClip, GlyphcssAnimationAction, ParseAnimationController } from '@glyphcss/core';
+export { ApproximateMergeOptions, ArrowPolygonsOptions, AutoRotateConfig, AutoRotateOption, AxesHelperOptions, BASE_TILE, CAMERA_BACKFACE_CULL_EPS, CameraCullNormalGroup, CameraCullRotation, CameraHandle, CameraState, CameraStyleInput, CoverPlanarPolygonsOptions, CullInteriorOptions, DEFAULT_CAMERA_STATE, DEFAULT_PROJECTION, GltfParseOptions, GlyphcssAmbientLight, GlyphcssAnimationAction, GlyphcssAnimationClip, GlyphcssAnimationMixer, GlyphcssAnimationTarget, GlyphcssDirectionalLight, LoadMeshOptions, LoopMode, LoopOnce, LoopPingPong, LoopRepeat, MtlParseResult, NormalizeResult, ObjParseOptions, OctahedronPolygonsOptions, OptimizeMeshPolygonsOptions, ParseAnimationClip, ParseAnimationController, ParseResult, ParsedColor, Polygon, PolygonFace, RingPolygonsOptions, SceneBbox, SceneContext, SceneContextBuildArgs, SceneContextBuildResult, SolidTextureSampleOptions, TextureTriangle, VOXEL_CAMERA_CULL_AXIS_EPS, VOXEL_CAMERA_CULL_NORMAL_LIMIT, Vec2, Vec3, VoxParseOptions, arrowPolygons, axesHelperPolygons, bakeSolidTextureSampledPolygons, bakeSolidTextureSamples, buildSceneContext, cameraCullNormalGroups, cameraCullNormalGroupsFromPolygons, cameraCullNormalKey, cameraCullVisibleSignature, cameraFacingDepth, clampChannel, computeSceneBbox, computeShapeLighting, coverPlanarPolygons, createGlyphcssAnimationMixer, createIsometricCamera, cullInteriorPolygons, formatColor, inverseRotateVec3, isAxisAlignedSurfaceNormal, isVoxelCameraCullableNormalGroups, loadMesh, mergePolygons, normalFacesCamera, normalizeInvertMultiplier, normalizePolygons, octahedronPolygons, optimizeMeshPolygons, parseColor, parseGltf, parseHexColor, parseMtl, parseObj, parsePureColor, parseRgbColor, parseVox, polygonCssSurfaceNormal, polygonFaces, polygonFacesCamera, ringPolygons, rotateVec3, shadeColor } from '@glyphcss/core';
+import * as vue from 'vue';
+import { PropType, InjectionKey, ShallowRef, Ref, ComputedRef, MaybeRef } from 'vue';
+import { GlyphcssDirectionalLight, GlyphcssAmbientLight, GlyphcssTriangle, GlyphcssSceneHandle, GlyphcssCamera } from 'glyphcss';
+export { injectGlyphcssBaseStyles } from 'glyphcss';
+
+interface GlyphcssSceneProps {
+    mode?: RenderMode;
+    glyphPalette?: string;
+    useColors?: boolean;
+    cols?: number;
+    rows?: number;
+    cellAspect?: number;
+    directionalLight?: GlyphcssDirectionalLight;
+    ambientLight?: GlyphcssAmbientLight;
+    class?: string;
+}
+declare const GlyphcssScene: vue.DefineComponent<vue.ExtractPropTypes<{
+    mode: {
+        type: PropType<RenderMode>;
+        default: undefined;
+    };
+    glyphPalette: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    useColors: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    cols: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    rows: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    cellAspect: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    directionalLight: {
+        type: PropType<GlyphcssDirectionalLight>;
+        default: undefined;
+    };
+    ambientLight: {
+        type: PropType<GlyphcssAmbientLight>;
+        default: undefined;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    mode: {
+        type: PropType<RenderMode>;
+        default: undefined;
+    };
+    glyphPalette: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    useColors: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    cols: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    rows: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    cellAspect: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    directionalLight: {
+        type: PropType<GlyphcssDirectionalLight>;
+        default: undefined;
+    };
+    ambientLight: {
+        type: PropType<GlyphcssAmbientLight>;
+        default: undefined;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    mode: RenderMode;
+    glyphPalette: string;
+    useColors: boolean;
+    cols: number;
+    rows: number;
+    cellAspect: number;
+    directionalLight: GlyphcssDirectionalLight;
+    ambientLight: GlyphcssAmbientLight;
+    class: string;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+interface GlyphcssMeshProps {
+    id?: string;
+    triangles?: GlyphcssTriangle[];
+    position?: Vec3;
+    scale?: number | Vec3;
+    rotation?: Vec3;
+    class?: string;
+}
+declare const GlyphcssMesh: vue.DefineComponent<vue.ExtractPropTypes<{
+    id: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    triangles: {
+        type: PropType<GlyphcssTriangle[]>;
+        default: () => never[];
+    };
+    position: {
+        type: PropType<Vec3>;
+        default: undefined;
+    };
+    scale: {
+        type: PropType<number | Vec3>;
+        default: undefined;
+    };
+    rotation: {
+        type: PropType<Vec3>;
+        default: undefined;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    id: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    triangles: {
+        type: PropType<GlyphcssTriangle[]>;
+        default: () => never[];
+    };
+    position: {
+        type: PropType<Vec3>;
+        default: undefined;
+    };
+    scale: {
+        type: PropType<number | Vec3>;
+        default: undefined;
+    };
+    rotation: {
+        type: PropType<Vec3>;
+        default: undefined;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    class: string;
+    id: string;
+    triangles: GlyphcssTriangle[];
+    position: Vec3;
+    scale: number | Vec3;
+    rotation: Vec3;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+interface GlyphcssHotspotProps {
+    id: string;
+    at: Vec3;
+    size?: [number, number];
+}
+declare const GlyphcssHotspot: vue.DefineComponent<vue.ExtractPropTypes<{
+    id: {
+        type: StringConstructor;
+        required: true;
+    };
+    at: {
+        type: PropType<Vec3>;
+        required: true;
+    };
+    size: {
+        type: PropType<[number, number]>;
+        default: undefined;
+    };
+}>, () => null, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, "click"[], "click", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    id: {
+        type: StringConstructor;
+        required: true;
+    };
+    at: {
+        type: PropType<Vec3>;
+        required: true;
+    };
+    size: {
+        type: PropType<[number, number]>;
+        default: undefined;
+    };
+}>> & Readonly<{
+    onClick?: ((...args: any[]) => any) | undefined;
+}>, {
+    size: [number, number];
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+interface GlyphcssSceneContextValue {
+    sceneRef: ShallowRef<GlyphcssSceneHandle | null>;
+}
+declare const GlyphcssSceneContextKey: InjectionKey<GlyphcssSceneContextValue>;
+
+declare function useGlyphcssSceneContext(): GlyphcssSceneContextValue;
+
+interface GlyphcssPerspectiveCameraProps {
+    rotX?: number;
+    rotY?: number;
+    distance?: number;
+    scale?: number;
+    stretch?: number;
+    center?: [number, number];
+}
+declare const GlyphcssPerspectiveCamera: vue.DefineComponent<vue.ExtractPropTypes<{
+    rotX: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    rotY: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    distance: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    scale: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    stretch: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    center: {
+        type: PropType<[number, number]>;
+        default: undefined;
+    };
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>[] | null, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    rotX: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    rotY: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    distance: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    scale: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    stretch: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    center: {
+        type: PropType<[number, number]>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    scale: number;
+    rotX: number;
+    rotY: number;
+    distance: number;
+    stretch: number;
+    center: [number, number];
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+interface GlyphcssOrthographicCameraProps {
+    rotX?: number;
+    rotY?: number;
+    zoom?: number;
+    center?: [number, number];
+}
+declare const GlyphcssOrthographicCamera: vue.DefineComponent<vue.ExtractPropTypes<{
+    rotX: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    rotY: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    zoom: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    center: {
+        type: PropType<[number, number]>;
+        default: undefined;
+    };
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>[] | null, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    rotX: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    rotY: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    zoom: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    center: {
+        type: PropType<[number, number]>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    rotX: number;
+    rotY: number;
+    center: [number, number];
+    zoom: number;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+interface GlyphcssCameraContextValue {
+    cameraRef: ShallowRef<GlyphcssCamera | null>;
+    rerender: () => void;
+}
+declare const GlyphcssCameraContextKey: InjectionKey<GlyphcssCameraContextValue>;
+
+declare function useGlyphcssCamera(): GlyphcssCameraContextValue;
+
+interface GlyphcssOrbitControlsProps {
+    drag?: boolean;
+    wheel?: boolean;
+    invert?: boolean | number;
+    animate?: false | {
+        speed?: number;
+        axis?: "x" | "y";
+        pauseOnInteraction?: boolean;
+    };
+}
+declare const GlyphcssOrbitControls: vue.DefineComponent<vue.ExtractPropTypes<{
+    drag: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    wheel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    invert: {
+        type: () => boolean | number;
+        default: boolean;
+    };
+    animate: {
+        type: () => false | {
+            speed?: number;
+            axis?: "x" | "y";
+            pauseOnInteraction?: boolean;
+        };
+        default: boolean;
+    };
+}>, () => null, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    drag: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    wheel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    invert: {
+        type: () => boolean | number;
+        default: boolean;
+    };
+    animate: {
+        type: () => false | {
+            speed?: number;
+            axis?: "x" | "y";
+            pauseOnInteraction?: boolean;
+        };
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    drag: boolean;
+    wheel: boolean;
+    invert: number | boolean;
+    animate: false | {
+        speed?: number;
+        axis?: "x" | "y";
+        pauseOnInteraction?: boolean;
+    };
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+interface GlyphcssMapControlsProps {
+    drag?: boolean;
+    wheel?: boolean;
+    invert?: boolean | number;
+    animate?: false | {
+        speed?: number;
+        axis?: "x" | "y";
+        pauseOnInteraction?: boolean;
+    };
+}
+declare const GlyphcssMapControls: vue.DefineComponent<vue.ExtractPropTypes<{
+    drag: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    wheel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    invert: {
+        type: () => boolean | number;
+        default: boolean;
+    };
+    animate: {
+        type: () => false | {
+            speed?: number;
+            axis?: "x" | "y";
+            pauseOnInteraction?: boolean;
+        };
+        default: boolean;
+    };
+}>, () => null, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    drag: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    wheel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    invert: {
+        type: () => boolean | number;
+        default: boolean;
+    };
+    animate: {
+        type: () => false | {
+            speed?: number;
+            axis?: "x" | "y";
+            pauseOnInteraction?: boolean;
+        };
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    drag: boolean;
+    wheel: boolean;
+    invert: number | boolean;
+    animate: false | {
+        speed?: number;
+        axis?: "x" | "y";
+        pauseOnInteraction?: boolean;
+    };
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+interface GlyphcssFirstPersonControlsProps {
+    drag?: boolean;
+    keyboard?: boolean;
+    moveSpeed?: number;
+    lookSpeed?: number;
+    invert?: boolean | number;
+}
+declare const GlyphcssFirstPersonControls: vue.DefineComponent<vue.ExtractPropTypes<{
+    drag: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    keyboard: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    moveSpeed: {
+        type: NumberConstructor;
+        default: number;
+    };
+    lookSpeed: {
+        type: NumberConstructor;
+        default: number;
+    };
+    invert: {
+        type: () => boolean | number;
+        default: boolean;
+    };
+}>, () => null, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    drag: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    keyboard: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    moveSpeed: {
+        type: NumberConstructor;
+        default: number;
+    };
+    lookSpeed: {
+        type: NumberConstructor;
+        default: number;
+    };
+    invert: {
+        type: () => boolean | number;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    drag: boolean;
+    invert: number | boolean;
+    keyboard: boolean;
+    moveSpeed: number;
+    lookSpeed: number;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+interface GlyphcssAxesHelperProps {
+    size?: number;
+}
+declare const GlyphcssAxesHelper: vue.DefineComponent<vue.ExtractPropTypes<{
+    size: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>, () => null, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    size: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>> & Readonly<{}>, {
+    size: number;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+interface GlyphcssDirectionalLightHelperProps {
+    position?: Vec3;
+    color?: string;
+    size?: number;
+}
+declare const GlyphcssDirectionalLightHelper: vue.DefineComponent<vue.ExtractPropTypes<{
+    position: {
+        type: PropType<Vec3>;
+        default: () => number[];
+    };
+    color: {
+        type: StringConstructor;
+        default: string;
+    };
+    size: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>, () => null, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    position: {
+        type: PropType<Vec3>;
+        default: () => number[];
+    };
+    color: {
+        type: StringConstructor;
+        default: string;
+    };
+    size: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>> & Readonly<{}>, {
+    position: Vec3;
+    size: number;
+    color: string;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+interface UseGlyphcssAnimationResultVue {
+    /** Attach to a mesh handle when not passing `root` directly. */
+    ref: Ref<GlyphcssAnimationTarget | null>;
+    /** The active mixer, or null if inputs are not ready yet. */
+    mixer: ComputedRef<GlyphcssAnimationMixer | null>;
+    /** Resolved clip list. */
+    clips: ComputedRef<GlyphcssAnimationClip[]>;
+    /** Clip names in input order. */
+    names: ComputedRef<string[]>;
+    /**
+     * Lazy action proxy keyed by clip name. Accessing `actions.value["walk"]`
+     * instantiates the action via the mixer. Returns null when mixer is null.
+     */
+    actions: ComputedRef<Record<string, GlyphcssAnimationAction | null>>;
+}
+declare function useGlyphcssAnimation(clips: MaybeRef<GlyphcssAnimationClip[] | undefined>, controller: MaybeRef<ParseAnimationController | undefined>, root?: MaybeRef<GlyphcssAnimationTarget | null | undefined>): UseGlyphcssAnimationResultVue;
+
+export { GlyphcssAxesHelper, type GlyphcssAxesHelperProps, GlyphcssPerspectiveCamera as GlyphcssCamera, GlyphcssCameraContextKey, type GlyphcssCameraContextValue, type GlyphcssPerspectiveCameraProps as GlyphcssCameraProps, GlyphcssDirectionalLightHelper, type GlyphcssDirectionalLightHelperProps, GlyphcssFirstPersonControls, type GlyphcssFirstPersonControlsProps, GlyphcssHotspot, type GlyphcssHotspotProps, GlyphcssMapControls, type GlyphcssMapControlsProps, GlyphcssMesh, type GlyphcssMeshProps, GlyphcssOrbitControls, type GlyphcssOrbitControlsProps, GlyphcssOrthographicCamera, type GlyphcssOrthographicCameraProps, GlyphcssPerspectiveCamera, type GlyphcssPerspectiveCameraProps, GlyphcssScene, GlyphcssSceneContextKey, type GlyphcssSceneContextValue, type GlyphcssSceneProps, type UseGlyphcssAnimationResultVue, useGlyphcssAnimation, useGlyphcssCamera, useGlyphcssSceneContext };