@bluepic/embed 0.4.0-next.145 → 0.4.0-next.148

package/dist/components/TemplateEditor/BxTemplateEditor.vue.d.ts

@@ -122,8 +122,31 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
         accessibilityDescription?: string;
         fieldHitboxes?: import("../../util/fieldHints").FieldHitbox[];
         hintsRevealed?: boolean;
+        textState?: import("../../util/fieldHints").CanvasTextState;
+        editingElementId?: string;
     }> & Readonly<{
+        "onActivate-field"?: ((args_0: BluepicField) => any) | undefined;
         "onFocus-field"?: ((args_0: BluepicField) => any) | undefined;
+        "onSelect-start"?: ((args_0: {
+            x: number;
+            y: number;
+        }) => any) | undefined;
+        "onSelect-move"?: ((args_0: {
+            x: number;
+            y: number;
+        }) => any) | undefined;
+        "onSelect-end"?: (() => any) | undefined;
+        "onHandle-grab"?: ((args_0: {
+            handle: import("../../util/fieldHints").SelectionHandle;
+            point: {
+                x: number;
+                y: number;
+            };
+        }) => any) | undefined;
+        "onSelect-word"?: ((args_0: {
+            x: number;
+            y: number;
+        }) => any) | undefined;
     }>, {
         currentlyFocusedFrame: import("vue").ComputedRef<{
             x: number;
@@ -775,7 +798,28 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
         }) | undefined>;
         isMultiFrame: import("vue").ComputedRef<boolean>;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "activate-field": (args_0: BluepicField) => any;
         "focus-field": (args_0: BluepicField) => any;
+        "select-start": (args_0: {
+            x: number;
+            y: number;
+        }) => any;
+        "select-move": (args_0: {
+            x: number;
+            y: number;
+        }) => any;
+        "select-end": () => any;
+        "handle-grab": (args_0: {
+            handle: import("../../util/fieldHints").SelectionHandle;
+            point: {
+                x: number;
+                y: number;
+            };
+        }) => any;
+        "select-word": (args_0: {
+            x: number;
+            y: number;
+        }) => any;
     }, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
@@ -802,8 +846,31 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
         accessibilityDescription?: string;
         fieldHitboxes?: import("../../util/fieldHints").FieldHitbox[];
         hintsRevealed?: boolean;
+        textState?: import("../../util/fieldHints").CanvasTextState;
+        editingElementId?: string;
     }> & Readonly<{
+        "onActivate-field"?: ((args_0: BluepicField) => any) | undefined;
         "onFocus-field"?: ((args_0: BluepicField) => any) | undefined;
+        "onSelect-start"?: ((args_0: {
+            x: number;
+            y: number;
+        }) => any) | undefined;
+        "onSelect-move"?: ((args_0: {
+            x: number;
+            y: number;
+        }) => any) | undefined;
+        "onSelect-end"?: (() => any) | undefined;
+        "onHandle-grab"?: ((args_0: {
+            handle: import("../../util/fieldHints").SelectionHandle;
+            point: {
+                x: number;
+                y: number;
+            };
+        }) => any) | undefined;
+        "onSelect-word"?: ((args_0: {
+            x: number;
+            y: number;
+        }) => any) | undefined;
     }>, {
         currentlyFocusedFrame: import("vue").ComputedRef<{
             x: number;
@@ -1473,8 +1540,31 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
         accessibilityDescription?: string;
         fieldHitboxes?: import("../../util/fieldHints").FieldHitbox[];
         hintsRevealed?: boolean;
+        textState?: import("../../util/fieldHints").CanvasTextState;
+        editingElementId?: string;
     }> & Readonly<{
+        "onActivate-field"?: ((args_0: BluepicField) => any) | undefined;
         "onFocus-field"?: ((args_0: BluepicField) => any) | undefined;
+        "onSelect-start"?: ((args_0: {
+            x: number;
+            y: number;
+        }) => any) | undefined;
+        "onSelect-move"?: ((args_0: {
+            x: number;
+            y: number;
+        }) => any) | undefined;
+        "onSelect-end"?: (() => any) | undefined;
+        "onHandle-grab"?: ((args_0: {
+            handle: import("../../util/fieldHints").SelectionHandle;
+            point: {
+                x: number;
+                y: number;
+            };
+        }) => any) | undefined;
+        "onSelect-word"?: ((args_0: {
+            x: number;
+            y: number;
+        }) => any) | undefined;
     }>, {
         currentlyFocusedFrame: import("vue").ComputedRef<{
             x: number;
@@ -2126,7 +2216,28 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
         }) | undefined>;
         isMultiFrame: import("vue").ComputedRef<boolean>;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "activate-field": (args_0: BluepicField) => any;
         "focus-field": (args_0: BluepicField) => any;
+        "select-start": (args_0: {
+            x: number;
+            y: number;
+        }) => any;
+        "select-move": (args_0: {
+            x: number;
+            y: number;
+        }) => any;
+        "select-end": () => any;
+        "handle-grab": (args_0: {
+            handle: import("../../util/fieldHints").SelectionHandle;
+            point: {
+                x: number;
+                y: number;
+            };
+        }) => any;
+        "select-word": (args_0: {
+            x: number;
+            y: number;
+        }) => any;
     }, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
@@ -2153,8 +2264,31 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
         accessibilityDescription?: string;
         fieldHitboxes?: import("../../util/fieldHints").FieldHitbox[];
         hintsRevealed?: boolean;
+        textState?: import("../../util/fieldHints").CanvasTextState;
+        editingElementId?: string;
     }> & Readonly<{
+        "onActivate-field"?: ((args_0: BluepicField) => any) | undefined;
         "onFocus-field"?: ((args_0: BluepicField) => any) | undefined;
+        "onSelect-start"?: ((args_0: {
+            x: number;
+            y: number;
+        }) => any) | undefined;
+        "onSelect-move"?: ((args_0: {
+            x: number;
+            y: number;
+        }) => any) | undefined;
+        "onSelect-end"?: (() => any) | undefined;
+        "onHandle-grab"?: ((args_0: {
+            handle: import("../../util/fieldHints").SelectionHandle;
+            point: {
+                x: number;
+                y: number;
+            };
+        }) => any) | undefined;
+        "onSelect-word"?: ((args_0: {
+            x: number;
+            y: number;
+        }) => any) | undefined;
     }>, {
         currentlyFocusedFrame: import("vue").ComputedRef<{
             x: number;

package/dist/components/TemplateEditor/FieldHintsLayer.vue.d.ts

@@ -1,5 +1,6 @@
 import type { BluepicField } from '@bluepic/types';
 import type { FieldHitbox } from '../../util/fieldHints';
+import type { CanvasTextState, SelectionHandle } from '../../util/fieldHints/useCanvasTextEditing';
 type __VLS_Props = {
     hitboxes: FieldHitbox[];
     /**
@@ -25,10 +26,58 @@ type __VLS_Props = {
     /** On multi-frame templates, only the focused frame's hints are shown. */
     activeFrameIndex?: number;
     revealed: boolean;
+    /** Live caret + selection in SERIAL coordinates, or absent when not editing. */
+    textState?: CanvasTextState;
+    /** Element whose text is being edited — its hitbox becomes a selection surface. */
+    editingElementId?: string;
+    /** zoompinch's inverse projection, for turning a pointer position into serial coords. */
+    normalizeClientCoords: (clientX: number, clientY: number) => [number, number];
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "activate-field": (args_0: BluepicField) => any;
     "focus-field": (args_0: BluepicField) => any;
+    "select-start": (args_0: {
+        x: number;
+        y: number;
+    }) => any;
+    "select-move": (args_0: {
+        x: number;
+        y: number;
+    }) => any;
+    "select-end": () => any;
+    "handle-grab": (args_0: {
+        handle: SelectionHandle;
+        point: {
+            x: number;
+            y: number;
+        };
+    }) => any;
+    "select-word": (args_0: {
+        x: number;
+        y: number;
+    }) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onActivate-field"?: ((args_0: BluepicField) => any) | undefined;
     "onFocus-field"?: ((args_0: BluepicField) => any) | undefined;
+    "onSelect-start"?: ((args_0: {
+        x: number;
+        y: number;
+    }) => any) | undefined;
+    "onSelect-move"?: ((args_0: {
+        x: number;
+        y: number;
+    }) => any) | undefined;
+    "onSelect-end"?: (() => any) | undefined;
+    "onHandle-grab"?: ((args_0: {
+        handle: SelectionHandle;
+        point: {
+            x: number;
+            y: number;
+        };
+    }) => any) | undefined;
+    "onSelect-word"?: ((args_0: {
+        x: number;
+        y: number;
+    }) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/components/TemplateEditor/TemplateView.vue.d.ts

@@ -2,6 +2,7 @@ import { Transform } from '@zoompinch/vue';
 import { Ref } from 'vue';
 import { BluepicField, Template } from '@bluepic/types';
 import type { FieldHitbox } from '../../util/fieldHints';
+import type { CanvasTextState, SelectionHandle } from '../../util/fieldHints/useCanvasTextEditing';
 import type { AssetProxyConfig } from '../../util/assetProxy';
 type __VLS_Props = {
     bxCoreVersion?: string;
@@ -32,6 +33,10 @@ type __VLS_Props = {
     fieldHitboxes?: FieldHitbox[];
     /** Whether the hint overlay is currently shown (hover on desktop, tap on mobile). */
     hintsRevealed?: boolean;
+    /** Live caret + selection in serial coordinates while a hint-focused field is edited. */
+    textState?: CanvasTextState;
+    /** Element whose text is being edited. */
+    editingElementId?: string;
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {
     currentlyFocusedFrame: import("vue").ComputedRef<{
@@ -684,8 +689,50 @@ declare const _default: import("vue").DefineComponent<__VLS_Props, {
     }) | undefined>;
     isMultiFrame: import("vue").ComputedRef<boolean>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "activate-field": (args_0: BluepicField) => any;
     "focus-field": (args_0: BluepicField) => any;
+    "select-start": (args_0: {
+        x: number;
+        y: number;
+    }) => any;
+    "select-move": (args_0: {
+        x: number;
+        y: number;
+    }) => any;
+    "select-end": () => any;
+    "handle-grab": (args_0: {
+        handle: SelectionHandle;
+        point: {
+            x: number;
+            y: number;
+        };
+    }) => any;
+    "select-word": (args_0: {
+        x: number;
+        y: number;
+    }) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onActivate-field"?: ((args_0: BluepicField) => any) | undefined;
     "onFocus-field"?: ((args_0: BluepicField) => any) | undefined;
+    "onSelect-start"?: ((args_0: {
+        x: number;
+        y: number;
+    }) => any) | undefined;
+    "onSelect-move"?: ((args_0: {
+        x: number;
+        y: number;
+    }) => any) | undefined;
+    "onSelect-end"?: (() => any) | undefined;
+    "onHandle-grab"?: ((args_0: {
+        handle: SelectionHandle;
+        point: {
+            x: number;
+            y: number;
+        };
+    }) => any) | undefined;
+    "onSelect-word"?: ((args_0: {
+        x: number;
+        y: number;
+    }) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;