@prismicio/vue 5.3.0 → 6.0.0-pr.90.1c31b0e

package/dist/src/SliceSimulator.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,63 @@
+import { createCommentVNode, createElementBlock, defineComponent, normalizeClass, normalizeStyle, onMounted, onUnmounted, openBlock, ref, renderSlot, toDisplayString, unref } from "vue";
+import { SimulatorManager, StateEventType, disableEventHandler, getDefaultMessage, getDefaultProps, getDefaultSlices, onClickHandler, simulatorClass, simulatorRootClass } from "@prismicio/simulator/kit";
+
+//#region src/SliceSimulator.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = { key: 0 };
+var SliceSimulator_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	name: "SliceSimulator",
+	__name: "SliceSimulator",
+	props: {
+		zIndex: {
+			type: Number,
+			required: false
+		},
+		background: {
+			type: String,
+			required: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const slices = ref(getDefaultSlices());
+		const message = ref(getDefaultMessage());
+		const simulatorManager = new SimulatorManager();
+		onMounted(() => {
+			simulatorManager.state.on(StateEventType.Slices, (_slices) => {
+				slices.value = _slices;
+			}, "simulator-slices");
+			simulatorManager.state.on(StateEventType.Message, (_message) => {
+				message.value = _message;
+			}, "simulator-message");
+			simulatorManager.init();
+		});
+		onUnmounted(() => {
+			simulatorManager.state.off(StateEventType.Slices, "simulator-slices");
+			simulatorManager.state.off(StateEventType.Message, "simulator-message");
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: normalizeClass(unref(simulatorClass)),
+				style: normalizeStyle({
+					zIndex: props.zIndex || unref(getDefaultProps)().zIndex,
+					position: "fixed",
+					top: 0,
+					left: 0,
+					width: "100%",
+					height: "100vh",
+					overflow: "auto",
+					background: props.background || unref(getDefaultProps)().background
+				})
+			}, [message.value ? (openBlock(), createElementBlock("article", _hoisted_1, toDisplayString(message.value), 1)) : slices.value.length ? (openBlock(), createElementBlock("div", {
+				key: 1,
+				id: "root",
+				class: normalizeClass(unref(simulatorRootClass)),
+				onClickCapture: _cache[0] || (_cache[0] = (...args) => unref(onClickHandler) && unref(onClickHandler)(...args)),
+				onSubmitCapture: _cache[1] || (_cache[1] = (...args) => unref(disableEventHandler) && unref(disableEventHandler)(...args))
+			}, [renderSlot(_ctx.$slots, "default", { slices: slices.value })], 34)) : createCommentVNode("v-if", true)], 6);
+		};
+	}
+});
+
+//#endregion
+export { SliceSimulator_vue_vue_type_script_setup_true_lang_default as default };
+//# sourceMappingURL=SliceSimulator.vue_vue_type_script_setup_true_lang.js.map

package/dist/src/SliceSimulator.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SliceSimulator.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../src/SliceSimulator.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ref, onMounted, onUnmounted } from \"vue\";\nimport {\n\tgetDefaultProps,\n\tgetDefaultSlices,\n\tgetDefaultMessage,\n\tonClickHandler,\n\tdisableEventHandler,\n\tsimulatorClass,\n\tsimulatorRootClass,\n\tStateEventType,\n\tSimulatorManager,\n} from \"@prismicio/simulator/kit\";\n\n/** Props for `<SliceSimulator />`. */\nexport type SliceSimulatorProps = {\n\t/** The z-index value of the simulator so that it's displayed above layout elements. */\n\tzIndex?: number\n\t/** The background color of the simulator to match website design. */\n\tbackground?: string\n}\n\nconst props = defineProps<SliceSimulatorProps>()\ndefineOptions({ name: \"SliceSimulator\" })\n\nconst slices = ref(getDefaultSlices());\nconst message = ref(getDefaultMessage());\n\nconst simulatorManager = new SimulatorManager();\n\nonMounted(() => {\n\tsimulatorManager.state.on(\n\t\tStateEventType.Slices,\n\t\t(_slices) => { slices.value = _slices; },\n\t\t\"simulator-slices\",\n\t);\n\tsimulatorManager.state.on(\n\t\tStateEventType.Message,\n\t\t(_message) => { message.value = _message; },\n\t\t\"simulator-message\",\n\t);\n\n\tsimulatorManager.init();\n});\n\nonUnmounted(() => {\n\tsimulatorManager.state.off(StateEventType.Slices, \"simulator-slices\");\n\n\tsimulatorManager.state.off(StateEventType.Message, \"simulator-message\");\n});\n</script>\n\n<template>\n\t<div\n\t\t:class=\"simulatorClass\"\n\t\t:style=\"{\n\t\t\tzIndex: props.zIndex || getDefaultProps().zIndex,\n\t\t\tposition: 'fixed',\n\t\t\ttop: 0,\n\t\t\tleft: 0,\n\t\t\twidth: '100%',\n\t\t\theight: '100vh',\n\t\t\toverflow: 'auto',\n\t\t\tbackground: props.background || getDefaultProps().background,\n\t\t}\"\n\t>\n\t\t<article v-if=\"message\">\n\t\t\t{{ message }}\n\t\t</article>\n\t\t<div\n\t\t\tv-else-if=\"slices.length\"\n\t\t\tid=\"root\"\n\t\t\t:class=\"simulatorRootClass\"\n\t\t\t@click.capture=\"onClickHandler\"\n\t\t\t@submit.capture=\"disableEventHandler\"\n\t\t>\n\t\t\t<slot :slices=\"slices\" />\n\t\t</div>\n\t</div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EAsBA,MAAM,QAAQ;EAGd,MAAM,SAAS,IAAI,kBAAkB,CAAC;EACtC,MAAM,UAAU,IAAI,mBAAmB,CAAC;EAExC,MAAM,mBAAmB,IAAI,kBAAkB;AAE/C,kBAAgB;AACf,oBAAiB,MAAM,GACtB,eAAe,SACd,YAAY;AAAE,WAAO,QAAQ;MAC9B,mBACA;AACD,oBAAiB,MAAM,GACtB,eAAe,UACd,aAAa;AAAE,YAAQ,QAAQ;MAChC,oBACA;AAED,oBAAiB,MAAM;IACtB;AAEF,oBAAkB;AACjB,oBAAiB,MAAM,IAAI,eAAe,QAAQ,mBAAmB;AAErE,oBAAiB,MAAM,IAAI,eAAe,SAAS,oBAAoB;IACtE;;uBAID,mBAyBM,OAAA;IAxBJ,OAAK,eAAE,MAAA,eAAc,CAAA;IACrB,OAAK,eAAA;aAAe,MAAM,UAAU,MAAA,gBAAe,EAAA,CAAG;;;;;;;iBAA+H,MAAM,cAAc,MAAA,gBAAe,EAAA,CAAG;;OAW7M,QAAA,sBAAf,mBAEU,WAAA,YAAA,gBADN,QAAA,MAAO,EAAA,EAAA,IAGC,OAAA,MAAO,uBADnB,mBAQM,OAAA;;IANL,IAAG;IACF,OAAK,eAAE,MAAA,mBAAkB,CAAA;2DACV,MAAA,eAAA,IAAA,MAAA,eAAA,CAAA,GAAA,KAAc;4DACb,MAAA,oBAAA,IAAA,MAAA,oBAAA,CAAA,GAAA,KAAmB;OAEpC,WAAyB,KAAA,QAAA,WAAA,EAAlB,QAAQ,OAAA,OAAM,CAAA"}

package/dist/src/SliceZone/SliceZone.cjs

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

package/dist/src/SliceZone/SliceZone.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SliceZone.cjs","names":[],"sources":["../../../src/SliceZone/SliceZone.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from \"vue\"\n\nimport type { ComponentOrTagName } from \"../types\"\nimport type {\n\tSliceComponentType,\n\tSliceLike,\n\tSliceZoneComponents,\n\tSliceZoneLike,\n} from \"./types\"\n\nimport { TODOSliceComponent } from \"./TODOSliceComponent\"\n\n/**\n * Props for `<SliceZone />`.\n *\n * @typeParam TContext - Arbitrary data made available to all Slice components\n */\nexport type SliceZoneProps<TContext = unknown> = {\n\t/** List of slice data from the slice zone. */\n\tslices: SliceZoneLike<SliceLike | (SliceLike & Record<string, unknown>)>\n\n\t/** A record mapping slice types to React components. */\n\tcomponents?: SliceZoneComponents\n\n\t/**\n\t * The Vue component rendered if a component mapping from the `components`\n\t * prop cannot be found.\n\t */\n\t// eslint-disable-next-line @typescript-eslint/no-explicit-any\n\tdefaultComponent?: SliceComponentType<any, TContext>\n\n\t/** Arbitrary data made available to all slice components. */\n\tcontext?: TContext\n}\n\nconst props = defineProps<SliceZoneProps>()\ndefineOptions({ name: \"SliceZone\" })\n\nconst renderedSlices = computed<\n\t{\n\t\tis: ComponentOrTagName\n\t\tkey: string\n\t\tprops: Record<string, unknown>\n\t}[]\n>(() => {\n\tif (!props.slices) return []\n\n\treturn props.slices.map((slice, index) => {\n\t\tconst type =\n\t\t\t\"slice_type\" in slice ? (slice.slice_type as string) : slice.type\n\n\t\tconst key =\n\t\t\t\"id\" in slice && typeof slice.id === \"string\"\n\t\t\t\t? slice.id\n\t\t\t\t: `${index}-${JSON.stringify(slice)}`\n\n\t\tconst is = props.components?.[type] || props.defaultComponent\n\n\t\tif (!is) {\n\t\t\treturn { is: TODOSliceComponent, key, props: { slice } }\n\t\t}\n\n\t\tif (slice.__mapped) {\n\t\t\tconst { __mapped, ...mappedProps } = slice\n\n\t\t\treturn { is, key, props: mappedProps }\n\t\t}\n\n\t\treturn {\n\t\t\tis,\n\t\t\tkey,\n\t\t\tprops: {\n\t\t\t\tslice,\n\t\t\t\tindex,\n\t\t\t\tcontext: props.context,\n\t\t\t\tslices: props.slices,\n\t\t\t},\n\t\t}\n\t})\n})\n</script>\n\n<template>\n\t<component\n\t\tv-for=\"renderedSlice in renderedSlices\"\n\t\t:is=\"renderedSlice.is\"\n\t\t:key=\"renderedSlice.key\"\n\t\tv-bind=\"renderedSlice.props\"\n\t/>\n</template>\n"],"mappings":""}

package/dist/src/SliceZone/SliceZone.js

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

package/dist/src/SliceZone/SliceZone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SliceZone.js","names":[],"sources":["../../../src/SliceZone/SliceZone.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from \"vue\"\n\nimport type { ComponentOrTagName } from \"../types\"\nimport type {\n\tSliceComponentType,\n\tSliceLike,\n\tSliceZoneComponents,\n\tSliceZoneLike,\n} from \"./types\"\n\nimport { TODOSliceComponent } from \"./TODOSliceComponent\"\n\n/**\n * Props for `<SliceZone />`.\n *\n * @typeParam TContext - Arbitrary data made available to all Slice components\n */\nexport type SliceZoneProps<TContext = unknown> = {\n\t/** List of slice data from the slice zone. */\n\tslices: SliceZoneLike<SliceLike | (SliceLike & Record<string, unknown>)>\n\n\t/** A record mapping slice types to React components. */\n\tcomponents?: SliceZoneComponents\n\n\t/**\n\t * The Vue component rendered if a component mapping from the `components`\n\t * prop cannot be found.\n\t */\n\t// eslint-disable-next-line @typescript-eslint/no-explicit-any\n\tdefaultComponent?: SliceComponentType<any, TContext>\n\n\t/** Arbitrary data made available to all slice components. */\n\tcontext?: TContext\n}\n\nconst props = defineProps<SliceZoneProps>()\ndefineOptions({ name: \"SliceZone\" })\n\nconst renderedSlices = computed<\n\t{\n\t\tis: ComponentOrTagName\n\t\tkey: string\n\t\tprops: Record<string, unknown>\n\t}[]\n>(() => {\n\tif (!props.slices) return []\n\n\treturn props.slices.map((slice, index) => {\n\t\tconst type =\n\t\t\t\"slice_type\" in slice ? (slice.slice_type as string) : slice.type\n\n\t\tconst key =\n\t\t\t\"id\" in slice && typeof slice.id === \"string\"\n\t\t\t\t? slice.id\n\t\t\t\t: `${index}-${JSON.stringify(slice)}`\n\n\t\tconst is = props.components?.[type] || props.defaultComponent\n\n\t\tif (!is) {\n\t\t\treturn { is: TODOSliceComponent, key, props: { slice } }\n\t\t}\n\n\t\tif (slice.__mapped) {\n\t\t\tconst { __mapped, ...mappedProps } = slice\n\n\t\t\treturn { is, key, props: mappedProps }\n\t\t}\n\n\t\treturn {\n\t\t\tis,\n\t\t\tkey,\n\t\t\tprops: {\n\t\t\t\tslice,\n\t\t\t\tindex,\n\t\t\t\tcontext: props.context,\n\t\t\t\tslices: props.slices,\n\t\t\t},\n\t\t}\n\t})\n})\n</script>\n\n<template>\n\t<component\n\t\tv-for=\"renderedSlice in renderedSlices\"\n\t\t:is=\"renderedSlice.is\"\n\t\t:key=\"renderedSlice.key\"\n\t\tv-bind=\"renderedSlice.props\"\n\t/>\n</template>\n"],"mappings":""}

package/dist/src/SliceZone/SliceZone.vue.d.ts

@@ -0,0 +1,29 @@
+import { SliceComponentType, SliceLike, SliceZoneComponents, SliceZoneLike } from "./types.js";
+import * as vue9 from "vue";
+
+//#region src/SliceZone/SliceZone.vue.d.ts
+
+/**
+ * Props for `<SliceZone />`.
+ *
+ * @typeParam TContext - Arbitrary data made available to all Slice components
+ */
+type SliceZoneProps<TContext = unknown> = {
+  /** List of slice data from the slice zone. */
+  slices: SliceZoneLike<SliceLike | (SliceLike & Record<string, unknown>)>;
+  /** A record mapping slice types to React components. */
+  components?: SliceZoneComponents;
+  /**
+   * The Vue component rendered if a component mapping from the `components`
+   * prop cannot be found.
+   */
+  defaultComponent?: SliceComponentType<any, TContext>;
+  /** Arbitrary data made available to all slice components. */
+  context?: TContext;
+};
+type __VLS_Props = SliceZoneProps;
+declare const __VLS_export: vue9.DefineComponent<__VLS_Props, {}, {}, {}, {}, vue9.ComponentOptionsMixin, vue9.ComponentOptionsMixin, {}, string, vue9.PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, vue9.ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+//#endregion
+export { SliceZoneProps, _default };
+//# sourceMappingURL=SliceZone.vue.d.ts.map

package/dist/src/SliceZone/SliceZone.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SliceZone.vue.d.ts","names":[],"sources":["../../../src/SliceZone/SliceZone.vue"],"sourcesContent":[],"mappings":";;;;;;;;AA+GA;;AAEoC,KAFxB,cAEwB,CAAA,WAAA,OAAA,CAAA,GAAA;EAAY;EAAvC,MAAA,EAAA,aAAA,CAAc,SAAd,GAAA,CAA2B,SAA3B,GAAuC,MAAvC,CAAA,MAAA,EAAA,OAAA,CAAA,CAAA,CAAA;EAGK;EAO8B,UAAA,CAAA,EAP9B,mBAO8B;EAAxB;;;AAInB;EAkFK,gBAEJ,CAAA,EAxFkB,kBAwFlB,CAAA,GAAA,EAxF0C,QAwF1C,CAAA;EAFgB;EAAA,OAAA,CAAA,EAnFP,QAmFO;CAAA;KAhFb,WAAA,GAAc,cAgFD;cAAZ,YAAY,EAAA,IAAA,CAAA,eAAA,CAAA,WAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,IAAA,CAAA,qBAAA,EAAA,IAAA,CAAA,qBAAA,EAAA,CAAA,CAAA,EAAA,MAAA,EAAA,IAAA,CAAA,WAAA,EAAA,QAAA,CAAA,WAAA,CAAA,GAAA,QAAA,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,MAAA,EAAA,IAAA,CAAA,uBAAA,EAAA,KAAA,EAAA,CAAA,CAAA,EAAA,GAAA,CAAA;cAAA,QAAA,EAAA,OAGU,YAHV"}

package/dist/src/SliceZone/SliceZone.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1,70 @@
+const require_TODOSliceComponent = require('./TODOSliceComponent.cjs');
+let vue = require("vue");
+
+//#region src/SliceZone/SliceZone.vue?vue&type=script&setup=true&lang.ts
+var SliceZone_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	name: "SliceZone",
+	__name: "SliceZone",
+	props: {
+		slices: {
+			type: Array,
+			required: true
+		},
+		components: {
+			type: null,
+			required: false
+		},
+		defaultComponent: {
+			type: [Object, Function],
+			required: false,
+			skipCheck: true
+		},
+		context: {
+			type: null,
+			required: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const renderedSlices = (0, vue.computed)(() => {
+			if (!props.slices) return [];
+			return props.slices.map((slice, index) => {
+				const type = "slice_type" in slice ? slice.slice_type : slice.type;
+				const key = "id" in slice && typeof slice.id === "string" ? slice.id : `${index}-${JSON.stringify(slice)}`;
+				const is = props.components?.[type] || props.defaultComponent;
+				if (!is) return {
+					is: require_TODOSliceComponent.TODOSliceComponent,
+					key,
+					props: { slice }
+				};
+				if (slice.__mapped) {
+					const { __mapped, ...mappedProps } = slice;
+					return {
+						is,
+						key,
+						props: mappedProps
+					};
+				}
+				return {
+					is,
+					key,
+					props: {
+						slice,
+						index,
+						context: props.context,
+						slices: props.slices
+					}
+				};
+			});
+		});
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(renderedSlices.value, (renderedSlice) => {
+				return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)(renderedSlice.is), (0, vue.mergeProps)({ key: renderedSlice.key }, { ref_for: true }, renderedSlice.props), null, 16);
+			}), 128);
+		};
+	}
+});
+
+//#endregion
+exports.default = SliceZone_vue_vue_type_script_setup_true_lang_default;
+//# sourceMappingURL=SliceZone.vue_vue_type_script_setup_true_lang.cjs.map

package/dist/src/SliceZone/SliceZone.vue_vue_type_script_setup_true_lang.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SliceZone.vue_vue_type_script_setup_true_lang.cjs","names":[],"sources":["../../../src/SliceZone/SliceZone.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from \"vue\"\n\nimport type { ComponentOrTagName } from \"../types\"\nimport type {\n\tSliceComponentType,\n\tSliceLike,\n\tSliceZoneComponents,\n\tSliceZoneLike,\n} from \"./types\"\n\nimport { TODOSliceComponent } from \"./TODOSliceComponent\"\n\n/**\n * Props for `<SliceZone />`.\n *\n * @typeParam TContext - Arbitrary data made available to all Slice components\n */\nexport type SliceZoneProps<TContext = unknown> = {\n\t/** List of slice data from the slice zone. */\n\tslices: SliceZoneLike<SliceLike | (SliceLike & Record<string, unknown>)>\n\n\t/** A record mapping slice types to React components. */\n\tcomponents?: SliceZoneComponents\n\n\t/**\n\t * The Vue component rendered if a component mapping from the `components`\n\t * prop cannot be found.\n\t */\n\t// eslint-disable-next-line @typescript-eslint/no-explicit-any\n\tdefaultComponent?: SliceComponentType<any, TContext>\n\n\t/** Arbitrary data made available to all slice components. */\n\tcontext?: TContext\n}\n\nconst props = defineProps<SliceZoneProps>()\ndefineOptions({ name: \"SliceZone\" })\n\nconst renderedSlices = computed<\n\t{\n\t\tis: ComponentOrTagName\n\t\tkey: string\n\t\tprops: Record<string, unknown>\n\t}[]\n>(() => {\n\tif (!props.slices) return []\n\n\treturn props.slices.map((slice, index) => {\n\t\tconst type =\n\t\t\t\"slice_type\" in slice ? (slice.slice_type as string) : slice.type\n\n\t\tconst key =\n\t\t\t\"id\" in slice && typeof slice.id === \"string\"\n\t\t\t\t? slice.id\n\t\t\t\t: `${index}-${JSON.stringify(slice)}`\n\n\t\tconst is = props.components?.[type] || props.defaultComponent\n\n\t\tif (!is) {\n\t\t\treturn { is: TODOSliceComponent, key, props: { slice } }\n\t\t}\n\n\t\tif (slice.__mapped) {\n\t\t\tconst { __mapped, ...mappedProps } = slice\n\n\t\t\treturn { is, key, props: mappedProps }\n\t\t}\n\n\t\treturn {\n\t\t\tis,\n\t\t\tkey,\n\t\t\tprops: {\n\t\t\t\tslice,\n\t\t\t\tindex,\n\t\t\t\tcontext: props.context,\n\t\t\t\tslices: props.slices,\n\t\t\t},\n\t\t}\n\t})\n})\n</script>\n\n<template>\n\t<component\n\t\tv-for=\"renderedSlice in renderedSlices\"\n\t\t:is=\"renderedSlice.is\"\n\t\t:key=\"renderedSlice.key\"\n\t\tv-bind=\"renderedSlice.props\"\n\t/>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;EAoCA,MAAM,QAAQ;EAGd,MAAM,yCAME;AACP,OAAI,CAAC,MAAM,OAAQ,QAAO,EAAC;AAE3B,UAAO,MAAM,OAAO,KAAK,OAAO,UAAU;IACzC,MAAM,OACL,gBAAgB,QAAS,MAAM,aAAwB,MAAM;IAE9D,MAAM,MACL,QAAQ,SAAS,OAAO,MAAM,OAAO,WAClC,MAAM,KACN,GAAG,MAAM,GAAG,KAAK,UAAU,MAAM;IAErC,MAAM,KAAK,MAAM,aAAa,SAAS,MAAM;AAE7C,QAAI,CAAC,GACJ,QAAO;KAAE,IAAI;KAAoB;KAAK,OAAO,EAAE,OAAO;KAAC;AAGxD,QAAI,MAAM,UAAU;KACnB,MAAM,EAAE,UAAU,GAAG,gBAAgB;AAErC,YAAO;MAAE;MAAI;MAAK,OAAO;MAAY;;AAGtC,WAAO;KACN;KACA;KACA,OAAO;MACN;MACA;MACA,SAAS,MAAM;MACf,QAAQ,MAAM;MACd;KACF;KACA;IACD;;gEASE,cAAA,0BAJuB,eAAA,QAAjB,kBAAa;uFACf,cAAc,GAAE,sBAGpB,EAFA,KAAK,cAAc,0BACZ,cAAc,MAAK,EAAA,MAAA,GAAA"}

package/dist/src/SliceZone/SliceZone.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,70 @@
+import { TODOSliceComponent } from "./TODOSliceComponent.js";
+import { Fragment, computed, createBlock, createElementBlock, defineComponent, mergeProps, openBlock, renderList, resolveDynamicComponent } from "vue";
+
+//#region src/SliceZone/SliceZone.vue?vue&type=script&setup=true&lang.ts
+var SliceZone_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	name: "SliceZone",
+	__name: "SliceZone",
+	props: {
+		slices: {
+			type: Array,
+			required: true
+		},
+		components: {
+			type: null,
+			required: false
+		},
+		defaultComponent: {
+			type: [Object, Function],
+			required: false,
+			skipCheck: true
+		},
+		context: {
+			type: null,
+			required: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const renderedSlices = computed(() => {
+			if (!props.slices) return [];
+			return props.slices.map((slice, index) => {
+				const type = "slice_type" in slice ? slice.slice_type : slice.type;
+				const key = "id" in slice && typeof slice.id === "string" ? slice.id : `${index}-${JSON.stringify(slice)}`;
+				const is = props.components?.[type] || props.defaultComponent;
+				if (!is) return {
+					is: TODOSliceComponent,
+					key,
+					props: { slice }
+				};
+				if (slice.__mapped) {
+					const { __mapped, ...mappedProps } = slice;
+					return {
+						is,
+						key,
+						props: mappedProps
+					};
+				}
+				return {
+					is,
+					key,
+					props: {
+						slice,
+						index,
+						context: props.context,
+						slices: props.slices
+					}
+				};
+			});
+		});
+		return (_ctx, _cache) => {
+			return openBlock(true), createElementBlock(Fragment, null, renderList(renderedSlices.value, (renderedSlice) => {
+				return openBlock(), createBlock(resolveDynamicComponent(renderedSlice.is), mergeProps({ key: renderedSlice.key }, { ref_for: true }, renderedSlice.props), null, 16);
+			}), 128);
+		};
+	}
+});
+
+//#endregion
+export { SliceZone_vue_vue_type_script_setup_true_lang_default as default };
+//# sourceMappingURL=SliceZone.vue_vue_type_script_setup_true_lang.js.map

package/dist/src/SliceZone/SliceZone.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SliceZone.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/SliceZone/SliceZone.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from \"vue\"\n\nimport type { ComponentOrTagName } from \"../types\"\nimport type {\n\tSliceComponentType,\n\tSliceLike,\n\tSliceZoneComponents,\n\tSliceZoneLike,\n} from \"./types\"\n\nimport { TODOSliceComponent } from \"./TODOSliceComponent\"\n\n/**\n * Props for `<SliceZone />`.\n *\n * @typeParam TContext - Arbitrary data made available to all Slice components\n */\nexport type SliceZoneProps<TContext = unknown> = {\n\t/** List of slice data from the slice zone. */\n\tslices: SliceZoneLike<SliceLike | (SliceLike & Record<string, unknown>)>\n\n\t/** A record mapping slice types to React components. */\n\tcomponents?: SliceZoneComponents\n\n\t/**\n\t * The Vue component rendered if a component mapping from the `components`\n\t * prop cannot be found.\n\t */\n\t// eslint-disable-next-line @typescript-eslint/no-explicit-any\n\tdefaultComponent?: SliceComponentType<any, TContext>\n\n\t/** Arbitrary data made available to all slice components. */\n\tcontext?: TContext\n}\n\nconst props = defineProps<SliceZoneProps>()\ndefineOptions({ name: \"SliceZone\" })\n\nconst renderedSlices = computed<\n\t{\n\t\tis: ComponentOrTagName\n\t\tkey: string\n\t\tprops: Record<string, unknown>\n\t}[]\n>(() => {\n\tif (!props.slices) return []\n\n\treturn props.slices.map((slice, index) => {\n\t\tconst type =\n\t\t\t\"slice_type\" in slice ? (slice.slice_type as string) : slice.type\n\n\t\tconst key =\n\t\t\t\"id\" in slice && typeof slice.id === \"string\"\n\t\t\t\t? slice.id\n\t\t\t\t: `${index}-${JSON.stringify(slice)}`\n\n\t\tconst is = props.components?.[type] || props.defaultComponent\n\n\t\tif (!is) {\n\t\t\treturn { is: TODOSliceComponent, key, props: { slice } }\n\t\t}\n\n\t\tif (slice.__mapped) {\n\t\t\tconst { __mapped, ...mappedProps } = slice\n\n\t\t\treturn { is, key, props: mappedProps }\n\t\t}\n\n\t\treturn {\n\t\t\tis,\n\t\t\tkey,\n\t\t\tprops: {\n\t\t\t\tslice,\n\t\t\t\tindex,\n\t\t\t\tcontext: props.context,\n\t\t\t\tslices: props.slices,\n\t\t\t},\n\t\t}\n\t})\n})\n</script>\n\n<template>\n\t<component\n\t\tv-for=\"renderedSlice in renderedSlices\"\n\t\t:is=\"renderedSlice.is\"\n\t\t:key=\"renderedSlice.key\"\n\t\tv-bind=\"renderedSlice.props\"\n\t/>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;EAoCA,MAAM,QAAQ;EAGd,MAAM,iBAAiB,eAMf;AACP,OAAI,CAAC,MAAM,OAAQ,QAAO,EAAC;AAE3B,UAAO,MAAM,OAAO,KAAK,OAAO,UAAU;IACzC,MAAM,OACL,gBAAgB,QAAS,MAAM,aAAwB,MAAM;IAE9D,MAAM,MACL,QAAQ,SAAS,OAAO,MAAM,OAAO,WAClC,MAAM,KACN,GAAG,MAAM,GAAG,KAAK,UAAU,MAAM;IAErC,MAAM,KAAK,MAAM,aAAa,SAAS,MAAM;AAE7C,QAAI,CAAC,GACJ,QAAO;KAAE,IAAI;KAAoB;KAAK,OAAO,EAAE,OAAO;KAAC;AAGxD,QAAI,MAAM,UAAU;KACnB,MAAM,EAAE,UAAU,GAAG,gBAAgB;AAErC,YAAO;MAAE;MAAI;MAAK,OAAO;MAAY;;AAGtC,WAAO;KACN;KACA;KACA,OAAO;MACN;MACA;MACA,SAAS,MAAM;MACf,QAAQ,MAAM;MACd;KACF;KACA;IACD;;2BAIA,mBAKE,UAAA,MAAA,WAJuB,eAAA,QAAjB,kBAAa;wBADrB,YAKE,wBAHI,cAAc,GAAE,EAFtB,WAKE,EAFA,KAAK,cAAc,0BACZ,cAAc,MAAK,EAAA,MAAA,GAAA"}

package/dist/src/SliceZone/TODOSliceComponent.cjs

@@ -0,0 +1,36 @@
+let vue = require("vue");
+let esm_env = require("esm-env");
+
+//#region src/SliceZone/TODOSliceComponent.ts
+/**
+* This Slice component can be used as a reminder to provide a proper
+* implementation.
+*
+* This is also the default Vue component rendered when a component mapping
+* cannot be found in `<SliceZone />`.
+*/
+const TODOSliceComponent = esm_env.DEV ? /* @__PURE__ */ (0, vue.defineComponent)({
+	name: "TODOSliceComponent",
+	props: { slice: {
+		type: Object,
+		required: true
+	} },
+	setup(props) {
+		const type = (0, vue.computed)(() => {
+			return "slice_type" in props.slice ? props.slice.slice_type : props.slice.type;
+		});
+		(0, vue.watchEffect)(() => {
+			console.warn(`[SliceZone] Could not find a component for Slice type "${type.value}"`, props.slice);
+		});
+		return () => {
+			return (0, vue.h)("section", {
+				"data-slice-zone-todo-component": "",
+				"data-slice-type": type.value
+			}, [`Could not find a component for Slice type "${type.value}"`]);
+		};
+	}
+}) : (() => null);
+
+//#endregion
+exports.TODOSliceComponent = TODOSliceComponent;
+//# sourceMappingURL=TODOSliceComponent.cjs.map

package/dist/src/SliceZone/TODOSliceComponent.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TODOSliceComponent.cjs","names":["DEV"],"sources":["../../../src/SliceZone/TODOSliceComponent.ts"],"sourcesContent":["import { DEV } from \"esm-env\"\nimport { computed, defineComponent, h, watchEffect } from \"vue\"\nimport type { PropType } from \"vue\"\n\nimport type { SliceComponentType, SliceLike } from \"./types\"\n\n/**\n * This Slice component can be used as a reminder to provide a proper\n * implementation.\n *\n * This is also the default Vue component rendered when a component mapping\n * cannot be found in `<SliceZone />`.\n */\n// oxlint-disable-next-line explicit-module-boundary-types\nexport const TODOSliceComponent = DEV\n\t? /*#__PURE__*/ (defineComponent({\n\t\t\tname: \"TODOSliceComponent\",\n\t\t\tprops: {\n\t\t\t\tslice: {\n\t\t\t\t\ttype: Object as PropType<SliceLike>,\n\t\t\t\t\trequired: true,\n\t\t\t\t},\n\t\t\t},\n\t\t\tsetup(props) {\n\t\t\t\tconst type = computed(() => {\n\t\t\t\t\treturn \"slice_type\" in props.slice\n\t\t\t\t\t\t? props.slice.slice_type\n\t\t\t\t\t\t: props.slice.type\n\t\t\t\t})\n\n\t\t\t\twatchEffect(() => {\n\t\t\t\t\tconsole.warn(\n\t\t\t\t\t\t`[SliceZone] Could not find a component for Slice type \"${type.value}\"`,\n\t\t\t\t\t\tprops.slice,\n\t\t\t\t\t)\n\t\t\t\t})\n\n\t\t\t\treturn () => {\n\t\t\t\t\treturn h(\n\t\t\t\t\t\t\"section\",\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\"data-slice-zone-todo-component\": \"\",\n\t\t\t\t\t\t\t\"data-slice-type\": type.value,\n\t\t\t\t\t\t},\n\t\t\t\t\t\t[`Could not find a component for Slice type \"${type.value}\"`],\n\t\t\t\t\t)\n\t\t\t\t}\n\t\t\t},\n\t\t}) as SliceComponentType)\n\t: ((() => null) as SliceComponentType)\n"],"mappings":";;;;;;;;;;;AAcA,MAAa,qBAAqBA,cAChB,yCAAgB;CAC/B,MAAM;CACN,OAAO,EACN,OAAO;EACN,MAAM;EACN,UAAU;EACV,EACD;CACD,MAAM,OAAO;EACZ,MAAM,+BAAsB;AAC3B,UAAO,gBAAgB,MAAM,QAC1B,MAAM,MAAM,aACZ,MAAM,MAAM;IACd;AAEF,6BAAkB;AACjB,WAAQ,KACP,0DAA0D,KAAK,MAAM,IACrE,MAAM,MACN;IACA;AAEF,eAAa;AACZ,qBACC,WACA;IACC,kCAAkC;IAClC,mBAAmB,KAAK;IACxB,EACD,CAAC,8CAA8C,KAAK,MAAM,GAAG,CAC7D;;;CAGH,CAAC,UACO"}

package/dist/src/SliceZone/TODOSliceComponent.d.ts

@@ -0,0 +1,15 @@
+import { SliceComponentType } from "./types.js";
+
+//#region src/SliceZone/TODOSliceComponent.d.ts
+
+/**
+ * This Slice component can be used as a reminder to provide a proper
+ * implementation.
+ *
+ * This is also the default Vue component rendered when a component mapping
+ * cannot be found in `<SliceZone />`.
+ */
+declare const TODOSliceComponent: SliceComponentType;
+//#endregion
+export { TODOSliceComponent };
+//# sourceMappingURL=TODOSliceComponent.d.ts.map

package/dist/src/SliceZone/TODOSliceComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TODOSliceComponent.d.ts","names":[],"sources":["../../../src/SliceZone/TODOSliceComponent.ts"],"sourcesContent":[],"mappings":";;;;;;AAcA;;;;;cAAa,oBAAkB"}

package/dist/src/SliceZone/TODOSliceComponent.js

@@ -0,0 +1,36 @@
+import { computed, defineComponent, h, watchEffect } from "vue";
+import { DEV } from "esm-env";
+
+//#region src/SliceZone/TODOSliceComponent.ts
+/**
+* This Slice component can be used as a reminder to provide a proper
+* implementation.
+*
+* This is also the default Vue component rendered when a component mapping
+* cannot be found in `<SliceZone />`.
+*/
+const TODOSliceComponent = DEV ? /* @__PURE__ */ defineComponent({
+	name: "TODOSliceComponent",
+	props: { slice: {
+		type: Object,
+		required: true
+	} },
+	setup(props) {
+		const type = computed(() => {
+			return "slice_type" in props.slice ? props.slice.slice_type : props.slice.type;
+		});
+		watchEffect(() => {
+			console.warn(`[SliceZone] Could not find a component for Slice type "${type.value}"`, props.slice);
+		});
+		return () => {
+			return h("section", {
+				"data-slice-zone-todo-component": "",
+				"data-slice-type": type.value
+			}, [`Could not find a component for Slice type "${type.value}"`]);
+		};
+	}
+}) : (() => null);
+
+//#endregion
+export { TODOSliceComponent };
+//# sourceMappingURL=TODOSliceComponent.js.map

package/dist/src/SliceZone/TODOSliceComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TODOSliceComponent.js","names":[],"sources":["../../../src/SliceZone/TODOSliceComponent.ts"],"sourcesContent":["import { DEV } from \"esm-env\"\nimport { computed, defineComponent, h, watchEffect } from \"vue\"\nimport type { PropType } from \"vue\"\n\nimport type { SliceComponentType, SliceLike } from \"./types\"\n\n/**\n * This Slice component can be used as a reminder to provide a proper\n * implementation.\n *\n * This is also the default Vue component rendered when a component mapping\n * cannot be found in `<SliceZone />`.\n */\n// oxlint-disable-next-line explicit-module-boundary-types\nexport const TODOSliceComponent = DEV\n\t? /*#__PURE__*/ (defineComponent({\n\t\t\tname: \"TODOSliceComponent\",\n\t\t\tprops: {\n\t\t\t\tslice: {\n\t\t\t\t\ttype: Object as PropType<SliceLike>,\n\t\t\t\t\trequired: true,\n\t\t\t\t},\n\t\t\t},\n\t\t\tsetup(props) {\n\t\t\t\tconst type = computed(() => {\n\t\t\t\t\treturn \"slice_type\" in props.slice\n\t\t\t\t\t\t? props.slice.slice_type\n\t\t\t\t\t\t: props.slice.type\n\t\t\t\t})\n\n\t\t\t\twatchEffect(() => {\n\t\t\t\t\tconsole.warn(\n\t\t\t\t\t\t`[SliceZone] Could not find a component for Slice type \"${type.value}\"`,\n\t\t\t\t\t\tprops.slice,\n\t\t\t\t\t)\n\t\t\t\t})\n\n\t\t\t\treturn () => {\n\t\t\t\t\treturn h(\n\t\t\t\t\t\t\"section\",\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\"data-slice-zone-todo-component\": \"\",\n\t\t\t\t\t\t\t\"data-slice-type\": type.value,\n\t\t\t\t\t\t},\n\t\t\t\t\t\t[`Could not find a component for Slice type \"${type.value}\"`],\n\t\t\t\t\t)\n\t\t\t\t}\n\t\t\t},\n\t\t}) as SliceComponentType)\n\t: ((() => null) as SliceComponentType)\n"],"mappings":";;;;;;;;;;;AAcA,MAAa,qBAAqB,MAChB,gCAAgB;CAC/B,MAAM;CACN,OAAO,EACN,OAAO;EACN,MAAM;EACN,UAAU;EACV,EACD;CACD,MAAM,OAAO;EACZ,MAAM,OAAO,eAAe;AAC3B,UAAO,gBAAgB,MAAM,QAC1B,MAAM,MAAM,aACZ,MAAM,MAAM;IACd;AAEF,oBAAkB;AACjB,WAAQ,KACP,0DAA0D,KAAK,MAAM,IACrE,MAAM,MACN;IACA;AAEF,eAAa;AACZ,UAAO,EACN,WACA;IACC,kCAAkC;IAClC,mBAAmB,KAAK;IACxB,EACD,CAAC,8CAA8C,KAAK,MAAM,GAAG,CAC7D;;;CAGH,CAAC,UACO"}

package/dist/src/SliceZone/defineSliceZoneComponents.cjs

@@ -0,0 +1,50 @@
+let vue = require("vue");
+
+//#region src/SliceZone/defineSliceZoneComponents.ts
+/**
+* Gets an optimized record of Slice types mapped to Vue components. Each
+* components will be rendered for each instance of their Slice type.
+*
+* @remarks
+* This is essentially an helper function to ensure {@link markRaw} is correctly
+* applied on each components, improving performances.
+*
+* @example
+*
+* ```javascript
+* // Defining a slice components
+* import { defineSliceZoneComponents } from "@prismicio/vue";
+*
+* export default {
+*   data() {
+*     components: defineSliceZoneComponents({
+*       foo: Foo,
+*       bar: defineAsyncComponent(
+*         () => new Promise((res) => res(Bar)),
+*       ),
+*       baz: "Baz",
+*     }),
+*   }
+* };
+* ```
+*
+* @typeParam TSlice - The type(s) of slices in the Slice Zone
+* @typeParam TContext - Arbitrary data made available to all Slice components
+*
+* @param components - {@link SliceZoneComponents}
+*
+* @returns A new optimized record of {@link SliceZoneComponents}
+*/
+const defineSliceZoneComponents = (components) => {
+	const result = {};
+	let type;
+	for (type in components) {
+		const component = components[type];
+		result[type] = typeof component === "string" ? component : (0, vue.markRaw)(component);
+	}
+	return result;
+};
+
+//#endregion
+exports.defineSliceZoneComponents = defineSliceZoneComponents;
+//# sourceMappingURL=defineSliceZoneComponents.cjs.map

package/dist/src/SliceZone/defineSliceZoneComponents.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"defineSliceZoneComponents.cjs","names":["type: keyof typeof components"],"sources":["../../../src/SliceZone/defineSliceZoneComponents.ts"],"sourcesContent":["import { markRaw } from \"vue\"\n\nimport type {\n\tSliceComponentType,\n\tSliceLike,\n\tSliceZoneComponents,\n} from \"./types\"\n\n/**\n * Gets an optimized record of Slice types mapped to Vue components. Each\n * components will be rendered for each instance of their Slice type.\n *\n * @remarks\n * This is essentially an helper function to ensure {@link markRaw} is correctly\n * applied on each components, improving performances.\n *\n * @example\n *\n * ```javascript\n * // Defining a slice components\n * import { defineSliceZoneComponents } from \"@prismicio/vue\";\n *\n * export default {\n *   data() {\n *     components: defineSliceZoneComponents({\n *       foo: Foo,\n *       bar: defineAsyncComponent(\n *         () => new Promise((res) => res(Bar)),\n *       ),\n *       baz: \"Baz\",\n *     }),\n *   }\n * };\n * ```\n *\n * @typeParam TSlice - The type(s) of slices in the Slice Zone\n * @typeParam TContext - Arbitrary data made available to all Slice components\n *\n * @param components - {@link SliceZoneComponents}\n *\n * @returns A new optimized record of {@link SliceZoneComponents}\n */\nexport const defineSliceZoneComponents = <\n\t// eslint-disable-next-line @typescript-eslint/no-explicit-any\n\tTSlice extends SliceLike = any,\n\tTContext = unknown,\n>(\n\tcomponents: SliceZoneComponents<TSlice, TContext>,\n): SliceZoneComponents<TSlice, TContext> => {\n\tconst result = {} as SliceZoneComponents<TSlice, TContext>\n\n\tlet type: keyof typeof components\n\tfor (type in components) {\n\t\tconst component = components[type]\n\t\tresult[type] =\n\t\t\ttypeof component === \"string\"\n\t\t\t\t? component\n\t\t\t\t: markRaw(\n\t\t\t\t\t\tcomponent as SliceComponentType<\n\t\t\t\t\t\t\tExtract<TSlice, SliceLike<typeof type>>,\n\t\t\t\t\t\t\tTContext\n\t\t\t\t\t\t>,\n\t\t\t\t\t)\n\t}\n\n\treturn result\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0CA,MAAa,6BAKZ,eAC2C;CAC3C,MAAM,SAAS,EAAE;CAEjB,IAAIA;AACJ,MAAK,QAAQ,YAAY;EACxB,MAAM,YAAY,WAAW;AAC7B,SAAO,QACN,OAAO,cAAc,WAClB,6BAEA,UAIA;;AAGL,QAAO"}

package/dist/{SliceZone → src/SliceZone}/defineSliceZoneComponents.d.ts

@@ -1,4 +1,7 @@
-import type { SliceLike, SliceZoneComponents } from "./types";
+import { SliceLike, SliceZoneComponents } from "./types.js";
+
+//#region src/SliceZone/defineSliceZoneComponents.d.ts
+
 /**
  * Gets an optimized record of Slice types mapped to Vue components. Each
  * components will be rendered for each instance of their Slice type.
@@ -33,4 +36,7 @@ import type { SliceLike, SliceZoneComponents } from "./types";
  *
  * @returns A new optimized record of {@link SliceZoneComponents}
  */
-export declare const defineSliceZoneComponents: <TSlice extends SliceLike = any, TContext = unknown>(components: SliceZoneComponents<TSlice, TContext>) => SliceZoneComponents<TSlice, TContext>;
+declare const defineSliceZoneComponents: <TSlice extends SliceLike = any, TContext = unknown>(components: SliceZoneComponents<TSlice, TContext>) => SliceZoneComponents<TSlice, TContext>;
+//#endregion
+export { defineSliceZoneComponents };
+//# sourceMappingURL=defineSliceZoneComponents.d.ts.map

package/dist/src/SliceZone/defineSliceZoneComponents.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defineSliceZoneComponents.d.ts","names":[],"sources":["../../../src/SliceZone/defineSliceZoneComponents.ts"],"sourcesContent":[],"mappings":";;;;;;AA0CA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAAa,2CAEG,iDAGH,oBAAoB,QAAQ,cACtC,oBAAoB,QAAQ"}

package/dist/src/SliceZone/defineSliceZoneComponents.js

@@ -0,0 +1,50 @@
+import { markRaw } from "vue";
+
+//#region src/SliceZone/defineSliceZoneComponents.ts
+/**
+* Gets an optimized record of Slice types mapped to Vue components. Each
+* components will be rendered for each instance of their Slice type.
+*
+* @remarks
+* This is essentially an helper function to ensure {@link markRaw} is correctly
+* applied on each components, improving performances.
+*
+* @example
+*
+* ```javascript
+* // Defining a slice components
+* import { defineSliceZoneComponents } from "@prismicio/vue";
+*
+* export default {
+*   data() {
+*     components: defineSliceZoneComponents({
+*       foo: Foo,
+*       bar: defineAsyncComponent(
+*         () => new Promise((res) => res(Bar)),
+*       ),
+*       baz: "Baz",
+*     }),
+*   }
+* };
+* ```
+*
+* @typeParam TSlice - The type(s) of slices in the Slice Zone
+* @typeParam TContext - Arbitrary data made available to all Slice components
+*
+* @param components - {@link SliceZoneComponents}
+*
+* @returns A new optimized record of {@link SliceZoneComponents}
+*/
+const defineSliceZoneComponents = (components) => {
+	const result = {};
+	let type;
+	for (type in components) {
+		const component = components[type];
+		result[type] = typeof component === "string" ? component : markRaw(component);
+	}
+	return result;
+};
+
+//#endregion
+export { defineSliceZoneComponents };
+//# sourceMappingURL=defineSliceZoneComponents.js.map

package/dist/src/SliceZone/defineSliceZoneComponents.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defineSliceZoneComponents.js","names":["type: keyof typeof components"],"sources":["../../../src/SliceZone/defineSliceZoneComponents.ts"],"sourcesContent":["import { markRaw } from \"vue\"\n\nimport type {\n\tSliceComponentType,\n\tSliceLike,\n\tSliceZoneComponents,\n} from \"./types\"\n\n/**\n * Gets an optimized record of Slice types mapped to Vue components. Each\n * components will be rendered for each instance of their Slice type.\n *\n * @remarks\n * This is essentially an helper function to ensure {@link markRaw} is correctly\n * applied on each components, improving performances.\n *\n * @example\n *\n * ```javascript\n * // Defining a slice components\n * import { defineSliceZoneComponents } from \"@prismicio/vue\";\n *\n * export default {\n *   data() {\n *     components: defineSliceZoneComponents({\n *       foo: Foo,\n *       bar: defineAsyncComponent(\n *         () => new Promise((res) => res(Bar)),\n *       ),\n *       baz: \"Baz\",\n *     }),\n *   }\n * };\n * ```\n *\n * @typeParam TSlice - The type(s) of slices in the Slice Zone\n * @typeParam TContext - Arbitrary data made available to all Slice components\n *\n * @param components - {@link SliceZoneComponents}\n *\n * @returns A new optimized record of {@link SliceZoneComponents}\n */\nexport const defineSliceZoneComponents = <\n\t// eslint-disable-next-line @typescript-eslint/no-explicit-any\n\tTSlice extends SliceLike = any,\n\tTContext = unknown,\n>(\n\tcomponents: SliceZoneComponents<TSlice, TContext>,\n): SliceZoneComponents<TSlice, TContext> => {\n\tconst result = {} as SliceZoneComponents<TSlice, TContext>\n\n\tlet type: keyof typeof components\n\tfor (type in components) {\n\t\tconst component = components[type]\n\t\tresult[type] =\n\t\t\ttypeof component === \"string\"\n\t\t\t\t? component\n\t\t\t\t: markRaw(\n\t\t\t\t\t\tcomponent as SliceComponentType<\n\t\t\t\t\t\t\tExtract<TSlice, SliceLike<typeof type>>,\n\t\t\t\t\t\t\tTContext\n\t\t\t\t\t\t>,\n\t\t\t\t\t)\n\t}\n\n\treturn result\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0CA,MAAa,6BAKZ,eAC2C;CAC3C,MAAM,SAAS,EAAE;CAEjB,IAAIA;AACJ,MAAK,QAAQ,YAAY;EACxB,MAAM,YAAY,WAAW;AAC7B,SAAO,QACN,OAAO,cAAc,WAClB,YACA,QACA,UAIA;;AAGL,QAAO"}

package/dist/src/SliceZone/getSliceComponentProps.cjs

@@ -0,0 +1,60 @@
+
+//#region src/SliceZone/getSliceComponentProps.ts
+/**
+* Gets native Vue props for a component rendering content from a Prismic Slice
+* using the `<SliceZone />` component.
+*
+* Props are: `["slice", "index", "slices", "context"]`
+*
+* @example
+*
+* ```typescript
+* // Defining a new slice component
+* import { getSliceComponentProps } from "@prismicio/vue"
+*
+* defineProps(getSliceComponentProps())
+* ```
+*
+* @example
+*
+* ```typescript
+* // Defining a new slice component with visual hint
+* import { getSliceComponentProps } from "@prismicio/vue"
+*
+* defineProps(
+* 	getSliceComponentProps(["slice", "index", "slices", "context"]),
+* )
+* ```
+*
+* @typeParam TSlice - The Slice type
+* @typeParam TContext - Arbitrary data passed to `<SliceZone />` and made
+*   available to all Slice components
+*
+* @param propsHint - An optional array of prop names used for the sole purpose
+*   of having a visual hint of which props are made available to the slice,
+*   this parameters doesn't have any effect
+*
+* @returns Props object to use with `defineProps()`
+*/
+const getSliceComponentProps = (propsHint) => ({
+	slice: {
+		type: Object,
+		required: true
+	},
+	index: {
+		type: Number,
+		required: true
+	},
+	slices: {
+		type: Array,
+		required: true
+	},
+	context: {
+		type: null,
+		required: true
+	}
+});
+
+//#endregion
+exports.getSliceComponentProps = getSliceComponentProps;
+//# sourceMappingURL=getSliceComponentProps.cjs.map

package/dist/src/SliceZone/getSliceComponentProps.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"getSliceComponentProps.cjs","names":[],"sources":["../../../src/SliceZone/getSliceComponentProps.ts"],"sourcesContent":["import type { PropType } from \"vue\"\n\nimport type { SliceComponentProps, SliceLike } from \"./types\"\n\n/**\n * Native Vue props for a component rendering content from a Prismic Slice using\n * the `<SliceZone />` component.\n *\n * @typeParam TSlice - The Slice type\n * @typeParam TContext - Arbitrary data passed to `<SliceZone />` and made\n *   available to all Slice components\n */\ntype DefineComponentSliceComponentProps<\n\t// eslint-disable-next-line @typescript-eslint/no-explicit-any\n\tTSlice extends SliceLike = any,\n\tTContext = unknown,\n> = {\n\tslice: {\n\t\ttype: PropType<SliceComponentProps<TSlice, TContext>[\"slice\"]>\n\t\trequired: true\n\t}\n\tindex: {\n\t\ttype: PropType<SliceComponentProps<TSlice, TContext>[\"index\"]>\n\t\trequired: true\n\t}\n\tslices: {\n\t\ttype: PropType<SliceComponentProps<TSlice, TContext>[\"slices\"]>\n\t\trequired: true\n\t}\n\tcontext: {\n\t\ttype: PropType<SliceComponentProps<TSlice, TContext>[\"context\"]>\n\t\trequired: true\n\t}\n}\n\n/**\n * Gets native Vue props for a component rendering content from a Prismic Slice\n * using the `<SliceZone />` component.\n *\n * Props are: `[\"slice\", \"index\", \"slices\", \"context\"]`\n *\n * @example\n *\n * ```typescript\n * // Defining a new slice component\n * import { getSliceComponentProps } from \"@prismicio/vue\"\n *\n * defineProps(getSliceComponentProps())\n * ```\n *\n * @example\n *\n * ```typescript\n * // Defining a new slice component with visual hint\n * import { getSliceComponentProps } from \"@prismicio/vue\"\n *\n * defineProps(\n * \tgetSliceComponentProps([\"slice\", \"index\", \"slices\", \"context\"]),\n * )\n * ```\n *\n * @typeParam TSlice - The Slice type\n * @typeParam TContext - Arbitrary data passed to `<SliceZone />` and made\n *   available to all Slice components\n *\n * @param propsHint - An optional array of prop names used for the sole purpose\n *   of having a visual hint of which props are made available to the slice,\n *   this parameters doesn't have any effect\n *\n * @returns Props object to use with `defineProps()`\n */\nexport const getSliceComponentProps = <\n\t// eslint-disable-next-line @typescript-eslint/no-explicit-any\n\tTSlice extends SliceLike = any,\n\tTContext = unknown,\n>(\n\t// eslint-disable-next-line @typescript-eslint/no-unused-vars\n\tpropsHint?: [\"slice\", \"index\", \"slices\", \"context\"],\n): DefineComponentSliceComponentProps<TSlice, TContext> => ({\n\tslice: {\n\t\ttype: Object as PropType<SliceComponentProps<TSlice, TContext>[\"slice\"]>,\n\t\trequired: true,\n\t},\n\tindex: {\n\t\ttype: Number as PropType<SliceComponentProps<TSlice, TContext>[\"index\"]>,\n\t\trequired: true,\n\t},\n\tslices: {\n\t\ttype: Array as PropType<SliceComponentProps<TSlice, TContext>[\"slices\"]>,\n\t\trequired: true,\n\t},\n\tcontext: {\n\t\ttype: null as unknown as PropType<\n\t\t\tSliceComponentProps<TSlice, TContext>[\"context\"]\n\t\t>,\n\t\trequired: true,\n\t},\n})\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuEA,MAAa,0BAMZ,eAC2D;CAC3D,OAAO;EACN,MAAM;EACN,UAAU;EACV;CACD,OAAO;EACN,MAAM;EACN,UAAU;EACV;CACD,QAAQ;EACP,MAAM;EACN,UAAU;EACV;CACD,SAAS;EACR,MAAM;EAGN,UAAU;EACV;CACD"}