@prismicio/simulator 0.1.0

package/dist/kit/State.js

@@ -0,0 +1,82 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+import { EventEmitter } from "../lib/EventEmitter.js";
+import { throttle } from "../lib/throttle.js";
+import { StateEventType } from "./types.js";
+import { getSliceZoneDOM, getActiveSliceDOM } from "./domHelpers.js";
+import { getDefaultSlices } from "./getDefault.js";
+class State extends EventEmitter {
+  constructor(args) {
+    super();
+    __publicField(this, "_slices");
+    __publicField(this, "_activeSlice");
+    __publicField(this, "_message");
+    __publicField(this, "_mouse");
+    __publicField(this, "_setActiveSlice", () => {
+      if (this.slices.length === 0) {
+        this.activeSlice = null;
+        return;
+      }
+      const $sliceZone = getSliceZoneDOM(this.slices.length);
+      if (!$sliceZone) {
+        this.activeSlice = null;
+        return;
+      }
+      const $activeSlice = getActiveSliceDOM($sliceZone, this._mouse);
+      if (!$activeSlice) {
+        this.activeSlice = null;
+        return;
+      }
+      const activeSliceIndex = Array.prototype.indexOf.call($sliceZone.children, $activeSlice);
+      this.activeSlice = {
+        rect: $activeSlice.getBoundingClientRect(),
+        sliceID: this.slices[activeSliceIndex].slice_type,
+        variationID: this.slices[activeSliceIndex].variation,
+        index: activeSliceIndex
+      };
+    });
+    __publicField(this, "setActiveSlice", throttle(this._setActiveSlice, 16));
+    this._slices = (args == null ? void 0 : args.slices) || getDefaultSlices();
+    this._activeSlice = null;
+    this._message = "";
+    this._mouse = { x: 0, y: 0 };
+  }
+  set slices(slices) {
+    this._slices = slices;
+    this.message = "";
+    this.emit(StateEventType.Slices, slices);
+  }
+  get slices() {
+    return this._slices;
+  }
+  set activeSlice(activeSlice) {
+    this._activeSlice = activeSlice;
+    this.emit(StateEventType.ActiveSlice, activeSlice);
+  }
+  get activeSlice() {
+    return this._activeSlice;
+  }
+  set message(message) {
+    this._message = message;
+    this.emit(StateEventType.Message, message);
+  }
+  get message() {
+    return this._message;
+  }
+  async init() {
+    window.addEventListener("mousemove", (event) => {
+      this._mouse = { x: event.clientX, y: event.clientY };
+    });
+  }
+  setSliceZone(slices) {
+    this.slices = slices;
+  }
+}
+export {
+  State
+};
+//# sourceMappingURL=State.js.map

package/dist/kit/State.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"State.js","sources":["../../../src/kit/State.ts"],"sourcesContent":["import type { SharedSlice, SliceZone } from \"@prismicio/client\";\n\nimport { EventEmitter } from \"../lib/EventEmitter\";\nimport { __PRODUCTION__ } from \"../lib/__PRODUCTION__\";\nimport { throttle } from \"../lib/throttle\";\n\nimport type { ActiveSlice } from \"../types\";\nimport { StateEventType, StateEvents } from \"./types\";\n\nimport { getActiveSliceDOM, getSliceZoneDOM } from \"./domHelpers\";\nimport { getDefaultSlices } from \"./getDefault\";\n\ntype StateConstructorArgs = {\n\tslices?: SliceZone;\n};\n\nexport class State extends EventEmitter<StateEvents> {\n\tprivate _slices: SliceZone;\n\tpublic set slices(slices: SliceZone) {\n\t\tthis._slices = slices;\n\t\t// Clean up message\n\t\tthis.message = \"\";\n\t\t// Dispatch event\n\t\tthis.emit(StateEventType.Slices, slices);\n\t}\n\tpublic get slices(): SliceZone {\n\t\treturn this._slices;\n\t}\n\n\tprivate _activeSlice: ActiveSlice | null;\n\tpublic set activeSlice(activeSlice: ActiveSlice | null) {\n\t\tthis._activeSlice = activeSlice;\n\t\tthis.emit(StateEventType.ActiveSlice, activeSlice);\n\t}\n\tpublic get activeSlice(): ActiveSlice | null {\n\t\treturn this._activeSlice;\n\t}\n\n\tprivate _message: string;\n\tpublic set message(message: string) {\n\t\tthis._message = message;\n\t\tthis.emit(StateEventType.Message, message);\n\t}\n\tpublic get message(): string {\n\t\treturn this._message;\n\t}\n\n\tprivate _mouse: { x: number; y: number };\n\n\tconstructor(args?: StateConstructorArgs) {\n\t\tsuper();\n\n\t\tthis._slices = args?.slices || getDefaultSlices();\n\t\tthis._activeSlice = null;\n\t\tthis._message = \"\";\n\n\t\t// StateManager needs to keep track of mouse position for the active slice\n\t\tthis._mouse = { x: 0, y: 0 };\n\t}\n\n\tasync init(): Promise<void> {\n\t\t// Init listener\n\t\twindow.addEventListener(\"mousemove\", (event) => {\n\t\t\tthis._mouse = { x: event.clientX, y: event.clientY };\n\t\t});\n\t}\n\n\tprivate _setActiveSlice = (): void => {\n\t\t// There can't be an active slice if there's no slices displayed\n\t\tif (this.slices.length === 0) {\n\t\t\tthis.activeSlice = null;\n\n\t\t\treturn;\n\t\t}\n\n\t\tconst $sliceZone = getSliceZoneDOM(this.slices.length);\n\n\t\t// SliceZone has not been found, therefore active slice cannot be found\n\t\tif (!$sliceZone) {\n\t\t\tthis.activeSlice = null;\n\n\t\t\treturn;\n\t\t}\n\n\t\tconst $activeSlice = getActiveSliceDOM($sliceZone, this._mouse);\n\n\t\t// Active slice has not been found\n\t\tif (!$activeSlice) {\n\t\t\tthis.activeSlice = null;\n\n\t\t\treturn;\n\t\t}\n\n\t\tconst activeSliceIndex = Array.prototype.indexOf.call(\n\t\t\t$sliceZone.children,\n\t\t\t$activeSlice,\n\t\t);\n\n\t\t// Active slice has been found\n\t\tthis.activeSlice = {\n\t\t\trect: $activeSlice.getBoundingClientRect(),\n\t\t\tsliceID: this.slices[activeSliceIndex].slice_type,\n\t\t\tvariationID: (this.slices[activeSliceIndex] as SharedSlice).variation,\n\t\t\tindex: activeSliceIndex,\n\t\t};\n\t};\n\tsetActiveSlice = throttle(this._setActiveSlice, 16);\n\n\tsetSliceZone(slices: SliceZone): void {\n\t\t// Set slices\n\t\tthis.slices = slices;\n\t}\n}\n"],"names":[],"mappings":";;;;;;;;;;;AAgBM,MAAO,cAAc,aAAyB;AAAA,EAiCnD,YAAY,MAA2B;;AAhC/B;AAYA;AASA;AASA;AAoBA,2CAAkB,MAAW;AAEhC,UAAA,KAAK,OAAO,WAAW,GAAG;AAC7B,aAAK,cAAc;AAEnB;AAAA,MACA;AAED,YAAM,aAAa,gBAAgB,KAAK,OAAO,MAAM;AAGrD,UAAI,CAAC,YAAY;AAChB,aAAK,cAAc;AAEnB;AAAA,MACA;AAED,YAAM,eAAe,kBAAkB,YAAY,KAAK,MAAM;AAG9D,UAAI,CAAC,cAAc;AAClB,aAAK,cAAc;AAEnB;AAAA,MACA;AAED,YAAM,mBAAmB,MAAM,UAAU,QAAQ,KAChD,WAAW,UACX,YAAY;AAIb,WAAK,cAAc;AAAA,QAClB,MAAM,aAAa,sBAAuB;AAAA,QAC1C,SAAS,KAAK,OAAO,gBAAgB,EAAE;AAAA,QACvC,aAAc,KAAK,OAAO,gBAAgB,EAAkB;AAAA,QAC5D,OAAO;AAAA,MAAA;AAAA;AAGT,0CAAiB,SAAS,KAAK,iBAAiB,EAAE;AAtD5C,SAAA,WAAU,6BAAM,WAAU,iBAAgB;AAC/C,SAAK,eAAe;AACpB,SAAK,WAAW;AAGhB,SAAK,SAAS,EAAE,GAAG,GAAG,GAAG;EAC1B;AAAA,EAxCA,IAAW,OAAO,QAAiB;AAClC,SAAK,UAAU;AAEf,SAAK,UAAU;AAEV,SAAA,KAAK,eAAe,QAAQ,MAAM;AAAA,EACxC;AAAA,EACA,IAAW,SAAM;AAChB,WAAO,KAAK;AAAA,EACb;AAAA,EAGA,IAAW,YAAY,aAA+B;AACrD,SAAK,eAAe;AACf,SAAA,KAAK,eAAe,aAAa,WAAW;AAAA,EAClD;AAAA,EACA,IAAW,cAAW;AACrB,WAAO,KAAK;AAAA,EACb;AAAA,EAGA,IAAW,QAAQ,SAAe;AACjC,SAAK,WAAW;AACX,SAAA,KAAK,eAAe,SAAS,OAAO;AAAA,EAC1C;AAAA,EACA,IAAW,UAAO;AACjB,WAAO,KAAK;AAAA,EACb;AAAA,EAeA,MAAM,OAAI;AAEF,WAAA,iBAAiB,aAAa,CAAC,UAAS;AAC9C,WAAK,SAAS,EAAE,GAAG,MAAM,SAAS,GAAG,MAAM;KAC3C;AAAA,EACF;AAAA,EA2CA,aAAa,QAAiB;AAE7B,SAAK,SAAS;AAAA,EACf;AACA;"}

package/dist/kit/domHelpers.cjs

@@ -0,0 +1,53 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const simulatorClass = "slice-simulator";
+const simulatorRootClass = "slice-simulator--root";
+const getSimulatorDOM = () => {
+  return document.querySelector(`.${simulatorClass}`);
+};
+const getSimulatorRootDOM = () => {
+  return document.querySelector(`.${simulatorRootClass}`);
+};
+const getSliceZoneDOM = (expectedNumberOfChildren) => {
+  let node = document.querySelector(`.${simulatorClass} [data-slice-zone]`);
+  if (node) {
+    if (node.children.length !== expectedNumberOfChildren) {
+      console.warn(`Flagged SliceZone has an unexpected number of children, found ${node.children.length} but expected ${expectedNumberOfChildren}. This might lead to unexpected behaviors. Are you sure you tagged the right element?`);
+    }
+    return node;
+  }
+  node = document.querySelector(`.${simulatorClass} .${simulatorRootClass}`);
+  if (!node) {
+    return null;
+  }
+  const searchDepth = 5;
+  for (let i = 0; i < searchDepth; i++) {
+    if (node.children.length === expectedNumberOfChildren) {
+      return node;
+    } else if (node.children.length) {
+      node = node.children[0];
+    } else {
+      break;
+    }
+  }
+  return null;
+};
+const getActiveSliceDOM = ($sliceZone, mouse) => {
+  const raycast = document.elementsFromPoint(mouse.x, mouse.y).reverse();
+  const sliceZoneIndex = raycast.indexOf($sliceZone);
+  if (sliceZoneIndex === -1) {
+    return null;
+  }
+  const $slice = raycast[sliceZoneIndex + 1];
+  if (!$slice) {
+    return null;
+  }
+  return $slice;
+};
+exports.getActiveSliceDOM = getActiveSliceDOM;
+exports.getSimulatorDOM = getSimulatorDOM;
+exports.getSimulatorRootDOM = getSimulatorRootDOM;
+exports.getSliceZoneDOM = getSliceZoneDOM;
+exports.simulatorClass = simulatorClass;
+exports.simulatorRootClass = simulatorRootClass;
+//# sourceMappingURL=domHelpers.cjs.map

package/dist/kit/domHelpers.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"domHelpers.cjs","sources":["../../../src/kit/domHelpers.ts"],"sourcesContent":["export const simulatorClass = \"slice-simulator\";\nexport const simulatorRootClass = \"slice-simulator--root\";\n\nexport const getSimulatorDOM = (): Element | null => {\n\treturn document.querySelector(`.${simulatorClass}`);\n};\n\nexport const getSimulatorRootDOM = (): Element | null => {\n\treturn document.querySelector(`.${simulatorRootClass}`);\n};\n\nexport const getSliceZoneDOM = (\n\texpectedNumberOfChildren: number,\n): Element | null => {\n\t// If SliceZone has been tagged (#5)\n\tlet node = document.querySelector(`.${simulatorClass} [data-slice-zone]`);\n\tif (node) {\n\t\tif (node.children.length !== expectedNumberOfChildren) {\n\t\t\tconsole.warn(\n\t\t\t\t`Flagged SliceZone has an unexpected number of children, found ${node.children.length} but expected ${expectedNumberOfChildren}. This might lead to unexpected behaviors. Are you sure you tagged the right element?`,\n\t\t\t);\n\t\t}\n\n\t\treturn node;\n\t}\n\n\t// Start searching\n\tnode = document.querySelector(`.${simulatorClass} .${simulatorRootClass}`);\n\n\tif (!node) {\n\t\treturn null;\n\t}\n\n\tconst searchDepth = 5;\n\tfor (let i = 0; i < searchDepth; i++) {\n\t\tif (node.children.length === expectedNumberOfChildren) {\n\t\t\t// Return the first node that matches the expected number of children\n\t\t\treturn node;\n\t\t} else if (node.children.length) {\n\t\t\t// Continue searching if current node has children\n\t\t\tnode = node.children[0];\n\t\t} else {\n\t\t\t// Stop searching if current node has no children\n\t\t\tbreak;\n\t\t}\n\t}\n\n\t// Failed to find SliceZone\n\treturn null;\n};\n\nexport const getActiveSliceDOM = (\n\t$sliceZone: Element,\n\tmouse: { x: number; y: number },\n): Element | null => {\n\t// Raycast cursor position on DOM\n\tconst raycast = document.elementsFromPoint(mouse.x, mouse.y).reverse();\n\n\t// Find SliceZone in raycast\n\tconst sliceZoneIndex = raycast.indexOf($sliceZone);\n\n\t// SliceZone is not part of raycast\n\tif (sliceZoneIndex === -1) {\n\t\treturn null;\n\t}\n\n\tconst $slice = raycast[sliceZoneIndex + 1];\n\n\t// Slice is not part of raycast\n\tif (!$slice) {\n\t\treturn null;\n\t}\n\n\treturn $slice;\n};\n"],"names":[],"mappings":";;AAAO,MAAM,iBAAiB;AACvB,MAAM,qBAAqB;AAE3B,MAAM,kBAAkB,MAAqB;AAC5C,SAAA,SAAS,cAAc,IAAI,gBAAgB;AACnD;AAEO,MAAM,sBAAsB,MAAqB;AAChD,SAAA,SAAS,cAAc,IAAI,oBAAoB;AACvD;AAEa,MAAA,kBAAkB,CAC9B,6BACmB;AAEnB,MAAI,OAAO,SAAS,cAAc,IAAI,kCAAkC;AACxE,MAAI,MAAM;AACL,QAAA,KAAK,SAAS,WAAW,0BAA0B;AACtD,cAAQ,KACP,iEAAiE,KAAK,SAAS,uBAAuB,+GAA+G;AAAA,IAEtN;AAEM,WAAA;AAAA,EACP;AAGD,SAAO,SAAS,cAAc,IAAI,mBAAmB,oBAAoB;AAEzE,MAAI,CAAC,MAAM;AACH,WAAA;AAAA,EACP;AAED,QAAM,cAAc;AACpB,WAAS,IAAI,GAAG,IAAI,aAAa,KAAK;AACjC,QAAA,KAAK,SAAS,WAAW,0BAA0B;AAE/C,aAAA;AAAA,IAAA,WACG,KAAK,SAAS,QAAQ;AAEzB,aAAA,KAAK,SAAS,CAAC;AAAA,IAAA,OAChB;AAEN;AAAA,IACA;AAAA,EACD;AAGM,SAAA;AACR;AAEa,MAAA,oBAAoB,CAChC,YACA,UACmB;AAEb,QAAA,UAAU,SAAS,kBAAkB,MAAM,GAAG,MAAM,CAAC,EAAE;AAGvD,QAAA,iBAAiB,QAAQ,QAAQ,UAAU;AAGjD,MAAI,mBAAmB,IAAI;AACnB,WAAA;AAAA,EACP;AAEK,QAAA,SAAS,QAAQ,iBAAiB,CAAC;AAGzC,MAAI,CAAC,QAAQ;AACL,WAAA;AAAA,EACP;AAEM,SAAA;AACR;;;;;;;"}

package/dist/kit/domHelpers.d.ts

@@ -0,0 +1,9 @@
+export declare const simulatorClass = "slice-simulator";
+export declare const simulatorRootClass = "slice-simulator--root";
+export declare const getSimulatorDOM: () => Element | null;
+export declare const getSimulatorRootDOM: () => Element | null;
+export declare const getSliceZoneDOM: (expectedNumberOfChildren: number) => Element | null;
+export declare const getActiveSliceDOM: ($sliceZone: Element, mouse: {
+    x: number;
+    y: number;
+}) => Element | null;

package/dist/kit/domHelpers.js

@@ -0,0 +1,53 @@
+const simulatorClass = "slice-simulator";
+const simulatorRootClass = "slice-simulator--root";
+const getSimulatorDOM = () => {
+  return document.querySelector(`.${simulatorClass}`);
+};
+const getSimulatorRootDOM = () => {
+  return document.querySelector(`.${simulatorRootClass}`);
+};
+const getSliceZoneDOM = (expectedNumberOfChildren) => {
+  let node = document.querySelector(`.${simulatorClass} [data-slice-zone]`);
+  if (node) {
+    if (node.children.length !== expectedNumberOfChildren) {
+      console.warn(`Flagged SliceZone has an unexpected number of children, found ${node.children.length} but expected ${expectedNumberOfChildren}. This might lead to unexpected behaviors. Are you sure you tagged the right element?`);
+    }
+    return node;
+  }
+  node = document.querySelector(`.${simulatorClass} .${simulatorRootClass}`);
+  if (!node) {
+    return null;
+  }
+  const searchDepth = 5;
+  for (let i = 0; i < searchDepth; i++) {
+    if (node.children.length === expectedNumberOfChildren) {
+      return node;
+    } else if (node.children.length) {
+      node = node.children[0];
+    } else {
+      break;
+    }
+  }
+  return null;
+};
+const getActiveSliceDOM = ($sliceZone, mouse) => {
+  const raycast = document.elementsFromPoint(mouse.x, mouse.y).reverse();
+  const sliceZoneIndex = raycast.indexOf($sliceZone);
+  if (sliceZoneIndex === -1) {
+    return null;
+  }
+  const $slice = raycast[sliceZoneIndex + 1];
+  if (!$slice) {
+    return null;
+  }
+  return $slice;
+};
+export {
+  getActiveSliceDOM,
+  getSimulatorDOM,
+  getSimulatorRootDOM,
+  getSliceZoneDOM,
+  simulatorClass,
+  simulatorRootClass
+};
+//# sourceMappingURL=domHelpers.js.map

package/dist/kit/domHelpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"domHelpers.js","sources":["../../../src/kit/domHelpers.ts"],"sourcesContent":["export const simulatorClass = \"slice-simulator\";\nexport const simulatorRootClass = \"slice-simulator--root\";\n\nexport const getSimulatorDOM = (): Element | null => {\n\treturn document.querySelector(`.${simulatorClass}`);\n};\n\nexport const getSimulatorRootDOM = (): Element | null => {\n\treturn document.querySelector(`.${simulatorRootClass}`);\n};\n\nexport const getSliceZoneDOM = (\n\texpectedNumberOfChildren: number,\n): Element | null => {\n\t// If SliceZone has been tagged (#5)\n\tlet node = document.querySelector(`.${simulatorClass} [data-slice-zone]`);\n\tif (node) {\n\t\tif (node.children.length !== expectedNumberOfChildren) {\n\t\t\tconsole.warn(\n\t\t\t\t`Flagged SliceZone has an unexpected number of children, found ${node.children.length} but expected ${expectedNumberOfChildren}. This might lead to unexpected behaviors. Are you sure you tagged the right element?`,\n\t\t\t);\n\t\t}\n\n\t\treturn node;\n\t}\n\n\t// Start searching\n\tnode = document.querySelector(`.${simulatorClass} .${simulatorRootClass}`);\n\n\tif (!node) {\n\t\treturn null;\n\t}\n\n\tconst searchDepth = 5;\n\tfor (let i = 0; i < searchDepth; i++) {\n\t\tif (node.children.length === expectedNumberOfChildren) {\n\t\t\t// Return the first node that matches the expected number of children\n\t\t\treturn node;\n\t\t} else if (node.children.length) {\n\t\t\t// Continue searching if current node has children\n\t\t\tnode = node.children[0];\n\t\t} else {\n\t\t\t// Stop searching if current node has no children\n\t\t\tbreak;\n\t\t}\n\t}\n\n\t// Failed to find SliceZone\n\treturn null;\n};\n\nexport const getActiveSliceDOM = (\n\t$sliceZone: Element,\n\tmouse: { x: number; y: number },\n): Element | null => {\n\t// Raycast cursor position on DOM\n\tconst raycast = document.elementsFromPoint(mouse.x, mouse.y).reverse();\n\n\t// Find SliceZone in raycast\n\tconst sliceZoneIndex = raycast.indexOf($sliceZone);\n\n\t// SliceZone is not part of raycast\n\tif (sliceZoneIndex === -1) {\n\t\treturn null;\n\t}\n\n\tconst $slice = raycast[sliceZoneIndex + 1];\n\n\t// Slice is not part of raycast\n\tif (!$slice) {\n\t\treturn null;\n\t}\n\n\treturn $slice;\n};\n"],"names":[],"mappings":"AAAO,MAAM,iBAAiB;AACvB,MAAM,qBAAqB;AAE3B,MAAM,kBAAkB,MAAqB;AAC5C,SAAA,SAAS,cAAc,IAAI,gBAAgB;AACnD;AAEO,MAAM,sBAAsB,MAAqB;AAChD,SAAA,SAAS,cAAc,IAAI,oBAAoB;AACvD;AAEa,MAAA,kBAAkB,CAC9B,6BACmB;AAEnB,MAAI,OAAO,SAAS,cAAc,IAAI,kCAAkC;AACxE,MAAI,MAAM;AACL,QAAA,KAAK,SAAS,WAAW,0BAA0B;AACtD,cAAQ,KACP,iEAAiE,KAAK,SAAS,uBAAuB,+GAA+G;AAAA,IAEtN;AAEM,WAAA;AAAA,EACP;AAGD,SAAO,SAAS,cAAc,IAAI,mBAAmB,oBAAoB;AAEzE,MAAI,CAAC,MAAM;AACH,WAAA;AAAA,EACP;AAED,QAAM,cAAc;AACpB,WAAS,IAAI,GAAG,IAAI,aAAa,KAAK;AACjC,QAAA,KAAK,SAAS,WAAW,0BAA0B;AAE/C,aAAA;AAAA,IAAA,WACG,KAAK,SAAS,QAAQ;AAEzB,aAAA,KAAK,SAAS,CAAC;AAAA,IAAA,OAChB;AAEN;AAAA,IACA;AAAA,EACD;AAGM,SAAA;AACR;AAEa,MAAA,oBAAoB,CAChC,YACA,UACmB;AAEb,QAAA,UAAU,SAAS,kBAAkB,MAAM,GAAG,MAAM,CAAC,EAAE;AAGvD,QAAA,iBAAiB,QAAQ,QAAQ,UAAU;AAGjD,MAAI,mBAAmB,IAAI;AACnB,WAAA;AAAA,EACP;AAEK,QAAA,SAAS,QAAQ,iBAAiB,CAAC;AAGzC,MAAI,CAAC,QAAQ;AACL,WAAA;AAAA,EACP;AAEM,SAAA;AACR;"}

package/dist/kit/eventHandlers.cjs

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const disableEventHandler = (event) => {
+  event.preventDefault();
+  event.stopPropagation();
+};
+const onClickHandler = (event) => {
+  if (event.path && event.path.slice(0, 5).some((el) => el instanceof HTMLAnchorElement)) {
+    event.preventDefault();
+    event.stopPropagation();
+  }
+};
+exports.disableEventHandler = disableEventHandler;
+exports.onClickHandler = onClickHandler;
+//# sourceMappingURL=eventHandlers.cjs.map

package/dist/kit/eventHandlers.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"eventHandlers.cjs","sources":["../../../src/kit/eventHandlers.ts"],"sourcesContent":["export const disableEventHandler = (event: Event): void => {\n\tevent.preventDefault();\n\tevent.stopPropagation();\n};\n\nexport const onClickHandler = (\n\tevent: MouseEvent & { path?: HTMLElement[] },\n): void => {\n\tif (\n\t\tevent.path &&\n\t\tevent.path.slice(0, 5).some((el) => el instanceof HTMLAnchorElement)\n\t) {\n\t\tevent.preventDefault();\n\t\tevent.stopPropagation();\n\t}\n};\n"],"names":[],"mappings":";;AAAa,MAAA,sBAAsB,CAAC,UAAsB;AACzD,QAAM,eAAc;AACpB,QAAM,gBAAe;AACtB;AAEa,MAAA,iBAAiB,CAC7B,UACS;AACT,MACC,MAAM,QACN,MAAM,KAAK,MAAM,GAAG,CAAC,EAAE,KAAK,CAAC,OAAO,cAAc,iBAAiB,GAClE;AACD,UAAM,eAAc;AACpB,UAAM,gBAAe;AAAA,EACrB;AACF;;;"}

package/dist/kit/eventHandlers.d.ts

@@ -0,0 +1,4 @@
+export declare const disableEventHandler: (event: Event) => void;
+export declare const onClickHandler: (event: MouseEvent & {
+    path?: HTMLElement[];
+}) => void;

package/dist/kit/eventHandlers.js

@@ -0,0 +1,15 @@
+const disableEventHandler = (event) => {
+  event.preventDefault();
+  event.stopPropagation();
+};
+const onClickHandler = (event) => {
+  if (event.path && event.path.slice(0, 5).some((el) => el instanceof HTMLAnchorElement)) {
+    event.preventDefault();
+    event.stopPropagation();
+  }
+};
+export {
+  disableEventHandler,
+  onClickHandler
+};
+//# sourceMappingURL=eventHandlers.js.map

package/dist/kit/eventHandlers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eventHandlers.js","sources":["../../../src/kit/eventHandlers.ts"],"sourcesContent":["export const disableEventHandler = (event: Event): void => {\n\tevent.preventDefault();\n\tevent.stopPropagation();\n};\n\nexport const onClickHandler = (\n\tevent: MouseEvent & { path?: HTMLElement[] },\n): void => {\n\tif (\n\t\tevent.path &&\n\t\tevent.path.slice(0, 5).some((el) => el instanceof HTMLAnchorElement)\n\t) {\n\t\tevent.preventDefault();\n\t\tevent.stopPropagation();\n\t}\n};\n"],"names":[],"mappings":"AAAa,MAAA,sBAAsB,CAAC,UAAsB;AACzD,QAAM,eAAc;AACpB,QAAM,gBAAe;AACtB;AAEa,MAAA,iBAAiB,CAC7B,UACS;AACT,MACC,MAAM,QACN,MAAM,KAAK,MAAM,GAAG,CAAC,EAAE,KAAK,CAAC,OAAO,cAAc,iBAAiB,GAClE;AACD,UAAM,eAAc;AACpB,UAAM,gBAAe;AAAA,EACrB;AACF;"}

package/dist/kit/getDefault.cjs

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const getDefaultProps = () => ({
+  zIndex: 100,
+  background: "#ffffff"
+});
+const getDefaultSlices = () => {
+  return [];
+};
+const getDefaultMessage = () => {
+  return "";
+};
+exports.getDefaultMessage = getDefaultMessage;
+exports.getDefaultProps = getDefaultProps;
+exports.getDefaultSlices = getDefaultSlices;
+//# sourceMappingURL=getDefault.cjs.map

package/dist/kit/getDefault.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"getDefault.cjs","sources":["../../../src/kit/getDefault.ts"],"sourcesContent":["import type { SliceZone } from \"@prismicio/client\";\n\nimport { SliceSimulatorProps } from \"./types\";\n\nexport const getDefaultProps = (): Required<{\n\t[K in keyof SliceSimulatorProps]: NonNullable<SliceSimulatorProps[K]>;\n}> => ({\n\tzIndex: 100,\n\tbackground: \"#ffffff\",\n});\n\nexport const getDefaultSlices = (): SliceZone => {\n\treturn [];\n};\n\nexport const getDefaultMessage = (): string => {\n\treturn \"\";\n};\n"],"names":[],"mappings":";;AAIO,MAAM,kBAAkB,OAExB;AAAA,EACN,QAAQ;AAAA,EACR,YAAY;AACZ;AAEM,MAAM,mBAAmB,MAAgB;AAC/C,SAAO;AACR;AAEO,MAAM,oBAAoB,MAAa;AACtC,SAAA;AACR;;;;"}

package/dist/kit/getDefault.d.ts

@@ -0,0 +1,8 @@
+import type { SliceZone } from "@prismicio/client";
+import { SliceSimulatorProps } from "./types";
+export declare const getDefaultProps: () => Required<{
+    zIndex?: number | undefined;
+    background?: string | undefined;
+}>;
+export declare const getDefaultSlices: () => SliceZone;
+export declare const getDefaultMessage: () => string;

package/dist/kit/getDefault.js

@@ -0,0 +1,16 @@
+const getDefaultProps = () => ({
+  zIndex: 100,
+  background: "#ffffff"
+});
+const getDefaultSlices = () => {
+  return [];
+};
+const getDefaultMessage = () => {
+  return "";
+};
+export {
+  getDefaultMessage,
+  getDefaultProps,
+  getDefaultSlices
+};
+//# sourceMappingURL=getDefault.js.map

package/dist/kit/getDefault.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getDefault.js","sources":["../../../src/kit/getDefault.ts"],"sourcesContent":["import type { SliceZone } from \"@prismicio/client\";\n\nimport { SliceSimulatorProps } from \"./types\";\n\nexport const getDefaultProps = (): Required<{\n\t[K in keyof SliceSimulatorProps]: NonNullable<SliceSimulatorProps[K]>;\n}> => ({\n\tzIndex: 100,\n\tbackground: \"#ffffff\",\n});\n\nexport const getDefaultSlices = (): SliceZone => {\n\treturn [];\n};\n\nexport const getDefaultMessage = (): string => {\n\treturn \"\";\n};\n"],"names":[],"mappings":"AAIO,MAAM,kBAAkB,OAExB;AAAA,EACN,QAAQ;AAAA,EACR,YAAY;AACZ;AAEM,MAAM,mBAAmB,MAAgB;AAC/C,SAAO;AACR;AAEO,MAAM,oBAAoB,MAAa;AACtC,SAAA;AACR;"}

package/dist/kit/index.cjs

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const SimulatorManager = require("./SimulatorManager.cjs");
+const State = require("./State.cjs");
+const getDefault = require("./getDefault.cjs");
+const domHelpers = require("./domHelpers.cjs");
+const eventHandlers = require("./eventHandlers.cjs");
+const messages = require("./messages.cjs");
+const types = require("./types.cjs");
+exports.SimulatorManager = SimulatorManager.SimulatorManager;
+exports.State = State.State;
+exports.getDefaultMessage = getDefault.getDefaultMessage;
+exports.getDefaultProps = getDefault.getDefaultProps;
+exports.getDefaultSlices = getDefault.getDefaultSlices;
+exports.getActiveSliceDOM = domHelpers.getActiveSliceDOM;
+exports.getSliceZoneDOM = domHelpers.getSliceZoneDOM;
+exports.simulatorClass = domHelpers.simulatorClass;
+exports.simulatorRootClass = domHelpers.simulatorRootClass;
+exports.disableEventHandler = eventHandlers.disableEventHandler;
+exports.onClickHandler = eventHandlers.onClickHandler;
+exports.sliceSimulatorAccessedDirectly = messages.sliceSimulatorAccessedDirectly;
+Object.defineProperty(exports, "StateEventType", {
+  enumerable: true,
+  get: () => types.StateEventType
+});
+//# sourceMappingURL=index.cjs.map

package/dist/kit/index.cjs.map

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

package/dist/kit/index.d.ts

@@ -0,0 +1,8 @@
+export { SimulatorManager } from "./SimulatorManager";
+export { State } from "./State";
+export { getDefaultProps, getDefaultSlices, getDefaultMessage, } from "./getDefault";
+export { simulatorClass, simulatorRootClass, getSliceZoneDOM, getActiveSliceDOM, } from "./domHelpers";
+export { disableEventHandler, onClickHandler } from "./eventHandlers";
+export { sliceSimulatorAccessedDirectly } from "./messages";
+export { StateEventType } from "./types";
+export type { StateEvents, SliceSimulatorProps, SliceSimulatorState, SliceSimulatorOptions, } from "./types";

package/dist/kit/index.js

@@ -0,0 +1,23 @@
+import { SimulatorManager } from "./SimulatorManager.js";
+import { State } from "./State.js";
+import { getDefaultMessage, getDefaultProps, getDefaultSlices } from "./getDefault.js";
+import { getActiveSliceDOM, getSliceZoneDOM, simulatorClass, simulatorRootClass } from "./domHelpers.js";
+import { disableEventHandler, onClickHandler } from "./eventHandlers.js";
+import { sliceSimulatorAccessedDirectly } from "./messages.js";
+import { StateEventType } from "./types.js";
+export {
+  SimulatorManager,
+  State,
+  StateEventType,
+  disableEventHandler,
+  getActiveSliceDOM,
+  getDefaultMessage,
+  getDefaultProps,
+  getDefaultSlices,
+  getSliceZoneDOM,
+  onClickHandler,
+  simulatorClass,
+  simulatorRootClass,
+  sliceSimulatorAccessedDirectly
+};
+//# sourceMappingURL=index.js.map

package/dist/kit/index.js.map

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

package/dist/kit/messages.cjs

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const div = (content) => `<div style="word-spacing: initial; white-space: pre; line-height: initial; font-family: monospace; color: #ffffff; mix-blend-mode: difference; padding: 1rem; font-size: 1rem;">${content}</div>`;
+const a = (href, label) => `<a href="${href}" style="text-decoration: underline;">${label || href}<a>`;
+const header = "   _____ ___          _____ _                 __      __            \n  / ___// (_)_______ / ___/(_)___ ___  __  __/ /___ _/ /_____  _____\n  \\__ \\/ / / ___/ _ \\\\__ \\/ / __ `__ \\/ / / / / __ `/ __/ __ \\/ ___/\n ___/ / / / /__/  __/__/ / / / / / / / /_/ / / /_/ / /_/ /_/ / /    \n/____/_/_/\\___/\\___/____/_/_/ /_/ /_/\\__,_/_/\\__,_/\\__/\\____/_/     \n                  / /_  __  __   / __ \\_____(_)________ ___  (_)____\n                 / __ \\/ / / /  / /_/ / ___/ / ___/ __ `__ \\/ / ___/\n                / /_/ / /_/ /  / ____/ /  / (__  ) / / / / / / /__  \n               /_.___/\\__, /  /_/   /_/  /_/____/_/ /_/ /_/_/\\___/  \n                     /____/\n\n";
+const footer = "\n\n\n\n\n\n                                                - The Prismic team";
+const sliceSimulatorAccessedDirectly = div([
+  header,
+  `You're seeing this page because you're accessing Slice Simulator
+directly, e.g:
+
+  - ${a("http://localhost:3000/slice-simulator")}
+
+
+
+Slice Simulator is not meant to be accessed this way, to preview your
+slices, head over to Slice Machine UI:
+
+  - ${a("http://localhost:9999")}
+
+
+
+If you believe this is an error, please reach out to us:
+
+  - ${a("https://github.com/prismicio/slice-machine/issues/new/choose")}`,
+  footer
+].join(""));
+exports.sliceSimulatorAccessedDirectly = sliceSimulatorAccessedDirectly;
+//# sourceMappingURL=messages.cjs.map

package/dist/kit/messages.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"messages.cjs","sources":["../../../src/kit/messages.ts"],"sourcesContent":["const div = (content: string) =>\n\t`<div style=\"word-spacing: initial; white-space: pre; line-height: initial; font-family: monospace; color: #ffffff; mix-blend-mode: difference; padding: 1rem; font-size: 1rem;\">${content}</div>`;\n\nconst a = (href: string, label?: string) =>\n\t`<a href=\"${href}\" style=\"text-decoration: underline;\">${label || href}<a>`;\n\nconst header =\n\t\"   _____ ___          _____ _                 __      __            \\n  / ___// (_)_______ / ___/(_)___ ___  __  __/ /___ _/ /_____  _____\\n  \\\\__ \\\\/ / / ___/ _ \\\\\\\\__ \\\\/ / __ `__ \\\\/ / / / / __ `/ __/ __ \\\\/ ___/\\n ___/ / / / /__/  __/__/ / / / / / / / /_/ / / /_/ / /_/ /_/ / /    \\n/____/_/_/\\\\___/\\\\___/____/_/_/ /_/ /_/\\\\__,_/_/\\\\__,_/\\\\__/\\\\____/_/     \\n                  / /_  __  __   / __ \\\\_____(_)________ ___  (_)____\\n                 / __ \\\\/ / / /  / /_/ / ___/ / ___/ __ `__ \\\\/ / ___/\\n                / /_/ / /_/ /  / ____/ /  / (__  ) / / / / / / /__  \\n               /_.___/\\\\__, /  /_/   /_/  /_/____/_/ /_/ /_/_/\\\\___/  \\n                     /____/\\n\\n\";\n\nconst footer =\n\t\"\\n\\n\\n\\n\\n\\n                                                - The Prismic team\";\n\nexport const sliceSimulatorAccessedDirectly = div(\n\t[\n\t\theader,\n\t\t`You're seeing this page because you're accessing Slice Simulator\\ndirectly, e.g:\\n\\n  - ${a(\n\t\t\t\"http://localhost:3000/slice-simulator\",\n\t\t)}\\n\\n\\n\\nSlice Simulator is not meant to be accessed this way, to preview your\\nslices, head over to Slice Machine UI:\\n\\n  - ${a(\n\t\t\t\"http://localhost:9999\",\n\t\t)}\\n\\n\\n\\nIf you believe this is an error, please reach out to us:\\n\\n  - ${a(\n\t\t\t\"https://github.com/prismicio/slice-machine/issues/new/choose\",\n\t\t)}`,\n\t\tfooter,\n\t].join(\"\"),\n);\n"],"names":[],"mappings":";;AAAA,MAAM,MAAM,CAAC,YACZ,mLAAmL;AAEpL,MAAM,IAAI,CAAC,MAAc,UACxB,YAAY,6CAA6C,SAAS;AAEnE,MAAM,SACL;AAED,MAAM,SACL;AAEM,MAAM,iCAAiC,IAC7C;AAAA,EACC;AAAA,EACA;AAAA;AAAA;AAAA,MAA2F,EAC1F,uCAAuC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MACyF,EAChI,uBAAuB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MACoD,EAC3E,8DAA8D;AAAA,EAE/D;AACA,EAAC,KAAK,EAAE,CAAC;;"}

package/dist/kit/messages.d.ts

@@ -0,0 +1 @@
+export declare const sliceSimulatorAccessedDirectly: string;

package/dist/kit/messages.js

@@ -0,0 +1,29 @@
+const div = (content) => `<div style="word-spacing: initial; white-space: pre; line-height: initial; font-family: monospace; color: #ffffff; mix-blend-mode: difference; padding: 1rem; font-size: 1rem;">${content}</div>`;
+const a = (href, label) => `<a href="${href}" style="text-decoration: underline;">${label || href}<a>`;
+const header = "   _____ ___          _____ _                 __      __            \n  / ___// (_)_______ / ___/(_)___ ___  __  __/ /___ _/ /_____  _____\n  \\__ \\/ / / ___/ _ \\\\__ \\/ / __ `__ \\/ / / / / __ `/ __/ __ \\/ ___/\n ___/ / / / /__/  __/__/ / / / / / / / /_/ / / /_/ / /_/ /_/ / /    \n/____/_/_/\\___/\\___/____/_/_/ /_/ /_/\\__,_/_/\\__,_/\\__/\\____/_/     \n                  / /_  __  __   / __ \\_____(_)________ ___  (_)____\n                 / __ \\/ / / /  / /_/ / ___/ / ___/ __ `__ \\/ / ___/\n                / /_/ / /_/ /  / ____/ /  / (__  ) / / / / / / /__  \n               /_.___/\\__, /  /_/   /_/  /_/____/_/ /_/ /_/_/\\___/  \n                     /____/\n\n";
+const footer = "\n\n\n\n\n\n                                                - The Prismic team";
+const sliceSimulatorAccessedDirectly = div([
+  header,
+  `You're seeing this page because you're accessing Slice Simulator
+directly, e.g:
+
+  - ${a("http://localhost:3000/slice-simulator")}
+
+
+
+Slice Simulator is not meant to be accessed this way, to preview your
+slices, head over to Slice Machine UI:
+
+  - ${a("http://localhost:9999")}
+
+
+
+If you believe this is an error, please reach out to us:
+
+  - ${a("https://github.com/prismicio/slice-machine/issues/new/choose")}`,
+  footer
+].join(""));
+export {
+  sliceSimulatorAccessedDirectly
+};
+//# sourceMappingURL=messages.js.map

package/dist/kit/messages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"messages.js","sources":["../../../src/kit/messages.ts"],"sourcesContent":["const div = (content: string) =>\n\t`<div style=\"word-spacing: initial; white-space: pre; line-height: initial; font-family: monospace; color: #ffffff; mix-blend-mode: difference; padding: 1rem; font-size: 1rem;\">${content}</div>`;\n\nconst a = (href: string, label?: string) =>\n\t`<a href=\"${href}\" style=\"text-decoration: underline;\">${label || href}<a>`;\n\nconst header =\n\t\"   _____ ___          _____ _                 __      __            \\n  / ___// (_)_______ / ___/(_)___ ___  __  __/ /___ _/ /_____  _____\\n  \\\\__ \\\\/ / / ___/ _ \\\\\\\\__ \\\\/ / __ `__ \\\\/ / / / / __ `/ __/ __ \\\\/ ___/\\n ___/ / / / /__/  __/__/ / / / / / / / /_/ / / /_/ / /_/ /_/ / /    \\n/____/_/_/\\\\___/\\\\___/____/_/_/ /_/ /_/\\\\__,_/_/\\\\__,_/\\\\__/\\\\____/_/     \\n                  / /_  __  __   / __ \\\\_____(_)________ ___  (_)____\\n                 / __ \\\\/ / / /  / /_/ / ___/ / ___/ __ `__ \\\\/ / ___/\\n                / /_/ / /_/ /  / ____/ /  / (__  ) / / / / / / /__  \\n               /_.___/\\\\__, /  /_/   /_/  /_/____/_/ /_/ /_/_/\\\\___/  \\n                     /____/\\n\\n\";\n\nconst footer =\n\t\"\\n\\n\\n\\n\\n\\n                                                - The Prismic team\";\n\nexport const sliceSimulatorAccessedDirectly = div(\n\t[\n\t\theader,\n\t\t`You're seeing this page because you're accessing Slice Simulator\\ndirectly, e.g:\\n\\n  - ${a(\n\t\t\t\"http://localhost:3000/slice-simulator\",\n\t\t)}\\n\\n\\n\\nSlice Simulator is not meant to be accessed this way, to preview your\\nslices, head over to Slice Machine UI:\\n\\n  - ${a(\n\t\t\t\"http://localhost:9999\",\n\t\t)}\\n\\n\\n\\nIf you believe this is an error, please reach out to us:\\n\\n  - ${a(\n\t\t\t\"https://github.com/prismicio/slice-machine/issues/new/choose\",\n\t\t)}`,\n\t\tfooter,\n\t].join(\"\"),\n);\n"],"names":[],"mappings":"AAAA,MAAM,MAAM,CAAC,YACZ,mLAAmL;AAEpL,MAAM,IAAI,CAAC,MAAc,UACxB,YAAY,6CAA6C,SAAS;AAEnE,MAAM,SACL;AAED,MAAM,SACL;AAEM,MAAM,iCAAiC,IAC7C;AAAA,EACC;AAAA,EACA;AAAA;AAAA;AAAA,MAA2F,EAC1F,uCAAuC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MACyF,EAChI,uBAAuB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MACoD,EAC3E,8DAA8D;AAAA,EAE/D;AACA,EAAC,KAAK,EAAE,CAAC;"}

package/dist/kit/types.cjs

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+exports.StateEventType = void 0;
+(function(StateEventType2) {
+  StateEventType2["Slices"] = "slices";
+  StateEventType2["ActiveSlice"] = "activeSlice";
+  StateEventType2["Message"] = "message";
+})(exports.StateEventType || (exports.StateEventType = {}));
+//# sourceMappingURL=types.cjs.map

package/dist/kit/types.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.cjs","sources":["../../../src/kit/types.ts"],"sourcesContent":["import type { SliceZone } from \"@prismicio/client\";\n\nimport type { ActiveSlice } from \"../types\";\n\nimport type { SimulatorManager } from \"./SimulatorManager\";\n\nexport enum StateEventType {\n\tSlices = \"slices\",\n\tActiveSlice = \"activeSlice\",\n\tMessage = \"message\",\n}\n\nexport type StateEvents = {\n\t[StateEventType.Slices]: SliceZone;\n\t[StateEventType.ActiveSlice]: ActiveSlice | null;\n\t[StateEventType.Message]: string;\n};\n\nexport interface SliceSimulatorProps {\n\tzIndex?: number;\n\tbackground?: string;\n}\n\nexport interface SliceSimulatorState {\n\tmanager: SimulatorManager;\n\tslices: SliceZone;\n\tmessage: string;\n}\n\nexport type SliceSimulatorOptions = SliceSimulatorProps & SliceSimulatorState;\n"],"names":["StateEventType"],"mappings":";;AAMYA,QAAA,iBAAA;AAAA,CAAZ,SAAYA,iBAAc;AACzBA,kBAAA,QAAA,IAAA;AACAA,kBAAA,aAAA,IAAA;AACAA,kBAAA,SAAA,IAAA;AACD,GAJYA,QAAA,mBAAAA,yBAIX,CAAA,EAAA;"}

package/dist/kit/types.d.ts

@@ -0,0 +1,23 @@
+import type { SliceZone } from "@prismicio/client";
+import type { ActiveSlice } from "../types";
+import type { SimulatorManager } from "./SimulatorManager";
+export declare enum StateEventType {
+    Slices = "slices",
+    ActiveSlice = "activeSlice",
+    Message = "message"
+}
+export type StateEvents = {
+    [StateEventType.Slices]: SliceZone;
+    [StateEventType.ActiveSlice]: ActiveSlice | null;
+    [StateEventType.Message]: string;
+};
+export interface SliceSimulatorProps {
+    zIndex?: number;
+    background?: string;
+}
+export interface SliceSimulatorState {
+    manager: SimulatorManager;
+    slices: SliceZone;
+    message: string;
+}
+export type SliceSimulatorOptions = SliceSimulatorProps & SliceSimulatorState;

package/dist/kit/types.js

@@ -0,0 +1,10 @@
+var StateEventType;
+(function(StateEventType2) {
+  StateEventType2["Slices"] = "slices";
+  StateEventType2["ActiveSlice"] = "activeSlice";
+  StateEventType2["Message"] = "message";
+})(StateEventType || (StateEventType = {}));
+export {
+  StateEventType
+};
+//# sourceMappingURL=types.js.map

package/dist/kit/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":["../../../src/kit/types.ts"],"sourcesContent":["import type { SliceZone } from \"@prismicio/client\";\n\nimport type { ActiveSlice } from \"../types\";\n\nimport type { SimulatorManager } from \"./SimulatorManager\";\n\nexport enum StateEventType {\n\tSlices = \"slices\",\n\tActiveSlice = \"activeSlice\",\n\tMessage = \"message\",\n}\n\nexport type StateEvents = {\n\t[StateEventType.Slices]: SliceZone;\n\t[StateEventType.ActiveSlice]: ActiveSlice | null;\n\t[StateEventType.Message]: string;\n};\n\nexport interface SliceSimulatorProps {\n\tzIndex?: number;\n\tbackground?: string;\n}\n\nexport interface SliceSimulatorState {\n\tmanager: SimulatorManager;\n\tslices: SliceZone;\n\tmessage: string;\n}\n\nexport type SliceSimulatorOptions = SliceSimulatorProps & SliceSimulatorState;\n"],"names":["StateEventType"],"mappings":"AAMY,IAAA;AAAA,CAAZ,SAAYA,iBAAc;AACzBA,kBAAA,QAAA,IAAA;AACAA,kBAAA,aAAA,IAAA;AACAA,kBAAA,SAAA,IAAA;AACD,GAJY,mBAAA,iBAIX,CAAA,EAAA;"}

package/dist/lib/EventEmitter.cjs

@@ -0,0 +1,27 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+class EventEmitter {
+  constructor() {
+    __publicField(this, "_listeners", {});
+  }
+  on(event, listener, key = null) {
+    this._listeners[event] = [
+      ...this._listeners[event] ?? [],
+      [listener, key]
+    ];
+  }
+  off(event, listenerOrKey) {
+    this._listeners[event] = (this._listeners[event] ?? []).filter(([listener, key]) => typeof listenerOrKey === "function" ? listener !== listenerOrKey : key !== listenerOrKey);
+  }
+  emit(event, payload) {
+    (this._listeners[event] ?? []).forEach((listener) => listener[0](payload));
+  }
+}
+exports.EventEmitter = EventEmitter;
+//# sourceMappingURL=EventEmitter.cjs.map

package/dist/lib/EventEmitter.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EventEmitter.cjs","sources":["../../../src/lib/EventEmitter.ts"],"sourcesContent":["export type Listener<T> = (event: T) => void;\n\nexport type EventMap = {\n\t[K in string]: unknown;\n};\n\nexport abstract class EventEmitter<TEventMap = EventMap> {\n\tprivate _listeners: {\n\t\t[K in keyof TEventMap]?: [Listener<TEventMap[K]>, string | null][];\n\t} = {};\n\n\ton<TEventType extends keyof TEventMap>(\n\t\tevent: TEventType,\n\t\tlistener: Listener<TEventMap[TEventType]>,\n\t\tkey: string | null = null,\n\t): void {\n\t\tthis._listeners[event] = [\n\t\t\t...(this._listeners[event] ?? []),\n\t\t\t[listener, key],\n\t\t];\n\t}\n\n\toff<TEventType extends keyof TEventMap>(\n\t\tevent: TEventType,\n\t\tlistenerOrKey: Listener<TEventMap[TEventType]> | string,\n\t): void {\n\t\tthis._listeners[event] = (this._listeners[event] ?? []).filter(\n\t\t\t([listener, key]) =>\n\t\t\t\ttypeof listenerOrKey === \"function\"\n\t\t\t\t\t? listener !== listenerOrKey\n\t\t\t\t\t: key !== listenerOrKey,\n\t\t);\n\t}\n\n\temit<TEventType extends keyof TEventMap>(\n\t\tevent: TEventType,\n\t\tpayload: TEventMap[TEventType],\n\t): void {\n\t\t(this._listeners[event] ?? []).forEach((listener) => listener[0](payload));\n\t}\n}\n"],"names":[],"mappings":";;;;;;;;MAMsB,aAAY;AAAA;AACzB,sCAEJ,CAAA;AAAA;AAAA,EAEJ,GACC,OACA,UACA,MAAqB,MAAI;AAEpB,SAAA,WAAW,KAAK,IAAI;AAAA,MACxB,GAAI,KAAK,WAAW,KAAK,KAAK,CAAA;AAAA,MAC9B,CAAC,UAAU,GAAG;AAAA,IAAA;AAAA,EAEhB;AAAA,EAEA,IACC,OACA,eAAuD;AAElD,SAAA,WAAW,KAAK,KAAK,KAAK,WAAW,KAAK,KAAK,CAAA,GAAI,OACvD,CAAC,CAAC,UAAU,GAAG,MACd,OAAO,kBAAkB,aACtB,aAAa,gBACb,QAAQ,aAAa;AAAA,EAE3B;AAAA,EAEA,KACC,OACA,SAA8B;AAE9B,KAAC,KAAK,WAAW,KAAK,KAAK,CAAA,GAAI,QAAQ,CAAC,aAAa,SAAS,CAAC,EAAE,OAAO,CAAC;AAAA,EAC1E;AACA;;"}

package/dist/lib/EventEmitter.d.ts

@@ -0,0 +1,10 @@
+export type Listener<T> = (event: T) => void;
+export type EventMap = {
+    [K in string]: unknown;
+};
+export declare abstract class EventEmitter<TEventMap = EventMap> {
+    private _listeners;
+    on<TEventType extends keyof TEventMap>(event: TEventType, listener: Listener<TEventMap[TEventType]>, key?: string | null): void;
+    off<TEventType extends keyof TEventMap>(event: TEventType, listenerOrKey: Listener<TEventMap[TEventType]> | string): void;
+    emit<TEventType extends keyof TEventMap>(event: TEventType, payload: TEventMap[TEventType]): void;
+}

package/dist/lib/EventEmitter.js

@@ -0,0 +1,27 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+class EventEmitter {
+  constructor() {
+    __publicField(this, "_listeners", {});
+  }
+  on(event, listener, key = null) {
+    this._listeners[event] = [
+      ...this._listeners[event] ?? [],
+      [listener, key]
+    ];
+  }
+  off(event, listenerOrKey) {
+    this._listeners[event] = (this._listeners[event] ?? []).filter(([listener, key]) => typeof listenerOrKey === "function" ? listener !== listenerOrKey : key !== listenerOrKey);
+  }
+  emit(event, payload) {
+    (this._listeners[event] ?? []).forEach((listener) => listener[0](payload));
+  }
+}
+export {
+  EventEmitter
+};
+//# sourceMappingURL=EventEmitter.js.map

package/dist/lib/EventEmitter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EventEmitter.js","sources":["../../../src/lib/EventEmitter.ts"],"sourcesContent":["export type Listener<T> = (event: T) => void;\n\nexport type EventMap = {\n\t[K in string]: unknown;\n};\n\nexport abstract class EventEmitter<TEventMap = EventMap> {\n\tprivate _listeners: {\n\t\t[K in keyof TEventMap]?: [Listener<TEventMap[K]>, string | null][];\n\t} = {};\n\n\ton<TEventType extends keyof TEventMap>(\n\t\tevent: TEventType,\n\t\tlistener: Listener<TEventMap[TEventType]>,\n\t\tkey: string | null = null,\n\t): void {\n\t\tthis._listeners[event] = [\n\t\t\t...(this._listeners[event] ?? []),\n\t\t\t[listener, key],\n\t\t];\n\t}\n\n\toff<TEventType extends keyof TEventMap>(\n\t\tevent: TEventType,\n\t\tlistenerOrKey: Listener<TEventMap[TEventType]> | string,\n\t): void {\n\t\tthis._listeners[event] = (this._listeners[event] ?? []).filter(\n\t\t\t([listener, key]) =>\n\t\t\t\ttypeof listenerOrKey === \"function\"\n\t\t\t\t\t? listener !== listenerOrKey\n\t\t\t\t\t: key !== listenerOrKey,\n\t\t);\n\t}\n\n\temit<TEventType extends keyof TEventMap>(\n\t\tevent: TEventType,\n\t\tpayload: TEventMap[TEventType],\n\t): void {\n\t\t(this._listeners[event] ?? []).forEach((listener) => listener[0](payload));\n\t}\n}\n"],"names":[],"mappings":";;;;;;MAMsB,aAAY;AAAA;AACzB,sCAEJ,CAAA;AAAA;AAAA,EAEJ,GACC,OACA,UACA,MAAqB,MAAI;AAEpB,SAAA,WAAW,KAAK,IAAI;AAAA,MACxB,GAAI,KAAK,WAAW,KAAK,KAAK,CAAA;AAAA,MAC9B,CAAC,UAAU,GAAG;AAAA,IAAA;AAAA,EAEhB;AAAA,EAEA,IACC,OACA,eAAuD;AAElD,SAAA,WAAW,KAAK,KAAK,KAAK,WAAW,KAAK,KAAK,CAAA,GAAI,OACvD,CAAC,CAAC,UAAU,GAAG,MACd,OAAO,kBAAkB,aACtB,aAAa,gBACb,QAAQ,aAAa;AAAA,EAE3B;AAAA,EAEA,KACC,OACA,SAA8B;AAE9B,KAAC,KAAK,WAAW,KAAK,KAAK,CAAA,GAAI,QAAQ,CAAC,aAAa,SAAS,CAAC,EAAE,OAAO,CAAC;AAAA,EAC1E;AACA;"}