@widgetic/canvas 0.5.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (51) hide show
  1. package/README.md +45 -0
  2. package/dist/canvas/Canvas.svelte +10678 -0
  3. package/dist/canvas/Canvas.svelte.d.ts +147 -0
  4. package/dist/canvas/CanvasToolbar.svelte +1422 -0
  5. package/dist/canvas/CanvasToolbar.svelte.d.ts +54 -0
  6. package/dist/canvas/ContextMenu.svelte +279 -0
  7. package/dist/canvas/ContextMenu.svelte.d.ts +36 -0
  8. package/dist/canvas/PanZoomPanel.svelte +315 -0
  9. package/dist/canvas/PanZoomPanel.svelte.d.ts +32 -0
  10. package/dist/canvas/canvasLogger.d.ts +5 -0
  11. package/dist/canvas/canvasLogger.js +19 -0
  12. package/dist/canvas/index.d.ts +13 -0
  13. package/dist/canvas/index.js +12 -0
  14. package/dist/canvas/props-panel/PropsPanel.svelte +1902 -0
  15. package/dist/canvas/props-panel/PropsPanel.svelte.d.ts +73 -0
  16. package/dist/canvas/props-panel/TextPropsICSection.svelte +238 -0
  17. package/dist/canvas/props-panel/TextPropsICSection.svelte.d.ts +36 -0
  18. package/dist/canvas/shapes/FrameShape.d.ts +97 -0
  19. package/dist/canvas/shapes/FrameShape.js +951 -0
  20. package/dist/canvas/shapes/ImageShape.d.ts +38 -0
  21. package/dist/canvas/shapes/ImageShape.js +245 -0
  22. package/dist/canvas/shapes/ShapeLibrary.d.ts +64 -0
  23. package/dist/canvas/shapes/ShapeLibrary.js +526 -0
  24. package/dist/canvas/shapes/WidgetShape.d.ts +21 -0
  25. package/dist/canvas/shapes/WidgetShape.js +132 -0
  26. package/dist/canvas/types.d.ts +26 -0
  27. package/dist/canvas/types.js +5 -0
  28. package/dist/components/Tooltip.svelte +179 -0
  29. package/dist/components/Tooltip.svelte.d.ts +21 -0
  30. package/dist/components/index.d.ts +11 -0
  31. package/dist/components/index.js +13 -0
  32. package/dist/components/input-controls/ColorIC.svelte +388 -0
  33. package/dist/components/input-controls/ColorIC.svelte.d.ts +22 -0
  34. package/dist/components/input-controls/FontSelectorIC.svelte +69 -0
  35. package/dist/components/input-controls/FontSelectorIC.svelte.d.ts +17 -0
  36. package/dist/components/input-controls/SliderUnitIC.svelte +217 -0
  37. package/dist/components/input-controls/SliderUnitIC.svelte.d.ts +24 -0
  38. package/dist/components/input-controls/TextAlignIC.svelte +84 -0
  39. package/dist/components/input-controls/TextAlignIC.svelte.d.ts +17 -0
  40. package/dist/components/input-controls/TextStyleIC.svelte +85 -0
  41. package/dist/components/input-controls/TextStyleIC.svelte.d.ts +21 -0
  42. package/dist/icons/arrow.svg +3 -0
  43. package/dist/icons/checkmark.svg +3 -0
  44. package/dist/icons/draw.svg +22 -0
  45. package/dist/icons/eraser.svg +23 -0
  46. package/dist/icons/hand.svg +6 -0
  47. package/dist/icons/select.svg +3 -0
  48. package/dist/icons/text.svg +5 -0
  49. package/dist/index.d.ts +11 -0
  50. package/dist/index.js +12 -0
  51. package/package.json +101 -0
@@ -0,0 +1,32 @@
1
+ import { SvelteComponentTyped } from "svelte";
2
+ declare const __propDef: {
3
+ props: {
4
+ class?: string;
5
+ style?: string;
6
+ zoomLevel?: number;
7
+ isPanActive?: boolean;
8
+ showGrid?: boolean;
9
+ onPanToggle?: () => void;
10
+ onZoomIn?: () => void;
11
+ onZoomOut?: () => void;
12
+ onZoomReset?: () => void;
13
+ onZoomFit?: () => void;
14
+ onZoomChange?: (percent: number) => void;
15
+ onGridToggle?: () => void;
16
+ onShortcutsToggle?: () => void;
17
+ shortcutsOpen?: boolean;
18
+ showSaveButton?: boolean;
19
+ hasUnsavedChanges?: boolean;
20
+ onSave?: (() => void) | null;
21
+ };
22
+ events: {
23
+ [evt: string]: CustomEvent<any>;
24
+ };
25
+ slots: {};
26
+ };
27
+ export type PanZoomPanelProps = typeof __propDef.props;
28
+ export type PanZoomPanelEvents = typeof __propDef.events;
29
+ export type PanZoomPanelSlots = typeof __propDef.slots;
30
+ export default class PanZoomPanel extends SvelteComponentTyped<PanZoomPanelProps, PanZoomPanelEvents, PanZoomPanelSlots> {
31
+ }
32
+ export {};
@@ -0,0 +1,5 @@
1
+ export declare function setCanvasLogsEnabled(enabled: boolean): void;
2
+ export declare function isCanvasLogsEnabled(): boolean;
3
+ export declare function canvasLog(...args: unknown[]): void;
4
+ export declare function canvasWarn(...args: unknown[]): void;
5
+ export declare function canvasDebug(...args: unknown[]): void;
@@ -0,0 +1,19 @@
1
+ let _enabled = true;
2
+ export function setCanvasLogsEnabled(enabled) {
3
+ _enabled = enabled;
4
+ }
5
+ export function isCanvasLogsEnabled() {
6
+ return _enabled;
7
+ }
8
+ export function canvasLog(...args) {
9
+ if (_enabled)
10
+ console.log(...args);
11
+ }
12
+ export function canvasWarn(...args) {
13
+ if (_enabled)
14
+ console.warn(...args);
15
+ }
16
+ export function canvasDebug(...args) {
17
+ if (_enabled)
18
+ console.debug(...args);
19
+ }
@@ -0,0 +1,13 @@
1
+ /**
2
+ * Canvas barrel — exports the heavy Canvas component and canvas-specific sub-components.
3
+ *
4
+ * Canvas.svelte is 10K+ lines. Use dynamic import in consuming apps:
5
+ * const { Canvas } = await import('@widgetic/canvas/canvas');
6
+ */
7
+ export { default as Canvas } from './Canvas.svelte';
8
+ export { default as CanvasToolbar } from './CanvasToolbar.svelte';
9
+ export { default as ContextMenu } from './ContextMenu.svelte';
10
+ export { default as PanZoomPanel } from './PanZoomPanel.svelte';
11
+ export { default as PropsPanel } from './props-panel/PropsPanel.svelte';
12
+ export type { WidgetConversionPayload } from './types';
13
+ export { canvasLog, canvasWarn, canvasDebug, setCanvasLogsEnabled, isCanvasLogsEnabled } from './canvasLogger';
@@ -0,0 +1,12 @@
1
+ /**
2
+ * Canvas barrel — exports the heavy Canvas component and canvas-specific sub-components.
3
+ *
4
+ * Canvas.svelte is 10K+ lines. Use dynamic import in consuming apps:
5
+ * const { Canvas } = await import('@widgetic/canvas/canvas');
6
+ */
7
+ export { default as Canvas } from './Canvas.svelte';
8
+ export { default as CanvasToolbar } from './CanvasToolbar.svelte';
9
+ export { default as ContextMenu } from './ContextMenu.svelte';
10
+ export { default as PanZoomPanel } from './PanZoomPanel.svelte';
11
+ export { default as PropsPanel } from './props-panel/PropsPanel.svelte';
12
+ export { canvasLog, canvasWarn, canvasDebug, setCanvasLogsEnabled, isCanvasLogsEnabled } from './canvasLogger';