@r2digisolutions/components 0.1.7 → 0.3.0

package/dist/components/molecules/CanvasElementsPanel/CanvasElementsPanel.svelte.d.ts

@@ -0,0 +1,43 @@
+import type { CanvasLayerKind } from '../../../utils/canvasDocument.js';
+export declare const CANVAS_ELEMENT_MIME = "application/x-r2-canvas-element";
+export interface CanvasElementDef {
+    id: string;
+    label: string;
+    kind: CanvasLayerKind;
+    group: string;
+    swatch?: string;
+    /** Shown in the tile preview (emoji / glyph). */
+    glyph?: string;
+    partial?: {
+        name?: string;
+        text?: string;
+        fontSize?: number;
+        fontWeight?: number | string;
+        fontFamily?: string;
+        letterSpacing?: number;
+        fill?: string;
+        color?: string;
+        borderRadius?: number;
+        stroke?: string;
+        strokeWidth?: number;
+        textAlign?: 'left' | 'center' | 'right';
+        textBackground?: string;
+        clipChildren?: boolean;
+        gap?: number;
+        slotName?: string;
+        columns?: number;
+        rect?: {
+            w: number;
+            h: number;
+        };
+    };
+    /** Special tool action instead of placing a layer. */
+    tool?: 'pen';
+}
+interface CanvasElementsPanelProps {
+    class?: string;
+    onadd?: (def: CanvasElementDef) => void;
+}
+declare const CanvasElementsPanel: import("svelte").Component<CanvasElementsPanelProps, {}, "">;
+type CanvasElementsPanel = ReturnType<typeof CanvasElementsPanel>;
+export default CanvasElementsPanel;

package/dist/components/molecules/CanvasElementsPanel/CanvasElementsPanelStory.svelte

@@ -0,0 +1,7 @@
+<script lang="ts">
+	import CanvasElementsPanel from './CanvasElementsPanel.svelte';
+</script>
+
+<div class="h-[420px] w-72 rounded-xl border border-border bg-surface-elevated">
+	<CanvasElementsPanel onadd={(d) => console.log('add', d)} />
+</div>

package/dist/components/molecules/CanvasElementsPanel/CanvasElementsPanelStory.svelte.d.ts

@@ -0,0 +1,18 @@
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const CanvasElementsPanelStory: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type CanvasElementsPanelStory = InstanceType<typeof CanvasElementsPanelStory>;
+export default CanvasElementsPanelStory;

package/dist/components/molecules/CanvasInspector/CanvasInspector.stories.d.ts

@@ -0,0 +1,9 @@
+import type { StoryObj } from '@storybook/svelte';
+declare const meta: {
+    title: string;
+    component: import("svelte").Component<Record<string, never>, {}, "">;
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/components/molecules/CanvasInspector/CanvasInspector.stories.js

@@ -0,0 +1,8 @@
+import CanvasInspectorStory from './CanvasInspectorStory.svelte';
+const meta = {
+    title: 'Molecules/CanvasInspector',
+    component: CanvasInspectorStory,
+    tags: ['autodocs']
+};
+export default meta;
+export const Default = {};