@bluepic/embed 0.5.9 → 0.5.11

package/dist/components/BxPreviewLayer.vue.d.ts

@@ -30,6 +30,17 @@ type __VLS_Props = {
      * finishing IS the end of the wait.
      */
     busy?: boolean;
+    /**
+     * Draw a spinner over the blurred base while the personalized render is in
+     * flight. For the gallery card, where the blur and the shimmer are the only
+     * things on screen and neither says "working" loudly enough on its own.
+     *
+     * Left OFF in the editor (`BxLiveTemplate`), on purpose: there the whole
+     * layer already sits under a `busy` shimmer that runs until the sandbox is
+     * up, and a spinner for the preview underneath it would be a second loading
+     * indicator for a shorter wait nested inside the first one.
+     */
+    spinner?: boolean;
 };
 declare const _default: 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>;
 export default _default;

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

@@ -160,6 +160,8 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
         watermark: boolean;
         accessibilityDescription?: string;
         fieldHitboxes?: import("../../util/fieldHints").FieldHitbox[];
+        imageOverlays?: import("../../util/imageStates").ImageOverlay[];
+        coveredElementIds?: Set<string>;
         hintsRevealed?: boolean;
         textState?: import("../../util/fieldHints").CanvasTextState;
         editingElementId?: string;
@@ -903,6 +905,8 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
         watermark: boolean;
         accessibilityDescription?: string;
         fieldHitboxes?: import("../../util/fieldHints").FieldHitbox[];
+        imageOverlays?: import("../../util/imageStates").ImageOverlay[];
+        coveredElementIds?: Set<string>;
         hintsRevealed?: boolean;
         textState?: import("../../util/fieldHints").CanvasTextState;
         editingElementId?: string;
@@ -1615,6 +1619,8 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
         watermark: boolean;
         accessibilityDescription?: string;
         fieldHitboxes?: import("../../util/fieldHints").FieldHitbox[];
+        imageOverlays?: import("../../util/imageStates").ImageOverlay[];
+        coveredElementIds?: Set<string>;
         hintsRevealed?: boolean;
         textState?: import("../../util/fieldHints").CanvasTextState;
         editingElementId?: string;
@@ -2358,6 +2364,8 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
         watermark: boolean;
         accessibilityDescription?: string;
         fieldHitboxes?: import("../../util/fieldHints").FieldHitbox[];
+        imageOverlays?: import("../../util/imageStates").ImageOverlay[];
+        coveredElementIds?: Set<string>;
         hintsRevealed?: boolean;
         textState?: import("../../util/fieldHints").CanvasTextState;
         editingElementId?: string;

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

@@ -27,6 +27,15 @@ type __VLS_Props = {
     activeFrameIndex?: number;
     /** Paint only. The hitboxes stay clickable either way — see the stylesheet. */
     revealed: boolean;
+    /**
+     * Rendered instance ids whose picture is currently being replaced, and which
+     * `ImageBusyLayer` has covered. Their hints stand down entirely — not dimmed,
+     * withdrawn: the hitbox would invite a click on a picture that is about to
+     * become a different one, and the upload chip sits exactly where the spinner
+     * does. Keyed by `dataId`, so one instance of an iterated element can be
+     * suppressed while its siblings stay live.
+     */
+    coveredElementIds?: Set<string>;
     /** 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. */

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

@@ -0,0 +1,14 @@
+import type { ImageOverlay } from '../../util/imageStates';
+type __VLS_Props = {
+    overlays: ImageOverlay[];
+    /** zoompinch's slot projection — serial coordinates in, screen pixels out. */
+    composePoint: (x: number, y: number) => [number, number];
+    /**
+     * Not read — a reactivity dependency, exactly as in FieldHintsLayer.
+     * `composePoint` closes over zoompinch's engine state, so nothing about
+     * calling it tells Vue to recompute when the user pans.
+     */
+    transform: unknown;
+};
+declare const _default: 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>;
+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 { ImageOverlay } from '../../util/imageStates';
 import type { CanvasTextState, SelectionHandle } from '../../util/fieldHints/useCanvasTextEditing';
 import type { AssetProxyConfig } from '../../util/assetProxy';
 type __VLS_Props = {
@@ -33,6 +34,14 @@ type __VLS_Props = {
     accessibilityDescription?: string;
     /** Derived field-hint targets in serial coordinates. Empty = no overlay. */
     fieldHitboxes?: FieldHitbox[];
+    /** Pictures currently in flight, with the frame to cover — see `useImageStates`. */
+    imageOverlays?: ImageOverlay[];
+    /**
+     * Rendered instance ids covered by that overlay. Their hints stand down for
+     * the duration: a hitbox and an upload chip over a blurred, spinning panel
+     * would be three affordances arguing about the same picture.
+     */
+    coveredElementIds?: Set<string>;
     /**
      * Whether the hint overlay is PAINTED (hover on desktop, tap on mobile). The
      * hitboxes stay clickable regardless — see `FieldHintsLayer`.

package/dist/embed/embed.d.ts

@@ -176,6 +176,8 @@ export declare class BluepicEmbed extends EventTarget {
                 watermark: boolean;
                 accessibilityDescription?: string;
                 fieldHitboxes?: import("../util/fieldHints").FieldHitbox[];
+                imageOverlays?: import("../util/imageStates").ImageOverlay[];
+                coveredElementIds?: Set<string>;
                 hintsRevealed?: boolean;
                 textState?: import("../util/fieldHints").CanvasTextState;
                 editingElementId?: string;
@@ -919,6 +921,8 @@ export declare class BluepicEmbed extends EventTarget {
                 watermark: boolean;
                 accessibilityDescription?: string;
                 fieldHitboxes?: import("../util/fieldHints").FieldHitbox[];
+                imageOverlays?: import("../util/imageStates").ImageOverlay[];
+                coveredElementIds?: Set<string>;
                 hintsRevealed?: boolean;
                 textState?: import("../util/fieldHints").CanvasTextState;
                 editingElementId?: string;
@@ -1631,6 +1635,8 @@ export declare class BluepicEmbed extends EventTarget {
                 watermark: boolean;
                 accessibilityDescription?: string;
                 fieldHitboxes?: import("../util/fieldHints").FieldHitbox[];
+                imageOverlays?: import("../util/imageStates").ImageOverlay[];
+                coveredElementIds?: Set<string>;
                 hintsRevealed?: boolean;
                 textState?: import("../util/fieldHints").CanvasTextState;
                 editingElementId?: string;
@@ -2374,6 +2380,8 @@ export declare class BluepicEmbed extends EventTarget {
                 watermark: boolean;
                 accessibilityDescription?: string;
                 fieldHitboxes?: import("../util/fieldHints").FieldHitbox[];
+                imageOverlays?: import("../util/imageStates").ImageOverlay[];
+                coveredElementIds?: Set<string>;
                 hintsRevealed?: boolean;
                 textState?: import("../util/fieldHints").CanvasTextState;
                 editingElementId?: string;
@@ -3212,6 +3220,8 @@ export declare class BluepicEmbed extends EventTarget {
             watermark: boolean;
             accessibilityDescription?: string;
             fieldHitboxes?: import("../util/fieldHints").FieldHitbox[];
+            imageOverlays?: import("../util/imageStates").ImageOverlay[];
+            coveredElementIds?: Set<string>;
             hintsRevealed?: boolean;
             textState?: import("../util/fieldHints").CanvasTextState;
             editingElementId?: string;
@@ -3955,6 +3965,8 @@ export declare class BluepicEmbed extends EventTarget {
             watermark: boolean;
             accessibilityDescription?: string;
             fieldHitboxes?: import("../util/fieldHints").FieldHitbox[];
+            imageOverlays?: import("../util/imageStates").ImageOverlay[];
+            coveredElementIds?: Set<string>;
             hintsRevealed?: boolean;
             textState?: import("../util/fieldHints").CanvasTextState;
             editingElementId?: string;
@@ -4667,6 +4679,8 @@ export declare class BluepicEmbed extends EventTarget {
             watermark: boolean;
             accessibilityDescription?: string;
             fieldHitboxes?: import("../util/fieldHints").FieldHitbox[];
+            imageOverlays?: import("../util/imageStates").ImageOverlay[];
+            coveredElementIds?: Set<string>;
             hintsRevealed?: boolean;
             textState?: import("../util/fieldHints").CanvasTextState;
             editingElementId?: string;
@@ -5410,6 +5424,8 @@ export declare class BluepicEmbed extends EventTarget {
             watermark: boolean;
             accessibilityDescription?: string;
             fieldHitboxes?: import("../util/fieldHints").FieldHitbox[];
+            imageOverlays?: import("../util/imageStates").ImageOverlay[];
+            coveredElementIds?: Set<string>;
             hintsRevealed?: boolean;
             textState?: import("../util/fieldHints").CanvasTextState;
             editingElementId?: string;
@@ -6278,6 +6294,8 @@ export declare class BluepicEmbed extends EventTarget {
                 watermark: boolean;
                 accessibilityDescription?: string;
                 fieldHitboxes?: import("../util/fieldHints").FieldHitbox[];
+                imageOverlays?: import("../util/imageStates").ImageOverlay[];
+                coveredElementIds?: Set<string>;
                 hintsRevealed?: boolean;
                 textState?: import("../util/fieldHints").CanvasTextState;
                 editingElementId?: string;
@@ -7021,6 +7039,8 @@ export declare class BluepicEmbed extends EventTarget {
                 watermark: boolean;
                 accessibilityDescription?: string;
                 fieldHitboxes?: import("../util/fieldHints").FieldHitbox[];
+                imageOverlays?: import("../util/imageStates").ImageOverlay[];
+                coveredElementIds?: Set<string>;
                 hintsRevealed?: boolean;
                 textState?: import("../util/fieldHints").CanvasTextState;
                 editingElementId?: string;
@@ -7733,6 +7753,8 @@ export declare class BluepicEmbed extends EventTarget {
                 watermark: boolean;
                 accessibilityDescription?: string;
                 fieldHitboxes?: import("../util/fieldHints").FieldHitbox[];
+                imageOverlays?: import("../util/imageStates").ImageOverlay[];
+                coveredElementIds?: Set<string>;
                 hintsRevealed?: boolean;
                 textState?: import("../util/fieldHints").CanvasTextState;
                 editingElementId?: string;
@@ -8476,6 +8498,8 @@ export declare class BluepicEmbed extends EventTarget {
                 watermark: boolean;
                 accessibilityDescription?: string;
                 fieldHitboxes?: import("../util/fieldHints").FieldHitbox[];
+                imageOverlays?: import("../util/imageStates").ImageOverlay[];
+                coveredElementIds?: Set<string>;
                 hintsRevealed?: boolean;
                 textState?: import("../util/fieldHints").CanvasTextState;
                 editingElementId?: string;
@@ -9314,6 +9338,8 @@ export declare class BluepicEmbed extends EventTarget {
             watermark: boolean;
             accessibilityDescription?: string;
             fieldHitboxes?: import("../util/fieldHints").FieldHitbox[];
+            imageOverlays?: import("../util/imageStates").ImageOverlay[];
+            coveredElementIds?: Set<string>;
             hintsRevealed?: boolean;
             textState?: import("../util/fieldHints").CanvasTextState;
             editingElementId?: string;
@@ -10057,6 +10083,8 @@ export declare class BluepicEmbed extends EventTarget {
             watermark: boolean;
             accessibilityDescription?: string;
             fieldHitboxes?: import("../util/fieldHints").FieldHitbox[];
+            imageOverlays?: import("../util/imageStates").ImageOverlay[];
+            coveredElementIds?: Set<string>;
             hintsRevealed?: boolean;
             textState?: import("../util/fieldHints").CanvasTextState;
             editingElementId?: string;
@@ -10769,6 +10797,8 @@ export declare class BluepicEmbed extends EventTarget {
             watermark: boolean;
             accessibilityDescription?: string;
             fieldHitboxes?: import("../util/fieldHints").FieldHitbox[];
+            imageOverlays?: import("../util/imageStates").ImageOverlay[];
+            coveredElementIds?: Set<string>;
             hintsRevealed?: boolean;
             textState?: import("../util/fieldHints").CanvasTextState;
             editingElementId?: string;
@@ -11512,6 +11542,8 @@ export declare class BluepicEmbed extends EventTarget {
             watermark: boolean;
             accessibilityDescription?: string;
             fieldHitboxes?: import("../util/fieldHints").FieldHitbox[];
+            imageOverlays?: import("../util/imageStates").ImageOverlay[];
+            coveredElementIds?: Set<string>;
             hintsRevealed?: boolean;
             textState?: import("../util/fieldHints").CanvasTextState;
             editingElementId?: string;