@widgetic/canvas 0.5.4

package/dist/canvas/Canvas.svelte.d.ts

@@ -0,0 +1,147 @@
+import { SvelteComponentTyped } from "svelte";
+import type { WidgetConversionPayload } from './types';
+declare const __propDef: {
+    props: {
+        /**
+             * COMPONENT PROPS
+             */ class?: string;
+        style?: string;
+        /** Site /canvas embed sits flush under AppHeader — skip the 2px frame (double stroke). */ showContainerFrame?: boolean;
+        onObjectClick?: ((data: {
+            screenshot: string;
+            objectType: string;
+            customType?: string;
+            bounds: {
+                left: number;
+                top: number;
+                width: number;
+                height: number;
+            };
+            objectId: string;
+            metadata: Record<string, any>;
+        }) => void) | null;
+        panZoomPosition?: "TL" | "TC" | "TR" | "BL" | "BC" | "BR";
+        wireframeMode?: boolean;
+        onReady?: (() => void) | null;
+        isExternalDataLoading?: boolean;
+        onBeforeUnmount?: ((json: string | null) => void) | null;
+        onAutoSave?: ((json: string | null) => void) | null;
+        autosaveDelayMs?: number;
+        showSaveButton?: boolean;
+        onCanvasDirty?: (() => void) | null;
+        onConvertToWidget?: ((data: WidgetConversionPayload) => void) | null;
+        onWidgetImageClick?: ((widgetId: string) => void) | null;
+        onNonWidgetSelected?: (() => void) | null;
+        onWidgetShapeDuplicated?: ((sourceWidgetId: string, clonedObject: any) => void) | null;
+        onWidgetShapeDeleting?: ((widgetId: string) => Promise<boolean>) | null;
+        onWidgetRename?: ((widgetId: string, newName: string) => void) | null;
+        onRefreshScreenshot?: ((widgetId: string) => void) | null;
+        getWidgetName?: ((widgetId: string) => string | null) | null;
+        /** Returns true when widgetId still exists in the host widget list. */ isWidgetKnown?: ((widgetId: string) => boolean) | null;
+        showLogs?: boolean;
+        shapeFillColor?: () => string;
+        deselectAll?: () => void;
+        markSelectedAsDuplicating?: () => void;
+        linkObjectToWidget?: (fabricObject: any, widgetId: string, widgetName?: string | null) => void;
+        linkFrameToWidget?: (objectId: string, widgetId: string) => void;
+        replaceObjectWithWidgetImage?: (objectId: string, widgetId: string, screenshotDataUrl: string) => Promise<string | null>;
+        updateWidgetImage?: (widgetId: string, newScreenshotDataUrl: string) => void;
+        selectWidgetShape?: (widgetId: string) => boolean;
+        getWidgetShapeDataUrl?: (widgetId: string) => string | null;
+        addWidgetShape?: (widgetId: string, widgetName?: string, gridIndex?: number, totalCount?: number, previewImageUrl?: string | null) => string | null;
+        getLinkedWidgetIds?: () => Set<string>;
+        hydrateWidgetShapeMetadata?: (widgetsById: Map<string, {
+            name?: string | null;
+            thumbnailUrl?: string | null;
+            thumbnail_url?: string | null;
+        }>) => number;
+        markOrphanedWidgetShapes?: (validWidgetIds: Set<string>) => number;
+        onSelectSelectTool?: () => void;
+        onSelectLibraryShapeTool?: (shapeKey: string, pathData: string) => void;
+        onSelectEraseTool?: () => void;
+        onSelectDrawTool?: () => void;
+        onSelectTextTool?: () => void;
+        onSelectArrowTool?: () => void;
+        onSelectShapeTool?: (shapeType: "rect" | "circle" | "circle-true" | "triangle" | "arrow") => void;
+        onSelectFrameTool?: () => void;
+        onSelectImageTool?: () => void;
+        onSelectPanTool?: () => void;
+        zoomIn?: () => void;
+        zoomOut?: () => void;
+        zoomTo?: (percent: number) => void;
+        zoomReset?: () => void;
+        zoomFit?: () => void;
+        onGroupSelection?: () => void;
+        onUngroupSelection?: () => void;
+        onSelectAllObjects?: () => void;
+        onDeselectAllObjects?: () => void;
+        undo?: () => Promise<void>;
+        redo?: () => Promise<void>;
+        saveCanvas?: () => string | null;
+        loadCanvas?: (jsonString: string) => Promise<void>;
+        onClearAllObjects?: () => void;
+        addText?: () => void;
+        addTriangle?: () => void;
+        addRect?: () => void;
+        addCircle?: () => void;
+        addFrame?: () => void;
+        addImage?: () => void;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type CanvasProps = typeof __propDef.props;
+export type CanvasEvents = typeof __propDef.events;
+export type CanvasSlots = typeof __propDef.slots;
+export default class Canvas extends SvelteComponentTyped<CanvasProps, CanvasEvents, CanvasSlots> {
+    get shapeFillColor(): () => string;
+    get deselectAll(): () => void;
+    get markSelectedAsDuplicating(): () => void;
+    get linkObjectToWidget(): (fabricObject: any, widgetId: string, widgetName?: string | null) => void;
+    get linkFrameToWidget(): (objectId: string, widgetId: string) => void;
+    get replaceObjectWithWidgetImage(): (objectId: string, widgetId: string, screenshotDataUrl: string) => Promise<string | null>;
+    get updateWidgetImage(): (widgetId: string, newScreenshotDataUrl: string) => void;
+    get selectWidgetShape(): (widgetId: string) => boolean;
+    get getWidgetShapeDataUrl(): (widgetId: string) => string | null;
+    get addWidgetShape(): (widgetId: string, widgetName?: string, gridIndex?: number, totalCount?: number, previewImageUrl?: string | null) => string | null;
+    get getLinkedWidgetIds(): () => Set<string>;
+    get hydrateWidgetShapeMetadata(): (widgetsById: Map<string, {
+        name?: string | null;
+        thumbnailUrl?: string | null;
+        thumbnail_url?: string | null;
+    }>) => number;
+    get markOrphanedWidgetShapes(): (validWidgetIds: Set<string>) => number;
+    get onSelectSelectTool(): () => void;
+    get onSelectLibraryShapeTool(): (shapeKey: string, pathData: string) => void;
+    get onSelectEraseTool(): () => void;
+    get onSelectDrawTool(): () => void;
+    get onSelectTextTool(): () => void;
+    get onSelectArrowTool(): () => void;
+    get onSelectShapeTool(): (shapeType: "rect" | "circle" | "circle-true" | "triangle" | "arrow") => void;
+    get onSelectFrameTool(): () => void;
+    get onSelectImageTool(): () => void;
+    get onSelectPanTool(): () => void;
+    get zoomIn(): () => void;
+    get zoomOut(): () => void;
+    get zoomTo(): (percent: number) => void;
+    get zoomReset(): () => void;
+    get zoomFit(): () => void;
+    get onGroupSelection(): () => void;
+    get onUngroupSelection(): () => void;
+    get onSelectAllObjects(): () => void;
+    get onDeselectAllObjects(): () => void;
+    get undo(): () => Promise<void>;
+    get redo(): () => Promise<void>;
+    get saveCanvas(): () => string | null;
+    get loadCanvas(): (jsonString: string) => Promise<void>;
+    get onClearAllObjects(): () => void;
+    get addText(): () => void;
+    get addTriangle(): () => void;
+    get addRect(): () => void;
+    get addCircle(): () => void;
+    get addFrame(): () => void;
+    get addImage(): () => void;
+}
+export {};