@tenorlab/vue-dashboard 1.0.0

package/dist/vue-dashboard.d.ts

@@ -0,0 +1,748 @@
+import { AllowedComponentProps } from 'vue';
+import { Component } from 'vue';
+import { ComponentCustomProps } from 'vue';
+import { ComponentOptionsMixin } from 'vue';
+import { ComponentProvideOptions } from 'vue';
+import { ComputedRef } from 'vue';
+import { CSSProperties } from 'vue';
+import { DefineComponent } from 'vue';
+import { PublicProps } from 'vue';
+import { ShallowUnwrapRef } from 'vue';
+import { VNode } from 'vue';
+import { VNodeProps } from 'vue';
+
+declare const __VLS_component: DefineComponent<IDashboardGridProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<IDashboardGridProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+
+declare const __VLS_component_2: DefineComponent<__VLS_Props_2, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+removeClick: (widgetKey: string, parentWidgetKey?: string | undefined) => any;
+moveClick: (direction: 1 | -1, widgetKey: string, parentWidgetKey?: string | undefined) => any;
+selectContainer: (containerKey?: string | undefined) => any;
+}, string, PublicProps, Readonly<__VLS_Props_2> & Readonly<{
+onRemoveClick?: ((widgetKey: string, parentWidgetKey?: string | undefined) => any) | undefined;
+onMoveClick?: ((direction: 1 | -1, widgetKey: string, parentWidgetKey?: string | undefined) => any) | undefined;
+onSelectContainer?: ((containerKey?: string | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+
+declare const __VLS_component_3: DefineComponent<IButtonProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+click: (args: MouseEvent) => any;
+}, string, PublicProps, Readonly<IButtonProps> & Readonly<{
+onClick?: ((args: MouseEvent) => any) | undefined;
+}>, {
+disabled: boolean;
+type: TButtonType;
+category: string;
+font: string;
+border: number;
+borderHover: number;
+borderColor: string;
+px: number;
+py: number;
+justifyCss: TButtonJustifyCss;
+shadow: string;
+shadowHover: string;
+addCss: string;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLButtonElement>;
+
+declare const __VLS_component_4: DefineComponent<TStackProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TStackProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+
+declare const __VLS_component_5: DefineComponent<__VLS_Props_3, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_3> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+
+declare const __VLS_component_6: DefineComponent<IDraggablePanelProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+draggingChange: (isDragging: boolean) => any;
+}, string, PublicProps, Readonly<IDraggablePanelProps> & Readonly<{
+onDraggingChange?: ((isDragging: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
+panelRef: HTMLDivElement;
+}, any>;
+
+declare const __VLS_component_7: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
+
+declare const __VLS_component_8: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
+
+declare type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};
+
+declare type __VLS_PrettifyLocal_2<T> = {
+    [K in keyof T]: T[K];
+} & {};
+
+declare type __VLS_PrettifyLocal_3<T> = {
+    [K in keyof T]: T[K];
+} & {};
+
+declare type __VLS_Props = TDynamicWidgetLoaderProps;
+
+declare type __VLS_Props_2 = IDashboardWidgetProps;
+
+declare type __VLS_Props_3 = TStackProps & {
+    innerClass?: string;
+};
+
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+
+declare function __VLS_template_2(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+
+declare function __VLS_template_3(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLButtonElement;
+};
+
+declare function __VLS_template_4(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+
+declare function __VLS_template_5(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+
+declare function __VLS_template_6(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {
+        panelRef: HTMLDivElement;
+    };
+    rootEl: any;
+};
+
+declare function __VLS_template_7(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+
+declare function __VLS_template_8(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+
+declare type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+
+declare type __VLS_TemplateResult_2 = ReturnType<typeof __VLS_template_2>;
+
+declare type __VLS_TemplateResult_3 = ReturnType<typeof __VLS_template_3>;
+
+declare type __VLS_TemplateResult_4 = ReturnType<typeof __VLS_template_4>;
+
+declare type __VLS_TemplateResult_5 = ReturnType<typeof __VLS_template_5>;
+
+declare type __VLS_TemplateResult_6 = ReturnType<typeof __VLS_template_6>;
+
+declare type __VLS_TemplateResult_7 = ReturnType<typeof __VLS_template_7>;
+
+declare type __VLS_TemplateResult_8 = ReturnType<typeof __VLS_template_8>;
+
+declare type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+declare type __VLS_WithTemplateSlots_2<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+declare type __VLS_WithTemplateSlots_3<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+declare type __VLS_WithTemplateSlots_4<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+declare type __VLS_WithTemplateSlots_5<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+declare type __VLS_WithTemplateSlots_6<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+declare type __VLS_WithTemplateSlots_7<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+declare type __VLS_WithTemplateSlots_8<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+declare const _actions: {
+    setIsLoading: (value: boolean) => boolean;
+    setIsEditing: (value: boolean) => boolean;
+    setTargetContainerKey: (value: TDashboardWidgetKey | undefined) => string | undefined;
+    setAllDashboardConfigs: (value: IDashboardConfig[]) => IDashboardConfig[];
+    setCurrentDashboardConfig: (value: IDashboardConfig) => IDashboardConfig[];
+    addDashboardConfig: (value: IDashboardConfig) => IDashboardConfig[];
+    deleteDashboardConfigById: (dashboardId: string) => IDashboardConfig[];
+    selectDashboardById: (dashboardId: string) => IDashboardConfig | undefined;
+    addWidget: (params: {
+        widgetKey: TDashboardWidgetKey;
+        parentWidgetKey?: TDashboardWidgetKey;
+        noDuplicatedWidgets?: boolean;
+    }) => TAddWidgetResponse & {
+        allUpdatedDashboardConfigs: IDashboardConfig[];
+    };
+    removeWidget: (widgetKey: TDashboardWidgetKey, parentWidgetKey?: TDashboardWidgetKey) => TAddWidgetResponse;
+    moveWidget: (direction: -1 | 1, widgetKey: TDashboardWidgetKey, parentWidgetKey?: TDashboardWidgetKey) => TAddWidgetResponse;
+};
+
+export declare const AddIcon: DefineComponent<TSvgIconProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TSvgIconProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, SVGSVGElement>;
+
+export declare const Button: __VLS_WithTemplateSlots_3<typeof __VLS_component_3, __VLS_TemplateResult_3["slots"]>;
+
+export declare const CircleQuestionMarkIcon: DefineComponent<TSvgIconProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TSvgIconProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, SVGSVGElement>;
+
+declare const computedGetters: {
+    isLoading: ComputedRef<boolean>;
+    isEditing: ComputedRef<boolean>;
+    targetContainerKey: ComputedRef<string | undefined>;
+    currentDashboardConfig: ComputedRef<    {
+    userID: number | string;
+    clientAppKey: string;
+    dashboardId: string;
+    dashboardName: string;
+    zoomScale: number;
+    responsiveGrid: boolean;
+    widgets: TDashboardWidgetKey[];
+    childWidgetsConfig: {
+    parentWidgetKey: TDashboardWidgetKey;
+    widgetKey: TDashboardWidgetKey;
+    }[];
+    cssSettings: {
+    key: string;
+    name: string;
+    description: string;
+    cssProperty: string;
+    step: number;
+    defaultUnit: string;
+    minValue: number;
+    defaultValue: string;
+    value: string;
+    }[];
+    _version?: number | undefined;
+    _stateDescription?: string | undefined;
+    }>;
+    allDashboardConfigs: ComputedRef<    {
+    userID: number | string;
+    clientAppKey: string;
+    dashboardId: string;
+    dashboardName: string;
+    zoomScale: number;
+    responsiveGrid: boolean;
+    widgets: TDashboardWidgetKey[];
+    childWidgetsConfig: {
+    parentWidgetKey: TDashboardWidgetKey;
+    widgetKey: TDashboardWidgetKey;
+    }[];
+    cssSettings: {
+    key: string;
+    name: string;
+    description: string;
+    cssProperty: string;
+    step: number;
+    defaultUnit: string;
+    minValue: number;
+    defaultValue: string;
+    value: string;
+    }[];
+    _version?: number | undefined;
+    _stateDescription?: string | undefined;
+    }[]>;
+};
+
+export declare const CrosshairIcon: DefineComponent<TSvgIconProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TSvgIconProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, SVGSVGElement>;
+
+export declare const DashboardGrid: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+
+export declare const DashboardWidgetBase: __VLS_WithTemplateSlots_2<typeof __VLS_component_2, __VLS_TemplateResult_2["slots"]>;
+
+export declare const DeleteIcon: DefineComponent<TSvgIconProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TSvgIconProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, SVGSVGElement>;
+
+export declare const DraggablePanel: __VLS_WithTemplateSlots_6<typeof __VLS_component_6, __VLS_TemplateResult_6["slots"]>;
+
+export declare const DynamicWidgetLoader: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+removeClick: (widgetKey: string, parentWidgetKey?: string | undefined) => any;
+moveClick: (direction: 1 | -1, widgetKey: string, parentWidgetKey?: string | undefined) => any;
+selectContainer: (containerKey?: string | undefined) => any;
+}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{
+onRemoveClick?: ((widgetKey: string, parentWidgetKey?: string | undefined) => any) | undefined;
+onMoveClick?: ((direction: 1 | -1, widgetKey: string, parentWidgetKey?: string | undefined) => any) | undefined;
+onSelectContainer?: ((containerKey?: string | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+export declare const EditIcon: DefineComponent<TSvgIconProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TSvgIconProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, SVGSVGElement>;
+
+declare const _getters: {
+    getNextContainerKey: (containerWidgetKey: TDashboardWidgetKey) => TDashboardWidgetKey;
+    getCurrentDashboardConfig: () => IDashboardConfig;
+    getCurrentDashboardId: () => string;
+    getIsResponsive: () => boolean;
+    getTargetContainerKey: () => TDashboardWidgetKey | undefined;
+};
+
+export declare const GridIcon: DefineComponent<TSvgIconProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TSvgIconProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, SVGSVGElement>;
+
+export declare const HandGrabIcon: DefineComponent<TSvgIconProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TSvgIconProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, SVGSVGElement>;
+
+export declare const HandIcon: DefineComponent<TSvgIconProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TSvgIconProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, SVGSVGElement>;
+
+export declare interface IButtonProps {
+    disabled?: boolean;
+    className?: string;
+    tooltip?: ITooltipProps;
+    isIconButton?: boolean;
+    type?: TButtonType;
+    category?: string;
+    font?: string;
+    border?: number;
+    borderHover?: number;
+    borderColor?: string;
+    px?: number;
+    py?: number;
+    justifyCss?: TButtonJustifyCss;
+    shadow?: string;
+    shadowHover?: string;
+    addCss?: string;
+}
+
+export declare interface IChildWidgetConfigEntry {
+    parentWidgetKey: TDashboardWidgetKey;
+    widgetKey: TDashboardWidgetKey;
+}
+
+export declare interface IDashboardConfig {
+    userID: number | string;
+    clientAppKey: string;
+    dashboardId: string;
+    dashboardName: string;
+    zoomScale: number;
+    responsiveGrid: boolean;
+    widgets: TDashboardWidgetKey[];
+    childWidgetsConfig: IChildWidgetConfigEntry[];
+    cssSettings: IDashboardSettingEntry[];
+    _version?: number;
+    _stateDescription?: string;
+}
+
+export declare interface IDashboardGridProps extends IDashboardGridPropsBase {
+}
+
+export declare interface IDashboardGridPropsBase {
+    isEditing: boolean;
+    zoomScale: number;
+    responsiveGrid: boolean;
+}
+
+export declare interface IDashboardSettingEntry {
+    key: string;
+    name: string;
+    description: string;
+    cssProperty: string;
+    step: number;
+    defaultUnit: string;
+    minValue: number;
+    defaultValue: string;
+    value: string;
+}
+
+export declare interface IDashboardStorageService {
+    getSavedDashboards: TGetSavedDashboards;
+    saveDashboards: TSaveDashboards;
+}
+
+export declare interface IDashboardStore extends TActions {
+    actions: TActions;
+    getters: typeof _getters;
+    computed: typeof computedGetters;
+}
+
+export declare type IDashboardWidget = Component;
+
+export declare interface IDashboardWidgetProps<TExtraProps = any> extends IDashboardWidgetPropsBase<TExtraProps> {
+}
+
+export declare interface IDashboardWidgetPropsBase<TExtraProps = any> {
+    index: number;
+    maxIndex: number;
+    widgetKey: TDashboardWidgetKey;
+    parentWidgetKey?: TDashboardWidgetKey;
+    isEditing: boolean;
+    highlight?: boolean;
+    testId?: string;
+    title?: string;
+    size?: TWidgetSize;
+    borderCssClasses?: string;
+    backgroundCssClasses?: string;
+    hideTitle?: boolean;
+    noShadow?: boolean;
+    noBorder?: boolean;
+    noPadding?: boolean;
+    direction?: TWidgetDirection;
+    extraProps?: TExtraProps;
+}
+
+declare interface IDraggablePanelProps {
+    testId?: string;
+    className: string;
+    style?: CSSProperties;
+    onDraggingChange?: (isDragging: boolean) => void;
+}
+
+export declare interface IDynamicWidgetCatalogEntry extends IDynamicWidgetCatalogEntryBase<TFrameworkElementType, TFrameworkComponentType> {
+}
+
+/**
+ * 2. Define the flexible Catalog Entry
+ * Definition of a single widget or container in the catalog.
+ * It must have EITHER a direct 'component' reference OR a 'loader' function.
+ *
+ * TFrameworkElementType: see TWidgetMetaInfoBase
+ * TFrameworkComponentType: i.e. React.ComponentType<any> (see TWidgetFactoryBase)
+ */
+export declare interface IDynamicWidgetCatalogEntryBase<TFrameworkElementType = any, TFrameworkComponentType = any> {
+    key: TDashboardWidgetKey;
+    title: string;
+    isContainer?: boolean;
+    meta?: TWidgetMetaInfoBase<TFrameworkElementType>;
+    component?: TFrameworkComponentType;
+    loader?: TWidgetFactoryBase<TFrameworkComponentType>;
+}
+
+export declare interface ITextFieldProps {
+    label: string;
+    size?: TSize;
+    modelValue: string;
+    className?: string;
+    placeholder?: string;
+}
+
+export declare interface ITooltipProps {
+    placement: string;
+    title: string;
+}
+
+export declare const ListItem: __VLS_WithTemplateSlots_5<typeof __VLS_component_5, __VLS_TemplateResult_5["slots"]>;
+
+export declare const MonitorIcon: DefineComponent<TSvgIconProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TSvgIconProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, SVGSVGElement>;
+
+export declare const MonitorSmartphoneIcon: DefineComponent<TSvgIconProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TSvgIconProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, SVGSVGElement>;
+
+export declare const MoveLeftIcon: DefineComponent<TSvgIconProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TSvgIconProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, SVGSVGElement>;
+
+export declare const MoveRightIcon: DefineComponent<TSvgIconProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TSvgIconProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, SVGSVGElement>;
+
+export declare const RedoIcon: DefineComponent<TSvgIconProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TSvgIconProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, SVGSVGElement>;
+
+export declare const SettingsIcon: DefineComponent<TSvgIconProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TSvgIconProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, SVGSVGElement>;
+
+export declare const showToast: (options: any) => void;
+
+export declare const Stack: __VLS_WithTemplateSlots_4<typeof __VLS_component_4, __VLS_TemplateResult_4["slots"]>;
+
+export declare const TabletSmartphoneIcon: DefineComponent<TSvgIconProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TSvgIconProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, SVGSVGElement>;
+
+declare type TActions = typeof _actions;
+
+declare type TAddWidgetResponse = {
+    success: boolean;
+    message?: string;
+    updatedDashboardConfig: IDashboardConfig;
+    allUpdatedDashboardConfigs: IDashboardConfig[];
+};
+
+export declare const TargetIcon: DefineComponent<TSvgIconProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TSvgIconProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, SVGSVGElement>;
+
+export declare type TButtonJustifyCss = 'justify-start' | 'justify-center' | 'justify-end';
+
+export declare type TButtonType = 'normal' | 'ghost';
+
+export declare type TDashboardUndoStatus = {
+    isUndoDisabled: boolean;
+    isRedoDisabled: boolean;
+    _currentIndex?: number;
+    _historyLength?: number;
+};
+
+export declare type TDashboardWidgetCatalog = TDashboardWidgetCatalogBase<TFrameworkElementType, TFrameworkComponentType>;
+
+export declare type TDashboardWidgetCatalogBase<TFrameworkElementType = any, TFrameworkComponentType = any> = Map<TDashboardWidgetKey, IDynamicWidgetCatalogEntryBase<TFrameworkElementType, TFrameworkComponentType>>;
+
+export declare type TDashboardWidgetKey = string;
+
+declare type TDynamicWidgetLoaderProps<TExtraProps = any> = {
+    index: number;
+    maxIndex: number;
+    widgetKey: TDashboardWidgetKey;
+    parentWidgetKey?: TDashboardWidgetKey;
+    targetContainerKey?: TDashboardWidgetKey;
+    childWidgetsConfig?: IChildWidgetConfigEntry[];
+    widgetCatalog: TDashboardWidgetCatalog;
+    isEditing: boolean;
+    extraProps?: TExtraProps;
+};
+
+export declare const TextField: DefineComponent<ITextFieldProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+"update:modelValue": (args: string) => any;
+keydown: (args: KeyboardEvent) => any;
+}, string, PublicProps, Readonly<ITextFieldProps> & Readonly<{
+"onUpdate:modelValue"?: ((args: string) => any) | undefined;
+onKeydown?: ((args: KeyboardEvent) => any) | undefined;
+}>, {
+size: "small" | "medium";
+className: string;
+placeholder: string;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+
+declare type TFrameworkComponentType = Component;
+
+declare type TFrameworkElementType = Component;
+
+declare type TGetSavedDashboards = (userID: number | string, clientAppKey: string, widgetCatalog: TDashboardWidgetCatalogBase, defaultDashboardConfig: IDashboardConfig) => Promise<IDashboardConfig[]>;
+
+export declare const TimerResetIcon: DefineComponent<TSvgIconProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TSvgIconProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, SVGSVGElement>;
+
+export declare type TManifestEntry = {
+    url: string;
+    meta: TWidgetMetaInfoBase;
+};
+
+declare type TSaveDashboards = (userID: number | string, clientAppKey: string, dashboardConfigs: IDashboardConfig[], widgetCatalog: TDashboardWidgetCatalogBase) => Promise<boolean>;
+
+declare type TSize = 'small' | 'medium';
+
+declare type TStackProps = {
+    testId?: string;
+    classNames?: string;
+    direction?: 'row' | 'column';
+    style?: Record<string, any>;
+};
+
+declare type TSvgIconProps = {
+    cssClass?: string;
+};
+
+export declare type TUndoHistoryEntry = {
+    undoIndex: number;
+    config: IDashboardConfig;
+};
+
+export declare type TWidgetCategory = 'Widget' | 'Chart' | 'Container';
+
+export declare type TWidgetDirection = 'row' | 'column';
+
+export declare type TWidgetEmits = {
+    (event: 'removeClick', widgetKey: TDashboardWidgetKey, parentWidgetKey?: TDashboardWidgetKey): void;
+    (event: 'moveClick', direction: -1 | 1, widgetKey: TDashboardWidgetKey, parentWidgetKey?: TDashboardWidgetKey): void;
+    (event: 'selectContainer', containerKey?: TDashboardWidgetKey): void;
+};
+
+export declare type TWidgetFactory = TWidgetFactoryBase<TFrameworkComponentType>;
+
+/**
+ * 1. Define the Async Loader type
+ * Type for the function that performs the asynchronous dynamic import.
+ * It must return a promise that resolves to the module containing the widget component
+ * as its default export (or a named export if you change the loading strategy).
+ *
+ * TFrameworkComponent could be "React.ComponentType<any>"" or "VueComponent" etc
+ */
+export declare type TWidgetFactoryBase<TFrameworkComponent = any> = () => Promise<{
+    default: TFrameworkComponent;
+}>;
+
+export declare type TWidgetMetaInfo = TWidgetMetaInfoBase<TFrameworkElementType | undefined>;
+
+export declare type TWidgetMetaInfoBase<TFrameworkElementType = any> = {
+    name: string;
+    description: string;
+    categories: TWidgetCategory[];
+    noDuplicatedWidgets?: boolean;
+    icon: TFrameworkElementType | undefined;
+    externalDependencies: string[];
+};
+
+declare type TWidgetsCatalogFlyoutProps = {
+    targetContainerKey?: TDashboardWidgetKey;
+    widgetsCatalog: TDashboardWidgetCatalog;
+    currentDashboardConfig: IDashboardConfig;
+    undoStatus: TDashboardUndoStatus;
+    addWidget: (widgetKey: TDashboardWidgetKey, parentWidgetKey?: TDashboardWidgetKey) => any;
+    addContainer: (widgetKey: TDashboardWidgetKey) => any;
+    onSettingItemsUpdated: (items: IDashboardSettingEntry[]) => any;
+    onResetToDefaultDashboardClick: () => any;
+    onUndoOrRedo: (operation: 'Undo' | 'Redo') => any;
+    onDoneClick: () => any;
+};
+
+export declare type TWidgetSize = 'default' | 'large' | 'xlarge';
+
+export declare const UndoIcon: DefineComponent<TSvgIconProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TSvgIconProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, SVGSVGElement>;
+
+export declare const useDashboardStore: () => IDashboardStore;
+
+export declare const useDashboardUndoService: () => {
+    initializeHistoryForDashboard: (initialConfig: IDashboardConfig) => void;
+    resetAllHistory: () => void;
+    addUndoEntry: (newConfig: IDashboardConfig) => void;
+    removeUndoHistoryForDashboard: (dashboardId: string) => void;
+    getPreviousChanges: (dashboardId: string) => IDashboardConfig | undefined;
+    getNextChanges: (dashboardId: string) => IDashboardConfig | undefined;
+    computedUndoStatus: ComputedRef<TDashboardUndoStatus>;
+    getUndoStatus: () => TDashboardUndoStatus;
+    historyState: {
+        readonly currentDashboardId: string | null;
+        readonly undoHistory: {
+            readonly [x: string]: readonly {
+                readonly undoIndex: number;
+                readonly config: {
+                    readonly userID: number | string;
+                    readonly clientAppKey: string;
+                    readonly dashboardId: string;
+                    readonly dashboardName: string;
+                    readonly zoomScale: number;
+                    readonly responsiveGrid: boolean;
+                    readonly widgets: readonly string[];
+                    readonly childWidgetsConfig: readonly {
+                        readonly parentWidgetKey: TDashboardWidgetKey;
+                        readonly widgetKey: TDashboardWidgetKey;
+                    }[];
+                    readonly cssSettings: readonly {
+                        readonly key: string;
+                        readonly name: string;
+                        readonly description: string;
+                        readonly cssProperty: string;
+                        readonly step: number;
+                        readonly defaultUnit: string;
+                        readonly minValue: number;
+                        readonly defaultValue: string;
+                        readonly value: string;
+                    }[];
+                    readonly _version?: number | undefined;
+                    readonly _stateDescription?: string | undefined;
+                };
+            }[];
+        };
+        readonly historyIndex: {
+            readonly [x: string]: number;
+        };
+    };
+};
+
+export declare function useWidgetEmits(emits: TWidgetEmits): {
+    removeClick: (widgetKey: TDashboardWidgetKey, parentWidgetKey?: TDashboardWidgetKey) => any;
+    moveClick: (direction: -1 | 1, widgetKey: TDashboardWidgetKey, parentWidgetKey?: TDashboardWidgetKey) => any;
+    selectContainer: (containerKey?: TDashboardWidgetKey) => any;
+};
+
+export declare const WidgetContainerColumn: <K extends TDashboardWidgetKey = TDashboardWidgetKey>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
+        readonly onRemoveClick?: ((widgetKey: string, parentWidgetKey?: string | undefined) => any) | undefined;
+        readonly onMoveClick?: ((direction: 1 | -1, widgetKey: string, parentWidgetKey?: string | undefined) => any) | undefined;
+        readonly onSelectContainer?: ((containerKey?: string | undefined) => any) | undefined;
+    } & VNodeProps & AllowedComponentProps & ComponentCustomProps, never>, "onRemoveClick" | "onMoveClick" | "onSelectContainer"> & IDashboardWidgetProps<any> & Partial<{}>> & PublicProps;
+    expose(exposed: ShallowUnwrapRef<    {}>): void;
+    attrs: any;
+    slots: {
+        default?(_: {}): any;
+    };
+    emit: TWidgetEmits;
+}>) => VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+
+export declare const WidgetContainerLarge: <K extends TDashboardWidgetKey = TDashboardWidgetKey>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal_3<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal_3<Pick<Partial<{}> & Omit<{
+        readonly onRemoveClick?: ((widgetKey: string, parentWidgetKey?: string | undefined) => any) | undefined;
+        readonly onMoveClick?: ((direction: 1 | -1, widgetKey: string, parentWidgetKey?: string | undefined) => any) | undefined;
+        readonly onSelectContainer?: ((containerKey?: string | undefined) => any) | undefined;
+    } & VNodeProps & AllowedComponentProps & ComponentCustomProps, never>, "onRemoveClick" | "onMoveClick" | "onSelectContainer"> & IDashboardWidgetProps<any> & Partial<{}>> & PublicProps;
+    expose(exposed: ShallowUnwrapRef<    {}>): void;
+    attrs: any;
+    slots: {
+        default?(_: {}): any;
+    };
+    emit: TWidgetEmits;
+}>) => VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+
+export declare const WidgetContainerRow: <K extends TDashboardWidgetKey = TDashboardWidgetKey>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal_2<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal_2<Pick<Partial<{}> & Omit<{
+        readonly onRemoveClick?: ((widgetKey: string, parentWidgetKey?: string | undefined) => any) | undefined;
+        readonly onMoveClick?: ((direction: 1 | -1, widgetKey: string, parentWidgetKey?: string | undefined) => any) | undefined;
+        readonly onSelectContainer?: ((containerKey?: string | undefined) => any) | undefined;
+    } & VNodeProps & AllowedComponentProps & ComponentCustomProps, never>, "onRemoveClick" | "onMoveClick" | "onSelectContainer"> & IDashboardWidgetProps<any> & Partial<{}>> & PublicProps;
+    expose(exposed: ShallowUnwrapRef<    {}>): void;
+    attrs: any;
+    slots: {
+        default?(_: {}): any;
+    };
+    emit: TWidgetEmits;
+}>) => VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+
+export declare const WidgetsCatalogFlyout: DefineComponent<TWidgetsCatalogFlyoutProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TWidgetsCatalogFlyoutProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+export declare const WrapperColumnContent: __VLS_WithTemplateSlots_7<typeof __VLS_component_7, __VLS_TemplateResult_7["slots"]>;
+
+export declare const WrapperColumnContentListItem: __VLS_WithTemplateSlots_8<typeof __VLS_component_8, __VLS_TemplateResult_8["slots"]>;
+
+export declare const XCircleIcon: DefineComponent<TSvgIconProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TSvgIconProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, SVGSVGElement>;
+
+export declare const ZoomInIcon: DefineComponent<TSvgIconProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TSvgIconProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, SVGSVGElement>;
+
+export declare const ZoomOutIcon: DefineComponent<TSvgIconProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TSvgIconProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, SVGSVGElement>;
+
+export { }