@myop/sdk 0.3.12 → 0.3.13

package/dist/bundled-declarations.d.ts

@@ -571,11 +571,95 @@ declare module "@myop/sdk/host/componentCore" {
         [K in keyof T]: T[K] extends (...args: infer A) => infer R ? (...args: A) => Promise<R> : T[K];
     };
 }
+declare module "@myop/sdk/host/myopLoader" {
+    export const LOADER_GRADIENT = "linear-gradient(135deg, #FF8651 0%, #FFBEA8 50%, #A397F5 100%)";
+    export const FALLBACK_GRADIENT = "linear-gradient(135deg, #9CA3AF 0%, #D1D5DB 50%, #E5E7EB 100%)";
+    /**
+     * Creates the Myop logo SVG element
+     */
+    export function createMyopLogoSvg(): SVGSVGElement;
+    /**
+     * Returns the inline HTML string for the Myop logo SVG
+     */
+    export function getMyopLogoHtml(): string;
+    /**
+     * Returns the inline styles for the loader container
+     */
+    export function getLoaderStyles(fadeDuration?: number): string;
+    /**
+     * Returns the inline styles for the fallback container
+     */
+    export function getFallbackStyles(): string;
+    /**
+     * Creates a loader DOM element with the Myop branding
+     */
+    export function createLoaderElement(fadeDuration?: number): HTMLDivElement;
+    /**
+     * Creates a fallback DOM element with the Myop branding
+     */
+    export function createFallbackElement(): HTMLDivElement;
+    /**
+     * Returns the complete loader HTML as a string (for use in templates)
+     */
+    export function getLoaderHtml(fadeDuration?: number): string;
+    /**
+     * Returns the complete fallback HTML as a string (for use in templates)
+     */
+    export 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 const loaderStyleObject: {
+        position: "absolute";
+        top: number;
+        left: number;
+        right: number;
+        bottom: number;
+        zIndex: number;
+        background: string;
+        display: string;
+        justifyContent: string;
+        alignItems: string;
+    };
+    export const fallbackStyleObject: {
+        position: "absolute";
+        top: number;
+        left: number;
+        right: number;
+        bottom: number;
+        background: string;
+        display: string;
+        justifyContent: string;
+        alignItems: string;
+    };
+    export const containerStyleObject: {
+        position: "absolute";
+        top: number;
+        left: number;
+        right: number;
+        bottom: number;
+        zIndex: number;
+        display: string;
+        justifyContent: string;
+        alignItems: string;
+    };
+}
 declare module "@myop/sdk/host" {
     export { hostSDK } from "@myop/sdk/host/hostSDK";
+    export type { loaderOptions } from "@myop/sdk/host/hostSDK";
     export * from "@myop/sdk/host/components/IMyopComponent";
     export * from "@myop/sdk/host/loaders/IMyopLoader";
     export * from "@myop/sdk/host/componentCore";
+    export * from "@myop/sdk/host/myopLoader";
     export type { CleanupHandler } from "@myop/sdk/common";
 }
 declare module "@myop/sdk/messages/BaseMessage" {

package/dist/cjs/{_IframeSDK.6a68da71.js → _IframeSDK.06523760.js}

@@ -1818,7 +1818,7 @@ var WebcomponentLoader = class extends BaseMyopLoader {
 };
 
 // version:myop-sdk-version
-var myop_sdk_version_default = "0.3.12";
+var myop_sdk_version_default = "0.3.13";
 
 // src/webcomponent/messageHandlers/BaseWebComponentMessageHandler.ts
 var BaseWebComponentMessageHandler = class extends BaseContextMessageHandler {