@bluepic/embed 0.4.0-next.164 → 0.4.0-next.166

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

@@ -0,0 +1,62 @@
+import { VNode } from 'vue';
+export interface BxTableColumn {
+    /** Identity only; the caller writes the cells. */
+    key: string;
+    label: string;
+    align?: 'left' | 'center' | 'right';
+    width?: string;
+    /** Header text for assistive tech only, e.g. an actions column. */
+    srOnlyLabel?: boolean;
+}
+/**
+ * A table's chrome: the scroll container, the border, the header, row hover and
+ * per-column alignment.
+ *
+ * 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
+ * visibility-observer for infinite scroll — and a data-driven table cannot
+ * express that without growing a render-prop for the wrapper. So the caller
+ * 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.
+ */
+type __VLS_Props = {
+    columns?: BxTableColumn[];
+    /** 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;
+};
+type __VLS_Slots = {
+    default?: () => 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<{}>, {
+    bordered: boolean;
+    hoverable: boolean;
+    radius: "none" | "sm" | "md" | "lg";
+    variant: "plain" | "card";
+    columns: BxTableColumn[];
+    dense: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};