lexgui 8.1.0 → 8.1.2

package/build/extensions/VideoEditor.d.ts

@@ -1,128 +1,128 @@
-declare const vec2: any;
-declare const Area: any;
-declare const Panel: any;
-/**
- * @class TimeBar
- */
-export declare class TimeBar {
-    static TIMEBAR_PLAY: number;
-    static TIMEBAR_TRIM: number;
-    static BACKGROUND_COLOR: any;
-    static COLOR: any;
-    static ACTIVE_COLOR: string;
-    type: number;
-    duration: number;
-    canvas: HTMLCanvasElement;
-    ctx: CanvasRenderingContext2D | null;
-    markerWidth: number;
-    markerHeight: number;
-    offset: number;
-    lineWidth: number;
-    lineHeight: number;
-    position: typeof vec2;
-    startX: number;
-    endX: number;
-    currentX: number;
-    hovering: string | undefined;
-    dragging: string | undefined;
-    onChangeCurrent: any;
-    onChangeStart: any;
-    onChangeEnd: any;
-    onDraw: any;
-    onMouse: any;
-    constructor(area: typeof Area, type?: number, options?: any);
-    updateTheme(): void;
-    setDuration(duration: number): void;
-    xToTime(x: number): number;
-    timeToX(time: number): number;
-    setCurrentTime(time: number): void;
-    setStartTime(time: number): void;
-    setEndTime(time: number): void;
-    onSetCurrentValue(x: number): void;
-    onSetStartValue(x: number): void;
-    onSetEndValue(x: number): void;
-    _draw(): void;
-    _drawTrimMarker(name: string, x: number, options?: any): void;
-    _drawTimeMarker(name: string, x: number, options?: any): void;
-    update(x: number): void;
-    onMouseDown(e: MouseEvent): void;
-    onMouseUp(e: MouseEvent): void;
-    onMouseMove(e: MouseEvent): void;
-    resize(size: number[]): void;
-}
-/**
- * @class VideoEditor
- */
-export declare class VideoEditor {
-    static CROP_HANDLE_L: number;
-    static CROP_HANDLE_R: number;
-    static CROP_HANDLE_T: number;
-    static CROP_HANDLE_B: number;
-    static CROP_HANDLE_TL: number;
-    static CROP_HANDLE_BL: number;
-    static CROP_HANDLE_TR: number;
-    static CROP_HANDLE_BR: number;
-    options: any;
-    playing: boolean;
-    videoReady: boolean;
-    controls: boolean;
-    startTimeString: string;
-    endTimeString: string;
-    speed: number;
-    currentTime: number;
-    startTime: number;
-    endTime: number;
-    requestId: any;
-    video: HTMLVideoElement;
-    loop: boolean;
-    isDragging: boolean;
-    isResizing: any;
-    crop: boolean;
-    dragOffsetX: number;
-    dragOffsetY: number;
-    currentTimeString: string;
-    timebar: TimeBar;
-    mainArea: typeof Area;
-    cropArea: any;
-    controlsArea: typeof Area;
-    controlsPanelLeft: typeof Panel;
-    controlsPanelRight: typeof Panel;
-    controlsCurrentPanel: typeof Panel;
-    onChangeCurrent: any;
-    onChangeStart: any;
-    onChangeEnd: any;
-    onKeyUp: any;
-    onSetTime: any;
-    onVideoLoaded: any;
-    onCropArea: any;
-    onResize: any;
-    onChangeSpeed: any;
-    _updateTime: boolean;
-    _onCropMouseUp: (e: MouseEvent) => void;
-    _onCropMouseMove: (e: MouseEvent) => void;
-    resize: () => void;
-    constructor(area: typeof Area, options?: any);
-    setCropAreaHandles(flags: number): void;
-    resizeCropArea(sx: number, sy: number, isNormalized?: boolean): void;
-    moveCropArea(x: number, y: number, isNormalized?: boolean): void;
-    loadVideo(options?: any): Promise<void>;
-    _update(): void;
-    timeToString(t: number): string;
-    _setCurrentTime(t: number): void;
-    _setStartTime(t: number): void;
-    _setEndTime(t: number): void;
-    getStartTime(): number;
-    getEndTime(): number;
-    getTrimedTimes(): {
-        start: number;
-        end: number;
-    };
-    getCroppedArea(): any;
-    showCropArea(): void;
-    hideCropArea(): void;
-    showControls(): void;
-    hideControls(): void;
-    stopUpdates(): void;
-    unbind(): void;
-}
-export {};
+declare const vec2: any;
+declare const Area: any;
+declare const Panel: any;
+/**
+ * @class TimeBar
+ */
+export declare class TimeBar {
+    static TIMEBAR_PLAY: number;
+    static TIMEBAR_TRIM: number;
+    static BACKGROUND_COLOR: any;
+    static COLOR: any;
+    static ACTIVE_COLOR: string;
+    type: number;
+    duration: number;
+    canvas: HTMLCanvasElement;
+    ctx: CanvasRenderingContext2D | null;
+    markerWidth: number;
+    markerHeight: number;
+    offset: number;
+    lineWidth: number;
+    lineHeight: number;
+    position: typeof vec2;
+    startX: number;
+    endX: number;
+    currentX: number;
+    hovering: string | undefined;
+    dragging: string | undefined;
+    onChangeCurrent: any;
+    onChangeStart: any;
+    onChangeEnd: any;
+    onDraw: any;
+    onMouse: any;
+    constructor(area: typeof Area, type?: number, options?: any);
+    updateTheme(): void;
+    setDuration(duration: number): void;
+    xToTime(x: number): number;
+    timeToX(time: number): number;
+    setCurrentTime(time: number): void;
+    setStartTime(time: number): void;
+    setEndTime(time: number): void;
+    onSetCurrentValue(x: number): void;
+    onSetStartValue(x: number): void;
+    onSetEndValue(x: number): void;
+    _draw(): void;
+    _drawTrimMarker(name: string, x: number, options?: any): void;
+    _drawTimeMarker(name: string, x: number, options?: any): void;
+    update(x: number): void;
+    onMouseDown(e: MouseEvent): void;
+    onMouseUp(e: MouseEvent): void;
+    onMouseMove(e: MouseEvent): void;
+    resize(size: number[]): void;
+}
+/**
+ * @class VideoEditor
+ */
+export declare class VideoEditor {
+    static CROP_HANDLE_L: number;
+    static CROP_HANDLE_R: number;
+    static CROP_HANDLE_T: number;
+    static CROP_HANDLE_B: number;
+    static CROP_HANDLE_TL: number;
+    static CROP_HANDLE_BL: number;
+    static CROP_HANDLE_TR: number;
+    static CROP_HANDLE_BR: number;
+    options: any;
+    playing: boolean;
+    videoReady: boolean;
+    controls: boolean;
+    startTimeString: string;
+    endTimeString: string;
+    speed: number;
+    currentTime: number;
+    startTime: number;
+    endTime: number;
+    requestId: any;
+    video: HTMLVideoElement;
+    loop: boolean;
+    isDragging: boolean;
+    isResizing: any;
+    crop: boolean;
+    dragOffsetX: number;
+    dragOffsetY: number;
+    currentTimeString: string;
+    timebar: TimeBar;
+    mainArea: typeof Area;
+    cropArea: any;
+    controlsArea: typeof Area;
+    controlsPanelLeft: typeof Panel;
+    controlsPanelRight: typeof Panel;
+    controlsCurrentPanel: typeof Panel;
+    onChangeCurrent: any;
+    onChangeStart: any;
+    onChangeEnd: any;
+    onKeyUp: any;
+    onSetTime: any;
+    onVideoLoaded: any;
+    onCropArea: any;
+    onResize: any;
+    onChangeSpeed: any;
+    _updateTime: boolean;
+    _onCropMouseUp: (e: MouseEvent) => void;
+    _onCropMouseMove: (e: MouseEvent) => void;
+    resize: () => void;
+    constructor(area: typeof Area, options?: any);
+    setCropAreaHandles(flags: number): void;
+    resizeCropArea(sx: number, sy: number, isNormalized?: boolean): void;
+    moveCropArea(x: number, y: number, isNormalized?: boolean): void;
+    loadVideo(options?: any): Promise<void>;
+    _update(): void;
+    timeToString(t: number): string;
+    _setCurrentTime(t: number): void;
+    _setStartTime(t: number): void;
+    _setEndTime(t: number): void;
+    getStartTime(): number;
+    getEndTime(): number;
+    getTrimedTimes(): {
+        start: number;
+        end: number;
+    };
+    getCroppedArea(): any;
+    showCropArea(): void;
+    hideCropArea(): void;
+    showControls(): void;
+    hideControls(): void;
+    stopUpdates(): void;
+    unbind(): void;
+}
+export {};

package/build/extensions/VideoEditor.js

@@ -401,6 +401,7 @@ class VideoEditor {
         }
         if (options.videoArea) {
             options.videoArea.root.classList.add('lexvideoeditor');
+            options.videoArea.root.style.position = "relative";
             options.videoArea.attach(this.cropArea);
             videoArea.attach(options.videoArea);
         }
@@ -409,6 +410,7 @@ class VideoEditor {
             videoArea.attach(this.cropArea);
             videoArea.root.classList.add('lexvideoeditor');
         }
+        videoArea.root.style.position = "relative";
         this.controlsArea = controlsArea;
         // Create playing timeline area and attach panels
         let [topArea, bottomArea] = controlsArea.split({ type: 'vertical', sizes: ['50%', null],