@bluepic/embed 0.4.0-next.165 → 0.4.0-next.167

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

@@ -7,10 +7,15 @@ export interface BxTableColumn {
     width?: string;
     /** Header text for assistive tech only, e.g. an actions column. */
     srOnlyLabel?: boolean;
+    /**
+     * Pin the column while the table scrolls sideways. Pinned columns must be
+     * the outermost ones (the first N / the last N); anything else is ignored.
+     */
+    sticky?: 'left' | 'right';
 }
 /**
- * A table's chrome: the scroll container, the border, the header, row hover and
- * per-column alignment.
+ * A table's chrome: the scroll container, the border, the header, row hover,
+ * per-column alignment, pinned header/columns and row states.
  *
  * The BODY is a slot rather than a `rows` prop on purpose. Real tables wrap
  * their rows — the studio's org list puts every `<tr>` inside a
@@ -19,27 +24,77 @@ export interface BxTableColumn {
  * keeps its `<tr>`s and this owns everything around them, which is the part
  * that was being re-written per app.
  *
- * Alignment reaches app-authored cells through custom properties rather than
- * classes the caller would have to remember: each column publishes
- * `--col-N-align`, and the static rules below read it. Eight columns is the
- * supported width; past that, a table is a different problem.
+ * Alignment and pinning reach app-authored cells through custom properties
+ * rather than classes the caller would have to remember: each column publishes
+ * `--col-N-align` (and, when pinned, `--col-N-position/left/right/z`), and the
+ * static rules below read them. Twenty-four columns is the supported width.
+ *
+ * Row states are read off ATTRIBUTES on the caller's `<tr>`, so a table stays
+ * a table for assistive tech:
+ *   - `aria-current="true"`  → the ACTIVE row (themed inset ring)
+ *   - `aria-selected="true"` → a SELECTED row (soft primary background)
  */
 type __VLS_Props = {
     columns?: BxTableColumn[];
-    /** Outer border and rounding, so the table can sit on the page unwrapped. */
+    /** Outer border, so the table can sit on the page unwrapped. */
     bordered?: boolean;
+    /** Corner rounding, same scale as BxCard. */
+    radius?: 'none' | 'sm' | 'md' | 'lg';
+    /**
+     * `plain` is a table on the page's own ground. `card` puts it on a raised
+     * surface, for a table that reads as a block of its own rather than a
+     * region of the page. (Note this differs from BxList's `card`, where each
+     * ROW is a surface; a table's rows cannot be separated without breaking
+     * column alignment, which is the whole point of a table.)
+     */
+    variant?: 'plain' | 'card';
     /** Row highlight on hover. Off unless rows actually do something. */
     hoverable?: boolean;
     dense?: boolean;
+    /** Keep the header row visible while the body scrolls vertically. */
+    stickyHeader?: boolean;
+    /**
+     * Fill the parent (a flex column) and scroll INSIDE the wrapper in both
+     * axes, instead of growing with the rows. Momentum scrolling and contained
+     * overscroll come with it, so the page never scrolls sideways.
+     */
+    fill?: boolean;
+    /** Cap the wrapper's height; the body scrolls beyond it. */
+    maxHeight?: string;
+    /**
+     * Pin the first `left` / last `right` columns while scrolling sideways.
+     * The per-column `sticky` field is the other way to say the same thing.
+     */
+    stickyColumns?: {
+        left?: number;
+        right?: number;
+    };
 };
 type __VLS_Slots = {
     default?: () => VNode[] | VNode;
+    /** Replaces a header cell's label; the column def and its index come along. */
+    'header-cell'?: (scope: {
+        column: BxTableColumn;
+        index: number;
+    }) => VNode[] | VNode;
 };
-declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
+    /** The scroll container, for `scrollIntoView` on a row or programmatic scrolling. */
+    wrapperRef: import("vue").Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    fill: boolean;
     bordered: boolean;
     hoverable: boolean;
+    radius: "none" | "sm" | "md" | "lg";
+    maxHeight: string;
+    variant: "plain" | "card";
     columns: BxTableColumn[];
     dense: boolean;
+    stickyHeader: boolean;
+    stickyColumns: {
+        left?: number;
+        right?: number;
+    };
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/embed/embed.d.ts

@@ -9032,8 +9032,9 @@ export declare class BluepicEmbed extends EventTarget {
         id: number;
         uid: string;
         userId: string;
+        orgId: number | null;
         name: string;
-        type: "template" | "email" | "widget" | "team" | "web" | "batch" | "api";
+        type: "template" | "email" | "batch" | "widget" | "team" | "web";
         active: boolean;
         private: boolean;
         password: string | null;
@@ -9052,7 +9053,7 @@ export declare class BluepicEmbed extends EventTarget {
         templates: string[];
         config: {
             bluepicBranding: boolean;
-            layout: "stack" | "gallery" | "selection:horizontal" | "selection:vertical";
+            layout: "gallery" | "stack" | "selection:horizontal" | "selection:vertical";
             allowPanAndZoom: boolean;
             sortByCategories: boolean;
             export: {
@@ -9073,6 +9074,7 @@ export declare class BluepicEmbed extends EventTarget {
                 trackLinks?: boolean | undefined;
                 redactLogging?: boolean | undefined;
             };
+            editMode?: "all" | "batch" | "single" | undefined;
             logo?: string | undefined;
             title?: string | undefined;
             hints?: {
@@ -9169,8 +9171,9 @@ export declare class BluepicEmbed extends EventTarget {
         id: number;
         uid: string;
         userId: string;
+        orgId: number | null;
         name: string;
-        type: "template" | "email" | "widget" | "team" | "web" | "batch" | "api";
+        type: "template" | "email" | "batch" | "widget" | "team" | "web";
         active: boolean;
         private: boolean;
         password: string | null;
@@ -9189,7 +9192,7 @@ export declare class BluepicEmbed extends EventTarget {
         templates: string[];
         config: {
             bluepicBranding: boolean;
-            layout: "stack" | "gallery" | "selection:horizontal" | "selection:vertical";
+            layout: "gallery" | "stack" | "selection:horizontal" | "selection:vertical";
             allowPanAndZoom: boolean;
             sortByCategories: boolean;
             export: {
@@ -9210,6 +9213,7 @@ export declare class BluepicEmbed extends EventTarget {
                 trackLinks?: boolean | undefined;
                 redactLogging?: boolean | undefined;
             };
+            editMode?: "all" | "batch" | "single" | undefined;
             logo?: string | undefined;
             title?: string | undefined;
             hints?: {