@prismicio/vue 5.3.0 → 6.0.0-canary.331d154

package/dist/PrismicRichText/getRichTextComponentProps.js

@@ -1,10 +1,39 @@
-const getRichTextComponentProps = (type) => ({
-  node: {
-    type: Object,
-    required: true
-  }
-});
-export {
-  getRichTextComponentProps
-};
-//# sourceMappingURL=getRichTextComponentProps.js.map
+//#region src/PrismicRichText/getRichTextComponentProps.ts
+/**
+* Gets native Vue props for a component rendering nodes from a Prismic rich
+* text field using the `<PrismicRichText />` component.
+*
+* Props are: `["node"]`
+*
+* @example
+*
+* ```javascript
+* // Defining a new rich text component
+* import { getRichTextComponentProps } from "@prismicio/vue"
+*
+* defineProps(getRichTextComponentProps())
+* ```
+*
+* @example
+*
+* ```typescript
+* // Defining a new rich text component for a specific node type
+* import { getRichTextComponentProps } from "@prismicio/vue"
+*
+* defineProps(getRichTextComponentProps("heading1"))
+* ```
+*
+* @typeParam TRTType - The type of rich text node(s) this component handles
+*
+* @param type - The type of rich text node this component handles
+*
+* @returns Props object to use with `defineProps()`
+*/
+const getRichTextComponentProps = (type) => ({ node: {
+	type: Object,
+	required: true
+} });
+
+//#endregion
+export { getRichTextComponentProps };
+//# sourceMappingURL=getRichTextComponentProps.js.map

package/dist/PrismicRichText/getRichTextComponentProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"getRichTextComponentProps.js","sources":["../../../src/PrismicRichText/getRichTextComponentProps.ts"],"sourcesContent":["import type { RTAnyNode } from \"@prismicio/client\"\nimport type { PropType } from \"vue\"\n\nimport type { RichTextComponentProps } from \"./types\"\n\n/**\n * Native Vue props for a component rendering nodes from a Prismic rich text\n * field using the `<PrismicRichText />` component.\n *\n * @typeParam TRTNode - The type of rich text node(s) this component handles\n */\ntype DefineComponentRichTextComponentProps<\n\tTRTNode extends RTAnyNode = RTAnyNode,\n> = {\n\tnode: {\n\t\ttype: PropType<RichTextComponentProps<TRTNode>[\"node\"]>\n\t\trequired: true\n\t}\n}\n\n/**\n * Gets native Vue props for a component rendering nodes from a Prismic rich\n * text field using the `<PrismicRichText />` component.\n *\n * Props are: `[\"node\"]`\n *\n * @example\n *\n * ```javascript\n * // Defining a new rich text component\n * import { getRichTextComponentProps } from \"@prismicio/vue\"\n *\n * defineProps(getRichTextComponentProps())\n * ```\n *\n * @example\n *\n * ```typescript\n * // Defining a new rich text component for a specific node type\n * import { getRichTextComponentProps } from \"@prismicio/vue\"\n *\n * defineProps(getRichTextComponentProps(\"heading1\"))\n * ```\n *\n * @typeParam TRTType - The type of rich text node(s) this component handles\n *\n * @param type - The type of rich text node this component handles\n *\n * @returns Props object to use with `defineProps()`\n */\nexport const getRichTextComponentProps = <TRTType extends RTAnyNode[\"type\"]>(\n\t// eslint-disable-next-line @typescript-eslint/no-unused-vars\n\ttype?: TRTType,\n): DefineComponentRichTextComponentProps<\n\tExtract<RTAnyNode, { type: TRTType }>\n> => ({\n\tnode: {\n\t\ttype: Object as PropType<\n\t\t\tRichTextComponentProps<Extract<RTAnyNode, { type: TRTType }>>[\"node\"]\n\t\t>,\n\t\trequired: true,\n\t},\n})\n"],"names":[],"mappings":"AAkDa,MAAA,4BAA4B,CAExC,UAGK;AAAA,EACL,MAAM;AAAA,IACL,MAAM;AAAA,IAGN,UAAU;AAAA,EAAA;AAEX;"}
+{"version":3,"file":"getRichTextComponentProps.js","names":[],"sources":["../../src/PrismicRichText/getRichTextComponentProps.ts"],"sourcesContent":["import type { RTAnyNode } from \"@prismicio/client\"\nimport type { PropType } from \"vue\"\n\nimport type { RichTextComponentProps } from \"./types\"\n\n/**\n * Native Vue props for a component rendering nodes from a Prismic rich text\n * field using the `<PrismicRichText />` component.\n *\n * @typeParam TRTNode - The type of rich text node(s) this component handles\n */\ntype DefineComponentRichTextComponentProps<\n\tTRTNode extends RTAnyNode = RTAnyNode,\n> = {\n\tnode: {\n\t\ttype: PropType<RichTextComponentProps<TRTNode>[\"node\"]>\n\t\trequired: true\n\t}\n}\n\n/**\n * Gets native Vue props for a component rendering nodes from a Prismic rich\n * text field using the `<PrismicRichText />` component.\n *\n * Props are: `[\"node\"]`\n *\n * @example\n *\n * ```javascript\n * // Defining a new rich text component\n * import { getRichTextComponentProps } from \"@prismicio/vue\"\n *\n * defineProps(getRichTextComponentProps())\n * ```\n *\n * @example\n *\n * ```typescript\n * // Defining a new rich text component for a specific node type\n * import { getRichTextComponentProps } from \"@prismicio/vue\"\n *\n * defineProps(getRichTextComponentProps(\"heading1\"))\n * ```\n *\n * @typeParam TRTType - The type of rich text node(s) this component handles\n *\n * @param type - The type of rich text node this component handles\n *\n * @returns Props object to use with `defineProps()`\n */\nexport const getRichTextComponentProps = <TRTType extends RTAnyNode[\"type\"]>(\n\t// eslint-disable-next-line @typescript-eslint/no-unused-vars\n\ttype?: TRTType,\n): DefineComponentRichTextComponentProps<\n\tExtract<RTAnyNode, { type: TRTType }>\n> => ({\n\tnode: {\n\t\ttype: Object as PropType<\n\t\t\tRichTextComponentProps<Extract<RTAnyNode, { type: TRTType }>>[\"node\"]\n\t\t>,\n\t\trequired: true,\n\t},\n})\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkDA,MAAa,6BAEZ,UAGK,EACL,MAAM;CACL,MAAM;CAGN,UAAU;CACV,EACD"}

package/dist/PrismicRichText/index.d.ts

@@ -1,2 +1,2 @@
-export { getRichTextComponentProps } from "./getRichTextComponentProps";
-export type { VueRichTextSerializer, RichTextComponentProps } from "./types";
+import { RichTextComponentProps, RichTextComponents } from "./types.js";
+import { getRichTextComponentProps } from "./getRichTextComponentProps.js";

package/dist/PrismicRichText/types.d.cts

@@ -0,0 +1,45 @@
+import { Component, ComponentShorthand } from "../types.cjs";
+import { LinkResolverFunction, RTAnyNode, RTEmNode, RTEmbedNode, RTHeading1Node, RTHeading2Node, RTHeading3Node, RTHeading4Node, RTHeading5Node, RTHeading6Node, RTImageNode, RTLabelNode, RTLinkNode, RTListItemNode, RTListNode, RTOListItemNode, RTOListNode, RTParagraphNode, RTPreformattedNode, RTSpanNode, RTStrongNode } from "@prismicio/client";
+
+//#region src/PrismicRichText/types.d.ts
+
+/**
+ * A map of Rich Text block types to Vue Components. It is used to render Rich
+ * Text or title fields.
+ *
+ * @see Templating Rich Text and title fields from Prismic {@link https://prismic.io/docs/rich-text}
+ */
+type RichTextComponents = {
+  heading1?: RichTextComponent<RTHeading1Node> | ComponentShorthand;
+  heading2?: RichTextComponent<RTHeading2Node> | ComponentShorthand;
+  heading3?: RichTextComponent<RTHeading3Node> | ComponentShorthand;
+  heading4?: RichTextComponent<RTHeading4Node> | ComponentShorthand;
+  heading5?: RichTextComponent<RTHeading5Node> | ComponentShorthand;
+  heading6?: RichTextComponent<RTHeading6Node> | ComponentShorthand;
+  paragraph?: RichTextComponent<RTParagraphNode> | ComponentShorthand;
+  preformatted?: RichTextComponent<RTPreformattedNode> | ComponentShorthand;
+  strong?: RichTextComponent<RTStrongNode> | ComponentShorthand;
+  em?: RichTextComponent<RTEmNode> | ComponentShorthand;
+  listItem?: RichTextComponent<RTListItemNode> | ComponentShorthand;
+  oListItem?: RichTextComponent<RTOListItemNode> | ComponentShorthand;
+  list?: RichTextComponent<RTListNode> | ComponentShorthand;
+  oList?: RichTextComponent<RTOListNode> | ComponentShorthand;
+  image?: RichTextComponent<RTImageNode> | Omit<ComponentShorthand, "as">;
+  embed?: RichTextComponent<RTEmbedNode> | ComponentShorthand;
+  hyperlink?: RichTextComponent<RTLinkNode> | Omit<ComponentShorthand, "as">;
+  label?: RichTextComponent<RTLabelNode> | Omit<ComponentShorthand, "as">;
+  span?: RichTextComponent<RTSpanNode>;
+};
+/** Props for a component rendering nodes from a Prismic rich text field. */
+type RichTextComponentProps<TRTNode extends RTAnyNode = RTAnyNode> = {
+  node: TRTNode;
+};
+/**
+ * A Vue component rendering a node from a Prismic rich text field.
+ *
+ * @typeParam TRTNode - The type of rich text node(s) this component handles
+ */
+type RichTextComponent<TRTNode extends RTAnyNode = RTAnyNode> = Component<RichTextComponentProps<TRTNode>>;
+//#endregion
+export { RichTextComponentProps, RichTextComponents };
+//# sourceMappingURL=types.d.cts.map

package/dist/PrismicRichText/types.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.cts","names":[],"sources":["../../src/PrismicRichText/types.ts"],"sourcesContent":[],"mappings":";;;;;;;AAiCA;;;;AAE8B,KAFlB,kBAAA,GAEkB;EAAlB,QAAA,CAAA,EADA,iBACA,CADkB,cAClB,CAAA,GADoC,kBACpC;EAAoC,QAAA,CAAA,EAApC,iBAAoC,CAAlB,cAAkB,CAAA,GAAA,kBAAA;EAClB,QAAA,CAAA,EAAlB,iBAAkB,CAAA,cAAA,CAAA,GAAkB,kBAAlB;EAAlB,QAAA,CAAA,EACA,iBADA,CACkB,cADlB,CAAA,GACoC,kBADpC;EAAoC,QAAA,CAAA,EAEpC,iBAFoC,CAElB,cAFkB,CAAA,GAEA,kBAFA;EAClB,QAAA,CAAA,EAElB,iBAFkB,CAEA,cAFA,CAAA,GAEkB,kBAFlB;EAAlB,SAAA,CAAA,EAGC,iBAHD,CAGmB,eAHnB,CAAA,GAGsC,kBAHtC;EAAoC,YAAA,CAAA,EAK5C,iBAL4C,CAK1B,kBAL0B,CAAA,GAM5C,kBAN4C;EAClB,MAAA,CAAA,EAMpB,iBANoB,CAMF,YANE,CAAA,GAMc,kBANd;EAAlB,EAAA,CAAA,EAON,iBAPM,CAOY,QAPZ,CAAA,GAOwB,kBAPxB;EAAoC,QAAA,CAAA,EAQpC,iBARoC,CAQlB,cARkB,CAAA,GAQA,kBARA;EAClB,SAAA,CAAA,EAQjB,iBARiB,CAQC,eARD,CAAA,GAQoB,kBARpB;EAAlB,IAAA,CAAA,EASJ,iBATI,CASc,UATd,CAAA,GAS4B,kBAT5B;EAAoC,KAAA,CAAA,EAUvC,iBAVuC,CAUrB,WAVqB,CAAA,GAUN,kBAVM;EACjB,KAAA,CAAA,EAUtB,iBAVsB,CAUJ,WAVI,CAAA,GAUW,IAVX,CAUgB,kBAVhB,EAAA,IAAA,CAAA;EAAlB,KAAA,CAAA,EAWJ,iBAXI,CAWc,WAXd,CAAA,GAW6B,kBAX7B;EAAqC,SAAA,CAAA,EAa9C,iBAb8C,CAa5B,UAb4B,CAAA,GAc9C,IAd8C,CAczC,kBAdyC,EAAA,IAAA,CAAA;EAE5B,KAAA,CAAA,EAab,iBAba,CAaK,WAbL,CAAA,GAaoB,IAbpB,CAayB,kBAbzB,EAAA,IAAA,CAAA;EAAlB,IAAA,CAAA,EAcI,iBAdJ,CAcsB,UAdtB,CAAA;CACA;;AACM,KAgBE,sBAhBF,CAAA,gBAgByC,SAhBzC,GAgBqD,SAhBrD,CAAA,GAAA;EAAkC,IAAA,EAiBrC,OAjBqC;CACpB;;;;;;AAEO,KAsBnB,iBAtBmB,CAAA,gBAsBe,SAtBf,GAsB2B,SAtB3B,CAAA,GAuB9B,SAvB8B,CAuBpB,sBAvBoB,CAuBG,OAvBH,CAAA,CAAA"}

package/dist/PrismicRichText/types.d.ts

@@ -1,22 +1,45 @@
-import type { RTAnyNode, RichTextNodeType } from "@prismicio/client";
-import type { DefineComponent, FunctionalComponent, defineAsyncComponent } from "vue";
+import { Component, ComponentShorthand } from "../types.js";
+import { LinkResolverFunction, RTAnyNode, RTEmNode, RTEmbedNode, RTHeading1Node, RTHeading2Node, RTHeading3Node, RTHeading4Node, RTHeading5Node, RTHeading6Node, RTImageNode, RTLabelNode, RTLinkNode, RTListItemNode, RTListNode, RTOListItemNode, RTOListNode, RTParagraphNode, RTPreformattedNode, RTSpanNode, RTStrongNode } from "@prismicio/client";
+
+//#region src/PrismicRichText/types.d.ts
+
 /**
  * A map of Rich Text block types to Vue Components. It is used to render Rich
  * Text or title fields.
  *
  * @see Templating Rich Text and title fields from Prismic {@link https://prismic.io/docs/rich-text}
  */
-export type VueRichTextSerializer = Partial<Record<keyof typeof RichTextNodeType, VueRichTextComponent>>;
-/**
- * Props for a component rendering nodes from a Prismic rich text field.
- */
-export type RichTextComponentProps<TRTNode extends RTAnyNode = RTAnyNode> = {
-    node: TRTNode;
+type RichTextComponents = {
+  heading1?: RichTextComponent<RTHeading1Node> | ComponentShorthand;
+  heading2?: RichTextComponent<RTHeading2Node> | ComponentShorthand;
+  heading3?: RichTextComponent<RTHeading3Node> | ComponentShorthand;
+  heading4?: RichTextComponent<RTHeading4Node> | ComponentShorthand;
+  heading5?: RichTextComponent<RTHeading5Node> | ComponentShorthand;
+  heading6?: RichTextComponent<RTHeading6Node> | ComponentShorthand;
+  paragraph?: RichTextComponent<RTParagraphNode> | ComponentShorthand;
+  preformatted?: RichTextComponent<RTPreformattedNode> | ComponentShorthand;
+  strong?: RichTextComponent<RTStrongNode> | ComponentShorthand;
+  em?: RichTextComponent<RTEmNode> | ComponentShorthand;
+  listItem?: RichTextComponent<RTListItemNode> | ComponentShorthand;
+  oListItem?: RichTextComponent<RTOListItemNode> | ComponentShorthand;
+  list?: RichTextComponent<RTListNode> | ComponentShorthand;
+  oList?: RichTextComponent<RTOListNode> | ComponentShorthand;
+  image?: RichTextComponent<RTImageNode> | Omit<ComponentShorthand, "as">;
+  embed?: RichTextComponent<RTEmbedNode> | ComponentShorthand;
+  hyperlink?: RichTextComponent<RTLinkNode> | Omit<ComponentShorthand, "as">;
+  label?: RichTextComponent<RTLabelNode> | Omit<ComponentShorthand, "as">;
+  span?: RichTextComponent<RTSpanNode>;
+};
+/** Props for a component rendering nodes from a Prismic rich text field. */
+type RichTextComponentProps<TRTNode extends RTAnyNode = RTAnyNode> = {
+  node: TRTNode;
 };
 /**
  * A Vue component rendering a node from a Prismic rich text field.
  *
  * @typeParam TRTNode - The type of rich text node(s) this component handles
  */
-type VueRichTextComponent<TRTNode extends RTAnyNode = RTAnyNode> = DefineComponent<{}, {}, any> | ReturnType<typeof defineAsyncComponent> | DefineComponent<RichTextComponentProps<TRTNode>> | FunctionalComponent<RichTextComponentProps<TRTNode>>;
-export {};
+type RichTextComponent<TRTNode extends RTAnyNode = RTAnyNode> = Component<RichTextComponentProps<TRTNode>>;
+//#endregion
+export { RichTextComponentProps, RichTextComponents };
+//# sourceMappingURL=types.d.ts.map

package/dist/PrismicRichText/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../src/PrismicRichText/types.ts"],"sourcesContent":[],"mappings":";;;;;;;AAiCA;;;;AAE8B,KAFlB,kBAAA,GAEkB;EAAlB,QAAA,CAAA,EADA,iBACA,CADkB,cAClB,CAAA,GADoC,kBACpC;EAAoC,QAAA,CAAA,EAApC,iBAAoC,CAAlB,cAAkB,CAAA,GAAA,kBAAA;EAClB,QAAA,CAAA,EAAlB,iBAAkB,CAAA,cAAA,CAAA,GAAkB,kBAAlB;EAAlB,QAAA,CAAA,EACA,iBADA,CACkB,cADlB,CAAA,GACoC,kBADpC;EAAoC,QAAA,CAAA,EAEpC,iBAFoC,CAElB,cAFkB,CAAA,GAEA,kBAFA;EAClB,QAAA,CAAA,EAElB,iBAFkB,CAEA,cAFA,CAAA,GAEkB,kBAFlB;EAAlB,SAAA,CAAA,EAGC,iBAHD,CAGmB,eAHnB,CAAA,GAGsC,kBAHtC;EAAoC,YAAA,CAAA,EAK5C,iBAL4C,CAK1B,kBAL0B,CAAA,GAM5C,kBAN4C;EAClB,MAAA,CAAA,EAMpB,iBANoB,CAMF,YANE,CAAA,GAMc,kBANd;EAAlB,EAAA,CAAA,EAON,iBAPM,CAOY,QAPZ,CAAA,GAOwB,kBAPxB;EAAoC,QAAA,CAAA,EAQpC,iBARoC,CAQlB,cARkB,CAAA,GAQA,kBARA;EAClB,SAAA,CAAA,EAQjB,iBARiB,CAQC,eARD,CAAA,GAQoB,kBARpB;EAAlB,IAAA,CAAA,EASJ,iBATI,CASc,UATd,CAAA,GAS4B,kBAT5B;EAAoC,KAAA,CAAA,EAUvC,iBAVuC,CAUrB,WAVqB,CAAA,GAUN,kBAVM;EACjB,KAAA,CAAA,EAUtB,iBAVsB,CAUJ,WAVI,CAAA,GAUW,IAVX,CAUgB,kBAVhB,EAAA,IAAA,CAAA;EAAlB,KAAA,CAAA,EAWJ,iBAXI,CAWc,WAXd,CAAA,GAW6B,kBAX7B;EAAqC,SAAA,CAAA,EAa9C,iBAb8C,CAa5B,UAb4B,CAAA,GAc9C,IAd8C,CAczC,kBAdyC,EAAA,IAAA,CAAA;EAE5B,KAAA,CAAA,EAab,iBAba,CAaK,WAbL,CAAA,GAaoB,IAbpB,CAayB,kBAbzB,EAAA,IAAA,CAAA;EAAlB,IAAA,CAAA,EAcI,iBAdJ,CAcsB,UAdtB,CAAA;CACA;;AACM,KAgBE,sBAhBF,CAAA,gBAgByC,SAhBzC,GAgBqD,SAhBrD,CAAA,GAAA;EAAkC,IAAA,EAiBrC,OAjBqC;CACpB;;;;;;AAEO,KAsBnB,iBAtBmB,CAAA,gBAsBe,SAtBf,GAsB2B,SAtB3B,CAAA,GAuB9B,SAvB8B,CAuBpB,sBAvBoB,CAuBG,OAvBH,CAAA,CAAA"}

package/dist/PrismicTable/PrismicTable.cjs

@@ -0,0 +1,8 @@
+const require_PrismicTable_vue_vue_type_script_setup_true_lang = require('./PrismicTable.vue_vue_type_script_setup_true_lang.cjs');
+
+//#region src/PrismicTable/PrismicTable.vue
+var PrismicTable_default = require_PrismicTable_vue_vue_type_script_setup_true_lang.default;
+
+//#endregion
+exports.default = PrismicTable_default;
+//# sourceMappingURL=PrismicTable.cjs.map

package/dist/PrismicTable/PrismicTable.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrismicTable.cjs","names":[],"sources":["../../src/PrismicTable/PrismicTable.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { type TableField, isFilled } from \"@prismicio/client\"\nimport { computed } from \"vue\"\n\nimport type { ComponentOrTagName, ComponentShorthand } from \"../types\"\nimport { isComponent } from \"../types\"\nimport type { InternalTableComponents, TableComponents } from \"./types\"\n\nimport type { RichTextComponents } from \"../PrismicRichText\"\nimport { usePrismic } from \"../createPrismic\"\n\nimport { defaultTableComponents } from \"./PrismicTableDefaultComponents\"\nimport PrismicTableRow from \"./PrismicTableRow.vue\"\n\n/** Props for `<PrismicTable />`. */\nexport type PrismicTableProps = {\n\t/** The Prismic table field to render. */\n\tfield: TableField | undefined\n\n\t/**\n\t * An object that maps a table block type to a Vue component or a shorthand\n\t * definition.\n\t *\n\t * @example\n\t *\n\t * ```javascript\n\t * {\n\t *   table: Table,\n\t *   thead: { class: 'bg-black text-white' },\n\t *   th: { as: 'td', class: 'font-bold' },\n\t * }\n\t * ```\n\t */\n\tcomponents?: TableComponents & RichTextComponents\n\n\t/**\n\t * The value to be rendered when the field is empty. If a fallback is not\n\t * given, `null` (nothing) will be rendered.\n\t */\n\tfallback?: ComponentOrTagName\n}\n\nconst props = defineProps<PrismicTableProps>()\ndefineOptions({ name: \"PrismicTable\" })\n\nconst { components: { richTextComponents } } = usePrismic()\n\nconst resolvedComponents = computed<TableComponents & RichTextComponents>(\n\t() => {\n\t\treturn { ...richTextComponents, ...props.components }\n\t},\n)\n\nfunction getInternalComponent(type: keyof TableComponents) {\n\tconst maybeComponentOrShorthand = resolvedComponents.value?.[type]\n\n\tif (isComponent(maybeComponentOrShorthand)) {\n\t\treturn { is: maybeComponentOrShorthand }\n\t}\n\n\treturn {\n\t\tis: defaultTableComponents[type],\n\t\tshorthand: maybeComponentOrShorthand as ComponentShorthand,\n\t}\n}\n\nconst internalTableComponents = computed<InternalTableComponents>(() => {\n\treturn {\n\t\ttable: getInternalComponent(\"table\"),\n\t\tthead: getInternalComponent(\"thead\"),\n\t\ttbody: getInternalComponent(\"tbody\"),\n\t\ttr: getInternalComponent(\"tr\"),\n\t\tth: getInternalComponent(\"th\"),\n\t\ttd: getInternalComponent(\"td\"),\n\t}\n})\n</script>\n\n<template>\n\t<component\n\t\tv-if=\"isFilled.table(field)\"\n\t\t:is=\"internalTableComponents.table.is\"\n\t\t:table=\"field\"\n\t\tv-bind=\"{ ...$attrs, ...internalTableComponents.table.shorthand }\"\n\t>\n\t\t<component\n\t\t\tv-if=\"field.head\"\n\t\t\t:is=\"internalTableComponents.thead.is\"\n\t\t\t:head=\"field.head\"\n\t\t\tv-bind=\"internalTableComponents.thead.shorthand\"\n\t\t>\n\t\t\t<PrismicTableRow\n\t\t\t\tv-for=\"row in field.head.rows\"\n\t\t\t\t:key=\"row.key\"\n\t\t\t\t:row=\"row\"\n\t\t\t\t:internalTableComponents=\"internalTableComponents\"\n\t\t\t\t:components=\"components\"\n\t\t\t/>\n\t\t</component>\n\t\t<component\n\t\t\t:is=\"internalTableComponents.tbody.is\"\n\t\t\t:body=\"field.body\"\n\t\t\tv-bind=\"internalTableComponents.tbody.shorthand\"\n\t\t>\n\t\t\t<PrismicTableRow\n\t\t\t\tv-for=\"row in field.body.rows\"\n\t\t\t\t:key=\"row.key\"\n\t\t\t\t:row=\"row\"\n\t\t\t\t:internalTableComponents=\"internalTableComponents\"\n\t\t\t\t:components=\"components\"\n\t\t\t/>\n\t\t</component>\n\t</component>\n\t<component v-else-if=\"fallback\" :is=\"fallback\" v-bind=\"$attrs\" />\n</template>\n"],"mappings":""}

package/dist/PrismicTable/PrismicTable.js

@@ -0,0 +1,8 @@
+import PrismicTable_vue_vue_type_script_setup_true_lang_default from "./PrismicTable.vue_vue_type_script_setup_true_lang.js";
+
+//#region src/PrismicTable/PrismicTable.vue
+var PrismicTable_default = PrismicTable_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+export { PrismicTable_default as default };
+//# sourceMappingURL=PrismicTable.js.map

package/dist/PrismicTable/PrismicTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrismicTable.js","names":[],"sources":["../../src/PrismicTable/PrismicTable.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { type TableField, isFilled } from \"@prismicio/client\"\nimport { computed } from \"vue\"\n\nimport type { ComponentOrTagName, ComponentShorthand } from \"../types\"\nimport { isComponent } from \"../types\"\nimport type { InternalTableComponents, TableComponents } from \"./types\"\n\nimport type { RichTextComponents } from \"../PrismicRichText\"\nimport { usePrismic } from \"../createPrismic\"\n\nimport { defaultTableComponents } from \"./PrismicTableDefaultComponents\"\nimport PrismicTableRow from \"./PrismicTableRow.vue\"\n\n/** Props for `<PrismicTable />`. */\nexport type PrismicTableProps = {\n\t/** The Prismic table field to render. */\n\tfield: TableField | undefined\n\n\t/**\n\t * An object that maps a table block type to a Vue component or a shorthand\n\t * definition.\n\t *\n\t * @example\n\t *\n\t * ```javascript\n\t * {\n\t *   table: Table,\n\t *   thead: { class: 'bg-black text-white' },\n\t *   th: { as: 'td', class: 'font-bold' },\n\t * }\n\t * ```\n\t */\n\tcomponents?: TableComponents & RichTextComponents\n\n\t/**\n\t * The value to be rendered when the field is empty. If a fallback is not\n\t * given, `null` (nothing) will be rendered.\n\t */\n\tfallback?: ComponentOrTagName\n}\n\nconst props = defineProps<PrismicTableProps>()\ndefineOptions({ name: \"PrismicTable\" })\n\nconst { components: { richTextComponents } } = usePrismic()\n\nconst resolvedComponents = computed<TableComponents & RichTextComponents>(\n\t() => {\n\t\treturn { ...richTextComponents, ...props.components }\n\t},\n)\n\nfunction getInternalComponent(type: keyof TableComponents) {\n\tconst maybeComponentOrShorthand = resolvedComponents.value?.[type]\n\n\tif (isComponent(maybeComponentOrShorthand)) {\n\t\treturn { is: maybeComponentOrShorthand }\n\t}\n\n\treturn {\n\t\tis: defaultTableComponents[type],\n\t\tshorthand: maybeComponentOrShorthand as ComponentShorthand,\n\t}\n}\n\nconst internalTableComponents = computed<InternalTableComponents>(() => {\n\treturn {\n\t\ttable: getInternalComponent(\"table\"),\n\t\tthead: getInternalComponent(\"thead\"),\n\t\ttbody: getInternalComponent(\"tbody\"),\n\t\ttr: getInternalComponent(\"tr\"),\n\t\tth: getInternalComponent(\"th\"),\n\t\ttd: getInternalComponent(\"td\"),\n\t}\n})\n</script>\n\n<template>\n\t<component\n\t\tv-if=\"isFilled.table(field)\"\n\t\t:is=\"internalTableComponents.table.is\"\n\t\t:table=\"field\"\n\t\tv-bind=\"{ ...$attrs, ...internalTableComponents.table.shorthand }\"\n\t>\n\t\t<component\n\t\t\tv-if=\"field.head\"\n\t\t\t:is=\"internalTableComponents.thead.is\"\n\t\t\t:head=\"field.head\"\n\t\t\tv-bind=\"internalTableComponents.thead.shorthand\"\n\t\t>\n\t\t\t<PrismicTableRow\n\t\t\t\tv-for=\"row in field.head.rows\"\n\t\t\t\t:key=\"row.key\"\n\t\t\t\t:row=\"row\"\n\t\t\t\t:internalTableComponents=\"internalTableComponents\"\n\t\t\t\t:components=\"components\"\n\t\t\t/>\n\t\t</component>\n\t\t<component\n\t\t\t:is=\"internalTableComponents.tbody.is\"\n\t\t\t:body=\"field.body\"\n\t\t\tv-bind=\"internalTableComponents.tbody.shorthand\"\n\t\t>\n\t\t\t<PrismicTableRow\n\t\t\t\tv-for=\"row in field.body.rows\"\n\t\t\t\t:key=\"row.key\"\n\t\t\t\t:row=\"row\"\n\t\t\t\t:internalTableComponents=\"internalTableComponents\"\n\t\t\t\t:components=\"components\"\n\t\t\t/>\n\t\t</component>\n\t</component>\n\t<component v-else-if=\"fallback\" :is=\"fallback\" v-bind=\"$attrs\" />\n</template>\n"],"mappings":""}

package/dist/PrismicTable/PrismicTable.vue.d.cts

@@ -0,0 +1,37 @@
+import { ComponentOrTagName } from "../types.cjs";
+import { RichTextComponents } from "../PrismicRichText/types.cjs";
+import { TableComponents } from "./types.cjs";
+import * as vue11 from "vue";
+import { TableField } from "@prismicio/client";
+
+//#region src/PrismicTable/PrismicTable.vue.d.ts
+/** Props for `<PrismicTable />`. */
+type PrismicTableProps = {
+  /** The Prismic table field to render. */
+  field: TableField | undefined;
+  /**
+   * An object that maps a table block type to a Vue component or a shorthand
+   * definition.
+   *
+   * @example
+   *
+   * ```javascript
+   * {
+   *   table: Table,
+   *   thead: { class: 'bg-black text-white' },
+   *   th: { as: 'td', class: 'font-bold' },
+   * }
+   * ```
+   */
+  components?: TableComponents & RichTextComponents;
+  /**
+   * The value to be rendered when the field is empty. If a fallback is not
+   * given, `null` (nothing) will be rendered.
+   */
+  fallback?: ComponentOrTagName;
+};
+declare const __VLS_export: vue11.DefineComponent<PrismicTableProps, {}, {}, {}, {}, vue11.ComponentOptionsMixin, vue11.ComponentOptionsMixin, {}, string, vue11.PublicProps, Readonly<PrismicTableProps> & Readonly<{}>, {}, {}, {}, {}, string, vue11.ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+//#endregion
+export { PrismicTableProps, _default };
+//# sourceMappingURL=PrismicTable.vue.d.cts.map

package/dist/PrismicTable/PrismicTable.vue.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrismicTable.vue.d.cts","names":[],"sources":["../../src/PrismicTable/PrismicTable.vue"],"sourcesContent":[],"mappings":";;;;;;;;KAoIY,iBAAA;;EAAA,KAAA,EAEJ,UAFI,GAAiB,SAAA;EAErB;;;;;AAuBP;;;;;;;;;EA2JiB,UAAA,CAAA,EAlKJ,eAkKI,GAlKc,kBAkKd;EAAA;AAAA;;;aA5JN;;cA4JN,cAAY,KAAA,CAAA,gBAAA,mCAAA,KAAA,CAAA,qBAAA,EAAA,KAAA,CAAA,qBAAA,cAAA,KAAA,CAAA,WAAA,EAAA,SAAA,qBAAA,sCAAA,KAAA,CAAA,uBAAA;cAAA,iBAGU"}

package/dist/PrismicTable/PrismicTable.vue.d.ts

@@ -1,32 +1,38 @@
-import { TableField } from '@prismicio/client';
-import { ComponentOrTagName } from '../types';
-import { VueTableComponents } from './types';
-import { VueRichTextSerializer } from '../PrismicRichText';
-/**
- * Props for `<PrismicTable />`.
- */
-export type PrismicTableProps = {
-    /**
-     * The Prismic table field to render.
-     */
-    field: TableField | undefined;
-    /**
-     * The value to be rendered when the field is empty. If a fallback is not
-     * given, `null` (nothing) will be rendered.
-     */
-    fallback?: ComponentOrTagName;
-    /**
-     * An object that maps a table block type to a Vue component.
-     *
-     * @example
-     *
-     * ```javascript
-     * {
-     *   table: Table,
-     * }
-     * ```
-     */
-    components?: VueTableComponents & VueRichTextSerializer;
+import { ComponentOrTagName } from "../types.js";
+import { RichTextComponents } from "../PrismicRichText/types.js";
+import "../PrismicRichText/index.js";
+import { TableComponents } from "./types.js";
+import * as vue31 from "vue";
+import { TableField } from "@prismicio/client";
+
+//#region src/PrismicTable/PrismicTable.vue.d.ts
+/** Props for `<PrismicTable />`. */
+type PrismicTableProps = {
+  /** The Prismic table field to render. */
+  field: TableField | undefined;
+  /**
+   * An object that maps a table block type to a Vue component or a shorthand
+   * definition.
+   *
+   * @example
+   *
+   * ```javascript
+   * {
+   *   table: Table,
+   *   thead: { class: 'bg-black text-white' },
+   *   th: { as: 'td', class: 'font-bold' },
+   * }
+   * ```
+   */
+  components?: TableComponents & RichTextComponents;
+  /**
+   * The value to be rendered when the field is empty. If a fallback is not
+   * given, `null` (nothing) will be rendered.
+   */
+  fallback?: ComponentOrTagName;
 };
-declare const _default: import('vue').DefineComponent<PrismicTableProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<PrismicTableProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-export default _default;
+declare const __VLS_export: vue31.DefineComponent<PrismicTableProps, {}, {}, {}, {}, vue31.ComponentOptionsMixin, vue31.ComponentOptionsMixin, {}, string, vue31.PublicProps, Readonly<PrismicTableProps> & Readonly<{}>, {}, {}, {}, {}, string, vue31.ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+//#endregion
+export { PrismicTableProps, _default };
+//# sourceMappingURL=PrismicTable.vue.d.ts.map

package/dist/PrismicTable/PrismicTable.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrismicTable.vue.d.ts","names":[],"sources":["../../src/PrismicTable/PrismicTable.vue"],"sourcesContent":[],"mappings":";;;;;;;;;KAoIY,iBAAA;;SAEJ;EAFI;;;;;;AAyBX;;;;;;;;EA2JiB,UAAA,CAAA,EAlKJ,eAkKI,GAlKc,kBAkKd;EAAA;;AAAA;;aA5JN;;cA4JN,cAAY,KAAA,CAAA,gBAAA,mCAAA,KAAA,CAAA,qBAAA,EAAA,KAAA,CAAA,qBAAA,cAAA,KAAA,CAAA,WAAA,EAAA,SAAA,qBAAA,sCAAA,KAAA,CAAA,uBAAA;cAAA,iBAGU"}

package/dist/PrismicTable/PrismicTable.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1,101 @@
+const require_types = require('../types.cjs');
+const require_createPrismic = require('../createPrismic.cjs');
+const require_PrismicTableDefaultComponents = require('./PrismicTableDefaultComponents.cjs');
+const require_PrismicTableRow = require('./PrismicTableRow.cjs');
+let vue = require("vue");
+let _prismicio_client = require("@prismicio/client");
+
+//#region src/PrismicTable/PrismicTable.vue?vue&type=script&setup=true&lang.ts
+var PrismicTable_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	name: "PrismicTable",
+	__name: "PrismicTable",
+	props: {
+		field: {
+			type: null,
+			required: true
+		},
+		components: {
+			type: Object,
+			required: false
+		},
+		fallback: {
+			type: null,
+			required: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const { components: { richTextComponents } } = require_createPrismic.usePrismic();
+		const resolvedComponents = (0, vue.computed)(() => {
+			return {
+				...richTextComponents,
+				...props.components
+			};
+		});
+		function getInternalComponent(type) {
+			const maybeComponentOrShorthand = resolvedComponents.value?.[type];
+			if (require_types.isComponent(maybeComponentOrShorthand)) return { is: maybeComponentOrShorthand };
+			return {
+				is: require_PrismicTableDefaultComponents.defaultTableComponents[type],
+				shorthand: maybeComponentOrShorthand
+			};
+		}
+		const internalTableComponents = (0, vue.computed)(() => {
+			return {
+				table: getInternalComponent("table"),
+				thead: getInternalComponent("thead"),
+				tbody: getInternalComponent("tbody"),
+				tr: getInternalComponent("tr"),
+				th: getInternalComponent("th"),
+				td: getInternalComponent("td")
+			};
+		});
+		return (_ctx, _cache) => {
+			return (0, vue.unref)(_prismicio_client.isFilled).table(__props.field) ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)(internalTableComponents.value.table.is), (0, vue.mergeProps)({
+				key: 0,
+				table: __props.field
+			}, {
+				..._ctx.$attrs,
+				...internalTableComponents.value.table.shorthand
+			}), {
+				default: (0, vue.withCtx)(() => [__props.field.head ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)(internalTableComponents.value.thead.is), (0, vue.mergeProps)({
+					key: 0,
+					head: __props.field.head
+				}, internalTableComponents.value.thead.shorthand), {
+					default: (0, vue.withCtx)(() => [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(__props.field.head.rows, (row) => {
+						return (0, vue.openBlock)(), (0, vue.createBlock)(require_PrismicTableRow.default, {
+							key: row.key,
+							row,
+							internalTableComponents: internalTableComponents.value,
+							components: __props.components
+						}, null, 8, [
+							"row",
+							"internalTableComponents",
+							"components"
+						]);
+					}), 128))]),
+					_: 1
+				}, 16, ["head"])) : (0, vue.createCommentVNode)("v-if", true), ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)(internalTableComponents.value.tbody.is), (0, vue.mergeProps)({ body: __props.field.body }, internalTableComponents.value.tbody.shorthand), {
+					default: (0, vue.withCtx)(() => [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(__props.field.body.rows, (row) => {
+						return (0, vue.openBlock)(), (0, vue.createBlock)(require_PrismicTableRow.default, {
+							key: row.key,
+							row,
+							internalTableComponents: internalTableComponents.value,
+							components: __props.components
+						}, null, 8, [
+							"row",
+							"internalTableComponents",
+							"components"
+						]);
+					}), 128))]),
+					_: 1
+				}, 16, ["body"]))]),
+				_: 1
+			}, 16, ["table"])) : __props.fallback ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)(__props.fallback), (0, vue.normalizeProps)((0, vue.mergeProps)({ key: 1 }, _ctx.$attrs)), null, 16)) : (0, vue.createCommentVNode)("v-if", true);
+		};
+	}
+});
+
+//#endregion
+exports.default = PrismicTable_vue_vue_type_script_setup_true_lang_default;
+//# sourceMappingURL=PrismicTable.vue_vue_type_script_setup_true_lang.cjs.map

package/dist/PrismicTable/PrismicTable.vue_vue_type_script_setup_true_lang.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrismicTable.vue_vue_type_script_setup_true_lang.cjs","names":["$attrs"],"sources":["../../src/PrismicTable/PrismicTable.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { type TableField, isFilled } from \"@prismicio/client\"\nimport { computed } from \"vue\"\n\nimport type { ComponentOrTagName, ComponentShorthand } from \"../types\"\nimport { isComponent } from \"../types\"\nimport type { InternalTableComponents, TableComponents } from \"./types\"\n\nimport type { RichTextComponents } from \"../PrismicRichText\"\nimport { usePrismic } from \"../createPrismic\"\n\nimport { defaultTableComponents } from \"./PrismicTableDefaultComponents\"\nimport PrismicTableRow from \"./PrismicTableRow.vue\"\n\n/** Props for `<PrismicTable />`. */\nexport type PrismicTableProps = {\n\t/** The Prismic table field to render. */\n\tfield: TableField | undefined\n\n\t/**\n\t * An object that maps a table block type to a Vue component or a shorthand\n\t * definition.\n\t *\n\t * @example\n\t *\n\t * ```javascript\n\t * {\n\t *   table: Table,\n\t *   thead: { class: 'bg-black text-white' },\n\t *   th: { as: 'td', class: 'font-bold' },\n\t * }\n\t * ```\n\t */\n\tcomponents?: TableComponents & RichTextComponents\n\n\t/**\n\t * The value to be rendered when the field is empty. If a fallback is not\n\t * given, `null` (nothing) will be rendered.\n\t */\n\tfallback?: ComponentOrTagName\n}\n\nconst props = defineProps<PrismicTableProps>()\ndefineOptions({ name: \"PrismicTable\" })\n\nconst { components: { richTextComponents } } = usePrismic()\n\nconst resolvedComponents = computed<TableComponents & RichTextComponents>(\n\t() => {\n\t\treturn { ...richTextComponents, ...props.components }\n\t},\n)\n\nfunction getInternalComponent(type: keyof TableComponents) {\n\tconst maybeComponentOrShorthand = resolvedComponents.value?.[type]\n\n\tif (isComponent(maybeComponentOrShorthand)) {\n\t\treturn { is: maybeComponentOrShorthand }\n\t}\n\n\treturn {\n\t\tis: defaultTableComponents[type],\n\t\tshorthand: maybeComponentOrShorthand as ComponentShorthand,\n\t}\n}\n\nconst internalTableComponents = computed<InternalTableComponents>(() => {\n\treturn {\n\t\ttable: getInternalComponent(\"table\"),\n\t\tthead: getInternalComponent(\"thead\"),\n\t\ttbody: getInternalComponent(\"tbody\"),\n\t\ttr: getInternalComponent(\"tr\"),\n\t\tth: getInternalComponent(\"th\"),\n\t\ttd: getInternalComponent(\"td\"),\n\t}\n})\n</script>\n\n<template>\n\t<component\n\t\tv-if=\"isFilled.table(field)\"\n\t\t:is=\"internalTableComponents.table.is\"\n\t\t:table=\"field\"\n\t\tv-bind=\"{ ...$attrs, ...internalTableComponents.table.shorthand }\"\n\t>\n\t\t<component\n\t\t\tv-if=\"field.head\"\n\t\t\t:is=\"internalTableComponents.thead.is\"\n\t\t\t:head=\"field.head\"\n\t\t\tv-bind=\"internalTableComponents.thead.shorthand\"\n\t\t>\n\t\t\t<PrismicTableRow\n\t\t\t\tv-for=\"row in field.head.rows\"\n\t\t\t\t:key=\"row.key\"\n\t\t\t\t:row=\"row\"\n\t\t\t\t:internalTableComponents=\"internalTableComponents\"\n\t\t\t\t:components=\"components\"\n\t\t\t/>\n\t\t</component>\n\t\t<component\n\t\t\t:is=\"internalTableComponents.tbody.is\"\n\t\t\t:body=\"field.body\"\n\t\t\tv-bind=\"internalTableComponents.tbody.shorthand\"\n\t\t>\n\t\t\t<PrismicTableRow\n\t\t\t\tv-for=\"row in field.body.rows\"\n\t\t\t\t:key=\"row.key\"\n\t\t\t\t:row=\"row\"\n\t\t\t\t:internalTableComponents=\"internalTableComponents\"\n\t\t\t\t:components=\"components\"\n\t\t\t/>\n\t\t</component>\n\t</component>\n\t<component v-else-if=\"fallback\" :is=\"fallback\" v-bind=\"$attrs\" />\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;EA0CA,MAAM,QAAQ;EAGd,MAAM,EAAE,YAAY,EAAE,yBAAyB,kCAAW;EAE1D,MAAM,6CACC;AACL,UAAO;IAAE,GAAG;IAAoB,GAAG,MAAM;IAAW;IAEtD;EAEA,SAAS,qBAAqB,MAA6B;GAC1D,MAAM,4BAA4B,mBAAmB,QAAQ;AAE7D,OAAI,0BAAY,0BAA0B,CACzC,QAAO,EAAE,IAAI,2BAA0B;AAGxC,UAAO;IACN,IAAI,6DAAuB;IAC3B,WAAW;IACZ;;EAGD,MAAM,kDAAkE;AACvE,UAAO;IACN,OAAO,qBAAqB,QAAQ;IACpC,OAAO,qBAAqB,QAAQ;IACpC,OAAO,qBAAqB,QAAQ;IACpC,IAAI,qBAAqB,KAAK;IAC9B,IAAI,qBAAqB,KAAK;IAC9B,IAAI,qBAAqB,KAAK;IAC/B;IACA;;yBAKO,2BAAQ,CAAC,MAAM,QAAA,MAAK,gFACrB,wBAAA,MAAwB,MAAM,GAAE,sBA+B1B;;IA9BV,OAAO,QAAA;;OACKA,KAAAA;IAAM,GAAK,wBAAA,MAAwB,MAAM;IAAS,CAAA,EAAA;oCAenD,CAZL,QAAA,MAAM,oFACP,wBAAA,MAAwB,MAAM,GAAE,sBAW1B;;KAVV,MAAM,QAAA,MAAM;OACL,wBAAA,MAAwB,MAAM,UAAS,EAAA;qCAGhB,wDAK7B,cAAA,0BALa,QAAA,MAAM,KAAK,OAAlB,QAAG;wDAKT,iCAAA;OAJA,KAAK,IAAI;OACJ;OACL,yBAAyB,wBAAA;OACzB,YAAY,QAAA;;;;;;;;gJAIT,wBAAA,MAAwB,MAAM,GAAE,sBAW1B,EAVV,MAAM,QAAA,MAAM,QACL,wBAAA,MAAwB,MAAM,UAAS,EAAA;qCAGhB,wDAK7B,cAAA,0BALa,QAAA,MAAM,KAAK,OAAlB,QAAG;wDAKT,iCAAA;OAJA,KAAK,IAAI;OACJ;OACL,yBAAyB,wBAAA;OACzB,YAAY,QAAA;;;;;;;;;;wBAIM,QAAA,wFAAe,QAAA,SAAQ,8CAAA,EAAA,KAAA,GAAA,EAAUA,KAAAA,OAAM,CAAA,EAAA,MAAA,GAAA"}

package/dist/PrismicTable/PrismicTable.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,101 @@
+import { isComponent } from "../types.js";
+import { usePrismic } from "../createPrismic.js";
+import { defaultTableComponents } from "./PrismicTableDefaultComponents.js";
+import PrismicTableRow_default from "./PrismicTableRow.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, defineComponent, mergeProps, normalizeProps, openBlock, renderList, resolveDynamicComponent, unref, withCtx } from "vue";
+import { isFilled } from "@prismicio/client";
+
+//#region src/PrismicTable/PrismicTable.vue?vue&type=script&setup=true&lang.ts
+var PrismicTable_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	name: "PrismicTable",
+	__name: "PrismicTable",
+	props: {
+		field: {
+			type: null,
+			required: true
+		},
+		components: {
+			type: Object,
+			required: false
+		},
+		fallback: {
+			type: null,
+			required: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const { components: { richTextComponents } } = usePrismic();
+		const resolvedComponents = computed(() => {
+			return {
+				...richTextComponents,
+				...props.components
+			};
+		});
+		function getInternalComponent(type) {
+			const maybeComponentOrShorthand = resolvedComponents.value?.[type];
+			if (isComponent(maybeComponentOrShorthand)) return { is: maybeComponentOrShorthand };
+			return {
+				is: defaultTableComponents[type],
+				shorthand: maybeComponentOrShorthand
+			};
+		}
+		const internalTableComponents = computed(() => {
+			return {
+				table: getInternalComponent("table"),
+				thead: getInternalComponent("thead"),
+				tbody: getInternalComponent("tbody"),
+				tr: getInternalComponent("tr"),
+				th: getInternalComponent("th"),
+				td: getInternalComponent("td")
+			};
+		});
+		return (_ctx, _cache) => {
+			return unref(isFilled).table(__props.field) ? (openBlock(), createBlock(resolveDynamicComponent(internalTableComponents.value.table.is), mergeProps({
+				key: 0,
+				table: __props.field
+			}, {
+				..._ctx.$attrs,
+				...internalTableComponents.value.table.shorthand
+			}), {
+				default: withCtx(() => [__props.field.head ? (openBlock(), createBlock(resolveDynamicComponent(internalTableComponents.value.thead.is), mergeProps({
+					key: 0,
+					head: __props.field.head
+				}, internalTableComponents.value.thead.shorthand), {
+					default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.field.head.rows, (row) => {
+						return openBlock(), createBlock(PrismicTableRow_default, {
+							key: row.key,
+							row,
+							internalTableComponents: internalTableComponents.value,
+							components: __props.components
+						}, null, 8, [
+							"row",
+							"internalTableComponents",
+							"components"
+						]);
+					}), 128))]),
+					_: 1
+				}, 16, ["head"])) : createCommentVNode("v-if", true), (openBlock(), createBlock(resolveDynamicComponent(internalTableComponents.value.tbody.is), mergeProps({ body: __props.field.body }, internalTableComponents.value.tbody.shorthand), {
+					default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.field.body.rows, (row) => {
+						return openBlock(), createBlock(PrismicTableRow_default, {
+							key: row.key,
+							row,
+							internalTableComponents: internalTableComponents.value,
+							components: __props.components
+						}, null, 8, [
+							"row",
+							"internalTableComponents",
+							"components"
+						]);
+					}), 128))]),
+					_: 1
+				}, 16, ["body"]))]),
+				_: 1
+			}, 16, ["table"])) : __props.fallback ? (openBlock(), createBlock(resolveDynamicComponent(__props.fallback), normalizeProps(mergeProps({ key: 1 }, _ctx.$attrs)), null, 16)) : createCommentVNode("v-if", true);
+		};
+	}
+});
+
+//#endregion
+export { PrismicTable_vue_vue_type_script_setup_true_lang_default as default };
+//# sourceMappingURL=PrismicTable.vue_vue_type_script_setup_true_lang.js.map

package/dist/PrismicTable/PrismicTable.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrismicTable.vue_vue_type_script_setup_true_lang.js","names":["$attrs"],"sources":["../../src/PrismicTable/PrismicTable.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { type TableField, isFilled } from \"@prismicio/client\"\nimport { computed } from \"vue\"\n\nimport type { ComponentOrTagName, ComponentShorthand } from \"../types\"\nimport { isComponent } from \"../types\"\nimport type { InternalTableComponents, TableComponents } from \"./types\"\n\nimport type { RichTextComponents } from \"../PrismicRichText\"\nimport { usePrismic } from \"../createPrismic\"\n\nimport { defaultTableComponents } from \"./PrismicTableDefaultComponents\"\nimport PrismicTableRow from \"./PrismicTableRow.vue\"\n\n/** Props for `<PrismicTable />`. */\nexport type PrismicTableProps = {\n\t/** The Prismic table field to render. */\n\tfield: TableField | undefined\n\n\t/**\n\t * An object that maps a table block type to a Vue component or a shorthand\n\t * definition.\n\t *\n\t * @example\n\t *\n\t * ```javascript\n\t * {\n\t *   table: Table,\n\t *   thead: { class: 'bg-black text-white' },\n\t *   th: { as: 'td', class: 'font-bold' },\n\t * }\n\t * ```\n\t */\n\tcomponents?: TableComponents & RichTextComponents\n\n\t/**\n\t * The value to be rendered when the field is empty. If a fallback is not\n\t * given, `null` (nothing) will be rendered.\n\t */\n\tfallback?: ComponentOrTagName\n}\n\nconst props = defineProps<PrismicTableProps>()\ndefineOptions({ name: \"PrismicTable\" })\n\nconst { components: { richTextComponents } } = usePrismic()\n\nconst resolvedComponents = computed<TableComponents & RichTextComponents>(\n\t() => {\n\t\treturn { ...richTextComponents, ...props.components }\n\t},\n)\n\nfunction getInternalComponent(type: keyof TableComponents) {\n\tconst maybeComponentOrShorthand = resolvedComponents.value?.[type]\n\n\tif (isComponent(maybeComponentOrShorthand)) {\n\t\treturn { is: maybeComponentOrShorthand }\n\t}\n\n\treturn {\n\t\tis: defaultTableComponents[type],\n\t\tshorthand: maybeComponentOrShorthand as ComponentShorthand,\n\t}\n}\n\nconst internalTableComponents = computed<InternalTableComponents>(() => {\n\treturn {\n\t\ttable: getInternalComponent(\"table\"),\n\t\tthead: getInternalComponent(\"thead\"),\n\t\ttbody: getInternalComponent(\"tbody\"),\n\t\ttr: getInternalComponent(\"tr\"),\n\t\tth: getInternalComponent(\"th\"),\n\t\ttd: getInternalComponent(\"td\"),\n\t}\n})\n</script>\n\n<template>\n\t<component\n\t\tv-if=\"isFilled.table(field)\"\n\t\t:is=\"internalTableComponents.table.is\"\n\t\t:table=\"field\"\n\t\tv-bind=\"{ ...$attrs, ...internalTableComponents.table.shorthand }\"\n\t>\n\t\t<component\n\t\t\tv-if=\"field.head\"\n\t\t\t:is=\"internalTableComponents.thead.is\"\n\t\t\t:head=\"field.head\"\n\t\t\tv-bind=\"internalTableComponents.thead.shorthand\"\n\t\t>\n\t\t\t<PrismicTableRow\n\t\t\t\tv-for=\"row in field.head.rows\"\n\t\t\t\t:key=\"row.key\"\n\t\t\t\t:row=\"row\"\n\t\t\t\t:internalTableComponents=\"internalTableComponents\"\n\t\t\t\t:components=\"components\"\n\t\t\t/>\n\t\t</component>\n\t\t<component\n\t\t\t:is=\"internalTableComponents.tbody.is\"\n\t\t\t:body=\"field.body\"\n\t\t\tv-bind=\"internalTableComponents.tbody.shorthand\"\n\t\t>\n\t\t\t<PrismicTableRow\n\t\t\t\tv-for=\"row in field.body.rows\"\n\t\t\t\t:key=\"row.key\"\n\t\t\t\t:row=\"row\"\n\t\t\t\t:internalTableComponents=\"internalTableComponents\"\n\t\t\t\t:components=\"components\"\n\t\t\t/>\n\t\t</component>\n\t</component>\n\t<component v-else-if=\"fallback\" :is=\"fallback\" v-bind=\"$attrs\" />\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;EA0CA,MAAM,QAAQ;EAGd,MAAM,EAAE,YAAY,EAAE,yBAAyB,YAAW;EAE1D,MAAM,qBAAqB,eACpB;AACL,UAAO;IAAE,GAAG;IAAoB,GAAG,MAAM;IAAW;IAEtD;EAEA,SAAS,qBAAqB,MAA6B;GAC1D,MAAM,4BAA4B,mBAAmB,QAAQ;AAE7D,OAAI,YAAY,0BAA0B,CACzC,QAAO,EAAE,IAAI,2BAA0B;AAGxC,UAAO;IACN,IAAI,uBAAuB;IAC3B,WAAW;IACZ;;EAGD,MAAM,0BAA0B,eAAwC;AACvE,UAAO;IACN,OAAO,qBAAqB,QAAQ;IACpC,OAAO,qBAAqB,QAAQ;IACpC,OAAO,qBAAqB,QAAQ;IACpC,IAAI,qBAAqB,KAAK;IAC9B,IAAI,qBAAqB,KAAK;IAC9B,IAAI,qBAAqB,KAAK;IAC/B;IACA;;UAKO,MAAA,SAAQ,CAAC,MAAM,QAAA,MAAK,iBAD3B,YAiCY,wBA/BN,wBAAA,MAAwB,MAAM,GAAE,EAFtC,WAiCY;;IA9BV,OAAO,QAAA;;OACKA,KAAAA;IAAM,GAAK,wBAAA,MAAwB,MAAM;IAAS,CAAA,EAAA;2BAenD,CAZL,QAAA,MAAM,qBADb,YAaY,wBAXN,wBAAA,MAAwB,MAAM,GAAE,EAFtC,WAaY;;KAVV,MAAM,QAAA,MAAM;OACL,wBAAA,MAAwB,MAAM,UAAS,EAAA;4BAGhB,mBAD/B,mBAME,UAAA,MAAA,WALa,QAAA,MAAM,KAAK,OAAlB,QAAG;0BADX,YAME,yBAAA;OAJA,KAAK,IAAI;OACJ;OACL,yBAAyB,wBAAA;OACzB,YAAY,QAAA;;;;;;;;wEAGf,YAYY,wBAXN,wBAAA,MAAwB,MAAM,GAAE,EADtC,WAYY,EAVV,MAAM,QAAA,MAAM,QACL,wBAAA,MAAwB,MAAM,UAAS,EAAA;4BAGhB,mBAD/B,mBAME,UAAA,MAAA,WALa,QAAA,MAAM,KAAK,OAAlB,QAAG;0BADX,YAME,yBAAA;OAJA,KAAK,IAAI;OACJ;OACL,yBAAyB,wBAAA;OACzB,YAAY,QAAA;;;;;;;;;;wBAIM,QAAA,yBAAtB,YAAiE,wBAA5B,QAAA,SAAQ,EAAA,eAAA,WAAA,EAAA,KAAA,GAAA,EAAUA,KAAAA,OAAM,CAAA,EAAA,MAAA,GAAA"}