@myop/sdk 0.3.11 → 0.3.13

package/dist/module/host/myopLoader.d.ts

@@ -0,0 +1,84 @@
+/**
+ * Myop Loader - Shared loader/fallback UI for host frameworks
+ * Framework-agnostic implementation using pure DOM
+ */
+export declare const LOADER_GRADIENT = "linear-gradient(135deg, #FF8651 0%, #FFBEA8 50%, #A397F5 100%)";
+export declare const FALLBACK_GRADIENT = "linear-gradient(135deg, #9CA3AF 0%, #D1D5DB 50%, #E5E7EB 100%)";
+/**
+ * Creates the Myop logo SVG element
+ */
+export declare function createMyopLogoSvg(): SVGSVGElement;
+/**
+ * Returns the inline HTML string for the Myop logo SVG
+ */
+export declare function getMyopLogoHtml(): string;
+/**
+ * Returns the inline styles for the loader container
+ */
+export declare function getLoaderStyles(fadeDuration?: number): string;
+/**
+ * Returns the inline styles for the fallback container
+ */
+export declare function getFallbackStyles(): string;
+/**
+ * Creates a loader DOM element with the Myop branding
+ */
+export declare function createLoaderElement(fadeDuration?: number): HTMLDivElement;
+/**
+ * Creates a fallback DOM element with the Myop branding
+ */
+export declare function createFallbackElement(): HTMLDivElement;
+/**
+ * Returns the complete loader HTML as a string (for use in templates)
+ */
+export declare function getLoaderHtml(fadeDuration?: number): string;
+/**
+ * Returns the complete fallback HTML as a string (for use in templates)
+ */
+export declare function getFallbackHtml(): string;
+/**
+ * Interface for loader options used by host frameworks
+ */
+export interface MyopLoaderOptions {
+    /** Fade duration in milliseconds (default: 200) */
+    fadeDuration?: number;
+    /** Initial opacity (default: 1) */
+    opacity?: number;
+}
+/**
+ * CSS-in-JS style objects for frameworks that support them
+ */
+export declare const loaderStyleObject: {
+    position: "absolute";
+    top: number;
+    left: number;
+    right: number;
+    bottom: number;
+    zIndex: number;
+    background: string;
+    display: string;
+    justifyContent: string;
+    alignItems: string;
+};
+export declare const fallbackStyleObject: {
+    position: "absolute";
+    top: number;
+    left: number;
+    right: number;
+    bottom: number;
+    background: string;
+    display: string;
+    justifyContent: string;
+    alignItems: string;
+};
+export declare const containerStyleObject: {
+    position: "absolute";
+    top: number;
+    left: number;
+    right: number;
+    bottom: number;
+    zIndex: number;
+    display: string;
+    justifyContent: string;
+    alignItems: string;
+};