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

package/dist/{PrismicTable → src/PrismicTable}/getTableComponentProps.d.ts

@@ -1,5 +1,10 @@
-import type { TableField, TableFieldBody, TableFieldBodyRow, TableFieldDataCell, TableFieldHead, TableFieldHeadRow, TableFieldHeaderCell } from "@prismicio/client";
-import type { PropType } from "vue";
+import { PropType } from "vue";
+import { TableField, TableFieldBody, TableFieldBodyRow, TableFieldDataCell, TableFieldHead, TableFieldHeadRow, TableFieldHeaderCell } from "@prismicio/client";
+
+//#region src/PrismicTable/getTableComponentProps.d.ts
+declare namespace getTableComponentProps_d_exports {
+  export { table, tbody, td, th, thead, tr };
+}
 /**
  * Gets native Vue props for a component rendering `table` elements from a
  * Prismic table field with `<PrismicTable />`.
@@ -15,11 +20,11 @@ import type { PropType } from "vue";
  * defineProps(getTableComponentProps.table())
  * ```
  */
-export declare const table: () => {
-    table: {
-        type: PropType<TableField<"filled">>;
-        required: true;
-    };
+declare const table: () => {
+  table: {
+    type: PropType<TableField<"filled">>;
+    required: true;
+  };
 };
 /**
  * Gets native Vue props for a component rendering `thead` elements from a
@@ -36,11 +41,11 @@ export declare const table: () => {
  * defineProps(getTableComponentProps.thead())
  * ```
  */
-export declare const thead: () => {
-    head: {
-        type: PropType<TableFieldHead>;
-        required: true;
-    };
+declare const thead: () => {
+  head: {
+    type: PropType<TableFieldHead>;
+    required: true;
+  };
 };
 /**
  * Gets native Vue props for a component rendering `tbody` elements from a
@@ -57,11 +62,11 @@ export declare const thead: () => {
  * defineProps(getTableComponentProps.body())
  * ```
  */
-export declare const tbody: () => {
-    body: {
-        type: PropType<TableFieldBody>;
-        required: true;
-    };
+declare const tbody: () => {
+  body: {
+    type: PropType<TableFieldBody>;
+    required: true;
+  };
 };
 /**
  * Gets native Vue props for a component rendering `tr` elements from a Prismic
@@ -78,11 +83,11 @@ export declare const tbody: () => {
  * defineProps(getTableComponentProps.tr())
  * ```
  */
-export declare const tr: () => {
-    row: {
-        type: PropType<TableFieldHeadRow | TableFieldBodyRow>;
-        required: true;
-    };
+declare const tr: () => {
+  row: {
+    type: PropType<TableFieldHeadRow | TableFieldBodyRow>;
+    required: true;
+  };
 };
 /**
  * Gets native Vue props for a component rendering `th` elements from a Prismic
@@ -99,11 +104,11 @@ export declare const tr: () => {
  * defineProps(getTableComponentProps.th())
  * ```
  */
-export declare const th: () => {
-    cell: {
-        type: PropType<TableFieldHeaderCell>;
-        required: true;
-    };
+declare const th: () => {
+  cell: {
+    type: PropType<TableFieldHeaderCell>;
+    required: true;
+  };
 };
 /**
  * Gets native Vue props for a component rendering `td` elements from a Prismic
@@ -120,9 +125,12 @@ export declare const th: () => {
  * defineProps(getTableComponentProps.td())
  * ```
  */
-export declare const td: () => {
-    cell: {
-        type: PropType<TableFieldDataCell>;
-        required: true;
-    };
+declare const td: () => {
+  cell: {
+    type: PropType<TableFieldDataCell>;
+    required: true;
+  };
 };
+//#endregion
+export { getTableComponentProps_d_exports };
+//# sourceMappingURL=getTableComponentProps.d.ts.map

package/dist/src/PrismicTable/getTableComponentProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getTableComponentProps.d.ts","names":[],"sources":["../../../src/PrismicTable/getTableComponentProps.ts"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;AA0BA;AAqBA;AAqBA;AAqBA;AAEiB,cAjEJ,KAiEI,EAAA,GAAA,GAAA;EAAoB,KAAA,EAAA;IAA7B,IAAA,EAhEQ,QAgER,CAhEiB,UAgEjB,CAAA,QAAA,CAAA,CAAA;IAAQ,QAAA,EAAA,IAAA;EAyBH,CAAA;AAqBb,CAAA;;;;;;;;;;;;;;;;cA1Fa;;UACE,SAAS;;;;;;;;;;;;;;;;;;;cAoBX;;UACE,SAAS;;;;;;;;;;;;;;;;;;;cAoBX;;UAEL,SAAS,oBAAoB;;;;;;;;;;;;;;;;;;;cAyBxB;;UACE,SAAS;;;;;;;;;;;;;;;;;;;cAoBX;;UACE,SAAS"}

package/dist/src/PrismicTable/getTableComponentProps.js

@@ -0,0 +1,129 @@
+import { __export } from "../../_virtual/rolldown_runtime.js";
+
+//#region src/PrismicTable/getTableComponentProps.ts
+var getTableComponentProps_exports = /* @__PURE__ */ __export({
+	table: () => table,
+	tbody: () => tbody,
+	td: () => td,
+	th: () => th,
+	thead: () => thead,
+	tr: () => tr
+});
+/**
+* Gets native Vue props for a component rendering `table` elements from a
+* Prismic table field with `<PrismicTable />`.
+*
+* Props are: `["table"]`
+*
+* @example
+*
+* ```javascript
+* // Defining a new rich text component
+* import { getTableComponentProps } from "@prismicio/vue"
+*
+* defineProps(getTableComponentProps.table())
+* ```
+*/
+const table = () => ({ table: {
+	type: Object,
+	required: true
+} });
+/**
+* Gets native Vue props for a component rendering `thead` elements from a
+* Prismic table field with `<PrismicTable />`.
+*
+* Props are: `["head"]`
+*
+* @example
+*
+* ```javascript
+* // Defining a new rich text component
+* import { getTableComponentProps } from "@prismicio/vue"
+*
+* defineProps(getTableComponentProps.thead())
+* ```
+*/
+const thead = () => ({ head: {
+	type: Object,
+	required: true
+} });
+/**
+* Gets native Vue props for a component rendering `tbody` elements from a
+* Prismic table field with `<PrismicTable />`.
+*
+* Props are: `["body"]`
+*
+* @example
+*
+* ```javascript
+* // Defining a new rich text component
+* import { getTableComponentProps } from "@prismicio/vue"
+*
+* defineProps(getTableComponentProps.body())
+* ```
+*/
+const tbody = () => ({ body: {
+	type: Object,
+	required: true
+} });
+/**
+* Gets native Vue props for a component rendering `tr` elements from a Prismic
+* table field with `<PrismicTable />`.
+*
+* Props are: `["row"]`
+*
+* @example
+*
+* ```javascript
+* // Defining a new rich text component
+* import { getTableComponentProps } from "@prismicio/vue"
+*
+* defineProps(getTableComponentProps.tr())
+* ```
+*/
+const tr = () => ({ row: {
+	type: Object,
+	required: true
+} });
+/**
+* Gets native Vue props for a component rendering `th` elements from a Prismic
+* table field with `<PrismicTable />`.
+*
+* Props are: `["cell"]`
+*
+* @example
+*
+* ```javascript
+* // Defining a new rich text component
+* import { getTableComponentProps } from "@prismicio/vue"
+*
+* defineProps(getTableComponentProps.th())
+* ```
+*/
+const th = () => ({ cell: {
+	type: Object,
+	required: true
+} });
+/**
+* Gets native Vue props for a component rendering `td` elements from a Prismic
+* table field with `<PrismicTable />`.
+*
+* Props are: `["cell"]`
+*
+* @example
+*
+* ```javascript
+* // Defining a new rich text component
+* import { getTableComponentProps } from "@prismicio/vue"
+*
+* defineProps(getTableComponentProps.td())
+* ```
+*/
+const td = () => ({ cell: {
+	type: Object,
+	required: true
+} });
+
+//#endregion
+export { getTableComponentProps_exports, table, tbody, td, th, thead, tr };
+//# sourceMappingURL=getTableComponentProps.js.map

package/dist/src/PrismicTable/getTableComponentProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getTableComponentProps.js","names":[],"sources":["../../../src/PrismicTable/getTableComponentProps.ts"],"sourcesContent":["import type {\n\tTableField,\n\tTableFieldBody,\n\tTableFieldBodyRow,\n\tTableFieldDataCell,\n\tTableFieldHead,\n\tTableFieldHeadRow,\n\tTableFieldHeaderCell,\n} from \"@prismicio/client\"\nimport type { PropType } from \"vue\"\n\n/**\n * Gets native Vue props for a component rendering `table` elements from a\n * Prismic table field with `<PrismicTable />`.\n *\n * Props are: `[\"table\"]`\n *\n * @example\n *\n * ```javascript\n * // Defining a new rich text component\n * import { getTableComponentProps } from \"@prismicio/vue\"\n *\n * defineProps(getTableComponentProps.table())\n * ```\n */\nexport const table = (): {\n\ttable: { type: PropType<TableField<\"filled\">>; required: true }\n} => ({\n\ttable: { type: Object as PropType<TableField<\"filled\">>, required: true },\n})\n\n/**\n * Gets native Vue props for a component rendering `thead` elements from a\n * Prismic table field with `<PrismicTable />`.\n *\n * Props are: `[\"head\"]`\n *\n * @example\n *\n * ```javascript\n * // Defining a new rich text component\n * import { getTableComponentProps } from \"@prismicio/vue\"\n *\n * defineProps(getTableComponentProps.thead())\n * ```\n */\nexport const thead = (): {\n\thead: { type: PropType<TableFieldHead>; required: true }\n} => ({\n\thead: { type: Object as PropType<TableFieldHead>, required: true },\n})\n\n/**\n * Gets native Vue props for a component rendering `tbody` elements from a\n * Prismic table field with `<PrismicTable />`.\n *\n * Props are: `[\"body\"]`\n *\n * @example\n *\n * ```javascript\n * // Defining a new rich text component\n * import { getTableComponentProps } from \"@prismicio/vue\"\n *\n * defineProps(getTableComponentProps.body())\n * ```\n */\nexport const tbody = (): {\n\tbody: { type: PropType<TableFieldBody>; required: true }\n} => ({\n\tbody: { type: Object as PropType<TableFieldBody>, required: true },\n})\n\n/**\n * Gets native Vue props for a component rendering `tr` elements from a Prismic\n * table field with `<PrismicTable />`.\n *\n * Props are: `[\"row\"]`\n *\n * @example\n *\n * ```javascript\n * // Defining a new rich text component\n * import { getTableComponentProps } from \"@prismicio/vue\"\n *\n * defineProps(getTableComponentProps.tr())\n * ```\n */\nexport const tr = (): {\n\trow: {\n\t\ttype: PropType<TableFieldHeadRow | TableFieldBodyRow>\n\t\trequired: true\n\t}\n} => ({\n\trow: {\n\t\ttype: Object as PropType<TableFieldHeadRow | TableFieldBodyRow>,\n\t\trequired: true,\n\t},\n})\n\n/**\n * Gets native Vue props for a component rendering `th` elements from a Prismic\n * table field with `<PrismicTable />`.\n *\n * Props are: `[\"cell\"]`\n *\n * @example\n *\n * ```javascript\n * // Defining a new rich text component\n * import { getTableComponentProps } from \"@prismicio/vue\"\n *\n * defineProps(getTableComponentProps.th())\n * ```\n */\nexport const th = (): {\n\tcell: { type: PropType<TableFieldHeaderCell>; required: true }\n} => ({\n\tcell: { type: Object as PropType<TableFieldHeaderCell>, required: true },\n})\n\n/**\n * Gets native Vue props for a component rendering `td` elements from a Prismic\n * table field with `<PrismicTable />`.\n *\n * Props are: `[\"cell\"]`\n *\n * @example\n *\n * ```javascript\n * // Defining a new rich text component\n * import { getTableComponentProps } from \"@prismicio/vue\"\n *\n * defineProps(getTableComponentProps.td())\n * ```\n */\nexport const td = (): {\n\tcell: { type: PropType<TableFieldDataCell>; required: true }\n} => ({\n\tcell: { type: Object as PropType<TableFieldDataCell>, required: true },\n})\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AA0BA,MAAa,eAEP,EACL,OAAO;CAAE,MAAM;CAA0C,UAAU;CAAM,EACzE;;;;;;;;;;;;;;;;AAiBD,MAAa,eAEP,EACL,MAAM;CAAE,MAAM;CAAoC,UAAU;CAAM,EAClE;;;;;;;;;;;;;;;;AAiBD,MAAa,eAEP,EACL,MAAM;CAAE,MAAM;CAAoC,UAAU;CAAM,EAClE;;;;;;;;;;;;;;;;AAiBD,MAAa,YAKP,EACL,KAAK;CACJ,MAAM;CACN,UAAU;CACV,EACD;;;;;;;;;;;;;;;;AAiBD,MAAa,YAEP,EACL,MAAM;CAAE,MAAM;CAA0C,UAAU;CAAM,EACxE;;;;;;;;;;;;;;;;AAiBD,MAAa,YAEP,EACL,MAAM;CAAE,MAAM;CAAwC,UAAU;CAAM,EACtE"}

package/dist/src/PrismicTable/index.d.ts

@@ -0,0 +1,2 @@
+import { TableComponents } from "./types.js";
+import { getTableComponentProps_d_exports } from "./getTableComponentProps.js";

package/dist/src/PrismicTable/types.d.ts

@@ -0,0 +1,34 @@
+import { Component, ComponentShorthand } from "../types.js";
+import { TableField, TableFieldBody, TableFieldBodyRow, TableFieldDataCell, TableFieldHead, TableFieldHeadRow, TableFieldHeaderCell } from "@prismicio/client";
+
+//#region src/PrismicTable/types.d.ts
+
+/**
+ * A map of Table block types to Vue Components. It is used to render table
+ * fields.
+ *
+ * @see Templating Table fields from Prismic {@link https://prismic.io/docs/table}
+ */
+type TableComponents = {
+  table?: Component<{
+    table: TableField<"filled">;
+  }> | Omit<ComponentShorthand, "as">;
+  thead?: Component<{
+    head: TableFieldHead;
+  }> | Omit<ComponentShorthand, "as">;
+  tbody?: Component<{
+    body: TableFieldBody;
+  }> | Omit<ComponentShorthand, "as">;
+  tr?: Component<{
+    row: TableFieldBodyRow | TableFieldHeadRow;
+  }> | Omit<ComponentShorthand, "as">;
+  th?: Component<{
+    cell: TableFieldHeaderCell;
+  }> | Omit<ComponentShorthand, "as">;
+  td?: Component<{
+    cell: TableFieldDataCell;
+  }> | Omit<ComponentShorthand, "as">;
+};
+//#endregion
+export { TableComponents };
+//# sourceMappingURL=types.d.ts.map

package/dist/src/PrismicTable/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../../src/PrismicTable/types.ts"],"sourcesContent":[],"mappings":";;;;;;;AAkBA;;;;AAGI,KAHQ,eAAA,GAGR;EAEkB,KAAA,CAAA,EAHlB,SAGkB,CAAA;IAAlB,KAAA,EAHmB,UAGnB,CAAA,QAAA,CAAA;EACK,CAAA,CAAA,GAHL,IAGK,CAHA,kBAGA,EAAA,IAAA,CAAA;EAAL,KAAA,CAAA,EADA,SACA,CAAA;IAEkB,IAAA,EAHA,cAGA;EAAlB,CAAA,CAAA,GAFA,IAEA,CAFK,kBAEL,EAAA,IAAA,CAAA;EACK,KAAA,CAAA,EADL,SACK,CAAA;IAAL,IAAA,EADkB,cAClB;EAEiB,CAAA,CAAA,GAFjB,IAEiB,CAFZ,kBAEY,EAAA,IAAA,CAAA;EAAoB,EAAA,CAAA,EAArC,SAAqC,CAAA;IAArC,GAAA,EAAiB,iBAAjB,GAAqC,iBAArC;EACK,CAAA,CAAA,GAAL,IAAK,CAAA,kBAAA,EAAA,IAAA,CAAA;EAAL,EAAA,CAAA,EAEA,SAFA,CAAA;IAEkB,IAAA,EAAA,oBAAA;EAAlB,CAAA,CAAA,GACA,IADA,CACK,kBADL,EAAA,IAAA,CAAA;EACK,EAAA,CAAA,EAEL,SAFK,CAAA;IAAL,IAAA,EAEkB,kBAFlB;EAEkB,CAAA,CAAA,GAClB,IADkB,CACb,kBADa,EAAA,IAAA,CAAA;CAAlB"}

package/dist/src/PrismicText.cjs

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

package/dist/src/PrismicText.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrismicText.cjs","names":[],"sources":["../../src/PrismicText.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { RichTextField } from \"@prismicio/client\"\nimport { asText } from \"@prismicio/client\"\nimport { DEV } from \"esm-env\"\nimport { watchEffect } from \"vue\"\n\nimport { devMsg } from \"./lib/devMsg\"\n\n/** Props for `<PrismicText />`. */\nexport type PrismicTextProps = {\n\t/** The Prismic rich text field to render. */\n\tfield: RichTextField | null | undefined\n\n\t/**\n\t * The string value to be rendered when the field is empty. If a fallback is\n\t * not given, `\"\"` (nothing) will be rendered.\n\t */\n\tfallback?: string\n\n\t/**\n\t * The separator used between blocks.\n\t *\n\t * @defaultValue `\" \"` (a whitespace)\n\t */\n\tseparator?: string\n}\n\nconst props = defineProps<PrismicTextProps>()\ndefineOptions({ name: \"PrismicText\" })\n\nif (DEV) {\n\twatchEffect(() => {\n\t\tif (typeof props.field === \"string\") {\n\t\t\tthrow new Error(\n\t\t\t\t`[PrismicText] The \"field\" prop only accepts a Rich Text or title field's value but was provided a different type of field instead (e.g. a Key Text or Select field). You can resolve this error by rendering the field value inline without <PrismicText>. For more details, see ${devMsg(\n\t\t\t\t\t\"prismictext-works-only-with-rich-text-and-title-fields\",\n\t\t\t\t)}`,\n\t\t\t)\n\t\t}\n\t}, {})\n}\n</script>\n\n<template>\n\t{{ asText(field) || fallback || \"\" }}\n</template>\n"],"mappings":""}

package/dist/src/PrismicText.js

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

package/dist/src/PrismicText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrismicText.js","names":[],"sources":["../../src/PrismicText.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { RichTextField } from \"@prismicio/client\"\nimport { asText } from \"@prismicio/client\"\nimport { DEV } from \"esm-env\"\nimport { watchEffect } from \"vue\"\n\nimport { devMsg } from \"./lib/devMsg\"\n\n/** Props for `<PrismicText />`. */\nexport type PrismicTextProps = {\n\t/** The Prismic rich text field to render. */\n\tfield: RichTextField | null | undefined\n\n\t/**\n\t * The string value to be rendered when the field is empty. If a fallback is\n\t * not given, `\"\"` (nothing) will be rendered.\n\t */\n\tfallback?: string\n\n\t/**\n\t * The separator used between blocks.\n\t *\n\t * @defaultValue `\" \"` (a whitespace)\n\t */\n\tseparator?: string\n}\n\nconst props = defineProps<PrismicTextProps>()\ndefineOptions({ name: \"PrismicText\" })\n\nif (DEV) {\n\twatchEffect(() => {\n\t\tif (typeof props.field === \"string\") {\n\t\t\tthrow new Error(\n\t\t\t\t`[PrismicText] The \"field\" prop only accepts a Rich Text or title field's value but was provided a different type of field instead (e.g. a Key Text or Select field). You can resolve this error by rendering the field value inline without <PrismicText>. For more details, see ${devMsg(\n\t\t\t\t\t\"prismictext-works-only-with-rich-text-and-title-fields\",\n\t\t\t\t)}`,\n\t\t\t)\n\t\t}\n\t}, {})\n}\n</script>\n\n<template>\n\t{{ asText(field) || fallback || \"\" }}\n</template>\n"],"mappings":""}

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

@@ -0,0 +1,25 @@
+import * as vue4 from "vue";
+import { RichTextField } from "@prismicio/client";
+
+//#region src/PrismicText.vue.d.ts
+/** Props for `<PrismicText />`. */
+type PrismicTextProps = {
+  /** The Prismic rich text field to render. */
+  field: RichTextField | null | undefined;
+  /**
+   * The string value to be rendered when the field is empty. If a fallback is
+   * not given, `""` (nothing) will be rendered.
+   */
+  fallback?: string;
+  /**
+   * The separator used between blocks.
+   *
+   * @defaultValue `" "` (a whitespace)
+   */
+  separator?: string;
+};
+declare const __VLS_export: vue4.DefineComponent<PrismicTextProps, {}, {}, {}, {}, vue4.ComponentOptionsMixin, vue4.ComponentOptionsMixin, {}, string, vue4.PublicProps, Readonly<PrismicTextProps> & Readonly<{}>, {}, {}, {}, {}, string, vue4.ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+//#endregion
+export { PrismicTextProps, _default };
+//# sourceMappingURL=PrismicText.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PrismicText.vue.d.ts","names":[],"sources":["../../src/PrismicText.vue"],"sourcesContent":[],"mappings":";;;;;KAyDY,gBAAA;;EAAA,KAAA,EAEJ,aAFoB,GAAA,IAAA,GAAA,SAEpB;EAoDF;;;;EAAY,QAAA,CAAA,EAAA,MAAA;EAAA;;;;;EAAA,SAAA,CAAA,EAAA,MAAA;AAAA,CAAA;cAAZ,cAAY,IAAA,CAAA,gBAAA,kCAAA,IAAA,CAAA,qBAAA,EAAA,IAAA,CAAA,qBAAA,cAAA,IAAA,CAAA,WAAA,EAAA,SAAA,oBAAA,sCAAA,IAAA,CAAA,uBAAA;cAAA,iBAGU"}

package/dist/src/PrismicText.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1,37 @@
+const require_devMsg = require('./lib/devMsg.cjs');
+let vue = require("vue");
+let _prismicio_client = require("@prismicio/client");
+let esm_env = require("esm-env");
+
+//#region src/PrismicText.vue?vue&type=script&setup=true&lang.ts
+var PrismicText_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	name: "PrismicText",
+	__name: "PrismicText",
+	props: {
+		field: {
+			type: null,
+			required: true
+		},
+		fallback: {
+			type: String,
+			required: false
+		},
+		separator: {
+			type: String,
+			required: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		if (esm_env.DEV) (0, vue.watchEffect)(() => {
+			if (typeof props.field === "string") throw new Error(`[PrismicText] The "field" prop only accepts a Rich Text or title field's value but was provided a different type of field instead (e.g. a Key Text or Select field). You can resolve this error by rendering the field value inline without <PrismicText>. For more details, see ${require_devMsg.devMsg("prismictext-works-only-with-rich-text-and-title-fields")}`);
+		}, {});
+		return (_ctx, _cache) => {
+			return (0, vue.toDisplayString)((0, vue.unref)(_prismicio_client.asText)(__props.field) || __props.fallback || "");
+		};
+	}
+});
+
+//#endregion
+exports.default = PrismicText_vue_vue_type_script_setup_true_lang_default;
+//# sourceMappingURL=PrismicText.vue_vue_type_script_setup_true_lang.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PrismicText.vue_vue_type_script_setup_true_lang.cjs","names":[],"sources":["../../src/PrismicText.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { RichTextField } from \"@prismicio/client\"\nimport { asText } from \"@prismicio/client\"\nimport { DEV } from \"esm-env\"\nimport { watchEffect } from \"vue\"\n\nimport { devMsg } from \"./lib/devMsg\"\n\n/** Props for `<PrismicText />`. */\nexport type PrismicTextProps = {\n\t/** The Prismic rich text field to render. */\n\tfield: RichTextField | null | undefined\n\n\t/**\n\t * The string value to be rendered when the field is empty. If a fallback is\n\t * not given, `\"\"` (nothing) will be rendered.\n\t */\n\tfallback?: string\n\n\t/**\n\t * The separator used between blocks.\n\t *\n\t * @defaultValue `\" \"` (a whitespace)\n\t */\n\tseparator?: string\n}\n\nconst props = defineProps<PrismicTextProps>()\ndefineOptions({ name: \"PrismicText\" })\n\nif (DEV) {\n\twatchEffect(() => {\n\t\tif (typeof props.field === \"string\") {\n\t\t\tthrow new Error(\n\t\t\t\t`[PrismicText] The \"field\" prop only accepts a Rich Text or title field's value but was provided a different type of field instead (e.g. a Key Text or Select field). You can resolve this error by rendering the field value inline without <PrismicText>. For more details, see ${devMsg(\n\t\t\t\t\t\"prismictext-works-only-with-rich-text-and-title-fields\",\n\t\t\t\t)}`,\n\t\t\t)\n\t\t}\n\t}, {})\n}\n</script>\n\n<template>\n\t{{ asText(field) || fallback || \"\" }}\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;EA2BA,MAAM,QAAQ;AAGd,MAAI,YACH,4BAAkB;AACjB,OAAI,OAAO,MAAM,UAAU,SAC1B,OAAM,IAAI,MACT,oRAAoR,sBACnR,yDACA,GACF;KAEC,EAAE,CAAA;;kDAKF,yBAAM,CAAC,QAAA,MAAK,IAAK,QAAA,YAAQ,GAAA"}

package/dist/src/PrismicText.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,37 @@
+import { devMsg } from "./lib/devMsg.js";
+import { defineComponent, toDisplayString, unref, watchEffect } from "vue";
+import { asText } from "@prismicio/client";
+import { DEV } from "esm-env";
+
+//#region src/PrismicText.vue?vue&type=script&setup=true&lang.ts
+var PrismicText_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	name: "PrismicText",
+	__name: "PrismicText",
+	props: {
+		field: {
+			type: null,
+			required: true
+		},
+		fallback: {
+			type: String,
+			required: false
+		},
+		separator: {
+			type: String,
+			required: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		if (DEV) watchEffect(() => {
+			if (typeof props.field === "string") throw new Error(`[PrismicText] The "field" prop only accepts a Rich Text or title field's value but was provided a different type of field instead (e.g. a Key Text or Select field). You can resolve this error by rendering the field value inline without <PrismicText>. For more details, see ${devMsg("prismictext-works-only-with-rich-text-and-title-fields")}`);
+		}, {});
+		return (_ctx, _cache) => {
+			return toDisplayString(unref(asText)(__props.field) || __props.fallback || "");
+		};
+	}
+});
+
+//#endregion
+export { PrismicText_vue_vue_type_script_setup_true_lang_default as default };
+//# sourceMappingURL=PrismicText.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PrismicText.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../src/PrismicText.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { RichTextField } from \"@prismicio/client\"\nimport { asText } from \"@prismicio/client\"\nimport { DEV } from \"esm-env\"\nimport { watchEffect } from \"vue\"\n\nimport { devMsg } from \"./lib/devMsg\"\n\n/** Props for `<PrismicText />`. */\nexport type PrismicTextProps = {\n\t/** The Prismic rich text field to render. */\n\tfield: RichTextField | null | undefined\n\n\t/**\n\t * The string value to be rendered when the field is empty. If a fallback is\n\t * not given, `\"\"` (nothing) will be rendered.\n\t */\n\tfallback?: string\n\n\t/**\n\t * The separator used between blocks.\n\t *\n\t * @defaultValue `\" \"` (a whitespace)\n\t */\n\tseparator?: string\n}\n\nconst props = defineProps<PrismicTextProps>()\ndefineOptions({ name: \"PrismicText\" })\n\nif (DEV) {\n\twatchEffect(() => {\n\t\tif (typeof props.field === \"string\") {\n\t\t\tthrow new Error(\n\t\t\t\t`[PrismicText] The \"field\" prop only accepts a Rich Text or title field's value but was provided a different type of field instead (e.g. a Key Text or Select field). You can resolve this error by rendering the field value inline without <PrismicText>. For more details, see ${devMsg(\n\t\t\t\t\t\"prismictext-works-only-with-rich-text-and-title-fields\",\n\t\t\t\t)}`,\n\t\t\t)\n\t\t}\n\t}, {})\n}\n</script>\n\n<template>\n\t{{ asText(field) || fallback || \"\" }}\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;EA2BA,MAAM,QAAQ;AAGd,MAAI,IACH,mBAAkB;AACjB,OAAI,OAAO,MAAM,UAAU,SAC1B,OAAM,IAAI,MACT,oRAAoR,OACnR,yDACA,GACF;KAEC,EAAE,CAAA;;0BAKF,MAAA,OAAM,CAAC,QAAA,MAAK,IAAK,QAAA,YAAQ,GAAA"}

package/dist/src/SliceSimulator.cjs

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

package/dist/src/SliceSimulator.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SliceSimulator.cjs","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":""}

package/dist/src/SliceSimulator.js

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

package/dist/src/SliceSimulator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SliceSimulator.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":""}

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

@@ -0,0 +1,57 @@
+import * as vue19 from "vue";
+import * as _prismicio_client0 from "@prismicio/client";
+
+//#region src/SliceSimulator.vue.d.ts
+/** Props for `<SliceSimulator />`. */
+type SliceSimulatorProps = {
+  /** The z-index value of the simulator so that it's displayed above layout elements. */
+  zIndex?: number;
+  /** The background color of the simulator to match website design. */
+  background?: string;
+};
+declare var __VLS_1: {
+  slices: [] | [{
+    slice_type: string;
+    slice_label: string | null;
+    id: string;
+    primary: Record<string, _prismicio_client0.AnyRegularField>;
+    items: Record<string, _prismicio_client0.AnyRegularField>[];
+  } | {
+    slice_type: string;
+    slice_label: null;
+    id: string;
+    variation: string;
+    version: string;
+    primary: Record<string, _prismicio_client0.AnySlicePrimaryField>;
+    items: Record<string, _prismicio_client0.AnyRegularField>[];
+  }, ...({
+    slice_type: string;
+    slice_label: string | null;
+    id: string;
+    primary: Record<string, _prismicio_client0.AnyRegularField>;
+    items: Record<string, _prismicio_client0.AnyRegularField>[];
+  } | {
+    slice_type: string;
+    slice_label: null;
+    id: string;
+    variation: string;
+    version: string;
+    primary: Record<string, _prismicio_client0.AnySlicePrimaryField>;
+    items: Record<string, _prismicio_client0.AnyRegularField>[];
+  })[]];
+};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: vue19.DefineComponent<SliceSimulatorProps, {}, {}, {}, {}, vue19.ComponentOptionsMixin, vue19.ComponentOptionsMixin, {}, string, vue19.PublicProps, Readonly<SliceSimulatorProps> & Readonly<{}>, {}, {}, {}, {}, string, vue19.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//# sourceMappingURL=SliceSimulator.vue.d.ts.map
+//#endregion
+export { SliceSimulatorProps, _default };
+//# sourceMappingURL=SliceSimulator.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SliceSimulator.vue.d.ts","names":[],"sources":["../../src/SliceSimulator.vue"],"sourcesContent":[],"mappings":";;;;;KAiGY,mBAAA;;;EAAA;EA0FR,UAAkB,CAAA,EAAA,MAAA;CAAA;YAAlB;;;;;4BAAkB,kBAAA,CAAA,eAAA;;;;;;;;;;;IACjB,UAAW,EAAA,MAAA;IAMV,WAEJ,EAAA,MAAA,GAAA,IAAA;IAFc,EAAA,EAAA,MAAA;IAAA,OAAA,QAAA,CAAA,MAAA,qCAAA;IAAA,KAAA,QAAA,CAAA,MAAA,qCAAA,EAAA;EAAA,CAAA,GAAA;IAAA,UAAA,EAAA,MAAA;IAAA,WAAA,EAAA,IAAA;IAAA,EAAA,EAAA,MAAA;IAAA,SAAA,EAAA,MAAA;IAAA,OAAA,EAAA,MAAA;IAAA,OAAA,QAAA,CAAA,MAAA,0CAAA;IAGV,KAAA,QAAoE,CAAA,MAAA,qCAAA,EAAA;EAAxB,CAAA,CAAA,EAAA,CAAA;CAAY;KATzD,WAAA,GASsB,CAAA,CAAA,GAAA;EAAe,OAAA,CAAA,EAAA,CAAA,KAAA,EAAA,OARb,OAQa,EAAA,GAAA,GAAA;AAAA,CAAA;AAC1C,cAJM,UAKc,EALJ,KAAA,CAAA,eAOL,CAPK,mBAOL,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAPK,KAAA,CAAA,qBAAA,EAAA,KAAA,CAAA,qBAAA,EAOL,CAAA,CAAA,EAAA,MAAA,EAPK,KAAA,CAAA,WAAA,EAAA,QAOL,CAPK,mBAOL,CAAA,GAPK,QAOL,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,MAAA,EAPK,KAAA,CAAA,uBAAA,EAOL,KAAA,EAAA,CAAA,CAAA,EAAA,GAAA,CAAA;cAJL,cAAqB,uBAAuB,YAAY;cAApB,iBACd;KACvB,wBAAwB;;YAEnB"}

package/dist/src/SliceSimulator.vue_vue_type_script_setup_true_lang.cjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"SliceSimulator.vue_vue_type_script_setup_true_lang.cjs","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,sEAA+B,CAAC;EACtC,MAAM,wEAAiC,CAAC;EAExC,MAAM,mBAAmB,IAAI,2CAAkB;AAE/C,2BAAgB;AACf,oBAAiB,MAAM,GACtB,wCAAe,SACd,YAAY;AAAE,WAAO,QAAQ;MAC9B,mBACA;AACD,oBAAiB,MAAM,GACtB,wCAAe,UACd,aAAa;AAAE,YAAQ,QAAQ;MAChC,oBACA;AAED,oBAAiB,MAAM;IACtB;AAEF,6BAAkB;AACjB,oBAAiB,MAAM,IAAI,wCAAe,QAAQ,mBAAmB;AAErE,oBAAiB,MAAM,IAAI,wCAAe,SAAS,oBAAoB;IACtE;;4DA6BK,OAAA;IAxBJ,8CAAO,wCAAc,CAAA;IACrB,+BAAK;aAAe,MAAM,yBAAU,yCAAe,EAAA,CAAG;;;;;;;iBAA+H,MAAM,6BAAc,yCAAe,EAAA,CAAG;;OAW7M,QAAA,2DAEL,WAAA,qCADN,QAAA,MAAO,EAAA,EAAA,IAGC,OAAA,MAAO,4DAOb,OAAA;;IANL,IAAG;IACF,8CAAO,4CAAkB,CAAA;0EACV,wCAAA,mBAAA,wCAAA,CAAA,GAAA,KAAc;2EACb,6CAAA,mBAAA,6CAAA,CAAA,GAAA,KAAmB;2BAEX,KAAA,QAAA,WAAA,EAAlB,QAAQ,OAAA,OAAM,CAAA"}