@clipwright/core 0.39.0 → 0.41.0

package/dist/templates/lower-third.js.map

@@ -1 +1 @@
-{"version":3,"file":"lower-third.js","sourceRoot":"","sources":["../../src/templates/lower-third.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACxB,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAErD,MAAM,IAAI,GAAG,CAAC,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAClI,IAAI,EAAE,YAAY,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC;AAEjC,4FAA4F;AAC5F,MAAM,CAAC,MAAM,UAAU,GAA8B;IACnD,IAAI,EAAE,aAAa;IACnB,WAAW,EAAE,CAAC;IACd,WAAW,EAAE,0EAA0E;IACvF,UAAU,EAAE,CAAC,MAAM,CAAC;IACpB,IAAI;IACJ,IAAI,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;IAC5B,KAAK,EAAE,EAAE;IACT,aAAa,EAAE,GAAG,EAAE,CAAC,IAAI;IACzB,SAAS,EAAE,KAAK;IAChB,IAAI,EAAE,CAAC,KAAK,EAAE,WAAW,EAAE,EAAE;QAC3B,MAAM,MAAM,GAAG,aAAa,CAAC,WAAW,CAAC,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,GAAG,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;QACxH,MAAM,KAAK,GAAG,UAAU,CAAC,KAAK,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;QAC7C,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,MAAM,EAAE,GAAG,GAAG,KAAK,CAAC,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,KAAK,CAAC,CAAC;QAClG,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG,MAAM,GAAG,KAAK,CAAC;QACjE,OAAO,EAAE,IAAI,EAAE,IAAI,GAAG,CAAC,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,CAAC,CAAC,GAAG,MAAM,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,GAAG,CAAC,EAAE,MAAM,EAAE,MAAM,GAAG,CAAC,EAAE,CAAC;IAC5G,CAAC;IACD,MAAM,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,2BAA2B,EAAE,IAAI,EAAE,MAAM,EAAE;CAC/E,CAAC"}
+{"version":3,"file":"lower-third.js","sourceRoot":"","sources":["../../src/templates/lower-third.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACxB,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAErD;4BAC4B;AAC5B,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,aAAa,CAAU,CAAC;AAClG,MAAM,IAAI,GAAG,CAAC,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAClI,KAAK,EAAE,CAAC,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC;AAE/E,4FAA4F;AAC5F,MAAM,CAAC,MAAM,UAAU,GAA8B;IACnD,IAAI,EAAE,aAAa;IACnB,WAAW,EAAE,CAAC;IACd,WAAW,EAAE,qGAAqG;IAClH,UAAU,EAAE,CAAC,MAAM,CAAC;IACpB,IAAI;IACJ,IAAI,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;IAC5B,KAAK,EAAE,EAAE;IACT,aAAa,EAAE,GAAG,EAAE,CAAC,IAAI;IACzB,SAAS,EAAE,KAAK;IAChB,IAAI,EAAE,CAAC,KAAK,EAAE,WAAW,EAAE,EAAE;QAC3B,MAAM,MAAM,GAAG,aAAa,CAAC,WAAW,CAAC,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,GAAG,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;QACxH,MAAM,KAAK,GAAG,UAAU,CAAC,KAAK,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;QAC7C,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,MAAM,EAAE,GAAG,GAAG,KAAK,CAAC,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,KAAK,CAAC,CAAC;QAClG,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG,MAAM,GAAG,KAAK,CAAC;QACjE,OAAO,EAAE,IAAI,EAAE,IAAI,GAAG,CAAC,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,CAAC,CAAC,GAAG,MAAM,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,GAAG,CAAC,EAAE,MAAM,EAAE,MAAM,GAAG,CAAC,EAAE,CAAC;IAC5G,CAAC;IACD,MAAM,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,2BAA2B,EAAE,IAAI,EAAE,MAAM,EAAE;CAC/E,CAAC;AAEF,yDAAyD;AACzD,MAAM,CAAC,MAAM,YAAY,GAAG,EAAE,GAAG,UAAU,EAAE,WAAW,EAAE,CAAC,EAA+B,CAAC"}

package/dist/templates/notification.d.ts

@@ -2,10 +2,12 @@ import { z } from "zod";
 import type { TemplateKind } from "./index.js";
 /** The title's line at medium on a 1080 short side; the band above the face shrinks it in square and wide frames. */
 export declare const NOTIFICATION_FONT_PX = 38;
-/** Font sizes: the card's height (app, title and body lines with padding) and its widest. */
+/** Font sizes: the card's height (app, title and body lines with padding), its widest, and how far each card pushed back peeks below the
+ * one in front (#1119). */
 export declare const NOTIFICATION_EMS: {
     readonly height: 3.6;
     readonly width: 26;
+    readonly peek: 0.45;
 };
 declare const data: z.ZodObject<{
     app: z.ZodString;
@@ -19,12 +21,32 @@ declare const data: z.ZodObject<{
         star: "star";
         user: "user";
     }>>;
+    stack: z.ZodOptional<z.ZodArray<z.ZodObject<{
+        app: z.ZodOptional<z.ZodString>;
+        title: z.ZodString;
+        body: z.ZodString;
+        icon: z.ZodOptional<z.ZodEnum<{
+            briefcase: "briefcase";
+            chat: "chat";
+            clock: "clock";
+            phone: "phone";
+            star: "star";
+            user: "user";
+        }>>;
+        at: z.ZodOptional<z.ZodString>;
+    }, z.core.$strict>>>;
     size: z.ZodOptional<z.ZodEnum<{
         large: "large";
         medium: "medium";
         small: "small";
     }>>;
 }, z.core.$strict>;
-/** A phone notification in the band above the face, centred at the top of every format. */
+/** The stack's height in font sizes: the front card and the edges of the cards behind it. */
+export declare const notificationEms: (value: {
+    stack?: readonly unknown[] | undefined;
+}) => number;
+/** A phone notification in the band above the face, centred at the top of every format; more of them stack on top on their beats. */
 export declare const notification: TemplateKind<typeof data>;
+/** Version 1: one card; its footprint is version 2's without a stack. */
+export declare const notificationV1: TemplateKind<typeof data>;
 export {};

package/dist/templates/notification.js

@@ -4,29 +4,38 @@ import { CHECKLIST_ICONS } from "./checklist.js";
 import { sizedScale, templateSize } from "./size.js";
 /** The title's line at medium on a 1080 short side; the band above the face shrinks it in square and wide frames. */
 export const NOTIFICATION_FONT_PX = 38;
-/** Font sizes: the card's height (app, title and body lines with padding) and its widest. */
-export const NOTIFICATION_EMS = { height: 3.6, width: 26 };
+/** Font sizes: the card's height (app, title and body lines with padding), its widest, and how far each card pushed back peeks below the
+ * one in front (#1119). */
+export const NOTIFICATION_EMS = { height: 3.6, width: 26, peek: 0.45 };
+const card = z.object({ app: z.string().min(1).max(20).optional(), title: z.string().min(1).max(32), body: z.string().min(1).max(80),
+    icon: z.enum(CHECKLIST_ICONS).optional(), at: z.string().min(1).max(200).optional() }).strict();
 const data = z.object({ app: z.string().min(1).max(20), title: z.string().min(1).max(32), body: z.string().min(1).max(80),
-    icon: z.enum(CHECKLIST_ICONS).optional(), size: templateSize }).strict();
-/** A phone notification in the band above the face, centred at the top of every format. */
+    icon: z.enum(CHECKLIST_ICONS).optional(), stack: z.array(card).min(1).max(2).optional(), size: templateSize }).strict();
+/** The stack's height in font sizes: the front card and the edges of the cards behind it. */
+export const notificationEms = (value) => NOTIFICATION_EMS.height + (value.stack?.length ?? 0) * NOTIFICATION_EMS.peek;
+/** A phone notification in the band above the face, centred at the top of every format; more of them stack on top on their beats. */
 export const notification = {
     kind: "notification",
-    kindVersion: 1,
-    description: "a phone notification at the top, above the face: an icon (else the app's initial), the app, a title and a body line; it " +
-        "drops in, holds at least 1.2 s, then leaves before its span ends",
+    kindVersion: 2,
+    description: "a phone notification at the top, above the face: an icon (else the app's initial), the app, a title and a body line; it drops " +
+        "in, holds at least 1.2 s and leaves before its span ends; each stack card drops in on top on its at, pushing earlier ones back",
     placements: ["over"],
     data,
-    text: { app: 20, title: 32, body: 80 },
+    text: { app: 20, title: 32, body: 80, "stack.app": 20, "stack.title": 32, "stack.body": 80 },
+    quotes: ["stack.at"],
     slots: {},
     hidesCaptions: () => false,
     onInserts: false,
     rect: (value, aspectRatio, _placement, framing) => {
-        const canvas = frameCanvasOf(aspectRatio), { width: w, height: h } = canvas;
+        const canvas = frameCanvasOf(aspectRatio), { width: w, height: h } = canvas, ems = notificationEms(value);
         const top = Math.round(0.012 * h), room = Math.floor(faceZone(aspectRatio, framing).top * h) - top;
-        const em = Math.min(NOTIFICATION_FONT_PX * sizedScale(value.size, canvas), room / NOTIFICATION_EMS.height);
-        const width = Math.round(Math.min(0.92 * w, NOTIFICATION_EMS.width * em)), height = Math.round(NOTIFICATION_EMS.height * em);
+        const em = Math.min(NOTIFICATION_FONT_PX * sizedScale(value.size, canvas), room / ems);
+        const width = Math.round(Math.min(0.92 * w, NOTIFICATION_EMS.width * em)), height = Math.round(ems * em);
         return { left: Math.round((w - width) / 2) / w, top: top / h, width: width / w, height: height / h };
     },
-    sample: { app: "Front Desk", title: "New booking: Maya Chen", body: "Tomorrow at 10:30, teeth cleaning. Booked while you slept.", icon: "chat" },
+    sample: { app: "Front Desk", title: "New booking: Maya Chen", body: "Tomorrow at 10:30, teeth cleaning. Booked while you slept.", icon: "chat",
+        stack: [{ app: "Front Desk", title: "New booking: Sam Ortiz", body: "Friday at 9:00, whitening.", icon: "chat", at: "Sam" }] },
 };
+/** Version 1: one card; its footprint is version 2's without a stack. */
+export const notificationV1 = { ...notification, kindVersion: 1 };
 //# sourceMappingURL=notification.js.map

package/dist/templates/notification.js.map

@@ -1 +1 @@
-{"version":3,"file":"notification.js","sourceRoot":"","sources":["../../src/templates/notification.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"notification.js","sourceRoot":"","sources":["../../src/templates/notification.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACxB,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAEjD,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAErD,qHAAqH;AACrH,MAAM,CAAC,MAAM,oBAAoB,GAAG,EAAE,CAAC;AACvC;2BAC2B;AAC3B,MAAM,CAAC,MAAM,gBAAgB,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,EAAW,CAAC;AAChF,MAAM,IAAI,GAAG,CAAC,CAAC,MAAM,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC;IAClI,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,QAAQ,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC;AAClG,MAAM,IAAI,GAAG,CAAC,CAAC,MAAM,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC;IACvH,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC;AAG1H,6FAA6F;AAC7F,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAAiD,EAAE,EAAE,CAAC,gBAAgB,CAAC,MAAM,GAAG,CAAC,KAAK,CAAC,KAAK,EAAE,MAAM,IAAI,CAAC,CAAC,GAAG,gBAAgB,CAAC,IAAI,CAAC;AAEnK,qIAAqI;AACrI,MAAM,CAAC,MAAM,YAAY,GAA8B;IACrD,IAAI,EAAE,cAAc;IACpB,WAAW,EAAE,CAAC;IACd,WAAW,EAAE,gIAAgI;QAC3I,gIAAgI;IAClI,UAAU,EAAE,CAAC,MAAM,CAAC;IACpB,IAAI;IACJ,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,WAAW,EAAE,EAAE,EAAE,aAAa,EAAE,EAAE,EAAE,YAAY,EAAE,EAAE,EAAE;IAC5F,MAAM,EAAE,CAAC,UAAU,CAAC;IACpB,KAAK,EAAE,EAAE;IACT,aAAa,EAAE,GAAG,EAAE,CAAC,KAAK;IAC1B,SAAS,EAAE,KAAK;IAChB,IAAI,EAAE,CAAC,KAAW,EAAE,WAAW,EAAE,UAAU,EAAE,OAAO,EAAE,EAAE;QACtD,MAAM,MAAM,GAAG,aAAa,CAAC,WAAW,CAAC,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,GAAG,MAAM,EAAE,GAAG,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;QAC1G,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC;QACnG,MAAM,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,oBAAoB,GAAG,UAAU,CAAC,KAAK,CAAC,IAAI,EAAE,MAAM,CAAC,EAAE,IAAI,GAAG,GAAG,CAAC,CAAC;QACvF,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,GAAG,CAAC,EAAE,gBAAgB,CAAC,KAAK,GAAG,EAAE,CAAC,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,EAAE,CAAC,CAAC;QACzG,OAAO,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE,GAAG,EAAE,GAAG,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,GAAG,CAAC,EAAE,MAAM,EAAE,MAAM,GAAG,CAAC,EAAE,CAAC;IACvG,CAAC;IACD,MAAM,EAAE,EAAE,GAAG,EAAE,YAAY,EAAE,KAAK,EAAE,wBAAwB,EAAE,IAAI,EAAE,4DAA4D,EAAE,IAAI,EAAE,MAAM;QAC5I,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,YAAY,EAAE,KAAK,EAAE,wBAAwB,EAAE,IAAI,EAAE,4BAA4B,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE;CACjI,CAAC;AAEF,yEAAyE;AACzE,MAAM,CAAC,MAAM,cAAc,GAAG,EAAE,GAAG,YAAY,EAAE,WAAW,EAAE,CAAC,EAA+B,CAAC"}

package/dist/templates/phone-screen.d.ts

@@ -0,0 +1,37 @@
+import { z } from "zod";
+import type { TemplateKind } from "./index.js";
+/** lock, play and liked set what the screen shows; counter, timer and tag add a pill, a badge or a chip that stays. */
+export declare const PHONE_SCREEN_STATES: readonly ["lock", "play", "liked", "counter", "timer", "tag"];
+/** The phone's size unit at medium on a 1080 short side; every pill's text is 0.95 of it. A tall frame's height caps it, so the phone fills most of
+ * the frame and its pills' lowercase letters stand at least 36 px (#1128). */
+export declare const PHONE_SCREEN_FONT_PX = 84;
+/** Units: the phone's width (a 9:16 screen in its bezel) and its height; the counter and the chips sit on the screen. */
+export declare const PHONE_SCREEN_EMS: {
+    readonly phone: 11.5;
+    readonly phoneHeight: 21.2;
+};
+declare const data: z.ZodObject<{
+    screen: z.ZodOptional<z.ZodObject<{
+        asset_id: z.ZodString;
+    }, z.core.$strict>>;
+    states: z.ZodArray<z.ZodObject<{
+        state: z.ZodEnum<{
+            counter: "counter";
+            liked: "liked";
+            lock: "lock";
+            play: "play";
+            tag: "tag";
+            timer: "timer";
+        }>;
+        text: z.ZodOptional<z.ZodString>;
+        at: z.ZodOptional<z.ZodString>;
+    }, z.core.$strict>>;
+    size: z.ZodOptional<z.ZodEnum<{
+        large: "large";
+        medium: "medium";
+        small: "small";
+    }>>;
+}, z.core.$strict>;
+/** A phone at the centre of a full frame whose screen changes state on beats: the reel behind a lock, playing, liked, with counters and chips. */
+export declare const phoneScreen: TemplateKind<typeof data>;
+export {};

package/dist/templates/phone-screen.js

@@ -0,0 +1,41 @@
+import { z } from "zod";
+import { frameCanvasOf } from "../ugc-layers.js";
+import { centredArea, fillingStep, fullWidth, sizedScale, templateSize } from "./size.js";
+import { templateMedia } from "./slot.js";
+/** lock, play and liked set what the screen shows; counter, timer and tag add a pill, a badge or a chip that stays. */
+export const PHONE_SCREEN_STATES = ["lock", "play", "liked", "counter", "timer", "tag"];
+/** The phone's size unit at medium on a 1080 short side; every pill's text is 0.95 of it. A tall frame's height caps it, so the phone fills most of
+ * the frame and its pills' lowercase letters stand at least 36 px (#1128). */
+export const PHONE_SCREEN_FONT_PX = 84;
+/** Units: the phone's width (a 9:16 screen in its bezel) and its height; the counter and the chips sit on the screen. */
+export const PHONE_SCREEN_EMS = { phone: 11.5, phoneHeight: 21.2 };
+const state = z.object({ state: z.enum(PHONE_SCREEN_STATES), text: z.string().min(1).max(24).optional(), at: z.string().min(1).max(200).optional() })
+    .strict();
+const data = z.object({ screen: templateMedia.optional(), states: z.array(state).min(1).max(6), size: templateSize }).strict();
+/** A phone at the centre of a full frame whose screen changes state on beats: the reel behind a lock, playing, liked, with counters and chips. */
+export const phoneScreen = {
+    kind: "phone_screen",
+    kindVersion: 1,
+    description: "a full-frame phone playing the screen video (muted; a gradient without one) whose states change in turn, each on its at " +
+        "quote or spread evenly: lock (dimmed, a lock and the text), play (the video clear, the text at its top), liked (a heart and the text), counter (a pill " +
+        "at the screen's foot), timer (a badge on its top edge), tag (a chip with a pointer line at the screen's side); lock, play and liked replace one " +
+        "another, tags add up, a later counter or timer replaces the earlier",
+    placements: ["full"],
+    data,
+    text: { "states.text": 24 },
+    quotes: ["states.at"],
+    spreads: "states",
+    // The phone is in by frame 6.
+    beatsFrom: 7,
+    slots: { screen: { type: "video", cover: 9 / 16 } },
+    hidesCaptions: () => true,
+    onInserts: false,
+    fillsFrame: true,
+    rect: (value, aspectRatio) => {
+        const canvas = frameCanvasOf(aspectRatio), em = fillingStep(value.size) * Math.min(PHONE_SCREEN_FONT_PX * sizedScale("medium", canvas), (0.92 * canvas.height) / PHONE_SCREEN_EMS.phoneHeight, fullWidth("medium", canvas) / PHONE_SCREEN_EMS.phone);
+        return centredArea(canvas, fullWidth(value.size, canvas), PHONE_SCREEN_EMS.phoneHeight * em);
+    },
+    sample: { states: [{ state: "lock", text: "Log in to watch", at: "locked" }, { state: "play", text: "now playing", at: "plays" }, { state: "liked", text: "watch only", at: "like" },
+            { state: "counter", text: "41 broken down", at: "forty" }, { state: "tag", text: "hook", at: "hook" }] },
+};
+//# sourceMappingURL=phone-screen.js.map

package/dist/templates/phone-screen.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"phone-screen.js","sourceRoot":"","sources":["../../src/templates/phone-screen.ts"],"names":[],"mappings":"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"}

package/dist/templates/pointer-chips.d.ts

@@ -0,0 +1,40 @@
+import { z } from "zod";
+import { type LayerRect, type PresenterFraming } from "../ugc-layers.js";
+import type { TemplateKind } from "./index.js";
+/** A chip's text at medium on a 1080 short side. */
+export declare const POINTER_CHIPS_FONT_PX = 44;
+/** Text sizes: a chip's row, the gap between rows, the column's width, and the dot's radius at a target. */
+export declare const POINTER_CHIPS_EMS: {
+    readonly row: 1.6;
+    readonly gap: 0.5;
+    readonly width: 9;
+    readonly dot: 0.35;
+};
+declare const data: z.ZodObject<{
+    items: z.ZodArray<z.ZodObject<{
+        target: z.ZodObject<{
+            x: z.ZodNumber;
+            y: z.ZodNumber;
+        }, z.core.$strict>;
+        text: z.ZodString;
+        at: z.ZodOptional<z.ZodString>;
+    }, z.core.$strict>>;
+    side: z.ZodOptional<z.ZodEnum<{
+        left: "left";
+        right: "right";
+    }>>;
+    size: z.ZodOptional<z.ZodEnum<{
+        large: "large";
+        medium: "medium";
+        small: "small";
+    }>>;
+}, z.core.$strict>;
+type Data = z.infer<typeof data>;
+/** The chips' column below the face at the side, in every format, and a dot's radius in pixels. */
+export declare function pointerChipsParts(value: Data, aspectRatio: string, framing?: PresenterFraming): {
+    chips: LayerRect;
+    dot: number;
+};
+/** Labelled chips in a column, each joined by a curved line to a point of the frame, appearing in turn; the chips keep off the face. */
+export declare const pointerChips: TemplateKind<typeof data>;
+export {};

package/dist/templates/pointer-chips.js

@@ -0,0 +1,53 @@
+import { z } from "zod";
+import { faceZone, frameCanvasOf } from "../ugc-layers.js";
+import { sizedScale, templateSize } from "./size.js";
+/** A chip's text at medium on a 1080 short side. */
+export const POINTER_CHIPS_FONT_PX = 44;
+/** Text sizes: a chip's row, the gap between rows, the column's width, and the dot's radius at a target. */
+export const POINTER_CHIPS_EMS = { row: 1.6, gap: 0.5, width: 9, dot: 0.35 };
+const percent = z.number().min(0).max(100);
+const item = z.object({ target: z.object({ x: percent, y: percent }).strict(), text: z.string().min(1).max(20), at: z.string().min(1).max(200).optional() })
+    .strict();
+const data = z.object({ items: z.array(item).min(1).max(4), side: z.enum(["left", "right"]).optional(), size: templateSize }).strict();
+/** The chips' column below the face at the side, in every format, and a dot's radius in pixels. */
+export function pointerChipsParts(value, aspectRatio, framing = "close") {
+    const canvas = frameCanvasOf(aspectRatio), { width: w, height: h } = canvas, margin = Math.round(0.04 * Math.min(w, h)), face = faceZone(aspectRatio, framing);
+    const rows = value.items.length, ems = rows * POINTER_CHIPS_EMS.row + (rows - 1) * POINTER_CHIPS_EMS.gap, below = Math.round((face.top + face.height + 0.01) * h);
+    const em = Math.min(POINTER_CHIPS_FONT_PX * sizedScale(value.size, canvas), (h - margin - below) / ems), height = Math.round(ems * em);
+    const width = Math.round(Math.min(0.6 * w, POINTER_CHIPS_EMS.width * em));
+    const right = (value.side ?? "right") === "right", left = right ? w - margin - width : margin;
+    const top = Math.min(h - margin - height, Math.max(below, Math.round(0.71 * h - height / 2)));
+    return { chips: { left: left / w, top: top / h, width: width / w, height: height / h }, dot: Math.ceil(POINTER_CHIPS_EMS.dot * em) + 2 };
+}
+/** The footprint: the column and every target with its dot, cropped to the frame; the lines run between them, inside it. */
+function footprint(value, aspectRatio, _placement, framing) {
+    const { width: w, height: h } = frameCanvasOf(aspectRatio), { chips, dot } = pointerChipsParts(value, aspectRatio, framing);
+    const xs = [chips.left * w, (chips.left + chips.width) * w, ...value.items.flatMap(entry => [(entry.target.x / 100) * w - dot, (entry.target.x / 100) * w + dot])];
+    const ys = [chips.top * h, (chips.top + chips.height) * h, ...value.items.flatMap(entry => [(entry.target.y / 100) * h - dot, (entry.target.y / 100) * h + dot])];
+    const [left, top] = [Math.max(0, Math.floor(Math.min(...xs))), Math.max(0, Math.floor(Math.min(...ys)))];
+    const [right, bottom] = [Math.min(w, Math.ceil(Math.max(...xs))), Math.min(h, Math.ceil(Math.max(...ys)))];
+    return { left: left / w, top: top / h, width: (right - left) / w, height: (bottom - top) / h };
+}
+/** Labelled chips in a column, each joined by a curved line to a point of the frame, appearing in turn; the chips keep off the face. */
+export const pointerChips = {
+    kind: "pointer_chips",
+    kindVersion: 1,
+    description: "1–4 chips in a column below the face (right unless side left), each joined by a curved line to a " +
+        "dot on its target {x,y} in % of the frame from its top left, appearing in turn on its at quote or spread evenly; the lines may cross " +
+        "the face, the chips keep off it; also over an insert",
+    placements: ["over"],
+    data,
+    text: { "items.text": 20 },
+    quotes: ["items.at"],
+    spreads: "items",
+    beatsFrom: 1,
+    slots: {},
+    hidesCaptions: () => false,
+    onInserts: true,
+    rect: footprint,
+    parts: (value, aspectRatio, framing) => ({ chips: pointerChipsParts(value, aspectRatio, framing).chips }),
+    faceRect: (value, aspectRatio, framing) => pointerChipsParts(value, aspectRatio, framing).chips,
+    sample: { items: [{ target: { x: 30, y: 62 }, text: "hook", at: "hook" }, { target: { x: 38, y: 74 }, text: "scenes", at: "scenes" },
+            { target: { x: 46, y: 86 }, text: "comments", at: "comments" }] },
+};
+//# sourceMappingURL=pointer-chips.js.map

package/dist/templates/pointer-chips.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pointer-chips.js","sourceRoot":"","sources":["../../src/templates/pointer-chips.ts"],"names":[],"mappings":"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"}

package/dist/templates/quote.d.ts

@@ -2,8 +2,8 @@ import { z } from "zod";
 import type { TemplateKind } from "./index.js";
 /** The quote's text at medium on a 1080 short side. */
 export declare const QUOTE_FONT_PX = 72;
-/** The drawn area is this many text sizes high: the marks, four lines and the author row. */
-export declare const QUOTE_RECT_EMS = 8.5;
+/** The drawn area is this many text sizes high: the card's padding, the marks, four lines and the author row. */
+export declare const QUOTE_RECT_EMS = 9.5;
 declare const data: z.ZodObject<{
     text: z.ZodString;
     author: z.ZodOptional<z.ZodString>;

package/dist/templates/quote.js

@@ -1,18 +1,18 @@
 import { z } from "zod";
 import { frameCanvasOf } from "../ugc-layers.js";
-import { sizedScale, templateSize } from "./size.js";
+import { fullWidth, sizedScale, templateSize } from "./size.js";
 import { templateMedia } from "./slot.js";
 /** The quote's text at medium on a 1080 short side. */
 export const QUOTE_FONT_PX = 72;
-/** The drawn area is this many text sizes high: the marks, four lines and the author row. */
-export const QUOTE_RECT_EMS = 8.5;
+/** The drawn area is this many text sizes high: the card's padding, the marks, four lines and the author row. */
+export const QUOTE_RECT_EMS = 9.5;
 const data = z.object({ text: z.string().min(1).max(120), author: z.string().min(1).max(32).optional(), photo: templateMedia.optional(),
     size: templateSize }).strict();
 /** A full-frame quote: marks, then the text in up to four lines, then the author with an optional round photo. */
 export const quote = {
     kind: "quote",
     kindVersion: 1,
-    description: "a full-frame quote: marks, the text in up to four lines, then the author with an optional round photo, cut to a circle",
+    description: "a full-frame quote card: marks, the text in up to four lines, then the author with an optional round photo, cut to a circle",
     placements: ["full"],
     data,
     text: { text: 120, author: 32 },
@@ -21,7 +21,7 @@ export const quote = {
     onInserts: false,
     rect: (value, aspectRatio) => {
         const canvas = frameCanvasOf(aspectRatio), { width: w, height: h } = canvas, scale = sizedScale(value.size, canvas);
-        const width = Math.round(Math.min(0.9 * w, 1000 * scale)), height = Math.round(Math.min(0.92 * h, QUOTE_RECT_EMS * QUOTE_FONT_PX * scale));
+        const width = Math.round(fullWidth(value.size, canvas)), height = Math.round(Math.min(0.92 * h, QUOTE_RECT_EMS * QUOTE_FONT_PX * scale));
         return { left: Math.round((w - width) / 2) / w, top: Math.round((h - height) / 2) / h, width: width / w, height: height / h };
     },
     sample: { text: "It answered every call while I was with patients, and nobody could tell.", author: "Maya Chen" },

package/dist/templates/quote.js.map

@@ -1 +1 @@
-{"version":3,"file":"quote.js","sourceRoot":"","sources":["../../src/templates/quote.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACxB,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAE1C,uDAAuD;AACvD,MAAM,CAAC,MAAM,aAAa,GAAG,EAAE,CAAC;AAChC,6FAA6F;AAC7F,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAC;AAClC,MAAM,IAAI,GAAG,CAAC,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,aAAa,CAAC,QAAQ,EAAE;IACrI,IAAI,EAAE,YAAY,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC;AAEjC,kHAAkH;AAClH,MAAM,CAAC,MAAM,KAAK,GAA8B;IAC9C,IAAI,EAAE,OAAO;IACb,WAAW,EAAE,CAAC;IACd,WAAW,EAAE,wHAAwH;IACrI,UAAU,EAAE,CAAC,MAAM,CAAC;IACpB,IAAI;IACJ,IAAI,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,EAAE,EAAE;IAC/B,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE;IAC7C,aAAa,EAAE,GAAG,EAAE,CAAC,IAAI;IACzB,SAAS,EAAE,KAAK;IAChB,IAAI,EAAE,CAAC,KAAK,EAAE,WAAW,EAAE,EAAE;QAC3B,MAAM,MAAM,GAAG,aAAa,CAAC,WAAW,CAAC,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,GAAG,MAAM,EAAE,KAAK,GAAG,UAAU,CAAC,KAAK,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;QACpH,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,EAAE,IAAI,GAAG,KAAK,CAAC,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,GAAG,CAAC,EAAE,cAAc,GAAG,aAAa,GAAG,KAAK,CAAC,CAAC,CAAC;QAC3I,OAAO,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,GAAG,CAAC,EAAE,MAAM,EAAE,MAAM,GAAG,CAAC,EAAE,CAAC;IAChI,CAAC;IACD,MAAM,EAAE,EAAE,IAAI,EAAE,0EAA0E,EAAE,MAAM,EAAE,WAAW,EAAE;CAClH,CAAC"}
+{"version":3,"file":"quote.js","sourceRoot":"","sources":["../../src/templates/quote.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACxB,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAE1C,uDAAuD;AACvD,MAAM,CAAC,MAAM,aAAa,GAAG,EAAE,CAAC;AAChC,iHAAiH;AACjH,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAC;AAClC,MAAM,IAAI,GAAG,CAAC,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,aAAa,CAAC,QAAQ,EAAE;IACrI,IAAI,EAAE,YAAY,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC;AAEjC,kHAAkH;AAClH,MAAM,CAAC,MAAM,KAAK,GAA8B;IAC9C,IAAI,EAAE,OAAO;IACb,WAAW,EAAE,CAAC;IACd,WAAW,EAAE,6HAA6H;IAC1I,UAAU,EAAE,CAAC,MAAM,CAAC;IACpB,IAAI;IACJ,IAAI,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,EAAE,EAAE;IAC/B,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE;IAC7C,aAAa,EAAE,GAAG,EAAE,CAAC,IAAI;IACzB,SAAS,EAAE,KAAK;IAChB,IAAI,EAAE,CAAC,KAAK,EAAE,WAAW,EAAE,EAAE;QAC3B,MAAM,MAAM,GAAG,aAAa,CAAC,WAAW,CAAC,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,GAAG,MAAM,EAAE,KAAK,GAAG,UAAU,CAAC,KAAK,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;QACpH,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,GAAG,CAAC,EAAE,cAAc,GAAG,aAAa,GAAG,KAAK,CAAC,CAAC,CAAC;QACzI,OAAO,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,GAAG,CAAC,EAAE,MAAM,EAAE,MAAM,GAAG,CAAC,EAAE,CAAC;IAChI,CAAC;IACD,MAAM,EAAE,EAAE,IAAI,EAAE,0EAA0E,EAAE,MAAM,EAAE,WAAW,EAAE;CAClH,CAAC"}

package/dist/templates/race.d.ts

@@ -0,0 +1,32 @@
+import { z } from "zod";
+import type { TemplateKind } from "./index.js";
+/** The text size at medium on a 1080 short side: the title's lowercase letters at least 36 px tall, as captions keep (#1128). */
+export declare const RACE_FONT_PX = 90;
+/** Text sizes: the title, one row per name, the round's label under the rows and the padding; the width is the full frame's. */
+export declare const RACE_EMS: {
+    readonly title: 1.7;
+    readonly row: 1.9;
+    readonly round: 2.2;
+    readonly pad: 0.7;
+};
+declare const data: z.ZodObject<{
+    title: z.ZodOptional<z.ZodString>;
+    suffix: z.ZodOptional<z.ZodString>;
+    names: z.ZodArray<z.ZodString>;
+    rounds: z.ZodArray<z.ZodObject<{
+        label: z.ZodOptional<z.ZodString>;
+        values: z.ZodArray<z.ZodNumber>;
+        at: z.ZodOptional<z.ZodString>;
+    }, z.core.$strict>>;
+    size: z.ZodOptional<z.ZodEnum<{
+        large: "large";
+        medium: "medium";
+        small: "small";
+    }>>;
+}, z.core.$strict>;
+/** The card's height in text sizes, with one row per name. */
+export declare const raceEms: (names: number) => number;
+/** A ranked bar race on a full frame: the first round's bars grow in, then on each later round's beat the bars move to its values and the rows
+ * trade places by rank (#1120). */
+export declare const race: TemplateKind<typeof data>;
+export {};

package/dist/templates/race.js

@@ -0,0 +1,43 @@
+import { z } from "zod";
+import { frameCanvasOf } from "../ugc-layers.js";
+import { centredArea, fullWidth, sizedScale, templateSize } from "./size.js";
+/** The text size at medium on a 1080 short side: the title's lowercase letters at least 36 px tall, as captions keep (#1128). */
+export const RACE_FONT_PX = 90;
+/** Text sizes: the title, one row per name, the round's label under the rows and the padding; the width is the full frame's. */
+export const RACE_EMS = { title: 1.7, row: 1.9, round: 2.2, pad: 0.7 };
+const value = z.number().min(0).max(999_999_999).multipleOf(0.01);
+const round = z.object({ label: z.string().min(1).max(10).optional(), values: z.array(value).min(3).max(6), at: z.string().min(1).max(200).optional() }).strict();
+const data = z.object({ title: z.string().min(1).max(40).optional(), suffix: z.string().min(1).max(6).optional(), names: z.array(z.string().min(1).max(14)).min(3).max(6),
+    rounds: z.array(round).min(2).max(5), size: templateSize }).strict().superRefine((entry, context) => {
+    for (const [index, each] of entry.rounds.entries())
+        if (each.values.length !== entry.names.length) {
+            context.addIssue({ code: z.ZodIssueCode.custom, path: ["rounds", index, "values"], message: `a round takes one value per name (${entry.names.length})` });
+        }
+});
+/** The card's height in text sizes, with one row per name. */
+export const raceEms = (names) => RACE_EMS.title + names * RACE_EMS.row + RACE_EMS.round + 2 * RACE_EMS.pad;
+/** A ranked bar race on a full frame: the first round's bars grow in, then on each later round's beat the bars move to its values and the rows
+ * trade places by rank (#1120). */
+export const race = {
+    kind: "race",
+    kindVersion: 1,
+    description: "a full-frame ranked bar race: one bar per name, longest on top; the first round's values show from the start, then on each later " +
+        "round's at, or spread evenly, the bars move to its values and swap places by rank, the round's label showing under them",
+    placements: ["full"],
+    data,
+    text: { title: 40, suffix: 6, names: 14, "rounds.label": 10 },
+    quotes: ["rounds.at"],
+    // The first round is the start: its bars grow in from the first frame, so a full frame is never bare.
+    firstBeatAtStart: true,
+    slots: {},
+    hidesCaptions: () => true,
+    onInserts: false,
+    rect: (value, aspectRatio) => {
+        const canvas = frameCanvasOf(aspectRatio), ems = raceEms(value.names.length);
+        const em = Math.min(RACE_FONT_PX * sizedScale(value.size, canvas), (0.92 * canvas.height) / ems);
+        return centredArea(canvas, fullWidth(value.size, canvas), ems * em);
+    },
+    sample: { title: "Signups by channel", suffix: "k", names: ["Search", "Shorts", "Referrals"], rounds: [{ label: "May", values: [40, 25, 10], at: "may" },
+            { label: "June", values: [44, 61, 18], at: "june" }] },
+};
+//# sourceMappingURL=race.js.map

package/dist/templates/race.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"race.js","sourceRoot":"","sources":["../../src/templates/race.ts"],"names":[],"mappings":"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"}

package/dist/templates/size.d.ts

@@ -6,7 +6,27 @@ export declare const templateSize: z.ZodOptional<z.ZodEnum<{
     medium: "medium";
     small: "small";
 }>>;
+/** The share of a tall frame's width a full-frame UI kind's area takes at medium and large, as reference reels fill it (#1128). */
+export declare const FULL_WIDTH = 0.96;
+/** A full-frame kind's area width: that share of the short side, a quarter less at small, never past that share of the frame's width. Its text
+ * size moves with the size on its own, so large draws larger text in the same width. */
+export declare function fullWidth(size: (typeof TEMPLATE_SIZES)[number] | undefined, canvas: {
+    width: number;
+    height: number;
+}): number;
+/** The size's step for a kind that fills the frame at medium: there is no room for large to grow, so it draws as medium, and small a quarter less. */
+export declare const fillingStep: (size: (typeof TEMPLATE_SIZES)[number] | undefined) => number;
 /** Pixels per pixel at a 1080 short side, times the size's scale. */
+/** A full frame's content area of `width` × `height` pixels, centred, as shares of the frame. */
+export declare function centredArea(canvas: {
+    width: number;
+    height: number;
+}, width: number, height: number): {
+    left: number;
+    top: number;
+    width: number;
+    height: number;
+};
 export declare function sizedScale(size: (typeof TEMPLATE_SIZES)[number] | undefined, canvas: {
     width: number;
     height: number;

package/dist/templates/size.js

@@ -3,7 +3,21 @@ import { z } from "zod";
 export const TEMPLATE_SIZES = ["small", "medium", "large"];
 export const templateSize = z.enum(TEMPLATE_SIZES).optional();
 const SCALE = { small: 0.75, medium: 1, large: 1.3 };
+/** The share of a tall frame's width a full-frame UI kind's area takes at medium and large, as reference reels fill it (#1128). */
+export const FULL_WIDTH = 0.96;
+/** A full-frame kind's area width: that share of the short side, a quarter less at small, never past that share of the frame's width. Its text
+ * size moves with the size on its own, so large draws larger text in the same width. */
+export function fullWidth(size, canvas) {
+    return Math.min(FULL_WIDTH * canvas.width, FULL_WIDTH * Math.min(canvas.width, canvas.height) * fillingStep(size));
+}
+/** The size's step for a kind that fills the frame at medium: there is no room for large to grow, so it draws as medium, and small a quarter less. */
+export const fillingStep = (size) => (size === "small" ? SCALE.small : 1);
 /** Pixels per pixel at a 1080 short side, times the size's scale. */
+/** A full frame's content area of `width` × `height` pixels, centred, as shares of the frame. */
+export function centredArea(canvas, width, height) {
+    const { width: w, height: h } = canvas, [rw, rh] = [Math.round(width), Math.round(height)];
+    return { left: Math.round((w - rw) / 2) / w, top: Math.round((h - rh) / 2) / h, width: rw / w, height: rh / h };
+}
 export function sizedScale(size, canvas) {
     return (Math.min(canvas.width, canvas.height) / 1080) * SCALE[size ?? "medium"];
 }

package/dist/templates/size.js.map

@@ -1 +1 @@
-{"version":3,"file":"size.js","sourceRoot":"","sources":["../../src/templates/size.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,+FAA+F;AAC/F,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,OAAO,EAAE,QAAQ,EAAE,OAAO,CAAU,CAAC;AACpE,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,QAAQ,EAAE,CAAC;AAC9D,MAAM,KAAK,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,GAAG,EAAW,CAAC;AAE9D,qEAAqE;AACrE,MAAM,UAAU,UAAU,CAAC,IAAiD,EAAE,MAAyC;IACrH,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,KAAK,CAAC,IAAI,IAAI,QAAQ,CAAC,CAAC;AAClF,CAAC"}
+{"version":3,"file":"size.js","sourceRoot":"","sources":["../../src/templates/size.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,+FAA+F;AAC/F,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,OAAO,EAAE,QAAQ,EAAE,OAAO,CAAU,CAAC;AACpE,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,QAAQ,EAAE,CAAC;AAC9D,MAAM,KAAK,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,GAAG,EAAW,CAAC;AAE9D,mIAAmI;AACnI,MAAM,CAAC,MAAM,UAAU,GAAG,IAAI,CAAC;AAC/B;wFACwF;AACxF,MAAM,UAAU,SAAS,CAAC,IAAiD,EAAE,MAAyC;IACpH,OAAO,IAAI,CAAC,GAAG,CAAC,UAAU,GAAG,MAAM,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC;AACrH,CAAC;AACD,sJAAsJ;AACtJ,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,IAAiD,EAAU,EAAE,CAAC,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAE/H,qEAAqE;AACrE,iGAAiG;AACjG,MAAM,UAAU,WAAW,CAAC,MAAyC,EAAE,KAAa,EAAE,MAAc;IAClG,MAAM,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,GAAG,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;IAC3F,OAAO,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,EAAE,GAAG,CAAC,EAAE,MAAM,EAAE,EAAE,GAAG,CAAC,EAAE,CAAC;AAClH,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,IAAiD,EAAE,MAAyC;IACrH,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,KAAK,CAAC,IAAI,IAAI,QAAQ,CAAC,CAAC;AAClF,CAAC"}

package/dist/templates/slot.js

@@ -1,5 +1,5 @@
 import { z } from "zod";
 import { assetId } from "../asset-identity.js";
 /** A template's media slot: a ready asset of the account, pinned at admission by (template id, slot) (#778 S3a(ii), A1). */
-export const templateMedia = z.object({ asset_id: assetId.describe("A ready asset from list_assets, of the kind the slot takes.") }).strict();
+export const templateMedia = z.object({ asset_id: assetId.describe("A ready asset (list_assets, or create_asset from a generate_* run) of the kind the slot takes.") }).strict();
 //# sourceMappingURL=slot.js.map

package/dist/templates/slot.js.map

@@ -1 +1 @@
-{"version":3,"file":"slot.js","sourceRoot":"","sources":["../../src/templates/slot.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACxB,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAE/C,4HAA4H;AAC5H,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,CAAC,MAAM,CAAC,EAAE,QAAQ,EAAE,OAAO,CAAC,QAAQ,CAAC,6DAA6D,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC"}
+{"version":3,"file":"slot.js","sourceRoot":"","sources":["../../src/templates/slot.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACxB,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAE/C,4HAA4H;AAC5H,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,CAAC,MAAM,CAAC,EAAE,QAAQ,EAAE,OAAO,CAAC,QAAQ,CAAC,gGAAgG,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC"}