@netless/telebox-insider 1.0.0-alpha.20 → 1.0.0-alpha.23

package/dist/TeleBox/index.d.ts

@@ -47,10 +47,12 @@ declare type CombinedValEnhancedResult = ReadonlyValEnhancedResult<PropsValConfi
 export interface TeleBox extends CombinedValEnhancedResult {
 }
 export declare class TeleBox {
-    constructor({ id, title, namespace, visible, width, height, minWidth, minHeight, x, y, resizable, draggable, boxRatio, focus, zIndex, stageRatio, titleBar, content, stage, footer, styles, userStyles, bodyStyle, stageStyle, darkMode$, fence$, minimized$, maximized$, readonly$, root, rootRect$, managerStageRect$, managerStageRatio$, defaultBoxBodyStyle$, defaultBoxStageStyle$, collectorRect$, }: TeleBoxConfig);
+    constructor({ id, title, namespace, visible, width, height, minWidth, minHeight, x, y, resizable, draggable, boxRatio, focus, zIndex, stageRatio, enableShadowDOM, titleBar, content, stage, footer, styles, userStyles, bodyStyle, stageStyle, darkMode$, fence$, minimized$, maximized$, readonly$, root, rootRect$, managerStageRect$, managerStageRatio$, defaultBoxBodyStyle$, defaultBoxStageStyle$, collectorRect$, }: TeleBoxConfig);
     readonly id: string;
     /** ClassName Prefix. For CSS styling. Default "telebox" */
     readonly namespace: string;
+    /** Enable shadow DOM for box content. Default true. */
+    readonly enableShadowDOM: boolean;
     readonly events: Emittery<{
         dark_mode: boolean;
         prefers_color_scheme: "light" | "dark" | "auto";
@@ -176,6 +178,8 @@ export declare class TeleBox {
     unmountUserStyles(): void;
     /** DOM of the box */
     $box: HTMLElement;
+    /** DOM of main area of the box. Including $body and $footer. */
+    $main: HTMLElement;
     /** DOM of the box body */
     $body: HTMLElement;
     /** DOM of the box content container inside box body */
@@ -193,7 +197,7 @@ export declare class TeleBox {
     private _render;
     private _renderStage;
     private _handleTrackStart?;
-    handleTrackStart: (ev: MouseEvent | TouchEvent) => void;
+    handleTrackStart: (ev: PointerEvent) => void;
     private _renderResizeHandlers;
     destroy(): Promise<void>;
     /**

package/dist/TeleBox/typings.d.ts

@@ -53,6 +53,8 @@ export interface TeleBoxConfig {
     readonly stageRatio?: number | null;
     /** Classname Prefix. For CSS styling. Default "telebox". */
     readonly namespace?: string;
+    /** Enable shadow DOM for box content. Default true. */
+    readonly enableShadowDOM?: boolean;
     /** TeleTitleBar Instance. */
     readonly titleBar?: TeleTitleBar;
     /** Box content element. */

package/dist/TeleBoxManager/MaxTitleBar/index.d.ts

@@ -9,7 +9,7 @@ export interface MaxTitleBarConfig extends DefaultTitleBarConfig {
     darkMode$: ReadonlyVal<boolean>;
     boxes$: ReadonlyVal<TeleBox[]>;
     rootRect$: ReadonlyVal<TeleBoxRect>;
-    root$: ReadonlyVal<HTMLElement | null>;
+    root: HTMLElement;
 }
 export declare class MaxTitleBar extends DefaultTitleBar {
     constructor(config: MaxTitleBarConfig);

package/dist/TeleBoxManager/typings.d.ts

@@ -30,7 +30,7 @@ export interface TeleBoxManagerConfig extends Pick<TeleBoxConfig, "namespace"> {
     readonly defaultBoxStageStyle?: string | null;
 }
 declare type TeleBoxManagerBoxConfigBaseProps = "title" | "visible" | "width" | "height" | "minWidth" | "minHeight" | "x" | "y" | "resizable" | "draggable" | "boxRatio" | "zIndex" | "stageRatio";
-export declare type TeleBoxManagerCreateConfig = Pick<TeleBoxConfig, TeleBoxManagerBoxConfigBaseProps | "content" | "stage" | "footer" | "id" | "focus">;
+export declare type TeleBoxManagerCreateConfig = Pick<TeleBoxConfig, TeleBoxManagerBoxConfigBaseProps | "content" | "stage" | "footer" | "styles" | "bodyStyle" | "stageStyle" | "id" | "focus" | "enableShadowDOM">;
 export declare type TeleBoxManagerQueryConfig = Pick<TeleBoxConfig, "title" | "visible" | "resizable" | "draggable" | "boxRatio" | "stageRatio" | "zIndex" | "id" | "focus">;
 export declare type TeleBoxManagerUpdateConfig = Pick<TeleBoxConfig, TeleBoxManagerBoxConfigBaseProps | "content" | "stage" | "footer">;
 declare type CheckTeleBoxManagerConfig<T extends Record<`${TELE_BOX_MANAGER_EVENT}`, any>> = T;

package/dist/TeleTitleBar/DefaultTitleBar/index.d.ts

@@ -32,11 +32,5 @@ export declare class DefaultTitleBar implements TeleTitleBar {
         clientX: number;
         clientY: number;
     };
-    protected handleTitleBarClick: (ev: MouseEvent) => void;
-    protected lastTitleBarTouch: {
-        timestamp: number;
-        clientX: number;
-        clientY: number;
-    };
-    protected handleTitleBarTouch: (ev: TouchEvent) => void;
+    protected handleTitleBarClick: (ev: PointerEvent) => void;
 }

package/dist/TeleTitleBar/typings.d.ts

@@ -13,7 +13,7 @@ export interface TeleTitleBarConfig {
     state$: ReadonlyVal<TeleBoxState, boolean>;
     namespace?: string;
     onEvent?: (event: TeleTitleBarEvent) => void;
-    onDragStart?: (event: MouseEvent | TouchEvent) => void;
+    onDragStart?: (event: PointerEvent) => void;
 }
 export interface TeleTitleBar {
     render(): HTMLElement;