@skylivellc/lienzo-editor 0.0.0-stage → 0.1.1

package/dist/types/panels/content/ImageContent.vue.d.ts

@@ -0,0 +1,7 @@
+import type { CoreElement } from '@skylivellc/lienzo-core';
+type __VLS_Props = {
+    element: CoreElement;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types/panels/content/NavbarContent.vue.d.ts

@@ -0,0 +1,7 @@
+import type { CoreElement } from '@skylivellc/lienzo-core';
+type __VLS_Props = {
+    element: CoreElement;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types/panels/content/ShapeContent.vue.d.ts

@@ -0,0 +1,7 @@
+import type { CoreElement } from '@skylivellc/lienzo-core';
+type __VLS_Props = {
+    element: CoreElement;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types/panels/content/TextContent.vue.d.ts

@@ -0,0 +1,8 @@
+import type { CoreElement } from '@skylivellc/lienzo-core';
+/** Heading and text: the copy, a highlighted part, and for headings their level. */
+type __VLS_Props = {
+    element: CoreElement;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types/panels/content/VideoContent.vue.d.ts

@@ -0,0 +1,7 @@
+import type { CoreElement } from '@skylivellc/lienzo-core';
+type __VLS_Props = {
+    element: CoreElement;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types/panels/content/shapes.d.ts

@@ -0,0 +1,9 @@
+import type { CoreProps } from '@skylivellc/lienzo-core';
+import type { Translator } from '../../i18n/index.ts';
+type Shape = NonNullable<CoreProps['shape']>;
+/** Shapes of a shape element, which are also the crops of an image. */
+export declare const shapeOptions: (t: Translator["t"]) => {
+    value: Shape;
+    label: string;
+}[];
+export {};

package/dist/types/panels/style/FillStyle.vue.d.ts

@@ -0,0 +1,7 @@
+import type { Element } from '@skylivellc/lienzo-core';
+type __VLS_Props = {
+    element: Element;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types/panels/style/FrameStyle.vue.d.ts

@@ -0,0 +1,7 @@
+import type { Element } from '@skylivellc/lienzo-core';
+type __VLS_Props = {
+    element: Element;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types/panels/style/MotionStyle.vue.d.ts

@@ -0,0 +1,7 @@
+import type { Element } from '@skylivellc/lienzo-core';
+type __VLS_Props = {
+    element: Element;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types/panels/style/PositionSection.vue.d.ts

@@ -0,0 +1,8 @@
+import type { Element } from '@skylivellc/lienzo-core';
+/** Where the element sits on the device being edited. On a phone it may follow the desktop box. */
+type __VLS_Props = {
+    element: Element;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types/panels/style/TextStyle.vue.d.ts

@@ -0,0 +1,7 @@
+import type { Element } from '@skylivellc/lienzo-core';
+type __VLS_Props = {
+    element: Element;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types/panels/style/TransformStyle.vue.d.ts

@@ -0,0 +1,7 @@
+import type { Element } from '@skylivellc/lienzo-core';
+type __VLS_Props = {
+    element: Element;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types/shell/ElementIcon.vue.d.ts

@@ -0,0 +1,11 @@
+import type { Element } from '@skylivellc/lienzo-core';
+/** The icon of an element's type: lucide for core types, the catalog icon the app chose for its own. */
+type __VLS_Props = {
+    element: Element;
+    size?: number;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    size: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types/shell/LeftSidebar.vue.d.ts

@@ -0,0 +1,11 @@
+/** Left sidebar: what to add, the layer tree, the modals, and the media library. */
+type __VLS_Props = {
+    dropPoint: (clientX: number, clientY: number) => {
+        canvas: string;
+        x: number;
+        y: number;
+    } | null;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types/shell/RightPanel.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types/shell/Toolbar.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types/shell/typeIcons.d.ts

@@ -0,0 +1,4 @@
+import type { CoreElementType } from '@skylivellc/lienzo-core';
+import type { Component } from 'vue';
+/** Icon per core type, so the palette and the layers read at a glance. */
+export declare const typeIcons: Record<CoreElementType, Component>;

package/dist/types/state/autosave.d.ts

@@ -0,0 +1,63 @@
+import type { Issue } from '@skylivellc/lienzo-core';
+import { type ShallowRef } from 'vue';
+import type { Failure } from '../client.ts';
+/** Where the draft stands against the server. Exactly one of these at a time. */
+export type SaveState = {
+    kind: 'saved';
+    at: Date | null;
+} | {
+    kind: 'pending';
+} | {
+    kind: 'saving';
+}
+/** The network is down; retries on its own. */
+ | {
+    kind: 'offline';
+}
+/** The server failed; retries on the next change or on demand. */
+ | {
+    kind: 'failed';
+    message: string;
+}
+/** The server rejected some values; retries on the next change. */
+ | {
+    kind: 'invalid';
+    issues: Issue[];
+    message: string;
+}
+/** Someone else saved first. Nothing is saved again until the page reloads. */
+ | {
+    kind: 'conflict';
+};
+export type Outcome = {
+    ok: true;
+} | {
+    ok: false;
+    failure: Failure;
+};
+export type AutosaveOptions<T> = {
+    /** A detached copy of everything autosaved, as plain data. */
+    read(): T;
+    /** Sends a copy taken by `read`. */
+    save(value: T): Promise<Outcome>;
+    delay?: number;
+    offlineRetry?: number;
+};
+export type Autosave = {
+    readonly state: ShallowRef<SaveState>;
+    /** Something may have changed: saves `delay` ms after the last call, if the snapshot differs from the saved one. */
+    changed(): void;
+    /** Saves now and waits. True when everything is saved. */
+    flush(): Promise<boolean>;
+    /** Flushes, then runs `task` while no autosave can start, so writes never interleave. */
+    exclusive<T>(task: () => Promise<T>): Promise<T>;
+    /** Starts over from what `read` gives now, known to be on the server (after a load or a reload). A save still in flight no longer counts. */
+    reset(): void;
+    dispose(): void;
+};
+/**
+ * Debounced saving with one write in flight at a time. A change during a
+ * save is saved right after it. A failure keeps the draft and says why;
+ * offline retries every few seconds, a conflict stops for good.
+ */
+export declare function createAutosave<T>({ read, save, delay, offlineRetry }: AutosaveOptions<T>): Autosave;