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

package/dist/PrismicLink.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,79 @@
+import { usePrismic } from "./createPrismic.js";
+import { isInternalURL } from "./lib/isInternalURL.js";
+import { computed, createBlock, createTextVNode, defineComponent, guardReactiveProps, normalizeProps, openBlock, renderSlot, resolveDynamicComponent, toDisplayString, withCtx } from "vue";
+import { asLinkAttrs } from "@prismicio/client";
+
+//#region src/PrismicLink.vue?vue&type=script&setup=true&lang.ts
+/** The default component rendered for internal URLs. */
+const defaultInternalComponent = "router-link";
+/** The default component rendered for external URLs. */
+const defaultExternalComponent = "a";
+/** The default rel attribute rendered for external URLs. */
+const defaultExternalRelAttribute = "noreferrer";
+var PrismicLink_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	name: "PrismicLink",
+	__name: "PrismicLink",
+	props: {
+		linkResolver: {
+			type: Function,
+			required: false
+		},
+		rel: {
+			type: [String, Function],
+			required: false
+		},
+		internalComponent: {
+			type: null,
+			required: false
+		},
+		externalComponent: {
+			type: null,
+			required: false
+		},
+		field: {
+			type: null,
+			required: false
+		},
+		document: {
+			type: null,
+			required: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const { linkResolver, components } = usePrismic();
+		const rawAttrs = computed(() => {
+			return asLinkAttrs(props.field || props.document, {
+				linkResolver: props.linkResolver || linkResolver,
+				rel(args) {
+					if (props.rel) return typeof props.rel === "function" ? props.rel(args) : props.rel;
+					return args.isExternal ? defaultExternalRelAttribute : void 0;
+				}
+			});
+		});
+		const component = computed(() => {
+			return isInternalURL(rawAttrs.value.href || "") ? props.internalComponent || components?.linkInternalComponent || defaultInternalComponent : props.externalComponent || components?.linkExternalComponent || defaultExternalComponent;
+		});
+		const attrs = computed(() => {
+			return component.value === "a" ? {
+				href: rawAttrs.value.href,
+				target: rawAttrs.value.target,
+				rel: rawAttrs.value.rel
+			} : {
+				to: rawAttrs.value.href,
+				target: rawAttrs.value.target,
+				rel: rawAttrs.value.rel
+			};
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(resolveDynamicComponent(component.value), normalizeProps(guardReactiveProps(attrs.value)), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(props.field && "text" in props.field ? props.field.text : void 0), 1)])]),
+				_: 3
+			}, 16);
+		};
+	}
+});
+
+//#endregion
+export { PrismicLink_vue_vue_type_script_setup_true_lang_default as default };
+//# sourceMappingURL=PrismicLink.vue_vue_type_script_setup_true_lang.js.map

package/dist/PrismicLink.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrismicLink.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../src/PrismicLink.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { AsLinkAttrsConfig } from \"@prismicio/client\"\nimport {\n\ttype LinkField,\n\ttype LinkResolverFunction,\n\ttype PrismicDocument,\n\tasLinkAttrs,\n} from \"@prismicio/client\"\nimport { computed } from \"vue\"\n\nimport { isInternalURL } from \"./lib/isInternalURL\"\n\nimport type { ComponentOrTagName } from \"./types\"\n\nimport { usePrismic } from \"./createPrismic\"\n\n/** The default component rendered for internal URLs. */\nconst defaultInternalComponent = \"router-link\"\n\n/** The default component rendered for external URLs. */\nconst defaultExternalComponent = \"a\"\n\n/** The default rel attribute rendered for external URLs. */\nconst defaultExternalRelAttribute = \"noreferrer\"\n\n/** Props for `<PrismicLink />`. */\nexport type PrismicLinkProps = {\n\t/**\n\t * The link resolver used to resolve links.\n\t *\n\t * @remarks\n\t * If your app uses route resolvers when querying for your Prismic\n\t * repository's content, a link resolver does not need to be provided.\n\t *\n\t * @see {@link https://prismic.io/docs/routes}\n\t */\n\tlinkResolver?: LinkResolverFunction\n\n\t/**\n\t * The `rel` attribute for the link. By default, `\"noreferrer\"` is provided if\n\t * the link's URL is external. This prop can be provided a function to use the\n\t * link's metadata to determine the `rel` value.\n\t */\n\trel?: string | AsLinkAttrsConfig[\"rel\"]\n\n\t/**\n\t * The component rendered for internal URLs.\n\t *\n\t * If your app uses a client-side router that requires a special Link\n\t * component, provide the Link component to this prop.\n\t *\n\t * @defaultValue `<RouterLink>`\n\t */\n\tinternalComponent?: ComponentOrTagName\n\n\t/**\n\t * The component rendered for external URLs.\n\t *\n\t * @defaultValue `<a>`\n\t */\n\texternalComponent?: ComponentOrTagName\n} & (\n\t| {\n\t\t\t/** The Prismic link field to render. */\n\t\t\tfield: LinkField\n\t\t\tdocument?: never\n\t  }\n\t| {\n\t\t\t/** The Prismic document to render as a link. */\n\t\t\tdocument: PrismicDocument\n\t\t\tfield?: never\n\t  }\n)\n\nconst props = defineProps<PrismicLinkProps>()\ndefineOptions({ name: \"PrismicLink\" })\n\nconst { linkResolver, components } = usePrismic()\n\nconst rawAttrs = computed(() => {\n\treturn asLinkAttrs(props.field || props.document, {\n\t\tlinkResolver: props.linkResolver || linkResolver,\n\t\trel(args) {\n\t\t\tif (props.rel) {\n\t\t\t\treturn typeof props.rel === \"function\" ? props.rel(args) : props.rel\n\t\t\t}\n\n\t\t\treturn args.isExternal ? defaultExternalRelAttribute : undefined\n\t\t},\n\t})\n})\n\nconst component = computed(() => {\n\treturn isInternalURL(rawAttrs.value.href || \"\")\n\t\t? props.internalComponent ||\n\t\t\t\tcomponents?.linkInternalComponent ||\n\t\t\t\tdefaultInternalComponent\n\t\t: props.externalComponent ||\n\t\t\t\tcomponents?.linkExternalComponent ||\n\t\t\t\tdefaultExternalComponent\n})\n\n// Match Vue Router's `<RouterLink />` interface unless the component is an anchor tag.\nconst attrs = computed(() => {\n\treturn component.value === \"a\"\n\t\t? {\n\t\t\t\thref: rawAttrs.value.href,\n\t\t\t\ttarget: rawAttrs.value.target,\n\t\t\t\trel: rawAttrs.value.rel,\n\t\t\t}\n\t\t: {\n\t\t\t\tto: rawAttrs.value.href,\n\t\t\t\ttarget: rawAttrs.value.target,\n\t\t\t\trel: rawAttrs.value.rel,\n\t\t\t}\n})\n</script>\n\n<template>\n\t<component :is=\"component\" v-bind=\"attrs\">\n\t\t<slot>\n\t\t\t{{ props.field && \"text\" in props.field ? props.field.text : undefined }}\n\t\t</slot>\n\t</component>\n</template>\n"],"mappings":";;;;;;;AAiBA,MAAM,2BAA2B;;AAGjC,MAAM,2BAA2B;;AAGjC,MAAM,8BAA8B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmDpC,MAAM,QAAQ;EAGd,MAAM,EAAE,cAAc,eAAe,YAAW;EAEhD,MAAM,WAAW,eAAe;AAC/B,UAAO,YAAY,MAAM,SAAS,MAAM,UAAU;IACjD,cAAc,MAAM,gBAAgB;IACpC,IAAI,MAAM;AACT,SAAI,MAAM,IACT,QAAO,OAAO,MAAM,QAAQ,aAAa,MAAM,IAAI,KAAK,GAAG,MAAM;AAGlE,YAAO,KAAK,aAAa,8BAA8B;;IAExD,CAAA;IACD;EAED,MAAM,YAAY,eAAe;AAChC,UAAO,cAAc,SAAS,MAAM,QAAQ,GAAE,GAC3C,MAAM,qBACN,YAAY,yBACZ,2BACA,MAAM,qBACN,YAAY,yBACZ;IACH;EAGD,MAAM,QAAQ,eAAe;AAC5B,UAAO,UAAU,UAAU,MACxB;IACA,MAAM,SAAS,MAAM;IACrB,QAAQ,SAAS,MAAM;IACvB,KAAK,SAAS,MAAM;IACrB,GACC;IACA,IAAI,SAAS,MAAM;IACnB,QAAQ,SAAS,MAAM;IACvB,KAAK,SAAS,MAAM;IACrB;IACF;;uBAIA,YAIY,wBAJI,UAAA,MAAS,EAAA,eAAA,mBAAU,MAAA,MAAK,CAAA,EAAA;2BAGhC,CAFP,WAEO,KAAA,QAAA,WAAA,EAAA,QAAA,iCADH,MAAM,SAAK,UAAc,MAAM,QAAQ,MAAM,MAAM,OAAO,OAAS,EAAA,EAAA"}

package/dist/PrismicRichText/PrismicRichText.cjs

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

package/dist/PrismicRichText/PrismicRichText.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrismicRichText.cjs","names":[],"sources":["../../src/PrismicRichText/PrismicRichText.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type {\n\tLinkResolverFunction,\n\tRichTextField,\n\tRichTextNodeType,\n} from \"@prismicio/client\"\nimport { asTree } from \"@prismicio/client/richtext\"\nimport type { PropType } from \"vue\"\nimport { computed } from \"vue\"\n\nimport type { ComponentOrTagName, ComponentShorthand } from \"../types\"\nimport { isComponent } from \"../types\"\nimport type {\n\tInternalRichTextComponents,\n\tRichTextComponent,\n\tRichTextComponents,\n} from \"./types\"\n\nimport { usePrismic } from \"../createPrismic\"\n\nimport PrismicRichTextDefaultComponent from \"./PrismicRichTextDefaultComponent.vue\"\nimport PrismicRichTextSerialize from \"./PrismicRichTextSerialize.vue\"\n\n/** Props for `<PrismicRichText />`. */\nexport type PrismicRichTextProps = {\n\t/** The Prismic rich text field to render. */\n\tfield: RichTextField | null | undefined\n\n\t/**\n\t * The link resolver used to resolve links.\n\t *\n\t * @remarks\n\t * If your app uses route resolvers when querying for your Prismic\n\t * repository's content, a link resolver does not need to be provided.\n\t *\n\t * @see Learn about link resolvers and route resolvers {@link https://prismic.io/docs/routes}\n\t */\n\tlinkResolver?: LinkResolverFunction\n\n\t/**\n\t * An object that maps a rich text block type to a Vue component or a\n\t * shorthand definition.\n\t *\n\t * @example\n\t *\n\t * ```javascript\n\t * {\n\t *   heading1: Heading1,\n\t *   paragraph: { class: 'prose'},\n\t *   strong: { as: 'em', class: 'font-bold' },\n\t * }\n\t * ```\n\t */\n\tcomponents?: 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` will be rendered.\n\t */\n\tfallback?: ComponentOrTagName\n}\n\n// We're forced to declare props using the JavaScript syntax because `@vue/compiler-sfc`\n// has limitations for inferring types from complex objects.\nconst props = defineProps({\n\tfield: {\n\t\ttype: Array as unknown as PropType<PrismicRichTextProps[\"field\"]>,\n\t},\n\tlinkResolver: {\n\t\ttype: Function as PropType<PrismicRichTextProps[\"linkResolver\"]>,\n\t},\n\tcomponents: {\n\t\ttype: Object as PropType<PrismicRichTextProps[\"components\"]>,\n\t},\n\tfallback: {\n\t\ttype: [String, Object, Function] as PropType<\n\t\t\tPrismicRichTextProps[\"fallback\"]\n\t\t>,\n\t},\n})\ndefineOptions({ name: \"PrismicRichText\" })\n\nconst { components: { richTextComponents } } = usePrismic()\n\nconst resolvedComponents = computed<RichTextComponents>(() => {\n\treturn { ...richTextComponents, ...props.components }\n})\n\nconst children = computed(() => {\n\treturn asTree(props.field || []).children\n})\n\nfunction getInternalComponent(type: keyof typeof RichTextNodeType) {\n\tconst maybeComponentOrShorthand = resolvedComponents.value?.[type] as\n\t\t| RichTextComponent\n\t\t| ComponentShorthand\n\t\t| undefined\n\n\tif (isComponent(maybeComponentOrShorthand)) {\n\t\treturn { is: maybeComponentOrShorthand }\n\t}\n\n\treturn {\n\t\tis: PrismicRichTextDefaultComponent,\n\t\tlinkResolver: props.linkResolver,\n\t\tshorthand: maybeComponentOrShorthand,\n\t}\n}\n\nconst internalComponents = computed<InternalRichTextComponents>(() => {\n\treturn {\n\t\theading1: getInternalComponent(\"heading1\"),\n\t\theading2: getInternalComponent(\"heading2\"),\n\t\theading3: getInternalComponent(\"heading3\"),\n\t\theading4: getInternalComponent(\"heading4\"),\n\t\theading5: getInternalComponent(\"heading5\"),\n\t\theading6: getInternalComponent(\"heading6\"),\n\t\tparagraph: getInternalComponent(\"paragraph\"),\n\t\tpreformatted: getInternalComponent(\"preformatted\"),\n\t\tstrong: getInternalComponent(\"strong\"),\n\t\tem: getInternalComponent(\"em\"),\n\t\t\"list-item\": getInternalComponent(\"listItem\"),\n\t\t\"o-list-item\": getInternalComponent(\"oListItem\"),\n\t\t\"group-list-item\": getInternalComponent(\"list\"),\n\t\t\"group-o-list-item\": getInternalComponent(\"oList\"),\n\t\timage: getInternalComponent(\"image\"),\n\t\tembed: getInternalComponent(\"embed\"),\n\t\thyperlink: getInternalComponent(\"hyperlink\"),\n\t\tlabel: getInternalComponent(\"label\"),\n\t\tspan: getInternalComponent(\"span\"),\n\t}\n})\n</script>\n\n<template>\n\t<PrismicRichTextSerialize\n\t\tv-if=\"children.length\"\n\t\t:children=\"children\"\n\t\t:internal-components=\"internalComponents\"\n\t/>\n\t<component v-else-if=\"fallback\" :is=\"fallback\" />\n</template>\n"],"mappings":""}

package/dist/PrismicRichText/PrismicRichText.js

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

package/dist/PrismicRichText/PrismicRichText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrismicRichText.js","names":[],"sources":["../../src/PrismicRichText/PrismicRichText.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type {\n\tLinkResolverFunction,\n\tRichTextField,\n\tRichTextNodeType,\n} from \"@prismicio/client\"\nimport { asTree } from \"@prismicio/client/richtext\"\nimport type { PropType } from \"vue\"\nimport { computed } from \"vue\"\n\nimport type { ComponentOrTagName, ComponentShorthand } from \"../types\"\nimport { isComponent } from \"../types\"\nimport type {\n\tInternalRichTextComponents,\n\tRichTextComponent,\n\tRichTextComponents,\n} from \"./types\"\n\nimport { usePrismic } from \"../createPrismic\"\n\nimport PrismicRichTextDefaultComponent from \"./PrismicRichTextDefaultComponent.vue\"\nimport PrismicRichTextSerialize from \"./PrismicRichTextSerialize.vue\"\n\n/** Props for `<PrismicRichText />`. */\nexport type PrismicRichTextProps = {\n\t/** The Prismic rich text field to render. */\n\tfield: RichTextField | null | undefined\n\n\t/**\n\t * The link resolver used to resolve links.\n\t *\n\t * @remarks\n\t * If your app uses route resolvers when querying for your Prismic\n\t * repository's content, a link resolver does not need to be provided.\n\t *\n\t * @see Learn about link resolvers and route resolvers {@link https://prismic.io/docs/routes}\n\t */\n\tlinkResolver?: LinkResolverFunction\n\n\t/**\n\t * An object that maps a rich text block type to a Vue component or a\n\t * shorthand definition.\n\t *\n\t * @example\n\t *\n\t * ```javascript\n\t * {\n\t *   heading1: Heading1,\n\t *   paragraph: { class: 'prose'},\n\t *   strong: { as: 'em', class: 'font-bold' },\n\t * }\n\t * ```\n\t */\n\tcomponents?: 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` will be rendered.\n\t */\n\tfallback?: ComponentOrTagName\n}\n\n// We're forced to declare props using the JavaScript syntax because `@vue/compiler-sfc`\n// has limitations for inferring types from complex objects.\nconst props = defineProps({\n\tfield: {\n\t\ttype: Array as unknown as PropType<PrismicRichTextProps[\"field\"]>,\n\t},\n\tlinkResolver: {\n\t\ttype: Function as PropType<PrismicRichTextProps[\"linkResolver\"]>,\n\t},\n\tcomponents: {\n\t\ttype: Object as PropType<PrismicRichTextProps[\"components\"]>,\n\t},\n\tfallback: {\n\t\ttype: [String, Object, Function] as PropType<\n\t\t\tPrismicRichTextProps[\"fallback\"]\n\t\t>,\n\t},\n})\ndefineOptions({ name: \"PrismicRichText\" })\n\nconst { components: { richTextComponents } } = usePrismic()\n\nconst resolvedComponents = computed<RichTextComponents>(() => {\n\treturn { ...richTextComponents, ...props.components }\n})\n\nconst children = computed(() => {\n\treturn asTree(props.field || []).children\n})\n\nfunction getInternalComponent(type: keyof typeof RichTextNodeType) {\n\tconst maybeComponentOrShorthand = resolvedComponents.value?.[type] as\n\t\t| RichTextComponent\n\t\t| ComponentShorthand\n\t\t| undefined\n\n\tif (isComponent(maybeComponentOrShorthand)) {\n\t\treturn { is: maybeComponentOrShorthand }\n\t}\n\n\treturn {\n\t\tis: PrismicRichTextDefaultComponent,\n\t\tlinkResolver: props.linkResolver,\n\t\tshorthand: maybeComponentOrShorthand,\n\t}\n}\n\nconst internalComponents = computed<InternalRichTextComponents>(() => {\n\treturn {\n\t\theading1: getInternalComponent(\"heading1\"),\n\t\theading2: getInternalComponent(\"heading2\"),\n\t\theading3: getInternalComponent(\"heading3\"),\n\t\theading4: getInternalComponent(\"heading4\"),\n\t\theading5: getInternalComponent(\"heading5\"),\n\t\theading6: getInternalComponent(\"heading6\"),\n\t\tparagraph: getInternalComponent(\"paragraph\"),\n\t\tpreformatted: getInternalComponent(\"preformatted\"),\n\t\tstrong: getInternalComponent(\"strong\"),\n\t\tem: getInternalComponent(\"em\"),\n\t\t\"list-item\": getInternalComponent(\"listItem\"),\n\t\t\"o-list-item\": getInternalComponent(\"oListItem\"),\n\t\t\"group-list-item\": getInternalComponent(\"list\"),\n\t\t\"group-o-list-item\": getInternalComponent(\"oList\"),\n\t\timage: getInternalComponent(\"image\"),\n\t\tembed: getInternalComponent(\"embed\"),\n\t\thyperlink: getInternalComponent(\"hyperlink\"),\n\t\tlabel: getInternalComponent(\"label\"),\n\t\tspan: getInternalComponent(\"span\"),\n\t}\n})\n</script>\n\n<template>\n\t<PrismicRichTextSerialize\n\t\tv-if=\"children.length\"\n\t\t:children=\"children\"\n\t\t:internal-components=\"internalComponents\"\n\t/>\n\t<component v-else-if=\"fallback\" :is=\"fallback\" />\n</template>\n"],"mappings":""}

package/dist/PrismicRichText/PrismicRichText.vue.d.cts

@@ -0,0 +1,73 @@
+import { ComponentOrTagName } from "../types.cjs";
+import { RichTextComponents } from "./types.cjs";
+import * as vue0 from "vue";
+import { PropType } from "vue";
+import { LinkResolverFunction, RichTextField } from "@prismicio/client";
+
+//#region src/PrismicRichText/PrismicRichText.vue.d.ts
+/** Props for `<PrismicRichText />`. */
+type PrismicRichTextProps = {
+  /** The Prismic rich text field to render. */
+  field: RichTextField | null | undefined;
+  /**
+   * The link resolver used to resolve links.
+   *
+   * @remarks
+   * If your app uses route resolvers when querying for your Prismic
+   * repository's content, a link resolver does not need to be provided.
+   *
+   * @see Learn about link resolvers and route resolvers {@link https://prismic.io/docs/routes}
+   */
+  linkResolver?: LinkResolverFunction;
+  /**
+   * An object that maps a rich text block type to a Vue component or a
+   * shorthand definition.
+   *
+   * @example
+   *
+   * ```javascript
+   * {
+   *   heading1: Heading1,
+   *   paragraph: { class: 'prose'},
+   *   strong: { as: 'em', class: 'font-bold' },
+   * }
+   * ```
+   */
+  components?: RichTextComponents;
+  /**
+   * The value to be rendered when the field is empty. If a fallback is not
+   * given, `null` will be rendered.
+   */
+  fallback?: ComponentOrTagName;
+};
+declare const __VLS_export: vue0.DefineComponent<vue0.ExtractPropTypes<{
+  field: {
+    type: PropType<PrismicRichTextProps["field"]>;
+  };
+  linkResolver: {
+    type: PropType<PrismicRichTextProps["linkResolver"]>;
+  };
+  components: {
+    type: PropType<PrismicRichTextProps["components"]>;
+  };
+  fallback: {
+    type: PropType<PrismicRichTextProps["fallback"]>;
+  };
+}>, {}, {}, {}, {}, vue0.ComponentOptionsMixin, vue0.ComponentOptionsMixin, {}, string, vue0.PublicProps, Readonly<vue0.ExtractPropTypes<{
+  field: {
+    type: PropType<PrismicRichTextProps["field"]>;
+  };
+  linkResolver: {
+    type: PropType<PrismicRichTextProps["linkResolver"]>;
+  };
+  components: {
+    type: PropType<PrismicRichTextProps["components"]>;
+  };
+  fallback: {
+    type: PropType<PrismicRichTextProps["fallback"]>;
+  };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, vue0.ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+//#endregion
+export { PrismicRichTextProps, _default };
+//# sourceMappingURL=PrismicRichText.vue.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PrismicRichText.vue.d.cts","names":[],"sources":["../../src/PrismicRichText/PrismicRichText.vue"],"sourcesContent":[],"mappings":";;;;;;;;KAwKY,oBAAA;;EAAA,KAAA,EAEJ,aAFI,GAAoB,IAAA,GAAA,SAAA;EAExB;;;;;AAkCP;;;;EA6HmB,YAAA,CAAA,EApJJ,oBAoJI;EAGO;;;;;;;;;;;;;;EAIxB,UAAA,CAAA,EA3IW,kBA2IX;EADmC;;;;aApI1B;;cAwHN,YAAY,OAAA,eAAA,CAY4B,IAAA,CAZ5B,gBAAA,CAAA;EAAA,KAAA,EAAA;UAGU,SAAS;;;UAGjB,SAAS;;;UAGX,SAAS;;;UAGW,SACnC;;oBAbe,IAAA,CAAA,qBAAA,qEAY4B,IAAA,CAAA;;UATlB,SAAS;;;UAGjB,SAAS;;;UAGX,SAAS;;;UAGW,SACnC;;;cAbe,iBAkBU"}

package/dist/PrismicRichText/PrismicRichText.vue.d.ts

@@ -1,96 +1,73 @@
-import { HTMLRichTextFunctionSerializer, HTMLRichTextMapSerializer, LinkResolverFunction, RichTextField } from '@prismicio/client';
-import { PropType } from 'vue';
-import { ComponentOrTagName } from '../types';
-import { VueRichTextSerializer } from './types';
-/**
- * Props for `<PrismicRichText />`.
- */
-export type PrismicRichTextProps = {
-    /**
-     * The Prismic rich text or title field to render.
-     */
-    field: RichTextField | null | 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 rich text block type to a Vue component.
-     *
-     * @example
-     *
-     * ```javascript
-     * {
-     *   heading1: Heading1,
-     * }
-     * ```
-     */
-    components?: VueRichTextSerializer;
-    /**
-     * A link resolver function used to resolve link when not using the route
-     * resolver parameter with `@prismicio/client`.
-     *
-     * @defaultValue The link resolver provided to `@prismicio/vue` plugin if configured.
-     *
-     * @see Link resolver documentation {@link https://prismic.io/docs/core-concepts/link-resolver-route-resolver#link-resolver}
-     */
-    linkResolver?: LinkResolverFunction;
-    /**
-     * An HTML serializer to customize the way rich text fields are rendered.
-     *
-     * @deprecated Use `components` instead.
-     *
-     * @defaultValue The HTML serializer provided to `@prismicio/vue` plugin if configured.
-     *
-     * @see HTML serializer documentation {@link https://prismic.io/docs/core-concepts/html-serializer}
-     */
-    serializer?: HTMLRichTextFunctionSerializer | HTMLRichTextMapSerializer;
-    /**
-     * An HTML tag name or a component used to wrap the output. `<PrismicText />`
-     * is not wrapped by default.
-     *
-     * @defaultValue `"template"` (no wrapper)
-     */
-    wrapper?: ComponentOrTagName;
+import { ComponentOrTagName } from "../types.js";
+import { RichTextComponents } from "./types.js";
+import * as vue24 from "vue";
+import { PropType } from "vue";
+import { LinkResolverFunction, RichTextField } from "@prismicio/client";
+
+//#region src/PrismicRichText/PrismicRichText.vue.d.ts
+/** Props for `<PrismicRichText />`. */
+type PrismicRichTextProps = {
+  /** The Prismic rich text field to render. */
+  field: RichTextField | null | undefined;
+  /**
+   * The link resolver used to resolve links.
+   *
+   * @remarks
+   * If your app uses route resolvers when querying for your Prismic
+   * repository's content, a link resolver does not need to be provided.
+   *
+   * @see Learn about link resolvers and route resolvers {@link https://prismic.io/docs/routes}
+   */
+  linkResolver?: LinkResolverFunction;
+  /**
+   * An object that maps a rich text block type to a Vue component or a
+   * shorthand definition.
+   *
+   * @example
+   *
+   * ```javascript
+   * {
+   *   heading1: Heading1,
+   *   paragraph: { class: 'prose'},
+   *   strong: { as: 'em', class: 'font-bold' },
+   * }
+   * ```
+   */
+  components?: RichTextComponents;
+  /**
+   * The value to be rendered when the field is empty. If a fallback is not
+   * given, `null` will be rendered.
+   */
+  fallback?: ComponentOrTagName;
 };
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    field: {
-        type: PropType<PrismicRichTextProps["field"]>;
-    };
-    fallback: {
-        type: PropType<PrismicRichTextProps["fallback"]>;
-    };
-    components: {
-        type: PropType<PrismicRichTextProps["components"]>;
-    };
-    linkResolver: {
-        type: PropType<PrismicRichTextProps["linkResolver"]>;
-    };
-    serializer: {
-        type: PropType<PrismicRichTextProps["serializer"]>;
-    };
-    wrapper: {
-        type: PropType<PrismicRichTextProps["wrapper"]>;
-    };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    field: {
-        type: PropType<PrismicRichTextProps["field"]>;
-    };
-    fallback: {
-        type: PropType<PrismicRichTextProps["fallback"]>;
-    };
-    components: {
-        type: PropType<PrismicRichTextProps["components"]>;
-    };
-    linkResolver: {
-        type: PropType<PrismicRichTextProps["linkResolver"]>;
-    };
-    serializer: {
-        type: PropType<PrismicRichTextProps["serializer"]>;
-    };
-    wrapper: {
-        type: PropType<PrismicRichTextProps["wrapper"]>;
-    };
-}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export default _default;
+declare const __VLS_export: vue24.DefineComponent<vue24.ExtractPropTypes<{
+  field: {
+    type: PropType<PrismicRichTextProps["field"]>;
+  };
+  linkResolver: {
+    type: PropType<PrismicRichTextProps["linkResolver"]>;
+  };
+  components: {
+    type: PropType<PrismicRichTextProps["components"]>;
+  };
+  fallback: {
+    type: PropType<PrismicRichTextProps["fallback"]>;
+  };
+}>, {}, {}, {}, {}, vue24.ComponentOptionsMixin, vue24.ComponentOptionsMixin, {}, string, vue24.PublicProps, Readonly<vue24.ExtractPropTypes<{
+  field: {
+    type: PropType<PrismicRichTextProps["field"]>;
+  };
+  linkResolver: {
+    type: PropType<PrismicRichTextProps["linkResolver"]>;
+  };
+  components: {
+    type: PropType<PrismicRichTextProps["components"]>;
+  };
+  fallback: {
+    type: PropType<PrismicRichTextProps["fallback"]>;
+  };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, vue24.ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+//#endregion
+export { PrismicRichTextProps, _default };
+//# sourceMappingURL=PrismicRichText.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PrismicRichText.vue.d.ts","names":[],"sources":["../../src/PrismicRichText/PrismicRichText.vue"],"sourcesContent":[],"mappings":";;;;;;;;KAwKY,oBAAA;;EAAA,KAAA,EAEJ,aAFI,GAAoB,IAAA,GAAA,SAAA;EAExB;;;;;AAkCP;;;;EA6HmB,YAAA,CAAA,EApJJ,oBAoJI;EAGO;;;;;;;;;;;;;;EAIxB,UAAA,CAAA,EA3IW,kBA2IX;EADmC;;;;aApI1B;;cAwHN,YAAY,QAAA,eAAA,CAY4B,KAAA,CAZ5B,gBAAA,CAAA;EAAA,KAAA,EAAA;UAGU,SAAS;;;UAGjB,SAAS;;;UAGX,SAAS;;;UAGW,SACnC;;oBAbe,KAAA,CAAA,qBAAA,uEAY4B,KAAA,CAAA;;UATlB,SAAS;;;UAGjB,SAAS;;;UAGX,SAAS;;;UAGW,SACnC;;;cAbe,iBAkBU"}

package/dist/PrismicRichText/PrismicRichText.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1,78 @@
+const require_types = require('../types.cjs');
+const require_createPrismic = require('../createPrismic.cjs');
+const require_PrismicRichTextDefaultComponent = require('./PrismicRichTextDefaultComponent.cjs');
+const require_PrismicRichTextSerialize = require('./PrismicRichTextSerialize.cjs');
+let vue = require("vue");
+let _prismicio_client_richtext = require("@prismicio/client/richtext");
+
+//#region src/PrismicRichText/PrismicRichText.vue?vue&type=script&setup=true&lang.ts
+var PrismicRichText_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	name: "PrismicRichText",
+	__name: "PrismicRichText",
+	props: {
+		field: { type: Array },
+		linkResolver: { type: Function },
+		components: { type: Object },
+		fallback: { type: [
+			String,
+			Object,
+			Function
+		] }
+	},
+	setup(__props) {
+		const props = __props;
+		const { components: { richTextComponents } } = require_createPrismic.usePrismic();
+		const resolvedComponents = (0, vue.computed)(() => {
+			return {
+				...richTextComponents,
+				...props.components
+			};
+		});
+		const children = (0, vue.computed)(() => {
+			return (0, _prismicio_client_richtext.asTree)(props.field || []).children;
+		});
+		function getInternalComponent(type) {
+			const maybeComponentOrShorthand = resolvedComponents.value?.[type];
+			if (require_types.isComponent(maybeComponentOrShorthand)) return { is: maybeComponentOrShorthand };
+			return {
+				is: require_PrismicRichTextDefaultComponent.default,
+				linkResolver: props.linkResolver,
+				shorthand: maybeComponentOrShorthand
+			};
+		}
+		const internalComponents = (0, vue.computed)(() => {
+			return {
+				heading1: getInternalComponent("heading1"),
+				heading2: getInternalComponent("heading2"),
+				heading3: getInternalComponent("heading3"),
+				heading4: getInternalComponent("heading4"),
+				heading5: getInternalComponent("heading5"),
+				heading6: getInternalComponent("heading6"),
+				paragraph: getInternalComponent("paragraph"),
+				preformatted: getInternalComponent("preformatted"),
+				strong: getInternalComponent("strong"),
+				em: getInternalComponent("em"),
+				"list-item": getInternalComponent("listItem"),
+				"o-list-item": getInternalComponent("oListItem"),
+				"group-list-item": getInternalComponent("list"),
+				"group-o-list-item": getInternalComponent("oList"),
+				image: getInternalComponent("image"),
+				embed: getInternalComponent("embed"),
+				hyperlink: getInternalComponent("hyperlink"),
+				label: getInternalComponent("label"),
+				span: getInternalComponent("span")
+			};
+		});
+		return (_ctx, _cache) => {
+			return children.value.length ? ((0, vue.openBlock)(), (0, vue.createBlock)(require_PrismicRichTextSerialize.default, {
+				key: 0,
+				children: children.value,
+				"internal-components": internalComponents.value
+			}, null, 8, ["children", "internal-components"])) : __props.fallback ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)(__props.fallback), { key: 1 })) : (0, vue.createCommentVNode)("v-if", true);
+		};
+	}
+});
+
+//#endregion
+exports.default = PrismicRichText_vue_vue_type_script_setup_true_lang_default;
+//# sourceMappingURL=PrismicRichText.vue_vue_type_script_setup_true_lang.cjs.map

package/dist/PrismicRichText/PrismicRichText.vue_vue_type_script_setup_true_lang.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrismicRichText.vue_vue_type_script_setup_true_lang.cjs","names":[],"sources":["../../src/PrismicRichText/PrismicRichText.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type {\n\tLinkResolverFunction,\n\tRichTextField,\n\tRichTextNodeType,\n} from \"@prismicio/client\"\nimport { asTree } from \"@prismicio/client/richtext\"\nimport type { PropType } from \"vue\"\nimport { computed } from \"vue\"\n\nimport type { ComponentOrTagName, ComponentShorthand } from \"../types\"\nimport { isComponent } from \"../types\"\nimport type {\n\tInternalRichTextComponents,\n\tRichTextComponent,\n\tRichTextComponents,\n} from \"./types\"\n\nimport { usePrismic } from \"../createPrismic\"\n\nimport PrismicRichTextDefaultComponent from \"./PrismicRichTextDefaultComponent.vue\"\nimport PrismicRichTextSerialize from \"./PrismicRichTextSerialize.vue\"\n\n/** Props for `<PrismicRichText />`. */\nexport type PrismicRichTextProps = {\n\t/** The Prismic rich text field to render. */\n\tfield: RichTextField | null | undefined\n\n\t/**\n\t * The link resolver used to resolve links.\n\t *\n\t * @remarks\n\t * If your app uses route resolvers when querying for your Prismic\n\t * repository's content, a link resolver does not need to be provided.\n\t *\n\t * @see Learn about link resolvers and route resolvers {@link https://prismic.io/docs/routes}\n\t */\n\tlinkResolver?: LinkResolverFunction\n\n\t/**\n\t * An object that maps a rich text block type to a Vue component or a\n\t * shorthand definition.\n\t *\n\t * @example\n\t *\n\t * ```javascript\n\t * {\n\t *   heading1: Heading1,\n\t *   paragraph: { class: 'prose'},\n\t *   strong: { as: 'em', class: 'font-bold' },\n\t * }\n\t * ```\n\t */\n\tcomponents?: 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` will be rendered.\n\t */\n\tfallback?: ComponentOrTagName\n}\n\n// We're forced to declare props using the JavaScript syntax because `@vue/compiler-sfc`\n// has limitations for inferring types from complex objects.\nconst props = defineProps({\n\tfield: {\n\t\ttype: Array as unknown as PropType<PrismicRichTextProps[\"field\"]>,\n\t},\n\tlinkResolver: {\n\t\ttype: Function as PropType<PrismicRichTextProps[\"linkResolver\"]>,\n\t},\n\tcomponents: {\n\t\ttype: Object as PropType<PrismicRichTextProps[\"components\"]>,\n\t},\n\tfallback: {\n\t\ttype: [String, Object, Function] as PropType<\n\t\t\tPrismicRichTextProps[\"fallback\"]\n\t\t>,\n\t},\n})\ndefineOptions({ name: \"PrismicRichText\" })\n\nconst { components: { richTextComponents } } = usePrismic()\n\nconst resolvedComponents = computed<RichTextComponents>(() => {\n\treturn { ...richTextComponents, ...props.components }\n})\n\nconst children = computed(() => {\n\treturn asTree(props.field || []).children\n})\n\nfunction getInternalComponent(type: keyof typeof RichTextNodeType) {\n\tconst maybeComponentOrShorthand = resolvedComponents.value?.[type] as\n\t\t| RichTextComponent\n\t\t| ComponentShorthand\n\t\t| undefined\n\n\tif (isComponent(maybeComponentOrShorthand)) {\n\t\treturn { is: maybeComponentOrShorthand }\n\t}\n\n\treturn {\n\t\tis: PrismicRichTextDefaultComponent,\n\t\tlinkResolver: props.linkResolver,\n\t\tshorthand: maybeComponentOrShorthand,\n\t}\n}\n\nconst internalComponents = computed<InternalRichTextComponents>(() => {\n\treturn {\n\t\theading1: getInternalComponent(\"heading1\"),\n\t\theading2: getInternalComponent(\"heading2\"),\n\t\theading3: getInternalComponent(\"heading3\"),\n\t\theading4: getInternalComponent(\"heading4\"),\n\t\theading5: getInternalComponent(\"heading5\"),\n\t\theading6: getInternalComponent(\"heading6\"),\n\t\tparagraph: getInternalComponent(\"paragraph\"),\n\t\tpreformatted: getInternalComponent(\"preformatted\"),\n\t\tstrong: getInternalComponent(\"strong\"),\n\t\tem: getInternalComponent(\"em\"),\n\t\t\"list-item\": getInternalComponent(\"listItem\"),\n\t\t\"o-list-item\": getInternalComponent(\"oListItem\"),\n\t\t\"group-list-item\": getInternalComponent(\"list\"),\n\t\t\"group-o-list-item\": getInternalComponent(\"oList\"),\n\t\timage: getInternalComponent(\"image\"),\n\t\tembed: getInternalComponent(\"embed\"),\n\t\thyperlink: getInternalComponent(\"hyperlink\"),\n\t\tlabel: getInternalComponent(\"label\"),\n\t\tspan: getInternalComponent(\"span\"),\n\t}\n})\n</script>\n\n<template>\n\t<PrismicRichTextSerialize\n\t\tv-if=\"children.length\"\n\t\t:children=\"children\"\n\t\t:internal-components=\"internalComponents\"\n\t/>\n\t<component v-else-if=\"fallback\" :is=\"fallback\" />\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;EAgEA,MAAM,QAAQ;EAkBd,MAAM,EAAE,YAAY,EAAE,yBAAyB,kCAAW;EAE1D,MAAM,6CAAwD;AAC7D,UAAO;IAAE,GAAG;IAAoB,GAAG,MAAM;IAAW;IACpD;EAED,MAAM,mCAA0B;AAC/B,iDAAc,MAAM,SAAS,EAAE,CAAC,CAAC;IACjC;EAED,SAAS,qBAAqB,MAAqC;GAClE,MAAM,4BAA4B,mBAAmB,QAAQ;AAK7D,OAAI,0BAAY,0BAA0B,CACzC,QAAO,EAAE,IAAI,2BAA0B;AAGxC,UAAO;IACN,IAAI;IACJ,cAAc,MAAM;IACpB,WAAW;IACZ;;EAGD,MAAM,6CAAgE;AACrE,UAAO;IACN,UAAU,qBAAqB,WAAW;IAC1C,UAAU,qBAAqB,WAAW;IAC1C,UAAU,qBAAqB,WAAW;IAC1C,UAAU,qBAAqB,WAAW;IAC1C,UAAU,qBAAqB,WAAW;IAC1C,UAAU,qBAAqB,WAAW;IAC1C,WAAW,qBAAqB,YAAY;IAC5C,cAAc,qBAAqB,eAAe;IAClD,QAAQ,qBAAqB,SAAS;IACtC,IAAI,qBAAqB,KAAK;IAC9B,aAAa,qBAAqB,WAAW;IAC7C,eAAe,qBAAqB,YAAY;IAChD,mBAAmB,qBAAqB,OAAO;IAC/C,qBAAqB,qBAAqB,QAAQ;IAClD,OAAO,qBAAqB,QAAQ;IACpC,OAAO,qBAAqB,QAAQ;IACpC,WAAW,qBAAqB,YAAY;IAC5C,OAAO,qBAAqB,QAAQ;IACpC,MAAM,qBAAqB,OAAO;IACnC;IACA;;UAKO,SAAA,MAAS,qDAGd,0CAAA;;IAFA,UAAU,SAAA;IACV,uBAAqB,mBAAA;uDAED,QAAA,wFAAe,QAAA,SAAQ,EAAA,EAAA,KAAA,GAAA,CAAA"}

package/dist/PrismicRichText/PrismicRichText.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,78 @@
+import { isComponent } from "../types.js";
+import { usePrismic } from "../createPrismic.js";
+import PrismicRichTextDefaultComponent_default from "./PrismicRichTextDefaultComponent.js";
+import PrismicRichTextSerialize_default from "./PrismicRichTextSerialize.js";
+import { computed, createBlock, createCommentVNode, defineComponent, openBlock, resolveDynamicComponent } from "vue";
+import { asTree } from "@prismicio/client/richtext";
+
+//#region src/PrismicRichText/PrismicRichText.vue?vue&type=script&setup=true&lang.ts
+var PrismicRichText_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	name: "PrismicRichText",
+	__name: "PrismicRichText",
+	props: {
+		field: { type: Array },
+		linkResolver: { type: Function },
+		components: { type: Object },
+		fallback: { type: [
+			String,
+			Object,
+			Function
+		] }
+	},
+	setup(__props) {
+		const props = __props;
+		const { components: { richTextComponents } } = usePrismic();
+		const resolvedComponents = computed(() => {
+			return {
+				...richTextComponents,
+				...props.components
+			};
+		});
+		const children = computed(() => {
+			return asTree(props.field || []).children;
+		});
+		function getInternalComponent(type) {
+			const maybeComponentOrShorthand = resolvedComponents.value?.[type];
+			if (isComponent(maybeComponentOrShorthand)) return { is: maybeComponentOrShorthand };
+			return {
+				is: PrismicRichTextDefaultComponent_default,
+				linkResolver: props.linkResolver,
+				shorthand: maybeComponentOrShorthand
+			};
+		}
+		const internalComponents = computed(() => {
+			return {
+				heading1: getInternalComponent("heading1"),
+				heading2: getInternalComponent("heading2"),
+				heading3: getInternalComponent("heading3"),
+				heading4: getInternalComponent("heading4"),
+				heading5: getInternalComponent("heading5"),
+				heading6: getInternalComponent("heading6"),
+				paragraph: getInternalComponent("paragraph"),
+				preformatted: getInternalComponent("preformatted"),
+				strong: getInternalComponent("strong"),
+				em: getInternalComponent("em"),
+				"list-item": getInternalComponent("listItem"),
+				"o-list-item": getInternalComponent("oListItem"),
+				"group-list-item": getInternalComponent("list"),
+				"group-o-list-item": getInternalComponent("oList"),
+				image: getInternalComponent("image"),
+				embed: getInternalComponent("embed"),
+				hyperlink: getInternalComponent("hyperlink"),
+				label: getInternalComponent("label"),
+				span: getInternalComponent("span")
+			};
+		});
+		return (_ctx, _cache) => {
+			return children.value.length ? (openBlock(), createBlock(PrismicRichTextSerialize_default, {
+				key: 0,
+				children: children.value,
+				"internal-components": internalComponents.value
+			}, null, 8, ["children", "internal-components"])) : __props.fallback ? (openBlock(), createBlock(resolveDynamicComponent(__props.fallback), { key: 1 })) : createCommentVNode("v-if", true);
+		};
+	}
+});
+
+//#endregion
+export { PrismicRichText_vue_vue_type_script_setup_true_lang_default as default };
+//# sourceMappingURL=PrismicRichText.vue_vue_type_script_setup_true_lang.js.map

package/dist/PrismicRichText/PrismicRichText.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrismicRichText.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../src/PrismicRichText/PrismicRichText.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type {\n\tLinkResolverFunction,\n\tRichTextField,\n\tRichTextNodeType,\n} from \"@prismicio/client\"\nimport { asTree } from \"@prismicio/client/richtext\"\nimport type { PropType } from \"vue\"\nimport { computed } from \"vue\"\n\nimport type { ComponentOrTagName, ComponentShorthand } from \"../types\"\nimport { isComponent } from \"../types\"\nimport type {\n\tInternalRichTextComponents,\n\tRichTextComponent,\n\tRichTextComponents,\n} from \"./types\"\n\nimport { usePrismic } from \"../createPrismic\"\n\nimport PrismicRichTextDefaultComponent from \"./PrismicRichTextDefaultComponent.vue\"\nimport PrismicRichTextSerialize from \"./PrismicRichTextSerialize.vue\"\n\n/** Props for `<PrismicRichText />`. */\nexport type PrismicRichTextProps = {\n\t/** The Prismic rich text field to render. */\n\tfield: RichTextField | null | undefined\n\n\t/**\n\t * The link resolver used to resolve links.\n\t *\n\t * @remarks\n\t * If your app uses route resolvers when querying for your Prismic\n\t * repository's content, a link resolver does not need to be provided.\n\t *\n\t * @see Learn about link resolvers and route resolvers {@link https://prismic.io/docs/routes}\n\t */\n\tlinkResolver?: LinkResolverFunction\n\n\t/**\n\t * An object that maps a rich text block type to a Vue component or a\n\t * shorthand definition.\n\t *\n\t * @example\n\t *\n\t * ```javascript\n\t * {\n\t *   heading1: Heading1,\n\t *   paragraph: { class: 'prose'},\n\t *   strong: { as: 'em', class: 'font-bold' },\n\t * }\n\t * ```\n\t */\n\tcomponents?: 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` will be rendered.\n\t */\n\tfallback?: ComponentOrTagName\n}\n\n// We're forced to declare props using the JavaScript syntax because `@vue/compiler-sfc`\n// has limitations for inferring types from complex objects.\nconst props = defineProps({\n\tfield: {\n\t\ttype: Array as unknown as PropType<PrismicRichTextProps[\"field\"]>,\n\t},\n\tlinkResolver: {\n\t\ttype: Function as PropType<PrismicRichTextProps[\"linkResolver\"]>,\n\t},\n\tcomponents: {\n\t\ttype: Object as PropType<PrismicRichTextProps[\"components\"]>,\n\t},\n\tfallback: {\n\t\ttype: [String, Object, Function] as PropType<\n\t\t\tPrismicRichTextProps[\"fallback\"]\n\t\t>,\n\t},\n})\ndefineOptions({ name: \"PrismicRichText\" })\n\nconst { components: { richTextComponents } } = usePrismic()\n\nconst resolvedComponents = computed<RichTextComponents>(() => {\n\treturn { ...richTextComponents, ...props.components }\n})\n\nconst children = computed(() => {\n\treturn asTree(props.field || []).children\n})\n\nfunction getInternalComponent(type: keyof typeof RichTextNodeType) {\n\tconst maybeComponentOrShorthand = resolvedComponents.value?.[type] as\n\t\t| RichTextComponent\n\t\t| ComponentShorthand\n\t\t| undefined\n\n\tif (isComponent(maybeComponentOrShorthand)) {\n\t\treturn { is: maybeComponentOrShorthand }\n\t}\n\n\treturn {\n\t\tis: PrismicRichTextDefaultComponent,\n\t\tlinkResolver: props.linkResolver,\n\t\tshorthand: maybeComponentOrShorthand,\n\t}\n}\n\nconst internalComponents = computed<InternalRichTextComponents>(() => {\n\treturn {\n\t\theading1: getInternalComponent(\"heading1\"),\n\t\theading2: getInternalComponent(\"heading2\"),\n\t\theading3: getInternalComponent(\"heading3\"),\n\t\theading4: getInternalComponent(\"heading4\"),\n\t\theading5: getInternalComponent(\"heading5\"),\n\t\theading6: getInternalComponent(\"heading6\"),\n\t\tparagraph: getInternalComponent(\"paragraph\"),\n\t\tpreformatted: getInternalComponent(\"preformatted\"),\n\t\tstrong: getInternalComponent(\"strong\"),\n\t\tem: getInternalComponent(\"em\"),\n\t\t\"list-item\": getInternalComponent(\"listItem\"),\n\t\t\"o-list-item\": getInternalComponent(\"oListItem\"),\n\t\t\"group-list-item\": getInternalComponent(\"list\"),\n\t\t\"group-o-list-item\": getInternalComponent(\"oList\"),\n\t\timage: getInternalComponent(\"image\"),\n\t\tembed: getInternalComponent(\"embed\"),\n\t\thyperlink: getInternalComponent(\"hyperlink\"),\n\t\tlabel: getInternalComponent(\"label\"),\n\t\tspan: getInternalComponent(\"span\"),\n\t}\n})\n</script>\n\n<template>\n\t<PrismicRichTextSerialize\n\t\tv-if=\"children.length\"\n\t\t:children=\"children\"\n\t\t:internal-components=\"internalComponents\"\n\t/>\n\t<component v-else-if=\"fallback\" :is=\"fallback\" />\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;EAgEA,MAAM,QAAQ;EAkBd,MAAM,EAAE,YAAY,EAAE,yBAAyB,YAAW;EAE1D,MAAM,qBAAqB,eAAmC;AAC7D,UAAO;IAAE,GAAG;IAAoB,GAAG,MAAM;IAAW;IACpD;EAED,MAAM,WAAW,eAAe;AAC/B,UAAO,OAAO,MAAM,SAAS,EAAE,CAAC,CAAC;IACjC;EAED,SAAS,qBAAqB,MAAqC;GAClE,MAAM,4BAA4B,mBAAmB,QAAQ;AAK7D,OAAI,YAAY,0BAA0B,CACzC,QAAO,EAAE,IAAI,2BAA0B;AAGxC,UAAO;IACN,IAAI;IACJ,cAAc,MAAM;IACpB,WAAW;IACZ;;EAGD,MAAM,qBAAqB,eAA2C;AACrE,UAAO;IACN,UAAU,qBAAqB,WAAW;IAC1C,UAAU,qBAAqB,WAAW;IAC1C,UAAU,qBAAqB,WAAW;IAC1C,UAAU,qBAAqB,WAAW;IAC1C,UAAU,qBAAqB,WAAW;IAC1C,UAAU,qBAAqB,WAAW;IAC1C,WAAW,qBAAqB,YAAY;IAC5C,cAAc,qBAAqB,eAAe;IAClD,QAAQ,qBAAqB,SAAS;IACtC,IAAI,qBAAqB,KAAK;IAC9B,aAAa,qBAAqB,WAAW;IAC7C,eAAe,qBAAqB,YAAY;IAChD,mBAAmB,qBAAqB,OAAO;IAC/C,qBAAqB,qBAAqB,QAAQ;IAClD,OAAO,qBAAqB,QAAQ;IACpC,OAAO,qBAAqB,QAAQ;IACpC,WAAW,qBAAqB,YAAY;IAC5C,OAAO,qBAAqB,QAAQ;IACpC,MAAM,qBAAqB,OAAO;IACnC;IACA;;UAKO,SAAA,MAAS,uBADhB,YAIE,kCAAA;;IAFA,UAAU,SAAA;IACV,uBAAqB,mBAAA;uDAED,QAAA,yBAAtB,YAAiD,wBAAZ,QAAA,SAAQ,EAAA,EAAA,KAAA,GAAA,CAAA"}

package/dist/PrismicRichText/PrismicRichTextDefaultComponent.cjs

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

package/dist/PrismicRichText/PrismicRichTextDefaultComponent.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrismicRichTextDefaultComponent.cjs","names":[],"sources":["../../src/PrismicRichText/PrismicRichTextDefaultComponent.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { LinkResolverFunction } from \"@prismicio/client\"\nimport { computed } from \"vue\"\n\nimport type { ComponentShorthand } from \"../types\"\nimport type { RichTextComponentProps } from \"./types\"\n\nimport PrismicImage from \"../PrismicImage.vue\"\nimport PrismicLink from \"../PrismicLink.vue\"\n\nconst props = defineProps<\n\tRichTextComponentProps & {\n\t\tlinkResolver?: LinkResolverFunction\n\t\tshorthand?: ComponentShorthand\n\t}\n>()\ndefineOptions({ name: \"PrismicRichTextDefaultComponent\" })\n\nconst as = computed(() => {\n\treturn props.node.type !== \"image\" &&\n\t\tprops.node.type !== \"hyperlink\" &&\n\t\tprops.node.type !== \"label\" &&\n\t\tprops.node.type !== \"span\"\n\t\t? props.shorthand?.as\n\t\t: undefined\n})\n\nconst attrs = computed(() => {\n\tconst { as, ...attrs } = props.shorthand ?? {}\n\n\treturn attrs\n})\n\nconst dir = computed(() => {\n\treturn \"direction\" in props.node && props.node.direction === \"rtl\"\n\t\t? \"rtl\"\n\t\t: undefined\n})\n</script>\n\n<template>\n\t<component v-if=\"as\" :is=\"as\" :dir=\"dir\" v-bind=\"attrs\"><slot /></component>\n\t<h1 v-else-if=\"node.type === 'heading1'\" :dir=\"dir\" v-bind=\"attrs\">\n\t\t<slot />\n\t</h1>\n\t<h2 v-else-if=\"node.type === 'heading2'\" :dir=\"dir\" v-bind=\"attrs\">\n\t\t<slot />\n\t</h2>\n\t<h3 v-else-if=\"node.type === 'heading3'\" :dir=\"dir\" v-bind=\"attrs\">\n\t\t<slot />\n\t</h3>\n\t<h4 v-else-if=\"node.type === 'heading4'\" :dir=\"dir\" v-bind=\"attrs\">\n\t\t<slot />\n\t</h4>\n\t<h5 v-else-if=\"node.type === 'heading5'\" :dir=\"dir\" v-bind=\"attrs\">\n\t\t<slot />\n\t</h5>\n\t<h6 v-else-if=\"node.type === 'heading6'\" :dir=\"dir\" v-bind=\"attrs\">\n\t\t<slot />\n\t</h6>\n\t<p v-else-if=\"node.type === 'paragraph'\" :dir=\"dir\" v-bind=\"attrs\">\n\t\t<slot />\n\t</p>\n\t<pre v-else-if=\"node.type === 'preformatted'\" v-bind=\"attrs\"><slot /></pre>\n\t<strong v-else-if=\"node.type === 'strong'\" v-bind=\"attrs\"><slot /></strong>\n\t<em v-else-if=\"node.type === 'em'\" v-bind=\"attrs\"><slot /></em>\n\t<li v-else-if=\"node.type === 'list-item'\" :dir=\"dir\" v-bind=\"attrs\">\n\t\t<slot />\n\t</li>\n\t<li v-else-if=\"node.type === 'o-list-item'\" :dir=\"dir\" v-bind=\"attrs\">\n\t\t<slot />\n\t</li>\n\t<ul v-else-if=\"node.type === 'group-list-item'\" v-bind=\"attrs\">\n\t\t<slot />\n\t</ul>\n\t<ol v-else-if=\"node.type === 'group-o-list-item'\" v-bind=\"attrs\">\n\t\t<slot />\n\t</ol>\n\t<p class=\"block-img\" v-else-if=\"node.type === 'image'\">\n\t\t<PrismicLink v-if=\"node.linkTo\" :field=\"node.linkTo\"\n\t\t\t><PrismicImage :field=\"node\" v-bind=\"attrs\"\n\t\t/></PrismicLink>\n\t\t<PrismicImage v-else :field=\"node\" v-bind=\"attrs\" />\n\t</p>\n\t<div\n\t\tv-else-if=\"node.type === 'embed'\"\n\t\t:data-oembed=\"node.oembed.embed_url\"\n\t\t:data-oembed-type=\"node.oembed.type\"\n\t\t:data-oembed-provider=\"node.oembed.provider_name\"\n\t\tv-html=\"node.oembed.html\"\n\t\tv-bind=\"attrs\"\n\t/>\n\t<PrismicLink\n\t\tv-else-if=\"node.type === 'hyperlink'\"\n\t\t:field=\"node.data\"\n\t\t:link-resolver=\"linkResolver\"\n\t\tv-bind=\"attrs\"\n\t\t><slot\n\t/></PrismicLink>\n\t<span\n\t\tv-else-if=\"node.type === 'label'\"\n\t\t:class=\"node.data.label\"\n\t\tv-bind=\"attrs\"\n\t\t><slot\n\t/></span>\n\t<template v-else v-for=\"(line, index) in node.text.split('\\n')\" :key=\"line\"\n\t\t><br v-if=\"index > 0\" />{{ line }}</template\n\t>\n</template>\n"],"mappings":""}

package/dist/PrismicRichText/PrismicRichTextDefaultComponent.js

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

package/dist/PrismicRichText/PrismicRichTextDefaultComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrismicRichTextDefaultComponent.js","names":[],"sources":["../../src/PrismicRichText/PrismicRichTextDefaultComponent.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { LinkResolverFunction } from \"@prismicio/client\"\nimport { computed } from \"vue\"\n\nimport type { ComponentShorthand } from \"../types\"\nimport type { RichTextComponentProps } from \"./types\"\n\nimport PrismicImage from \"../PrismicImage.vue\"\nimport PrismicLink from \"../PrismicLink.vue\"\n\nconst props = defineProps<\n\tRichTextComponentProps & {\n\t\tlinkResolver?: LinkResolverFunction\n\t\tshorthand?: ComponentShorthand\n\t}\n>()\ndefineOptions({ name: \"PrismicRichTextDefaultComponent\" })\n\nconst as = computed(() => {\n\treturn props.node.type !== \"image\" &&\n\t\tprops.node.type !== \"hyperlink\" &&\n\t\tprops.node.type !== \"label\" &&\n\t\tprops.node.type !== \"span\"\n\t\t? props.shorthand?.as\n\t\t: undefined\n})\n\nconst attrs = computed(() => {\n\tconst { as, ...attrs } = props.shorthand ?? {}\n\n\treturn attrs\n})\n\nconst dir = computed(() => {\n\treturn \"direction\" in props.node && props.node.direction === \"rtl\"\n\t\t? \"rtl\"\n\t\t: undefined\n})\n</script>\n\n<template>\n\t<component v-if=\"as\" :is=\"as\" :dir=\"dir\" v-bind=\"attrs\"><slot /></component>\n\t<h1 v-else-if=\"node.type === 'heading1'\" :dir=\"dir\" v-bind=\"attrs\">\n\t\t<slot />\n\t</h1>\n\t<h2 v-else-if=\"node.type === 'heading2'\" :dir=\"dir\" v-bind=\"attrs\">\n\t\t<slot />\n\t</h2>\n\t<h3 v-else-if=\"node.type === 'heading3'\" :dir=\"dir\" v-bind=\"attrs\">\n\t\t<slot />\n\t</h3>\n\t<h4 v-else-if=\"node.type === 'heading4'\" :dir=\"dir\" v-bind=\"attrs\">\n\t\t<slot />\n\t</h4>\n\t<h5 v-else-if=\"node.type === 'heading5'\" :dir=\"dir\" v-bind=\"attrs\">\n\t\t<slot />\n\t</h5>\n\t<h6 v-else-if=\"node.type === 'heading6'\" :dir=\"dir\" v-bind=\"attrs\">\n\t\t<slot />\n\t</h6>\n\t<p v-else-if=\"node.type === 'paragraph'\" :dir=\"dir\" v-bind=\"attrs\">\n\t\t<slot />\n\t</p>\n\t<pre v-else-if=\"node.type === 'preformatted'\" v-bind=\"attrs\"><slot /></pre>\n\t<strong v-else-if=\"node.type === 'strong'\" v-bind=\"attrs\"><slot /></strong>\n\t<em v-else-if=\"node.type === 'em'\" v-bind=\"attrs\"><slot /></em>\n\t<li v-else-if=\"node.type === 'list-item'\" :dir=\"dir\" v-bind=\"attrs\">\n\t\t<slot />\n\t</li>\n\t<li v-else-if=\"node.type === 'o-list-item'\" :dir=\"dir\" v-bind=\"attrs\">\n\t\t<slot />\n\t</li>\n\t<ul v-else-if=\"node.type === 'group-list-item'\" v-bind=\"attrs\">\n\t\t<slot />\n\t</ul>\n\t<ol v-else-if=\"node.type === 'group-o-list-item'\" v-bind=\"attrs\">\n\t\t<slot />\n\t</ol>\n\t<p class=\"block-img\" v-else-if=\"node.type === 'image'\">\n\t\t<PrismicLink v-if=\"node.linkTo\" :field=\"node.linkTo\"\n\t\t\t><PrismicImage :field=\"node\" v-bind=\"attrs\"\n\t\t/></PrismicLink>\n\t\t<PrismicImage v-else :field=\"node\" v-bind=\"attrs\" />\n\t</p>\n\t<div\n\t\tv-else-if=\"node.type === 'embed'\"\n\t\t:data-oembed=\"node.oembed.embed_url\"\n\t\t:data-oembed-type=\"node.oembed.type\"\n\t\t:data-oembed-provider=\"node.oembed.provider_name\"\n\t\tv-html=\"node.oembed.html\"\n\t\tv-bind=\"attrs\"\n\t/>\n\t<PrismicLink\n\t\tv-else-if=\"node.type === 'hyperlink'\"\n\t\t:field=\"node.data\"\n\t\t:link-resolver=\"linkResolver\"\n\t\tv-bind=\"attrs\"\n\t\t><slot\n\t/></PrismicLink>\n\t<span\n\t\tv-else-if=\"node.type === 'label'\"\n\t\t:class=\"node.data.label\"\n\t\tv-bind=\"attrs\"\n\t\t><slot\n\t/></span>\n\t<template v-else v-for=\"(line, index) in node.text.split('\\n')\" :key=\"line\"\n\t\t><br v-if=\"index > 0\" />{{ line }}</template\n\t>\n</template>\n"],"mappings":""}