@netless/telebox-insider 1.0.0-alpha.26 → 1.0.0-alpha.29

package/dist/TeleBoxCollector/index.d.ts

@@ -7,27 +7,25 @@ import type { TeleBoxRect } from "../TeleBox/typings";
 export interface TeleBoxCollectorConfig {
     namespace?: string;
     styles?: TeleStyles;
-    root$: ReadonlyVal<HTMLElement | null>;
-    minimized$: Val<boolean>;
+    root: HTMLElement;
+    minimized$: ReadonlyVal<boolean>;
     readonly$: ReadonlyVal<boolean>;
     darkMode$: ReadonlyVal<boolean>;
+    onClick?: () => void;
 }
 declare type ValConfig = {
     styles: Val<TeleStyles>;
     $collector: Val<HTMLElement>;
 };
-declare type PropsValConfig = {
-    root: TeleBoxCollectorConfig["root$"];
-};
 declare type MyReadonlyValConfig = {
     rect: ReadonlyVal<TeleBoxRect | undefined>;
     visible: ReadonlyVal<boolean>;
 };
-declare type CombinedValEnhancedResult = ValEnhancedResult<ValConfig> & ReadonlyValEnhancedResult<PropsValConfig & MyReadonlyValConfig>;
+declare type CombinedValEnhancedResult = ValEnhancedResult<ValConfig> & ReadonlyValEnhancedResult<MyReadonlyValConfig>;
 export interface TeleBoxCollector extends CombinedValEnhancedResult {
 }
 export declare class TeleBoxCollector {
-    constructor({ minimized$, readonly$, darkMode$, namespace, styles, root$, }: TeleBoxCollectorConfig);
+    constructor({ minimized$, readonly$, darkMode$, namespace, styles, root, onClick, }: TeleBoxCollectorConfig);
     readonly namespace: string;
     protected readonly _sideEffect: SideEffectManager;
     destroy(): void;

package/dist/TeleBoxManager/index.d.ts

@@ -6,7 +6,7 @@ import Emittery from "emittery";
 import type { ReadonlyTeleBox, TeleBoxColorScheme, TeleBoxRect, TeleBoxState } from "../TeleBox";
 import { TeleBox } from "../TeleBox";
 import { TeleBoxCollector } from "../TeleBoxCollector";
-import type { TeleBoxManagerConfig, TeleBoxManagerCreateConfig, TeleBoxManagerQueryConfig, TeleBoxManagerUpdateConfig } from "./typings";
+import type { TeleBoxManagerConfig, TeleBoxManagerCreateConfig, TeleBoxFullscreen, TeleBoxManagerQueryConfig, TeleBoxManagerThemeConfig, TeleBoxManagerUpdateConfig } from "./typings";
 import { MaxTitleBar } from "./MaxTitleBar";
 export * from "./typings";
 export * from "./constants";
@@ -16,12 +16,13 @@ declare type ReadonlyValConfig = {
     root: Val<HTMLElement | null>;
     rootRect: Val<TeleBoxRect>;
     stageRect: ReadonlyVal<TeleBoxRect>;
+    minimized: ReadonlyVal<boolean, boolean>;
+    maximized: ReadonlyVal<boolean, boolean>;
 };
 declare type ValConfig = {
+    fullscreen: Val<TeleBoxFullscreen>;
     prefersColorScheme: Val<TeleBoxColorScheme, boolean>;
     readonly: Val<boolean, boolean>;
-    minimized: Val<boolean, boolean>;
-    maximized: Val<boolean, boolean>;
     fence: Val<boolean, boolean>;
     stageRatio: Val<number, boolean>;
     containerStyle: Val<string>;
@@ -33,7 +34,7 @@ declare type CombinedValEnhancedResult = ValEnhancedResult<ValConfig> & Readonly
 export interface TeleBoxManager extends CombinedValEnhancedResult {
 }
 export declare class TeleBoxManager {
-    constructor({ root, prefersColorScheme, minimized, maximized, fence, collector, namespace, readonly, stageRatio, containerStyle, stageStyle, defaultBoxBodyStyle, defaultBoxStageStyle, }?: TeleBoxManagerConfig);
+    constructor({ root, fullscreen, prefersColorScheme, minimized, maximized, fence, collector, namespace, readonly, stageRatio, containerStyle, stageStyle, defaultBoxBodyStyle, defaultBoxStageStyle, theme, }?: TeleBoxManagerConfig);
     readonly $container: HTMLDivElement;
     readonly $stage: HTMLDivElement;
     get boxes(): ReadonlyArray<TeleBox>;
@@ -73,6 +74,8 @@ export declare class TeleBoxManager {
     }, never>;
     protected _sideEffect: SideEffectManager;
     readonly namespace: string;
+    setMinimized: (minimized: boolean, skipUpdate?: boolean) => void;
+    setMaximized: (maximized: boolean, skipUpdate?: boolean) => void;
     /** @deprecated use setMaximized and setMinimized instead */
     setState(state: TeleBoxState, skipUpdate?: boolean): this;
     create(config?: TeleBoxManagerCreateConfig, smartPosition?: boolean): ReadonlyTeleBox;
@@ -83,6 +86,7 @@ export declare class TeleBoxManager {
     remove(boxOrID: string | TeleBox, skipUpdate?: boolean): ReadonlyTeleBox | undefined;
     removeTopBox(): ReadonlyTeleBox | undefined;
     removeAll(skipUpdate?: boolean): ReadonlyTeleBox[];
+    setTheme(theme: TeleBoxManagerThemeConfig): void;
     /**
      * Mount manager to a container element.
      */

package/dist/TeleBoxManager/typings.d.ts

@@ -6,6 +6,8 @@ import type { TELE_BOX_MANAGER_EVENT } from "./constants";
 export interface TeleBoxManagerConfig extends Pick<TeleBoxConfig, "namespace"> {
     /** Element to mount boxes. */
     readonly root?: HTMLElement | null;
+    /** Fullscreen mode. Default false. */
+    readonly fullscreen?: TeleBoxFullscreen;
     /** Stage area height/with ratio. No ratio if <= 0. Default -1. */
     readonly stageRatio?: number;
     /** Where the minimized boxes go. */
@@ -28,6 +30,8 @@ export interface TeleBoxManagerConfig extends Pick<TeleBoxConfig, "namespace"> {
     readonly defaultBoxBodyStyle?: string | null;
     /** Custom `style` attribute value for stage area of all boxes. Can be overwritten by box. */
     readonly defaultBoxStageStyle?: string | null;
+    /** Theme variable */
+    readonly theme?: TeleBoxManagerThemeConfig;
 }
 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" | "styles" | "bodyStyle" | "stageStyle" | "id" | "focus" | "enableShadowDOM">;
@@ -52,4 +56,38 @@ export declare type TeleBoxManagerEventConfig = CheckTeleBoxManagerConfig<{
     dark_mode: boolean;
 }>;
 export declare type TeleBoxManagerEvent = keyof TeleBoxManagerEventConfig;
+/**
+ * Fullscreen mode.
+ * - `true`: fullscreen mode. hide titlebar for single tab.
+ * - `false`: normal mode.
+ * - `"no-titlebar"`: always hide titlebar
+ * - `"always-titlebar"`: always show titlebar
+ */
+export declare type TeleBoxFullscreen = boolean | "no-titlebar" | "always-titlebar";
+export declare type TeleBoxManagerThemeConfig = {
+    managerContainerBackground?: string | null;
+    managerStageBackground?: string | null;
+    managerStageShadow?: string | null;
+    boxContainerBackground?: string | null;
+    boxStageBackground?: string | null;
+    boxStageShadow?: string | null;
+    boxColor?: string | null;
+    boxBorder?: string | null;
+    boxShadow?: string | null;
+    boxFooterColor?: string | null;
+    boxFooterBackground?: string | null;
+    titlebarColor?: string | null;
+    titlebarBackground?: string | null;
+    titlebarBorderBottom?: string | null;
+    titlebarTabColor?: string | null;
+    titlebarTabFocusColor?: string | null;
+    titlebarTabBackground?: string | null;
+    titlebarTabDividerColor?: string | null;
+    collectorBackground?: string | null;
+    collectorShadow?: string | null;
+    titlebarIconMinimize?: string | null;
+    titlebarIconMaximize?: string | null;
+    titlebarIconMaximizeActive?: string | null;
+    titlebarIconClose?: string | null;
+};
 export {};

package/dist/index.d.ts

@@ -1,4 +1,3 @@
-import "./scss/fancy-scrollbar.scss";
 export * from "./TeleBox";
 export * from "./TeleTitleBar";
 export * from "./TeleBoxManager";