@prismicio/vue 4.3.1 → 5.0.0-alpha.1

package/dist/SliceZone/SliceZone.vue.cjs

@@ -0,0 +1,63 @@
+"use strict";
+const vue = require("vue");
+const Wrapper_vue_vue_type_script_setup_true_lang = require("../lib/Wrapper.vue.cjs");
+const usePrismic = require("../usePrismic.cjs");
+const TODOSliceComponent = require("./TODOSliceComponent.cjs");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{ name: "SliceZone" },
+  __name: "SliceZone",
+  props: {
+    slices: {},
+    components: {},
+    defaultComponent: {},
+    context: {},
+    wrapper: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const { options } = usePrismic.usePrismic();
+    const renderedSlices = vue.computed(() => {
+      return props.slices.map((slice, index) => {
+        var _a, _b;
+        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 = ((_a = props.components) == null ? void 0 : _a[type]) || props.defaultComponent || ((_b = options.components) == null ? void 0 : _b.sliceZoneDefaultComponent);
+        if (!is) {
+          return { is: 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 _ctx.slices ? (vue.openBlock(), vue.createBlock(Wrapper_vue_vue_type_script_setup_true_lang, {
+        key: 0,
+        wrapper: _ctx.wrapper
+      }, {
+        default: vue.withCtx(() => [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(renderedSlices.value, (renderedSlice) => {
+            return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(renderedSlice.is), vue.mergeProps({
+              key: renderedSlice.key,
+              ref_for: true
+            }, renderedSlice.props), null, 16);
+          }), 128))
+        ]),
+        _: 1
+      }, 8, ["wrapper"])) : vue.createCommentVNode("", true);
+    };
+  }
+});
+module.exports = _sfc_main;
+//# sourceMappingURL=SliceZone.vue.cjs.map

package/dist/SliceZone/SliceZone.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SliceZone.vue.cjs","sources":["../../src/SliceZone/SliceZone.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from \"vue\"\n\nimport Wrapper from \"../lib/Wrapper.vue\"\n\nimport type { ComponentOrTagName } from \"../types\"\nimport type {\n\tSliceComponentType,\n\tSliceLike,\n\tSliceZoneComponents,\n\tSliceZoneLike,\n} from \"./types\"\n\nimport { usePrismic } from \"../usePrismic\"\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/**\n\t * List of Slice data from the Slice Zone.\n\t */\n\tslices: SliceZoneLike<SliceLike | (SliceLike & Record<string, unknown>)>\n\n\t/**\n\t * A record mapping Slice types to Vue components.\n\t */\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 * @remarks\n\t * Components will be rendered using the {@link SliceComponentProps} interface.\n\t *\n\t * @defaultValue The Slice Zone default component provided to `@prismicio/vue` plugin if configured, otherwise `null` when `process.env.NODE_ENV === \"production\"` else {@link TODOSliceComponent}.\n\t */\n\t// eslint-disable-next-line @typescript-eslint/no-explicit-any\n\tdefaultComponent?: SliceComponentType<any, TContext>\n\n\t/**\n\t * Arbitrary data made available to all Slice components.\n\t */\n\tcontext?: TContext\n\n\t/**\n\t * An HTML tag name or a component used to wrap the output. `<SliceZone />` is\n\t * not wrapped by default.\n\t *\n\t * @defaultValue `\"template\"` (no wrapper)\n\t */\n\twrapper?: ComponentOrTagName\n}\n\nconst props = defineProps<SliceZoneProps>()\ndefineOptions({ name: \"SliceZone\" })\n\nconst { options } = usePrismic()\n\nconst renderedSlices = computed(() => {\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 =\n\t\t\tprops.components?.[type] ||\n\t\t\tprops.defaultComponent ||\n\t\t\toptions.components?.sliceZoneDefaultComponent\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<Wrapper v-if=\"slices\" :wrapper=\"wrapper\">\n\t\t<component\n\t\t\tv-for=\"renderedSlice in renderedSlices\"\n\t\t\t:is=\"renderedSlice.is\"\n\t\t\t:key=\"renderedSlice.key\"\n\t\t\tv-bind=\"renderedSlice.props\"\n\t\t/>\n\t</Wrapper>\n</template>\n"],"names":["usePrismic","computed","TODOSliceComponent"],"mappings":";;;;;;;;;;;;;;;;AA2DA,UAAM,QAAQ;AAGR,UAAA,EAAE,QAAQ,IAAIA,sBAAW;AAEzB,UAAA,iBAAiBC,IAAAA,SAAS,MAAM;AACrC,aAAO,MAAM,OAAO,IAAI,CAAC,OAAO,UAAU;;AACzC,cAAM,OACL,gBAAgB,QAAS,MAAM,aAAwB,MAAM;AAE9D,cAAM,MACL,QAAQ,SAAS,OAAO,MAAM,OAAO,WAClC,MAAM,KACN,GAAG,KAAK,IAAI,KAAK,UAAU,KAAK,CAAC;AAE/B,cAAA,OACL,WAAM,eAAN,mBAAmB,UACnB,MAAM,sBACN,aAAQ,eAAR,mBAAoB;AAErB,YAAI,CAAC,IAAI;AACR,iBAAO,EAAE,IAAIC,mBAAA,oBAAoB,KAAK,OAAO,EAAE,QAAQ;AAAA,QAAA;AAGxD,YAAI,MAAM,UAAU;AACnB,gBAAM,EAAE,UAAU,GAAG,YAAA,IAAgB;AAErC,iBAAO,EAAE,IAAI,KAAK,OAAO,YAAY;AAAA,QAAA;AAG/B,eAAA;AAAA,UACN;AAAA,UACA;AAAA,UACA,OAAO;AAAA,YACN;AAAA,YACA;AAAA,YACA,SAAS,MAAM;AAAA,YACf,QAAQ,MAAM;AAAA,UAAA;AAAA,QAEhB;AAAA,MAAA,CACA;AAAA,IAAA,CACD;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,41 @@
+import { ComponentOrTagName } from '../types';
+import { SliceComponentType, SliceLike, SliceZoneComponents, SliceZoneLike } from './types';
+/**
+ * Props for `<SliceZone />`.
+ *
+ * @typeParam TContext - Arbitrary data made available to all Slice components
+ */
+export 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 Vue components.
+     */
+    components?: SliceZoneComponents;
+    /**
+     * The Vue component rendered if a component mapping from the `components`
+     * prop cannot be found.
+     *
+     * @remarks
+     * Components will be rendered using the {@link SliceComponentProps} interface.
+     *
+     * @defaultValue The Slice Zone default component provided to `@prismicio/vue` plugin if configured, otherwise `null` when `process.env.NODE_ENV === "production"` else {@link TODOSliceComponent}.
+     */
+    defaultComponent?: SliceComponentType<any, TContext>;
+    /**
+     * Arbitrary data made available to all Slice components.
+     */
+    context?: TContext;
+    /**
+     * An HTML tag name or a component used to wrap the output. `<SliceZone />` is
+     * not wrapped by default.
+     *
+     * @defaultValue `"template"` (no wrapper)
+     */
+    wrapper?: ComponentOrTagName;
+};
+type __VLS_Props = SliceZoneProps;
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/SliceZone/SliceZone.vue.js

@@ -0,0 +1,64 @@
+import { defineComponent, computed, openBlock, createBlock, withCtx, createElementBlock, Fragment, renderList, resolveDynamicComponent, mergeProps, createCommentVNode } from "vue";
+import _sfc_main$1 from "../lib/Wrapper.vue.js";
+import { usePrismic } from "../usePrismic.js";
+import { TODOSliceComponent } from "./TODOSliceComponent.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "SliceZone" },
+  __name: "SliceZone",
+  props: {
+    slices: {},
+    components: {},
+    defaultComponent: {},
+    context: {},
+    wrapper: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const { options } = usePrismic();
+    const renderedSlices = computed(() => {
+      return props.slices.map((slice, index) => {
+        var _a, _b;
+        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 = ((_a = props.components) == null ? void 0 : _a[type]) || props.defaultComponent || ((_b = options.components) == null ? void 0 : _b.sliceZoneDefaultComponent);
+        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 _ctx.slices ? (openBlock(), createBlock(_sfc_main$1, {
+        key: 0,
+        wrapper: _ctx.wrapper
+      }, {
+        default: withCtx(() => [
+          (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))
+        ]),
+        _: 1
+      }, 8, ["wrapper"])) : createCommentVNode("", true);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=SliceZone.vue.js.map

package/dist/SliceZone/SliceZone.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SliceZone.vue.js","sources":["../../src/SliceZone/SliceZone.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from \"vue\"\n\nimport Wrapper from \"../lib/Wrapper.vue\"\n\nimport type { ComponentOrTagName } from \"../types\"\nimport type {\n\tSliceComponentType,\n\tSliceLike,\n\tSliceZoneComponents,\n\tSliceZoneLike,\n} from \"./types\"\n\nimport { usePrismic } from \"../usePrismic\"\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/**\n\t * List of Slice data from the Slice Zone.\n\t */\n\tslices: SliceZoneLike<SliceLike | (SliceLike & Record<string, unknown>)>\n\n\t/**\n\t * A record mapping Slice types to Vue components.\n\t */\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 * @remarks\n\t * Components will be rendered using the {@link SliceComponentProps} interface.\n\t *\n\t * @defaultValue The Slice Zone default component provided to `@prismicio/vue` plugin if configured, otherwise `null` when `process.env.NODE_ENV === \"production\"` else {@link TODOSliceComponent}.\n\t */\n\t// eslint-disable-next-line @typescript-eslint/no-explicit-any\n\tdefaultComponent?: SliceComponentType<any, TContext>\n\n\t/**\n\t * Arbitrary data made available to all Slice components.\n\t */\n\tcontext?: TContext\n\n\t/**\n\t * An HTML tag name or a component used to wrap the output. `<SliceZone />` is\n\t * not wrapped by default.\n\t *\n\t * @defaultValue `\"template\"` (no wrapper)\n\t */\n\twrapper?: ComponentOrTagName\n}\n\nconst props = defineProps<SliceZoneProps>()\ndefineOptions({ name: \"SliceZone\" })\n\nconst { options } = usePrismic()\n\nconst renderedSlices = computed(() => {\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 =\n\t\t\tprops.components?.[type] ||\n\t\t\tprops.defaultComponent ||\n\t\t\toptions.components?.sliceZoneDefaultComponent\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<Wrapper v-if=\"slices\" :wrapper=\"wrapper\">\n\t\t<component\n\t\t\tv-for=\"renderedSlice in renderedSlices\"\n\t\t\t:is=\"renderedSlice.is\"\n\t\t\t:key=\"renderedSlice.key\"\n\t\t\tv-bind=\"renderedSlice.props\"\n\t\t/>\n\t</Wrapper>\n</template>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AA2DA,UAAM,QAAQ;AAGR,UAAA,EAAE,QAAQ,IAAI,WAAW;AAEzB,UAAA,iBAAiB,SAAS,MAAM;AACrC,aAAO,MAAM,OAAO,IAAI,CAAC,OAAO,UAAU;;AACzC,cAAM,OACL,gBAAgB,QAAS,MAAM,aAAwB,MAAM;AAE9D,cAAM,MACL,QAAQ,SAAS,OAAO,MAAM,OAAO,WAClC,MAAM,KACN,GAAG,KAAK,IAAI,KAAK,UAAU,KAAK,CAAC;AAE/B,cAAA,OACL,WAAM,eAAN,mBAAmB,UACnB,MAAM,sBACN,aAAQ,eAAR,mBAAoB;AAErB,YAAI,CAAC,IAAI;AACR,iBAAO,EAAE,IAAI,oBAAoB,KAAK,OAAO,EAAE,QAAQ;AAAA,QAAA;AAGxD,YAAI,MAAM,UAAU;AACnB,gBAAM,EAAE,UAAU,GAAG,YAAA,IAAgB;AAErC,iBAAO,EAAE,IAAI,KAAK,OAAO,YAAY;AAAA,QAAA;AAG/B,eAAA;AAAA,UACN;AAAA,UACA;AAAA,UACA,OAAO;AAAA,YACN;AAAA,YACA;AAAA,YACA,SAAS,MAAM;AAAA,YACf,QAAQ,MAAM;AAAA,UAAA;AAAA,QAEhB;AAAA,MAAA,CACA;AAAA,IAAA,CACD;;;;;;;;;;;;;;;;;;;"}

package/dist/SliceZone/SliceZone.vue2.cjs

@@ -0,0 +1,4 @@
+"use strict";
+const SliceZone_vue_vue_type_script_setup_true_lang = require("./SliceZone.vue.cjs");
+module.exports = SliceZone_vue_vue_type_script_setup_true_lang;
+//# sourceMappingURL=SliceZone.vue2.cjs.map

package/dist/SliceZone/SliceZone.vue2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SliceZone.vue2.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/SliceZone/SliceZone.vue2.js

@@ -0,0 +1,5 @@
+import _sfc_main from "./SliceZone.vue.js";
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=SliceZone.vue2.js.map

package/dist/SliceZone/SliceZone.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SliceZone.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/SliceZone/TODOSliceComponent.cjs

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const esmEnv = require("esm-env");
+const vue = require("vue");
+const TODOSliceComponent = esmEnv.DEV ? /* @__PURE__ */ vue.defineComponent({
+  name: "TODOSliceComponent",
+  props: {
+    slice: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(props) {
+    const type = vue.computed(() => {
+      return "slice_type" in props.slice ? props.slice.slice_type : props.slice.type;
+    });
+    vue.watchEffect(() => {
+      console.warn(`[SliceZone] Could not find a component for Slice type "${type.value}"`, props.slice);
+    });
+    return () => {
+      return vue.h("section", {
+        "data-slice-zone-todo-component": "",
+        "data-slice-type": type.value
+      }, [`Could not find a component for Slice type "${type.value}"`]);
+    };
+  }
+}) : () => null;
+exports.TODOSliceComponent = TODOSliceComponent;
+//# sourceMappingURL=TODOSliceComponent.cjs.map

package/dist/SliceZone/TODOSliceComponent.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TODOSliceComponent.cjs","sources":["../../../src/SliceZone/TODOSliceComponent.ts"],"sourcesContent":["import { DEV } from \"esm-env\"\nimport type { PropType } from \"vue\"\nimport { computed, defineComponent, h, watchEffect } 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 */\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"],"names":["DEV","defineComponent","computed","watchEffect","h"],"mappings":";;;;AAaa,MAAA,qBAAqBA,aACAC,oCAAA;AAAA,EAC/B,MAAM;AAAA,EACN,OAAO;AAAA,IACN,OAAO;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,IAAA;AAAA,EAEX;AAAA,EACD,MAAM,OAAK;AACJ,UAAA,OAAOC,IAAAA,SAAS,MAAK;AAC1B,aAAO,gBAAgB,MAAM,QAC1B,MAAM,MAAM,aACZ,MAAM,MAAM;AAAA,IAAA,CACf;AAEDC,QAAAA,YAAY,MAAK;AAChB,cAAQ,KACP,0DAA0D,KAAK,KAAK,KACpE,MAAM,KAAK;AAAA,IAAA,CAEZ;AAED,WAAO,MAAK;AACX,aAAOC,IAAAA,EACN,WACA;AAAA,QACC,kCAAkC;AAAA,QAClC,mBAAmB,KAAK;AAAA,MAAA,GAEzB,CAAC,8CAA8C,KAAK,KAAK,GAAG,CAAC;AAAA,IAE/D;AAAA,EAAA;CAED,IACE,MAAM;;"}

package/dist/SliceZone/TODOSliceComponent.d.ts

@@ -0,0 +1,9 @@
+import type { SliceComponentType } from "./types";
+/**
+ * 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 />`.
+ */
+export declare const TODOSliceComponent: SliceComponentType;

package/dist/SliceZone/TODOSliceComponent.js

@@ -0,0 +1,29 @@
+import { DEV } from "esm-env";
+import { defineComponent, computed, watchEffect, h } from "vue";
+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;
+export {
+  TODOSliceComponent
+};
+//# sourceMappingURL=TODOSliceComponent.js.map

package/dist/SliceZone/TODOSliceComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TODOSliceComponent.js","sources":["../../../src/SliceZone/TODOSliceComponent.ts"],"sourcesContent":["import { DEV } from \"esm-env\"\nimport type { PropType } from \"vue\"\nimport { computed, defineComponent, h, watchEffect } 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 */\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"],"names":[],"mappings":";;AAaa,MAAA,qBAAqB,MACA,gCAAA;AAAA,EAC/B,MAAM;AAAA,EACN,OAAO;AAAA,IACN,OAAO;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,IAAA;AAAA,EAEX;AAAA,EACD,MAAM,OAAK;AACJ,UAAA,OAAO,SAAS,MAAK;AAC1B,aAAO,gBAAgB,MAAM,QAC1B,MAAM,MAAM,aACZ,MAAM,MAAM;AAAA,IAAA,CACf;AAED,gBAAY,MAAK;AAChB,cAAQ,KACP,0DAA0D,KAAK,KAAK,KACpE,MAAM,KAAK;AAAA,IAAA,CAEZ;AAED,WAAO,MAAK;AACX,aAAO,EACN,WACA;AAAA,QACC,kCAAkC;AAAA,QAClC,mBAAmB,KAAK;AAAA,MAAA,GAEzB,CAAC,8CAA8C,KAAK,KAAK,GAAG,CAAC;AAAA,IAE/D;AAAA,EAAA;CAED,IACE,MAAM;"}

package/dist/SliceZone/defineSliceZoneComponents.cjs

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const vue = require("vue");
+const defineSliceZoneComponents = (components) => {
+  const result = {};
+  let type;
+  for (type in components) {
+    const component = components[type];
+    result[type] = typeof component === "string" ? component : vue.markRaw(component);
+  }
+  return result;
+};
+exports.defineSliceZoneComponents = defineSliceZoneComponents;
+//# sourceMappingURL=defineSliceZoneComponents.cjs.map

package/dist/SliceZone/defineSliceZoneComponents.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"defineSliceZoneComponents.cjs","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"],"names":["markRaw"],"mappings":";;;AA0Ca,MAAA,4BAA4B,CAKxC,eAC0C;AAC1C,QAAM,SAAS,CAAA;AAEX,MAAA;AACJ,OAAK,QAAQ,YAAY;AAClB,UAAA,YAAY,WAAW,IAAI;AACjC,WAAO,IAAI,IACV,OAAO,cAAc,WAClB,YACAA,YACA,SAGC;AAAA,EAAA;AAIC,SAAA;AACR;;"}

package/dist/SliceZone/defineSliceZoneComponents.d.ts

@@ -0,0 +1,36 @@
+import type { SliceLike, SliceZoneComponents } from "./types";
+/**
+ * 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}
+ */
+export declare const defineSliceZoneComponents: <TSlice extends SliceLike = any, TContext = unknown>(components: SliceZoneComponents<TSlice, TContext>) => SliceZoneComponents<TSlice, TContext>;

package/dist/SliceZone/defineSliceZoneComponents.js

@@ -0,0 +1,14 @@
+import { markRaw } from "vue";
+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;
+};
+export {
+  defineSliceZoneComponents
+};
+//# sourceMappingURL=defineSliceZoneComponents.js.map

package/dist/SliceZone/defineSliceZoneComponents.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defineSliceZoneComponents.js","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"],"names":[],"mappings":";AA0Ca,MAAA,4BAA4B,CAKxC,eAC0C;AAC1C,QAAM,SAAS,CAAA;AAEX,MAAA;AACJ,OAAK,QAAQ,YAAY;AAClB,UAAA,YAAY,WAAW,IAAI;AACjC,WAAO,IAAI,IACV,OAAO,cAAc,WAClB,YACA,QACA,SAGC;AAAA,EAAA;AAIC,SAAA;AACR;"}

package/dist/SliceZone/getSliceComponentProps.cjs

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const getSliceComponentProps = (propsHint) => ({
+  slice: {
+    type: Object,
+    required: true
+  },
+  index: {
+    type: Number,
+    required: true
+  },
+  slices: {
+    type: Array,
+    required: true
+  },
+  context: {
+    type: null,
+    required: true
+  }
+});
+exports.getSliceComponentProps = getSliceComponentProps;
+//# sourceMappingURL=getSliceComponentProps.cjs.map

package/dist/SliceZone/getSliceComponentProps.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"getSliceComponentProps.cjs","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"],"names":[],"mappings":";;AAuEa,MAAA,yBAAyB,CAMrC,eAC2D;AAAA,EAC3D,OAAO;AAAA,IACN,MAAM;AAAA,IACN,UAAU;AAAA,EACV;AAAA,EACD,OAAO;AAAA,IACN,MAAM;AAAA,IACN,UAAU;AAAA,EACV;AAAA,EACD,QAAQ;AAAA,IACP,MAAM;AAAA,IACN,UAAU;AAAA,EACV;AAAA,EACD,SAAS;AAAA,IACR,MAAM;AAAA,IAGN,UAAU;AAAA,EAAA;AAEX;;"}

package/dist/SliceZone/getSliceComponentProps.d.ts

@@ -0,0 +1,66 @@
+import type { PropType } from "vue";
+import type { SliceComponentProps, SliceLike } from "./types";
+/**
+ * Native Vue props for a component rendering content from a Prismic Slice using
+ * the `<SliceZone />` component.
+ *
+ * @typeParam TSlice - The Slice type
+ * @typeParam TContext - Arbitrary data passed to `<SliceZone />` and made
+ *   available to all Slice components
+ */
+type DefineComponentSliceComponentProps<TSlice extends SliceLike = any, TContext = unknown> = {
+    slice: {
+        type: PropType<SliceComponentProps<TSlice, TContext>["slice"]>;
+        required: true;
+    };
+    index: {
+        type: PropType<SliceComponentProps<TSlice, TContext>["index"]>;
+        required: true;
+    };
+    slices: {
+        type: PropType<SliceComponentProps<TSlice, TContext>["slices"]>;
+        required: true;
+    };
+    context: {
+        type: PropType<SliceComponentProps<TSlice, TContext>["context"]>;
+        required: true;
+    };
+};
+/**
+ * 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()`
+ */
+export declare const getSliceComponentProps: <TSlice extends SliceLike = any, TContext = unknown>(propsHint?: ["slice", "index", "slices", "context"]) => DefineComponentSliceComponentProps<TSlice, TContext>;
+export {};

package/dist/SliceZone/getSliceComponentProps.js

@@ -0,0 +1,22 @@
+const getSliceComponentProps = (propsHint) => ({
+  slice: {
+    type: Object,
+    required: true
+  },
+  index: {
+    type: Number,
+    required: true
+  },
+  slices: {
+    type: Array,
+    required: true
+  },
+  context: {
+    type: null,
+    required: true
+  }
+});
+export {
+  getSliceComponentProps
+};
+//# sourceMappingURL=getSliceComponentProps.js.map

package/dist/SliceZone/getSliceComponentProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getSliceComponentProps.js","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"],"names":[],"mappings":"AAuEa,MAAA,yBAAyB,CAMrC,eAC2D;AAAA,EAC3D,OAAO;AAAA,IACN,MAAM;AAAA,IACN,UAAU;AAAA,EACV;AAAA,EACD,OAAO;AAAA,IACN,MAAM;AAAA,IACN,UAAU;AAAA,EACV;AAAA,EACD,QAAQ;AAAA,IACP,MAAM;AAAA,IACN,UAAU;AAAA,EACV;AAAA,EACD,SAAS;AAAA,IACR,MAAM;AAAA,IAGN,UAAU;AAAA,EAAA;AAEX;"}

package/dist/SliceZone/index.d.ts

@@ -0,0 +1,4 @@
+export { TODOSliceComponent } from "./TODOSliceComponent";
+export { getSliceComponentProps } from "./getSliceComponentProps";
+export { defineSliceZoneComponents } from "./defineSliceZoneComponents";
+export type { SliceComponentProps, SliceComponentType, SliceLike, SliceLikeGraphQL, SliceLikeRestV2, SliceZoneComponents, SliceZoneLike, } from "./types";

package/dist/SliceZone/types.d.ts

@@ -0,0 +1,97 @@
+import type { Slice } from "@prismicio/client";
+import type { DefineComponent, FunctionalComponent, defineAsyncComponent } from "vue";
+/**
+ * Returns the type of a `SliceLike` type.
+ *
+ * @typeParam TSlice - The Slice from which the type will be extracted.
+ */
+type ExtractSliceType<TSlice extends SliceLike> = TSlice extends SliceLikeRestV2 ? TSlice["slice_type"] : TSlice extends SliceLikeGraphQL ? TSlice["type"] : never;
+/**
+ * The minimum required properties to represent a Prismic Slice from the Prismic
+ * Rest API V2 for the `unstable_mapSliceZone()` helper.
+ *
+ * @typeParam SliceType - Type name of the Slice.
+ */
+export type SliceLikeRestV2<TSliceType extends string = string> = Pick<Slice<TSliceType>, "id" | "slice_type">;
+/**
+ * The minimum required properties to represent a Prismic Slice from the Prismic
+ * GraphQL API for the `unstable_mapSliceZone()` helper.
+ *
+ * @typeParam SliceType - Type name of the Slice.
+ */
+export type SliceLikeGraphQL<TSliceType extends string = string> = {
+    type: Slice<TSliceType>["slice_type"];
+};
+/**
+ * The minimum required properties to represent a Prismic Slice for the
+ * `<SliceZone />` component.
+ *
+ * If using Prismic's Rest API V2, use the `Slice` export from
+ * `@prismicio/client` for a full interface.
+ *
+ * @typeParam TSliceType - Type name of the Slice
+ */
+export type SliceLike<TSliceType extends string = string> = (SliceLikeRestV2<TSliceType> | SliceLikeGraphQL<TSliceType>) & {
+    /**
+     * If `true`, this Slice has been modified from its original value using a
+     * mapper and `@prismicio/client`'s `mapSliceZone()`.
+     *
+     * @internal
+     */
+    __mapped?: true;
+};
+/**
+ * A looser version of the `SliceZone` type from `@prismicio/client` using
+ * `SliceLike`.
+ *
+ * If using Prismic's REST API, use the `SliceZone` export from
+ * `@prismicio/client` for the full type.
+ *
+ * @typeParam TSlice - The type(s) of slices in the Slice Zone
+ */
+export type SliceZoneLike<TSlice extends SliceLike = SliceLike> = readonly TSlice[];
+/**
+ * Vue props for a component rendering content from a Prismic Slice using the
+ * `<SliceZone />` component.
+ *
+ * @typeParam TSlice - The type(s) of slices in the Slice Zone
+ * @typeParam TContext - Arbitrary data passed to `<SliceZone />` and made
+ *   available to all Slice components
+ */
+export type SliceComponentProps<TSlice extends SliceLike = SliceLike, TContext = unknown> = {
+    /**
+     * Slice data for this component.
+     */
+    slice: TSlice;
+    /**
+     * The index of the Slice in the Slice Zone.
+     */
+    index: number;
+    /**
+     * All Slices from the Slice Zone to which the Slice belongs.
+     */
+    slices: SliceZoneLike<TSlice extends SliceLikeGraphQL ? SliceLikeGraphQL : SliceLikeRestV2>;
+    /**
+     * Arbitrary data passed to `<SliceZone />` and made available to all Slice
+     * components.
+     */
+    context: TContext;
+};
+/**
+ * A Vue component to be rendered for each instance of its Slice.
+ *
+ * @typeParam TSlice - The type(s) of slices in the Slice Zone
+ * @typeParam TContext - Arbitrary data made available to all Slice components
+ */
+export type SliceComponentType<TSlice extends SliceLike = any, TContext = unknown> = DefineComponent<{}, {}, any> | ReturnType<typeof defineAsyncComponent> | DefineComponent<SliceComponentProps<TSlice, TContext>> | FunctionalComponent;
+/**
+ * A record of Slice types mapped to Vue components. Each components will be
+ * rendered for each instance of their Slice type.
+ *
+ * @typeParam TSlice - The type(s) of slices in the Slice Zone
+ * @typeParam TContext - Arbitrary data made available to all Slice components
+ */
+export type SliceZoneComponents<TSlice extends SliceLike = SliceLike, TContext = unknown> = {
+    [SliceType in ExtractSliceType<TSlice>]: SliceComponentType<Extract<TSlice, SliceLike<SliceType>> extends never ? SliceLike : Extract<TSlice, SliceLike<SliceType>>, TContext> | string;
+};
+export {};