@roomle/embedding-lib 5.12.0-alpha.9 → 5.13.0-alpha.1

package/src/configurator/components/overlays/NoDocking.vue.d.ts

@@ -1,83 +1,126 @@
 import { PropType } from 'vue';
 
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    onClose: PropType<(_payload: MouseEvent) => void>;
+    onClose: PropType<() => void>;
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    onClose: PropType<(_payload: MouseEvent) => void>;
+    onClose: PropType<() => void>;
 }>> & Readonly<{}>, {}, {}, {
-    PopUp: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-        onClose: FunctionConstructor;
-        displayCloseButton: {
-            type: BooleanConstructor;
-            default: boolean;
+    PopUp: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+            size: {
+                type: PropType<"small" | "big" | "auto" | "medium">;
+            };
+            isDesktop: {
+                type: PropType<boolean>;
+                default: boolean;
+            };
+            onClose: {
+                type: PropType<() => void>;
+            };
+            displayCloseButton: {
+                type: PropType<boolean>;
+                default: boolean;
+            };
+            isLightTheme: {
+                type: PropType<boolean>;
+                default: boolean;
+            };
+            alignTo: {
+                type: PropType<import('../utils/-utils/popup-types').PopUpAlignment>;
+            };
+        }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
+            size: {
+                type: PropType<"small" | "big" | "auto" | "medium">;
+            };
+            isDesktop: {
+                type: PropType<boolean>;
+                default: boolean;
+            };
+            onClose: {
+                type: PropType<() => void>;
+            };
+            displayCloseButton: {
+                type: PropType<boolean>;
+                default: boolean;
+            };
+            isLightTheme: {
+                type: PropType<boolean>;
+                default: boolean;
+            };
+            alignTo: {
+                type: PropType<import('../utils/-utils/popup-types').PopUpAlignment>;
+            };
+        }>> & Readonly<{}>, {
+            isDesktop: boolean;
+            displayCloseButton: boolean;
+            isLightTheme: boolean;
+        }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import('vue').ExtractPropTypes<{
+            size: {
+                type: PropType<"small" | "big" | "auto" | "medium">;
+            };
+            isDesktop: {
+                type: PropType<boolean>;
+                default: boolean;
+            };
+            onClose: {
+                type: PropType<() => void>;
+            };
+            displayCloseButton: {
+                type: PropType<boolean>;
+                default: boolean;
+            };
+            isLightTheme: {
+                type: PropType<boolean>;
+                default: boolean;
+            };
+            alignTo: {
+                type: PropType<import('../utils/-utils/popup-types').PopUpAlignment>;
+            };
+        }>> & Readonly<{}>, {}, {}, {}, {}, {
+            isDesktop: boolean;
+            displayCloseButton: boolean;
+            isLightTheme: boolean;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+        size: {
+            type: PropType<"small" | "big" | "auto" | "medium">;
         };
         isDesktop: {
-            type: BooleanConstructor;
+            type: PropType<boolean>;
             default: boolean;
         };
-        isLightTheme: {
-            type: BooleanConstructor;
-            default: boolean;
+        onClose: {
+            type: PropType<() => void>;
         };
-        size: {
-            type: PropType<"small" | "big" | "auto" | "medium">;
-            validator(value: any): boolean;
-        };
-        alignTo: {
-            type: PropType<import('../utils/-utils/popup-types').PopUpAlignment>;
-            validator(value: any): boolean;
-        };
-    }>, {}, {}, {
-        isAuto(): boolean;
-        isBig(): boolean;
-        isMedium(): boolean;
-        isSmall(): boolean;
-        isAlignToScene(): boolean;
-    }, {
-        close(): void;
-    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-        onClose: FunctionConstructor;
         displayCloseButton: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        isDesktop: {
-            type: BooleanConstructor;
+            type: PropType<boolean>;
             default: boolean;
         };
         isLightTheme: {
-            type: BooleanConstructor;
+            type: PropType<boolean>;
             default: boolean;
         };
-        size: {
-            type: PropType<"small" | "big" | "auto" | "medium">;
-            validator(value: any): boolean;
-        };
         alignTo: {
             type: PropType<import('../utils/-utils/popup-types').PopUpAlignment>;
-            validator(value: any): boolean;
         };
-    }>> & Readonly<{}>, {
+    }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
         isDesktop: boolean;
         displayCloseButton: boolean;
         isLightTheme: boolean;
-    }, {}, {
-        SvgIcon: import('vue').DefineComponent<{
-            icon: string;
-        }, {
-            svgIcon: import('vue').Ref<HTMLOrSVGElement, HTMLOrSVGElement>;
-        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
-            icon: string;
-        }> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-        SlideTransitionWrapper: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-            useTransition: BooleanConstructor;
-        }>, {}, {}, {
-            computedTransition(): string;
-        }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-            useTransition: BooleanConstructor;
-        }>> & Readonly<{}>, {
-            useTransition: boolean;
-        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+        $slots: {
+            content?(_: {}): any;
+        };
+    });
 }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/src/configurator/components/overlays/VariantWarning.vue.d.ts

@@ -5,89 +5,132 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     payload: PropType<{
         item: RapiItem;
     }>;
-    onClose: PropType<(_payload: MouseEvent | undefined) => void>;
+    onClose: PropType<() => void>;
 }>, {}, {}, {}, {
     onChangeAndClose(): Promise<void>;
 }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     payload: PropType<{
         item: RapiItem;
     }>;
-    onClose: PropType<(_payload: MouseEvent | undefined) => void>;
+    onClose: PropType<() => void>;
 }>> & Readonly<{}>, {}, {}, {
-    PopUp: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-        onClose: FunctionConstructor;
-        displayCloseButton: {
-            type: BooleanConstructor;
-            default: boolean;
+    PopUp: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+            size: {
+                type: PropType<"small" | "big" | "auto" | "medium">;
+            };
+            isDesktop: {
+                type: PropType<boolean>;
+                default: boolean;
+            };
+            onClose: {
+                type: PropType<() => void>;
+            };
+            displayCloseButton: {
+                type: PropType<boolean>;
+                default: boolean;
+            };
+            isLightTheme: {
+                type: PropType<boolean>;
+                default: boolean;
+            };
+            alignTo: {
+                type: PropType<import('../utils/-utils/popup-types').PopUpAlignment>;
+            };
+        }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
+            size: {
+                type: PropType<"small" | "big" | "auto" | "medium">;
+            };
+            isDesktop: {
+                type: PropType<boolean>;
+                default: boolean;
+            };
+            onClose: {
+                type: PropType<() => void>;
+            };
+            displayCloseButton: {
+                type: PropType<boolean>;
+                default: boolean;
+            };
+            isLightTheme: {
+                type: PropType<boolean>;
+                default: boolean;
+            };
+            alignTo: {
+                type: PropType<import('../utils/-utils/popup-types').PopUpAlignment>;
+            };
+        }>> & Readonly<{}>, {
+            isDesktop: boolean;
+            displayCloseButton: boolean;
+            isLightTheme: boolean;
+        }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import('vue').ExtractPropTypes<{
+            size: {
+                type: PropType<"small" | "big" | "auto" | "medium">;
+            };
+            isDesktop: {
+                type: PropType<boolean>;
+                default: boolean;
+            };
+            onClose: {
+                type: PropType<() => void>;
+            };
+            displayCloseButton: {
+                type: PropType<boolean>;
+                default: boolean;
+            };
+            isLightTheme: {
+                type: PropType<boolean>;
+                default: boolean;
+            };
+            alignTo: {
+                type: PropType<import('../utils/-utils/popup-types').PopUpAlignment>;
+            };
+        }>> & Readonly<{}>, {}, {}, {}, {}, {
+            isDesktop: boolean;
+            displayCloseButton: boolean;
+            isLightTheme: boolean;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+        size: {
+            type: PropType<"small" | "big" | "auto" | "medium">;
         };
         isDesktop: {
-            type: BooleanConstructor;
+            type: PropType<boolean>;
             default: boolean;
         };
-        isLightTheme: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        size: {
-            type: PropType<"small" | "big" | "auto" | "medium">;
-            validator(value: any): boolean;
-        };
-        alignTo: {
-            type: PropType<import('../utils/-utils/popup-types').PopUpAlignment>;
-            validator(value: any): boolean;
+        onClose: {
+            type: PropType<() => void>;
         };
-    }>, {}, {}, {
-        isAuto(): boolean;
-        isBig(): boolean;
-        isMedium(): boolean;
-        isSmall(): boolean;
-        isAlignToScene(): boolean;
-    }, {
-        close(): void;
-    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-        onClose: FunctionConstructor;
         displayCloseButton: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        isDesktop: {
-            type: BooleanConstructor;
+            type: PropType<boolean>;
             default: boolean;
         };
         isLightTheme: {
-            type: BooleanConstructor;
+            type: PropType<boolean>;
             default: boolean;
         };
-        size: {
-            type: PropType<"small" | "big" | "auto" | "medium">;
-            validator(value: any): boolean;
-        };
         alignTo: {
             type: PropType<import('../utils/-utils/popup-types').PopUpAlignment>;
-            validator(value: any): boolean;
         };
-    }>> & Readonly<{}>, {
+    }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
         isDesktop: boolean;
         displayCloseButton: boolean;
         isLightTheme: boolean;
-    }, {}, {
-        SvgIcon: import('vue').DefineComponent<{
-            icon: string;
-        }, {
-            svgIcon: import('vue').Ref<HTMLOrSVGElement, HTMLOrSVGElement>;
-        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
-            icon: string;
-        }> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-        SlideTransitionWrapper: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-            useTransition: BooleanConstructor;
-        }>, {}, {}, {
-            computedTransition(): string;
-        }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-            useTransition: BooleanConstructor;
-        }>> & Readonly<{}>, {
-            useTransition: boolean;
-        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+        $slots: {
+            content?(_: {}): any;
+        };
+    });
     SvgIcon: import('vue').DefineComponent<{
         icon: string;
     }, {

package/src/configurator/components/overlays/ar/OpenAR.vue.d.ts

@@ -1,10 +1,10 @@
 declare const _default: import('vue').DefineComponent<{
-    onClose: (_payload: MouseEvent) => void;
+    onClose: () => void;
     payload?: {
         fromTopBar: boolean;
     };
 }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
-    onClose: (_payload: MouseEvent) => void;
+    onClose: () => void;
     payload?: {
         fromTopBar: boolean;
     };

package/src/configurator/components/utils/PopUp.vue.d.ts

@@ -1,79 +1,49 @@
-import { PropType } from 'vue';
 import { PopUpAlignment } from './-utils/popup-types';
 
 type PopUpSize = 'auto' | 'big' | 'medium' | 'small';
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    onClose: FunctionConstructor;
-    displayCloseButton: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    isDesktop: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    isLightTheme: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    size: {
-        type: PropType<PopUpSize>;
-        validator(value: any): boolean;
-    };
-    alignTo: {
-        type: PropType<PopUpAlignment>;
-        validator(value: any): boolean;
-    };
-}>, {}, {}, {
-    isAuto(): boolean;
-    isBig(): boolean;
-    isMedium(): boolean;
-    isSmall(): boolean;
-    isAlignToScene(): boolean;
-}, {
-    close(): void;
-}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    onClose: FunctionConstructor;
-    displayCloseButton: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    isDesktop: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    isLightTheme: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    size: {
-        type: PropType<PopUpSize>;
-        validator(value: any): boolean;
-    };
-    alignTo: {
-        type: PropType<PopUpAlignment>;
-        validator(value: any): boolean;
-    };
-}>> & Readonly<{}>, {
+interface Props {
+    onClose?: () => void;
+    displayCloseButton?: boolean;
+    isDesktop?: boolean;
+    isLightTheme?: boolean;
+    size?: PopUpSize;
+    alignTo?: PopUpAlignment;
+}
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
+    displayCloseButton: boolean;
+    isDesktop: boolean;
+    isLightTheme: boolean;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
+    displayCloseButton: boolean;
+    isDesktop: boolean;
+    isLightTheme: boolean;
+}>>> & Readonly<{}>, {
     isDesktop: boolean;
     displayCloseButton: boolean;
     isLightTheme: boolean;
-}, {}, {
-    SvgIcon: import('vue').DefineComponent<{
-        icon: string;
-    }, {
-        svgIcon: import('vue').Ref<HTMLOrSVGElement, HTMLOrSVGElement>;
-    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
-        icon: string;
-    }> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-    SlideTransitionWrapper: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-        useTransition: BooleanConstructor;
-    }>, {}, {}, {
-        computedTransition(): string;
-    }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-        useTransition: BooleanConstructor;
-    }>> & Readonly<{}>, {
-        useTransition: boolean;
-    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, {
+    content?(_: {}): any;
+}>;
 export default _default;
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/src/configurator/embedding/exposed-api.d.ts

@@ -129,6 +129,11 @@ export declare class ExposedApi {
         transition: string;
         direction: string;
     };
+    getPopUpShadowStyle(): {
+        backgroundColor: string;
+        cursor: string;
+    };
+    closePopUp(): void;
     /**
      * After you called dragInObject you can call this method to update the drag position
      * the coordinates x and y are relative to the iframe. Meaning 0/0 is the top left

package/src/configurator/embedding/exposed-callbacks.d.ts

@@ -81,4 +81,6 @@ export declare class ExposedCallbacks {
     onCollapseDrawer: () => void;
     onExpandDrawer: () => void;
     onSidebarEvent: (...[type, params]: SidebarEventCallbackInfo) => void;
+    onShowPopUp: () => void;
+    onHidePopUp: () => void;
 }

package/src/planner/components/overlays/rooms/SlopingRoofDirectionTooltip.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, {}, any>;
+export default _default;

package/src/planner/components/overlays/rooms/SlopingRoofTooltip.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, {}, any>;
+export default _default;

package/from-website-Dx2SUftr.mjs

@@ -1,4 +0,0 @@
-var P=Object.defineProperty,R=(r,e,t)=>e in r?P(r,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):r[e]=t,g=(r,e,t)=>R(r,typeof e!="symbol"?e+"":e,t);import{g as B,e as D,a as x,i as C,T as M}from"./touch-drag-C1SsZtt4.mjs";import{R as _,a as I,b as O,c as L,d as N,e as E,f as b,g as F,h as G,i as v,j as A,k as Y}from"./drag-in-CYmR1HFI.mjs";const w=(r,e,t=0,i=0)=>{const s=e.x+e.width+t,o=e.x-t,l=e.y+e.height+i,a=e.y-i,{x:h,y:n}=r;return h>=o&&h<=s&&n>=a&&n<=l},T=(r,e,t,i=0,s=0)=>{if(!(!t||!t.hiddenIn&&!t.visibleIn))return t.visibleIn?w({x:r,y:e},t.visibleIn,i,s):t.hiddenIn?!w({x:r,y:e},t.hiddenIn,-i,-s):!1},k=()=>{if(!document.getElementById(I)){const r=document.createElement("style");r.type="text/css",r.id=I,r.innerHTML=`
-    ${O}
-    ${L}
-  `,document.head.appendChild(r)}},U=({x:r,y:e},t)=>{var i,s,o,l,a,h;let n=document.getElementById(_);if(!n){if(n=document.createElement("div"),(i=t.ghost)!=null&&i.element)n.appendChild(t.ghost.element);else{const d=document.createElement("img");d.src=((s=t.ghost)==null?void 0:s.url)||N,d.width=((o=t.ghost)==null?void 0:o.width)||E,d.height=((l=t.ghost)==null?void 0:l.height)||b,n.appendChild(d)}n.id=_,n.style.position="fixed",n.style.top="0",n.style.left="0",n.style.willChange="transform",n.style.transform="translate3d(0, 0, 0)",n.style.zIndex="9999",n.style.opacity="0.5",T(r,e,t.ghost||{},(a=t.settings)==null?void 0:a.dragInOverlapX,(h=t.settings)==null?void 0:h.dragInOverlapY)||(n.style.display="none"),n.style.pointerEvents="none",document.body.appendChild(n)}},X=({x:r,y:e},t)=>{var i,s,o,l;const a=document.getElementById(_);if(!a)return;let h=(i=t.ghost)==null?void 0:i.width,n=(s=t.ghost)==null?void 0:s.height;typeof h>"u"&&(h=a.getBoundingClientRect().width||E),typeof n>"u"&&(n=a.getBoundingClientRect().height||b);const d=r-h/2,c=e-n/2;a.style.transform=`translate3d(${d}px, ${c}px, 0)`,t.ghost&&(T(r,e,t.ghost,(o=t.settings)==null?void 0:o.dragInOverlapX,(l=t.settings)==null?void 0:l.dragInOverlapY)?a.style.animation!=F&&(a.style.animation=F):a.style.animation!=G&&(a.style.animation=G))};class ${constructor(e=null){g(this,"_dragGhostAnimationFrameId",null),g(this,"_dragGhostRemoveAnimationFrameId",null),g(this,"_dragGhostElement",null),this._dragGhostElement=e}updateDragGhost(e,t,i){var s;this._dragGhostRemoveAnimationFrameId&&(cancelAnimationFrame(this._dragGhostRemoveAnimationFrameId),this._dragGhostRemoveAnimationFrameId=null),!((s=i.ghost)!=null&&s.external)&&i.ghost&&(this._dragGhostAnimationFrameId||(this._dragGhostAnimationFrameId=requestAnimationFrame(()=>{k();const o={x:e,y:t};!i.ghost&&this._dragGhostElement&&(i.ghost={}),i.ghost&&!i.ghost.element&&this._dragGhostElement&&(i.ghost.element=this._dragGhostElement),U(o,i),X(o,i),this._dragGhostAnimationFrameId=null})))}removeDragGhost(){this._dragGhostAnimationFrameId&&(cancelAnimationFrame(this._dragGhostAnimationFrameId),this._dragGhostAnimationFrameId=null),this._dragGhostRemoveAnimationFrameId||(this._dragGhostRemoveAnimationFrameId=requestAnimationFrame(()=>{const e=document.getElementById(_);e&&document.body.removeChild(e),this._dragGhostRemoveAnimationFrameId=null}))}}class q{constructor(e,t,i){g(this,"_options",{}),g(this,"_instance"),g(this,"_mainDomElement"),g(this,"_currentDrag",{}),g(this,"_currentTouch",null),g(this,"_firefoxDragPosition",{x:0,y:0}),g(this,"_onBeforeUpdateDrag",()=>({})),g(this,"isDragging",!1),g(this,"_firefoxFallback",s=>{if(!this._currentDrag.event)return;const o=s||window.event;this._firefoxDragPosition.x=o.pageX||0,this._firefoxDragPosition.y=o.pageY||0}),this._instance=e,this._mainDomElement=t,this._options=i||{},this._firefoxFallback=this._firefoxFallback.bind(this),document.addEventListener("dragover",this._firefoxFallback)}beforeUpdateGhost(e){this._onBeforeUpdateDrag=e}dragStart(e,t,i="rml_id"){const s=this._mainDomElement.parentNode;if(B(s).position!=="relative"){console.warn("Parent of iframe should have position relative, otherwise drag-in can not detect the x/y coordinates correctly");return}this._mainDomElement.style.pointerEvents="none";let o=s.querySelector("."+v);o||(o=document.createElement("div"),o.classList.add(v),s.appendChild(o)),o.classList.remove(A.DISPLAY_NONE),t.target.getAttribute("draggable")||console.warn(`Draggable not detected correctly! Did you add draggable="true" to the element? In Sarafi only 'draggable' is too less`);const l=s.querySelector("."+Y);this._currentDrag.event=t;const a=t.target,h=a.cloneNode(),n=a.getBoundingClientRect();h.style.width=`${n.width}px`,h.style.height=`${n.height}px`,this._currentDrag.ghost=new $(h),this._currentDrag.offset||(this._currentDrag.offset={x:0,y:0});const{clientX:d,clientY:c}=D(t,this._firefoxDragPosition);this._currentDrag.offset.x=d-n.left,this._currentDrag.offset.y=c-n.top,t instanceof DragEvent&&t.dataTransfer&&t.dataTransfer.setDragImage&&t.dataTransfer.setDragImage(l,0,0);const{x:f,y:m}=x(s,this._currentDrag.event||t,this._firefoxDragPosition),p=Math.max(1,f),y=Math.max(1,m);this.isDragging=!0,this._instance.dragInObject(e,p,y,i)}dragUpdate(e){var t;const i=this._mainDomElement.parentNode,{x:s,y:o}=x(i,e,this._firefoxDragPosition);if(s===0&&o===0)return;const l=Math.max(1,s),a=Math.max(1,o);if(l===1&&a===1)return;let h=l,n=a;if(C(e)){const u=((t=this._options.settings)==null?void 0:t.fingerSize)||0;h=Math.max(2,l+u),n=Math.max(2,a-u)}const{x:d,y:c,options:f}=this._onBeforeUpdateDrag(h,n,{}),m=f||{settings:{},ghost:{}};m.ghost||(m.ghost={}),m.ghost.visibleIn&&m.ghost.hiddenIn||(m.ghost.hiddenIn=this._mainDomElement.getBoundingClientRect());const p=typeof d=="number"?d:h,y=typeof c=="number"?c:n;if(this._currentDrag.ghost){const{clientX:u,clientY:S}=D(e,this._firefoxDragPosition);this._currentDrag.ghost.updateDragGhost(u,S,m)}this._instance.updateDrag(p,y,{})}dragEnd(){this._mainDomElement.style.pointerEvents="all";const e=this._mainDomElement.parentNode;this.isDragging=!1,this._instance.dragInObjectEnd(),this._currentDrag.ghost&&(this._currentDrag.ghost.removeDragGhost(),this._currentDrag.ghost=null),this._currentDrag={},this._firefoxDragPosition={x:0,y:0};const t=e.querySelector("."+v);t&&t.classList.add(A.DISPLAY_NONE)}touchStart(e,t,i="rml_id"){var s,o,l,a;t.preventDefault();const h=(d,c)=>{this.dragStart(e,c,i)},n={};typeof((o=(s=this._options)==null?void 0:s.settings)==null?void 0:o.touchDragDelay)=="number"&&(n.delay=this._options.settings.touchDragDelay),(a=(l=this._options)==null?void 0:l.settings)!=null&&a.touchDragEpsilon&&(n.epsilon=this._options.settings.touchDragEpsilon),this._currentTouch=new M(void 0,{onTouchDragStart:h},n),this._currentTouch.onStart(t)}touchMove(e){this._currentTouch&&this._currentTouch.onMove(e),this._currentDrag.event&&this.dragUpdate(e)}touchEnd(){this._currentTouch&&this._currentTouch.onEnd(),this._currentTouch=null,this.dragEnd()}dispose(){document.removeEventListener("dragover",this._firefoxFallback)}releaseInput(e){}}export{q as DragInFromWebsiteStrategy};