@cosmicds/vue-toolkit 0.2.0 → 0.3.1

package/dist/src/components/CreditLogos.vue.d.ts

@@ -1,3 +1,23 @@
-export declare function render(_ctx: any, _cache: any, $props: any, $setup: any, $data: any, $options: any): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+declare const _default: import("vue").DefineComponent<{
+    visible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    logoSize: {
+        default: string;
+    };
+}, (_ctx: any, _cache: any) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>;
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    visible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    logoSize: {
+        default: string;
+    };
+}>>, {
+    visible: boolean;
+    logoSize: string;
+}, {}>;
+export default _default;

package/dist/src/components/FundingAcknowledgement.vue.d.ts

@@ -0,0 +1,21 @@
+declare const _default: import("vue").DefineComponent<{
+    color: {
+        default: string;
+    };
+    backgroundColor: {
+        default: string;
+    };
+}, (_ctx: any, _cache: any) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    color: {
+        default: string;
+    };
+    backgroundColor: {
+        default: string;
+    };
+}>>, {
+    backgroundColor: string;
+    color: string;
+}, {}>;
+export default _default;

package/dist/src/components/Gallery.vue.d.ts

@@ -1,3 +1,80 @@
-export declare function render(_ctx: any, _cache: any, $props: any, $setup: any, $data: any, $options: any): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+declare const _default: import("vue").DefineComponent<{
+    wtmlUrl: {};
+    columns: {
+        default: string;
+    };
+    width: {
+        default: string;
+    };
+    maxHeight: {
+        default: string;
+    };
+    title: {
+        default: string;
+    };
+    selectedColor: {
+        default: string;
+    };
+    singleSelect: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    highlightLastOnly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    previewIndex: {
+        default: number;
+    };
+    closedText: {
+        default: string;
+    };
+}, (_ctx: any, _cache: any) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>;
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "deselect" | "listAllSelected")[], "select" | "deselect" | "listAllSelected", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    wtmlUrl: {};
+    columns: {
+        default: string;
+    };
+    width: {
+        default: string;
+    };
+    maxHeight: {
+        default: string;
+    };
+    title: {
+        default: string;
+    };
+    selectedColor: {
+        default: string;
+    };
+    singleSelect: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    highlightLastOnly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    previewIndex: {
+        default: number;
+    };
+    closedText: {
+        default: string;
+    };
+}>> & {
+    onSelect?: ((...args: any[]) => any) | undefined;
+    onDeselect?: ((...args: any[]) => any) | undefined;
+    onListAllSelected?: ((...args: any[]) => any) | undefined;
+}, {
+    width: string;
+    title: string;
+    maxHeight: string;
+    columns: string;
+    selectedColor: string;
+    singleSelect: boolean;
+    highlightLastOnly: boolean;
+    previewIndex: number;
+    closedText: string;
+}, {}>;
+export default _default;

package/dist/src/components/GeolocationButton.vue.d.ts

@@ -0,0 +1,148 @@
+declare const _default: import("vue").DefineComponent<{
+    color: {
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        default: string;
+    };
+    density: {
+        default: string;
+    };
+    elevation: {
+        default: string;
+    };
+    hideButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showTextLabel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showCoords: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showTextProgress: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showProgressCircle: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    useTextButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    progressCircleSize: {
+        default: number;
+    };
+    label: {
+        default: string;
+    };
+    id: {};
+    trueIcon: {
+        default: string;
+    };
+    falseIcon: {
+        default: string;
+    };
+    backgroundColor: {
+        default: string;
+    };
+    showPermissions: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, (_ctx: any, _cache: any) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("error" | "geolocation" | "permission")[], "error" | "geolocation" | "permission", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    color: {
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        default: string;
+    };
+    density: {
+        default: string;
+    };
+    elevation: {
+        default: string;
+    };
+    hideButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showTextLabel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showCoords: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showTextProgress: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showProgressCircle: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    useTextButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    progressCircleSize: {
+        default: number;
+    };
+    label: {
+        default: string;
+    };
+    id: {};
+    trueIcon: {
+        default: string;
+    };
+    falseIcon: {
+        default: string;
+    };
+    backgroundColor: {
+        default: string;
+    };
+    showPermissions: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    onError?: ((...args: any[]) => any) | undefined;
+    onGeolocation?: ((...args: any[]) => any) | undefined;
+    onPermission?: ((...args: any[]) => any) | undefined;
+}, {
+    size: string;
+    backgroundColor: string;
+    color: string;
+    label: string;
+    disabled: boolean;
+    density: string;
+    elevation: string;
+    hideButton: boolean;
+    showTextLabel: boolean;
+    showCoords: boolean;
+    showTextProgress: boolean;
+    showProgressCircle: boolean;
+    useTextButton: boolean;
+    progressCircleSize: number;
+    trueIcon: string;
+    falseIcon: string;
+    showPermissions: boolean;
+}, {}>;
+export default _default;

package/dist/src/components/IconButton.vue.d.ts

@@ -1,3 +1,133 @@
-export declare function render(_ctx: any, _cache: any, $props: any, $setup: any, $data: any, $options: any): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+declare const _default: import("vue").DefineComponent<{
+    modelValue: {
+        type: BooleanConstructor;
+    };
+    faIcon: {};
+    mdIcon: {};
+    color: {
+        default: string;
+    };
+    focusColor: {
+        default: string;
+    };
+    backgroundColor: {
+        default: string;
+    };
+    boxShadow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    border: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    longPressTimeMs: {
+        default: number;
+    };
+    tooltipText: {};
+    tooltipLocation: {
+        default: string;
+    };
+    tooltipOnClick: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    tooltipOnFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    tooltipOnHover: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    tooltipOffset: {
+        default: number;
+    };
+    showTooltip: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    faSize: {
+        default: string;
+    };
+    mdSize: {
+        default: string;
+    };
+}, (_ctx: any, _cache: any) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>;
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "activate")[], "update:modelValue" | "activate", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: BooleanConstructor;
+    };
+    faIcon: {};
+    mdIcon: {};
+    color: {
+        default: string;
+    };
+    focusColor: {
+        default: string;
+    };
+    backgroundColor: {
+        default: string;
+    };
+    boxShadow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    border: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    longPressTimeMs: {
+        default: number;
+    };
+    tooltipText: {};
+    tooltipLocation: {
+        default: string;
+    };
+    tooltipOnClick: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    tooltipOnFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    tooltipOnHover: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    tooltipOffset: {
+        default: number;
+    };
+    showTooltip: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    faSize: {
+        default: string;
+    };
+    mdSize: {
+        default: string;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onActivate?: ((...args: any[]) => any) | undefined;
+}, {
+    backgroundColor: string;
+    border: boolean;
+    modelValue: boolean;
+    color: string;
+    focusColor: string;
+    boxShadow: boolean;
+    longPressTimeMs: number;
+    tooltipLocation: string;
+    tooltipOnClick: boolean;
+    tooltipOnFocus: boolean;
+    tooltipOnHover: boolean;
+    tooltipOffset: number;
+    showTooltip: boolean;
+    faSize: string;
+    mdSize: string;
+}, {}>;
+export default _default;

package/dist/src/components/LocationSelector.vue.d.ts

@@ -1,3 +1,140 @@
-export declare function render(_ctx: any, _cache: any, $props: any, $setup: any, $data: any, $options: any): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+import L from 'leaflet';
+import "leaflet/dist/leaflet.css";
+import { LeafletMapOptions } from "../types";
+declare const _default: import("vue").DefineComponent<{
+    activatorColor: {
+        default: string;
+    };
+    detectLocation: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modelValue: {
+        default: () => {
+            latitudeDeg: number;
+            longitudeDeg: number;
+        };
+    };
+    mapOptions: {
+        default: () => LeafletMapOptions;
+    };
+    initialPlace: {};
+    places: {
+        default: () => never[];
+    };
+    placeCircleOptions: {
+        default: () => L.CircleMarkerOptions;
+    };
+    placeSelectable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    selectable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    selectedCircleOptions: {
+        default: () => {
+            color: string;
+            fillColor: string;
+            fillOpacity: number;
+            radius: number;
+        };
+    };
+    selectionEvent: {
+        default: string;
+    };
+    worldRadii: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    geoJsonFiles: {
+        default: () => never[];
+    };
+    layers: {
+        default: () => never[];
+    };
+}, (_ctx: any, _cache: any) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>;
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("place" | "error" | "update:modelValue" | "mapReady")[], "place" | "error" | "update:modelValue" | "mapReady", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    activatorColor: {
+        default: string;
+    };
+    detectLocation: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modelValue: {
+        default: () => {
+            latitudeDeg: number;
+            longitudeDeg: number;
+        };
+    };
+    mapOptions: {
+        default: () => LeafletMapOptions;
+    };
+    initialPlace: {};
+    places: {
+        default: () => never[];
+    };
+    placeCircleOptions: {
+        default: () => L.CircleMarkerOptions;
+    };
+    placeSelectable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    selectable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    selectedCircleOptions: {
+        default: () => {
+            color: string;
+            fillColor: string;
+            fillOpacity: number;
+            radius: number;
+        };
+    };
+    selectionEvent: {
+        default: string;
+    };
+    worldRadii: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    geoJsonFiles: {
+        default: () => never[];
+    };
+    layers: {
+        default: () => never[];
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onPlace?: ((...args: any[]) => any) | undefined;
+    onError?: ((...args: any[]) => any) | undefined;
+    onMapReady?: ((...args: any[]) => any) | undefined;
+}, {
+    modelValue: {
+        latitudeDeg: number;
+        longitudeDeg: number;
+    };
+    activatorColor: string;
+    detectLocation: boolean;
+    mapOptions: LeafletMapOptions;
+    places: never[];
+    placeCircleOptions: L.CircleMarkerOptions;
+    placeSelectable: boolean;
+    selectable: boolean;
+    selectedCircleOptions: {
+        color: string;
+        fillColor: string;
+        fillOpacity: number;
+        radius: number;
+    };
+    selectionEvent: string;
+    worldRadii: boolean;
+    geoJsonFiles: never[];
+    layers: never[];
+}, {}>;
+export default _default;

package/dist/src/components/WwtHud.vue.d.ts

@@ -0,0 +1,69 @@
+declare const _default: import("vue").DefineComponent<{
+    location: {
+        default: () => {
+            top: string;
+            left: string;
+        };
+    };
+    offsetCenter: {
+        default: () => {
+            x: number;
+            y: number;
+        };
+    };
+    otherVariables: {
+        default: () => {};
+    };
+    fontSize: {
+        default: string;
+    };
+    backgroundColor: {
+        default: string;
+    };
+    textShadow: {
+        default: string;
+    };
+    store: {};
+}, (_ctx: any, _cache: any) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    location: {
+        default: () => {
+            top: string;
+            left: string;
+        };
+    };
+    offsetCenter: {
+        default: () => {
+            x: number;
+            y: number;
+        };
+    };
+    otherVariables: {
+        default: () => {};
+    };
+    fontSize: {
+        default: string;
+    };
+    backgroundColor: {
+        default: string;
+    };
+    textShadow: {
+        default: string;
+    };
+    store: {};
+}>>, {
+    location: {
+        top: string;
+        left: string;
+    };
+    offsetCenter: {
+        x: number;
+        y: number;
+    };
+    otherVariables: {};
+    fontSize: string;
+    backgroundColor: string;
+    textShadow: string;
+}, {}>;
+export default _default;

package/dist/src/composables.d.ts

@@ -0,0 +1,17 @@
+import { Ref } from "vue";
+export declare function useFullscreen(): Ref<boolean>;
+export interface WindowShape {
+    width: number;
+    height: number;
+}
+export declare const defaultWindowShape: {
+    width: number;
+    height: number;
+};
+export declare function useWindowShape(): {
+    windowShape: Ref<{
+        width: number;
+        height: number;
+    }>;
+    resizeObserver: ResizeObserver;
+};

package/dist/src/geolocation.d.ts

@@ -0,0 +1,25 @@
+import { Position } from "@capacitor/geolocation";
+export type PositionCoords = Position['coords'];
+export declare function useGeolocation(onStartup?: boolean): {
+    geolocation: import("vue").Ref<{
+        latitude: number;
+        longitude: number;
+        accuracy: number;
+        altitudeAccuracy: number | null | undefined;
+        altitude: number | null;
+        speed: number | null;
+        heading: number | null;
+    } | null>;
+    error: import("vue").Ref<{
+        readonly code: number;
+        readonly message: string;
+        readonly PERMISSION_DENIED: number;
+        readonly POSITION_UNAVAILABLE: number;
+        readonly TIMEOUT: number;
+    } | null>;
+    permissions: import("vue").Ref<string>;
+    permissionGranted: import("vue").Ref<boolean>;
+    hasPermissionsAPI: import("vue").Ref<boolean>;
+    handlePosition: (position: Position) => void;
+    geolocate: () => Promise<Position>;
+};

package/dist/src/index.d.ts

@@ -1,12 +1,15 @@
+import { BackgroundImageset, skyBackgroundImagesets } from "./background";
+import { useFullscreen, useWindowShape, WindowShape } from "./composables";
+import { PositionCoords, useGeolocation } from "./geolocation";
 import { KeyboardControlSettings } from "./keyboard";
-import MiniDSBase from "./components/MiniDSBase";
+import { useWWTKeyboardControls } from "./wwt-utils";
 import IconButton from "./components/IconButton.vue";
 import LocationSelector from "./components/LocationSelector.vue";
-import DefaultMiniCredits from "./components/DefaultMiniCredits.vue";
-import FundingAcknowledgment from "./components/FundingAcknowledgment.vue";
+import FundingAcknowledgement from "./components/FundingAcknowledgement.vue";
 import CreditLogos from "./components/CreditLogos.vue";
-import wwtHUD from "./components/wwtHUD.vue";
-import { BackgroundImageset, skyBackgroundImagesets } from "./background";
+import GeolocationButton from "./components/GeolocationButton.vue";
+import WwtHud from "./components/WwtHud.vue";
 import Gallery from "./components/Gallery.vue";
-import { API_BASE_URL, MINIDS_BASE_URL, R2D, D2R } from "./utils";
-export { BackgroundImageset, KeyboardControlSettings, MiniDSBase, Gallery, IconButton, LocationSelector, skyBackgroundImagesets, DefaultMiniCredits, FundingAcknowledgment, CreditLogos, wwtHUD, API_BASE_URL, MINIDS_BASE_URL, R2D, D2R };
+export { BackgroundImageset, KeyboardControlSettings, Gallery, IconButton, LocationSelector, skyBackgroundImagesets, useFullscreen, useWindowShape, WindowShape, FundingAcknowledgement, CreditLogos, GeolocationButton, WwtHud, PositionCoords, useGeolocation, useWWTKeyboardControls, };
+export * from "./types";
+export * from "./utils";

package/dist/src/keyboard.d.ts

@@ -30,6 +30,6 @@ export declare class KeyboardControlSettings {
         moveAmount?: number | undefined;
     });
     readonly actionTypes: readonly ["zoomIn", "zoomOut", "moveUp", "moveDown", "moveLeft", "moveRight"];
-    makeListener(actionName: KeyboardControlSettings["actionTypes"][number], action: () => void): (e: KeyboardEvent) => void;
+    makeListener(actionName: KeyboardControlSettings["actionTypes"][number], action: () => void): (event: KeyboardEvent) => void;
 }
 export {};