@prismicio/simulator 0.1.4 → 0.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (149) hide show
  1. package/README.md +7 -18
  2. package/dist/SimulatorAPI.cjs +38 -46
  3. package/dist/SimulatorAPI.cjs.map +1 -1
  4. package/dist/SimulatorAPI.d.cts +18 -0
  5. package/dist/SimulatorAPI.d.ts +16 -10
  6. package/dist/SimulatorAPI.js +37 -46
  7. package/dist/SimulatorAPI.js.map +1 -1
  8. package/dist/SimulatorClient.cjs +41 -51
  9. package/dist/SimulatorClient.cjs.map +1 -1
  10. package/dist/SimulatorClient.d.cts +16 -0
  11. package/dist/SimulatorClient.d.ts +15 -9
  12. package/dist/SimulatorClient.js +40 -51
  13. package/dist/SimulatorClient.js.map +1 -1
  14. package/dist/channel/ChannelEmitter.cjs +112 -143
  15. package/dist/channel/ChannelEmitter.cjs.map +1 -1
  16. package/dist/channel/ChannelEmitter.d.cts +38 -0
  17. package/dist/channel/ChannelEmitter.d.ts +36 -36
  18. package/dist/channel/ChannelEmitter.js +110 -141
  19. package/dist/channel/ChannelEmitter.js.map +1 -1
  20. package/dist/channel/ChannelNetwork.cjs +81 -109
  21. package/dist/channel/ChannelNetwork.cjs.map +1 -1
  22. package/dist/channel/ChannelNetwork.d.cts +28 -0
  23. package/dist/channel/ChannelNetwork.d.ts +25 -21
  24. package/dist/channel/ChannelNetwork.js +81 -109
  25. package/dist/channel/ChannelNetwork.js.map +1 -1
  26. package/dist/channel/ChannelReceiver.cjs +69 -92
  27. package/dist/channel/ChannelReceiver.cjs.map +1 -1
  28. package/dist/channel/ChannelReceiver.d.cts +20 -0
  29. package/dist/channel/ChannelReceiver.d.ts +18 -18
  30. package/dist/channel/ChannelReceiver.js +67 -90
  31. package/dist/channel/ChannelReceiver.js.map +1 -1
  32. package/dist/channel/errors.cjs +41 -46
  33. package/dist/channel/errors.cjs.map +1 -1
  34. package/dist/channel/errors.d.cts +28 -0
  35. package/dist/channel/errors.d.ts +22 -19
  36. package/dist/channel/errors.js +40 -52
  37. package/dist/channel/errors.js.map +1 -1
  38. package/dist/channel/messages.cjs +48 -43
  39. package/dist/channel/messages.cjs.map +1 -1
  40. package/dist/channel/messages.d.cts +12 -0
  41. package/dist/channel/messages.d.ts +12 -10
  42. package/dist/channel/messages.js +50 -53
  43. package/dist/channel/messages.js.map +1 -1
  44. package/dist/channel/types.cjs +15 -11
  45. package/dist/channel/types.cjs.map +1 -1
  46. package/dist/channel/types.d.cts +53 -0
  47. package/dist/channel/types.d.ts +42 -50
  48. package/dist/channel/types.js +13 -13
  49. package/dist/channel/types.js.map +1 -1
  50. package/dist/globalExtensions.d.cts +15 -0
  51. package/dist/globalExtensions.d.ts +13 -10
  52. package/dist/index.cjs +24 -33
  53. package/dist/index.d.cts +10 -0
  54. package/dist/index.d.ts +10 -8
  55. package/dist/index.js +5 -25
  56. package/dist/kit/SimulatorManager.cjs +106 -137
  57. package/dist/kit/SimulatorManager.cjs.map +1 -1
  58. package/dist/kit/SimulatorManager.d.cts +19 -0
  59. package/dist/kit/SimulatorManager.d.ts +16 -12
  60. package/dist/kit/SimulatorManager.js +103 -134
  61. package/dist/kit/SimulatorManager.js.map +1 -1
  62. package/dist/kit/State.cjs +82 -80
  63. package/dist/kit/State.cjs.map +1 -1
  64. package/dist/kit/State.d.cts +29 -0
  65. package/dist/kit/State.d.ts +26 -22
  66. package/dist/kit/State.js +80 -78
  67. package/dist/kit/State.js.map +1 -1
  68. package/dist/kit/domHelpers.cjs +25 -37
  69. package/dist/kit/domHelpers.cjs.map +1 -1
  70. package/dist/kit/domHelpers.d.cts +11 -0
  71. package/dist/kit/domHelpers.d.ts +10 -8
  72. package/dist/kit/domHelpers.js +25 -43
  73. package/dist/kit/domHelpers.js.map +1 -1
  74. package/dist/kit/eventHandlers.cjs +11 -9
  75. package/dist/kit/eventHandlers.cjs.map +1 -1
  76. package/dist/kit/eventHandlers.d.cts +8 -0
  77. package/dist/kit/eventHandlers.d.ts +7 -3
  78. package/dist/kit/eventHandlers.js +11 -11
  79. package/dist/kit/eventHandlers.js.map +1 -1
  80. package/dist/kit/getDefault.cjs +9 -7
  81. package/dist/kit/getDefault.cjs.map +1 -1
  82. package/dist/kit/getDefault.d.cts +10 -0
  83. package/dist/kit/getDefault.d.ts +10 -8
  84. package/dist/kit/getDefault.js +9 -10
  85. package/dist/kit/getDefault.js.map +1 -1
  86. package/dist/kit/messages.cjs +8 -22
  87. package/dist/kit/messages.cjs.map +1 -1
  88. package/dist/kit/messages.d.cts +5 -0
  89. package/dist/kit/messages.d.ts +5 -1
  90. package/dist/kit/messages.js +8 -23
  91. package/dist/kit/messages.js.map +1 -1
  92. package/dist/kit/types.cjs +12 -9
  93. package/dist/kit/types.cjs.map +1 -1
  94. package/dist/kit/types.d.cts +28 -0
  95. package/dist/kit/types.d.ts +24 -19
  96. package/dist/kit/types.js +11 -10
  97. package/dist/kit/types.js.map +1 -1
  98. package/dist/kit.cjs +21 -26
  99. package/dist/kit.d.cts +8 -0
  100. package/dist/kit.d.ts +8 -0
  101. package/dist/kit.js +7 -21
  102. package/dist/lib/EventEmitter.cjs +16 -25
  103. package/dist/lib/EventEmitter.cjs.map +1 -1
  104. package/dist/lib/EventEmitter.d.cts +12 -0
  105. package/dist/lib/EventEmitter.d.ts +11 -9
  106. package/dist/lib/EventEmitter.js +16 -26
  107. package/dist/lib/EventEmitter.js.map +1 -1
  108. package/dist/lib/throttle.cjs +21 -21
  109. package/dist/lib/throttle.cjs.map +1 -1
  110. package/dist/lib/throttle.js +21 -22
  111. package/dist/lib/throttle.js.map +1 -1
  112. package/dist/types.cjs +18 -14
  113. package/dist/types.cjs.map +1 -1
  114. package/dist/types.d.cts +39 -0
  115. package/dist/types.d.ts +32 -27
  116. package/dist/types.js +16 -16
  117. package/dist/types.js.map +1 -1
  118. package/package.json +27 -68
  119. package/src/SimulatorAPI.ts +24 -22
  120. package/src/SimulatorClient.ts +24 -25
  121. package/src/channel/ChannelEmitter.ts +71 -74
  122. package/src/channel/ChannelNetwork.ts +53 -55
  123. package/src/channel/ChannelReceiver.ts +46 -48
  124. package/src/channel/errors.ts +14 -14
  125. package/src/channel/index.ts +10 -10
  126. package/src/channel/messages.ts +39 -31
  127. package/src/channel/types.ts +40 -40
  128. package/src/globalExtensions.ts +6 -6
  129. package/src/index.ts +8 -8
  130. package/src/kit/SimulatorManager.ts +64 -63
  131. package/src/kit/State.ts +45 -44
  132. package/src/kit/domHelpers.ts +24 -24
  133. package/src/kit/eventHandlers.ts +6 -6
  134. package/src/kit/getDefault.ts +8 -8
  135. package/src/kit/index.ts +8 -8
  136. package/src/kit/messages.ts +5 -5
  137. package/src/kit/types.ts +13 -13
  138. package/src/lib/EventEmitter.ts +8 -8
  139. package/src/lib/__PRODUCTION__.ts +2 -2
  140. package/src/lib/throttle.ts +12 -12
  141. package/src/types.ts +20 -20
  142. package/dist/channel/index.d.ts +0 -10
  143. package/dist/index.cjs.map +0 -1
  144. package/dist/index.js.map +0 -1
  145. package/dist/kit/index.d.ts +0 -8
  146. package/dist/kit.cjs.map +0 -1
  147. package/dist/kit.js.map +0 -1
  148. package/dist/lib/__PRODUCTION__.d.ts +0 -7
  149. package/dist/lib/throttle.d.ts +0 -1
package/dist/kit/State.js CHANGED
@@ -1,82 +1,84 @@
1
- var __defProp = Object.defineProperty;
2
- var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
3
- var __publicField = (obj, key, value) => {
4
- __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
5
- return value;
6
- };
7
- import { EventEmitter } from "../lib/EventEmitter.js";
8
1
  import { throttle } from "../lib/throttle.js";
9
2
  import { StateEventType } from "./types.js";
10
- import { getSliceZoneDOM, getActiveSliceDOM } from "./domHelpers.js";
3
+ import { EventEmitter } from "../lib/EventEmitter.js";
4
+ import { getActiveSliceDOM, getSliceZoneDOM } from "./domHelpers.js";
11
5
  import { getDefaultSlices } from "./getDefault.js";
12
- class State extends EventEmitter {
13
- constructor(args) {
14
- super();
15
- __publicField(this, "_slices");
16
- __publicField(this, "_activeSlice");
17
- __publicField(this, "_message");
18
- __publicField(this, "_mouse");
19
- __publicField(this, "_setActiveSlice", () => {
20
- if (this.slices.length === 0) {
21
- this.activeSlice = null;
22
- return;
23
- }
24
- const $sliceZone = getSliceZoneDOM(this.slices.length);
25
- if (!$sliceZone) {
26
- this.activeSlice = null;
27
- return;
28
- }
29
- const $activeSlice = getActiveSliceDOM($sliceZone, this._mouse);
30
- if (!$activeSlice) {
31
- this.activeSlice = null;
32
- return;
33
- }
34
- const activeSliceIndex = Array.prototype.indexOf.call($sliceZone.children, $activeSlice);
35
- this.activeSlice = {
36
- rect: $activeSlice.getBoundingClientRect(),
37
- sliceID: this.slices[activeSliceIndex].slice_type,
38
- variationID: this.slices[activeSliceIndex].variation,
39
- index: activeSliceIndex
40
- };
41
- });
42
- __publicField(this, "setActiveSlice", throttle(this._setActiveSlice, 16));
43
- this._slices = (args == null ? void 0 : args.slices) || getDefaultSlices();
44
- this._activeSlice = null;
45
- this._message = "";
46
- this._mouse = { x: 0, y: 0 };
47
- }
48
- set slices(slices) {
49
- this._slices = slices;
50
- this.message = "";
51
- this.emit(StateEventType.Slices, slices);
52
- }
53
- get slices() {
54
- return this._slices;
55
- }
56
- set activeSlice(activeSlice) {
57
- this._activeSlice = activeSlice;
58
- this.emit(StateEventType.ActiveSlice, activeSlice);
59
- }
60
- get activeSlice() {
61
- return this._activeSlice;
62
- }
63
- set message(message) {
64
- this._message = message;
65
- this.emit(StateEventType.Message, message);
66
- }
67
- get message() {
68
- return this._message;
69
- }
70
- async init() {
71
- window.addEventListener("mousemove", (event) => {
72
- this._mouse = { x: event.clientX, y: event.clientY };
73
- });
74
- }
75
- setSliceZone(slices) {
76
- this.slices = slices;
77
- }
78
- }
79
- export {
80
- State
6
+
7
+ //#region src/kit/State.ts
8
+ var State = class extends EventEmitter {
9
+ _slices;
10
+ set slices(slices) {
11
+ this._slices = slices;
12
+ this.message = "";
13
+ this.emit(StateEventType.Slices, slices);
14
+ }
15
+ get slices() {
16
+ return this._slices;
17
+ }
18
+ _activeSlice;
19
+ set activeSlice(activeSlice) {
20
+ this._activeSlice = activeSlice;
21
+ this.emit(StateEventType.ActiveSlice, activeSlice);
22
+ }
23
+ get activeSlice() {
24
+ return this._activeSlice;
25
+ }
26
+ _message;
27
+ set message(message) {
28
+ this._message = message;
29
+ this.emit(StateEventType.Message, message);
30
+ }
31
+ get message() {
32
+ return this._message;
33
+ }
34
+ _mouse;
35
+ constructor(args) {
36
+ super();
37
+ this._slices = (args === null || args === void 0 ? void 0 : args.slices) || getDefaultSlices();
38
+ this._activeSlice = null;
39
+ this._message = "";
40
+ this._mouse = {
41
+ x: 0,
42
+ y: 0
43
+ };
44
+ }
45
+ async init() {
46
+ window.addEventListener("mousemove", (event) => {
47
+ this._mouse = {
48
+ x: event.clientX,
49
+ y: event.clientY
50
+ };
51
+ });
52
+ }
53
+ _setActiveSlice = () => {
54
+ if (this.slices.length === 0) {
55
+ this.activeSlice = null;
56
+ return;
57
+ }
58
+ const $sliceZone = getSliceZoneDOM(this.slices.length);
59
+ if (!$sliceZone) {
60
+ this.activeSlice = null;
61
+ return;
62
+ }
63
+ const $activeSlice = getActiveSliceDOM($sliceZone, this._mouse);
64
+ if (!$activeSlice) {
65
+ this.activeSlice = null;
66
+ return;
67
+ }
68
+ const activeSliceIndex = Array.prototype.indexOf.call($sliceZone.children, $activeSlice);
69
+ this.activeSlice = {
70
+ rect: $activeSlice.getBoundingClientRect(),
71
+ sliceID: this.slices[activeSliceIndex].slice_type,
72
+ variationID: this.slices[activeSliceIndex].variation,
73
+ index: activeSliceIndex
74
+ };
75
+ };
76
+ setActiveSlice = throttle(this._setActiveSlice, 16);
77
+ setSliceZone(slices) {
78
+ this.slices = slices;
79
+ }
81
80
  };
82
- //# sourceMappingURL=State.js.map
81
+
82
+ //#endregion
83
+ export { State };
84
+ //# sourceMappingURL=State.js.map
@@ -1 +1 @@
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 slice 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;"}
1
+ {"version":3,"file":"State.js","names":[],"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 type { StateEvents } from \"./types\";\nimport { StateEventType } 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 slice 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"],"mappings":";;;;;;;AAiBA,IAAa,QAAb,cAA2B,aAA0B;CACpD,AAAQ;CACR,IAAW,OAAO,QAAmB;AACpC,OAAK,UAAU;AAEf,OAAK,UAAU;AAEf,OAAK,KAAK,eAAe,QAAQ,OAAO;;CAEzC,IAAW,SAAoB;AAC9B,SAAO,KAAK;;CAGb,AAAQ;CACR,IAAW,YAAY,aAAiC;AACvD,OAAK,eAAe;AACpB,OAAK,KAAK,eAAe,aAAa,YAAY;;CAEnD,IAAW,cAAkC;AAC5C,SAAO,KAAK;;CAGb,AAAQ;CACR,IAAW,QAAQ,SAAiB;AACnC,OAAK,WAAW;AAChB,OAAK,KAAK,eAAe,SAAS,QAAQ;;CAE3C,IAAW,UAAkB;AAC5B,SAAO,KAAK;;CAGb,AAAQ;CAER,YAAY,MAA6B;AACxC,SAAO;AAEP,OAAK,uDAAU,KAAM,WAAU,kBAAkB;AACjD,OAAK,eAAe;AACpB,OAAK,WAAW;AAGhB,OAAK,SAAS;GAAE,GAAG;GAAG,GAAG;GAAG;;CAG7B,MAAM,OAAsB;AAE3B,SAAO,iBAAiB,cAAc,UAAU;AAC/C,QAAK,SAAS;IAAE,GAAG,MAAM;IAAS,GAAG,MAAM;IAAS;IACnD;;CAGH,AAAQ,wBAA8B;AAErC,MAAI,KAAK,OAAO,WAAW,GAAG;AAC7B,QAAK,cAAc;AAEnB;;EAGD,MAAM,aAAa,gBAAgB,KAAK,OAAO,OAAO;AAGtD,MAAI,CAAC,YAAY;AAChB,QAAK,cAAc;AAEnB;;EAGD,MAAM,eAAe,kBAAkB,YAAY,KAAK,OAAO;AAG/D,MAAI,CAAC,cAAc;AAClB,QAAK,cAAc;AAEnB;;EAGD,MAAM,mBAAmB,MAAM,UAAU,QAAQ,KAChD,WAAW,UACX,aACA;AAGD,OAAK,cAAc;GAClB,MAAM,aAAa,uBAAuB;GAC1C,SAAS,KAAK,OAAO,kBAAkB;GACvC,aAAc,KAAK,OAAO,kBAAkC;GAC5D,OAAO;GACP;;CAEF,iBAAiB,SAAS,KAAK,iBAAiB,GAAG;CAEnD,aAAa,QAAyB;AAErC,OAAK,SAAS"}
@@ -1,53 +1,41 @@
1
- "use strict";
2
- Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
1
+
2
+ //#region src/kit/domHelpers.ts
3
3
  const simulatorClass = "slice-simulator";
4
4
  const simulatorRootClass = "slice-simulator--root";
5
5
  const getSimulatorDOM = () => {
6
- return document.querySelector(`.${simulatorClass}`);
6
+ return document.querySelector(`.${simulatorClass}`);
7
7
  };
8
8
  const getSimulatorRootDOM = () => {
9
- return document.querySelector(`.${simulatorRootClass}`);
9
+ return document.querySelector(`.${simulatorRootClass}`);
10
10
  };
11
11
  const getSliceZoneDOM = (expectedNumberOfChildren) => {
12
- let node = document.querySelector(`.${simulatorClass} [data-slice-zone]`);
13
- if (node) {
14
- if (node.children.length !== expectedNumberOfChildren) {
15
- 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?`);
16
- }
17
- return node;
18
- }
19
- node = document.querySelector(`.${simulatorClass} .${simulatorRootClass}`);
20
- if (!node) {
21
- return null;
22
- }
23
- const searchDepth = 5;
24
- for (let i = 0; i < searchDepth; i++) {
25
- if (node.children.length === expectedNumberOfChildren) {
26
- return node;
27
- } else if (node.children.length) {
28
- node = node.children[0];
29
- } else {
30
- break;
31
- }
32
- }
33
- return null;
12
+ let node = document.querySelector(`.${simulatorClass} [data-slice-zone]`);
13
+ if (node) {
14
+ 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?`);
15
+ return node;
16
+ }
17
+ node = document.querySelector(`.${simulatorClass} .${simulatorRootClass}`);
18
+ if (!node) return null;
19
+ const searchDepth = 5;
20
+ for (let i = 0; i < searchDepth; i++) if (node.children.length === expectedNumberOfChildren) return node;
21
+ else if (node.children.length) node = node.children[0];
22
+ else break;
23
+ return null;
34
24
  };
35
25
  const getActiveSliceDOM = ($sliceZone, mouse) => {
36
- const raycast = document.elementsFromPoint(mouse.x, mouse.y).reverse();
37
- const sliceZoneIndex = raycast.indexOf($sliceZone);
38
- if (sliceZoneIndex === -1) {
39
- return null;
40
- }
41
- const $slice = raycast[sliceZoneIndex + 1];
42
- if (!$slice) {
43
- return null;
44
- }
45
- return $slice;
26
+ const raycast = document.elementsFromPoint(mouse.x, mouse.y).reverse();
27
+ const sliceZoneIndex = raycast.indexOf($sliceZone);
28
+ if (sliceZoneIndex === -1) return null;
29
+ const $slice = raycast[sliceZoneIndex + 1];
30
+ if (!$slice) return null;
31
+ return $slice;
46
32
  };
33
+
34
+ //#endregion
47
35
  exports.getActiveSliceDOM = getActiveSliceDOM;
48
36
  exports.getSimulatorDOM = getSimulatorDOM;
49
37
  exports.getSimulatorRootDOM = getSimulatorRootDOM;
50
38
  exports.getSliceZoneDOM = getSliceZoneDOM;
51
39
  exports.simulatorClass = simulatorClass;
52
40
  exports.simulatorRootClass = simulatorRootClass;
53
- //# sourceMappingURL=domHelpers.cjs.map
41
+ //# sourceMappingURL=domHelpers.cjs.map
@@ -1 +1 @@
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;;;;;;;"}
1
+ {"version":3,"file":"domHelpers.cjs","names":[],"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"],"mappings":";;AAAA,MAAa,iBAAiB;AAC9B,MAAa,qBAAqB;AAElC,MAAa,wBAAwC;AACpD,QAAO,SAAS,cAAc,IAAI,iBAAiB;;AAGpD,MAAa,4BAA4C;AACxD,QAAO,SAAS,cAAc,IAAI,qBAAqB;;AAGxD,MAAa,mBACZ,6BACoB;CAEpB,IAAI,OAAO,SAAS,cAAc,IAAI,eAAe,oBAAoB;AACzE,KAAI,MAAM;AACT,MAAI,KAAK,SAAS,WAAW,yBAC5B,SAAQ,KACP,iEAAiE,KAAK,SAAS,OAAO,gBAAgB,yBAAyB,uFAC/H;AAGF,SAAO;;AAIR,QAAO,SAAS,cAAc,IAAI,eAAe,IAAI,qBAAqB;AAE1E,KAAI,CAAC,KACJ,QAAO;CAGR,MAAM,cAAc;AACpB,MAAK,IAAI,IAAI,GAAG,IAAI,aAAa,IAChC,KAAI,KAAK,SAAS,WAAW,yBAE5B,QAAO;UACG,KAAK,SAAS,OAExB,QAAO,KAAK,SAAS;KAGrB;AAKF,QAAO;;AAGR,MAAa,qBACZ,YACA,UACoB;CAEpB,MAAM,UAAU,SAAS,kBAAkB,MAAM,GAAG,MAAM,EAAE,CAAC,SAAS;CAGtE,MAAM,iBAAiB,QAAQ,QAAQ,WAAW;AAGlD,KAAI,mBAAmB,GACtB,QAAO;CAGR,MAAM,SAAS,QAAQ,iBAAiB;AAGxC,KAAI,CAAC,OACJ,QAAO;AAGR,QAAO"}
@@ -0,0 +1,11 @@
1
+ //#region src/kit/domHelpers.d.ts
2
+ declare const simulatorClass = "slice-simulator";
3
+ declare const simulatorRootClass = "slice-simulator--root";
4
+ declare const getSliceZoneDOM: (expectedNumberOfChildren: number) => Element | null;
5
+ declare const getActiveSliceDOM: ($sliceZone: Element, mouse: {
6
+ x: number;
7
+ y: number;
8
+ }) => Element | null;
9
+ //#endregion
10
+ export { getActiveSliceDOM, getSliceZoneDOM, simulatorClass, simulatorRootClass };
11
+ //# sourceMappingURL=domHelpers.d.cts.map
@@ -1,9 +1,11 @@
1
- export declare const simulatorClass = "slice-simulator";
2
- export declare const simulatorRootClass = "slice-simulator--root";
3
- export declare const getSimulatorDOM: () => Element | null;
4
- export declare const getSimulatorRootDOM: () => Element | null;
5
- export declare const getSliceZoneDOM: (expectedNumberOfChildren: number) => Element | null;
6
- export declare const getActiveSliceDOM: ($sliceZone: Element, mouse: {
7
- x: number;
8
- y: number;
1
+ //#region src/kit/domHelpers.d.ts
2
+ declare const simulatorClass = "slice-simulator";
3
+ declare const simulatorRootClass = "slice-simulator--root";
4
+ declare const getSliceZoneDOM: (expectedNumberOfChildren: number) => Element | null;
5
+ declare const getActiveSliceDOM: ($sliceZone: Element, mouse: {
6
+ x: number;
7
+ y: number;
9
8
  }) => Element | null;
9
+ //#endregion
10
+ export { getActiveSliceDOM, getSliceZoneDOM, simulatorClass, simulatorRootClass };
11
+ //# sourceMappingURL=domHelpers.d.ts.map
@@ -1,53 +1,35 @@
1
+ //#region src/kit/domHelpers.ts
1
2
  const simulatorClass = "slice-simulator";
2
3
  const simulatorRootClass = "slice-simulator--root";
3
4
  const getSimulatorDOM = () => {
4
- return document.querySelector(`.${simulatorClass}`);
5
+ return document.querySelector(`.${simulatorClass}`);
5
6
  };
6
7
  const getSimulatorRootDOM = () => {
7
- return document.querySelector(`.${simulatorRootClass}`);
8
+ return document.querySelector(`.${simulatorRootClass}`);
8
9
  };
9
10
  const getSliceZoneDOM = (expectedNumberOfChildren) => {
10
- let node = document.querySelector(`.${simulatorClass} [data-slice-zone]`);
11
- if (node) {
12
- if (node.children.length !== expectedNumberOfChildren) {
13
- 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?`);
14
- }
15
- return node;
16
- }
17
- node = document.querySelector(`.${simulatorClass} .${simulatorRootClass}`);
18
- if (!node) {
19
- return null;
20
- }
21
- const searchDepth = 5;
22
- for (let i = 0; i < searchDepth; i++) {
23
- if (node.children.length === expectedNumberOfChildren) {
24
- return node;
25
- } else if (node.children.length) {
26
- node = node.children[0];
27
- } else {
28
- break;
29
- }
30
- }
31
- return null;
11
+ let node = document.querySelector(`.${simulatorClass} [data-slice-zone]`);
12
+ if (node) {
13
+ 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?`);
14
+ return node;
15
+ }
16
+ node = document.querySelector(`.${simulatorClass} .${simulatorRootClass}`);
17
+ if (!node) return null;
18
+ const searchDepth = 5;
19
+ for (let i = 0; i < searchDepth; i++) if (node.children.length === expectedNumberOfChildren) return node;
20
+ else if (node.children.length) node = node.children[0];
21
+ else break;
22
+ return null;
32
23
  };
33
24
  const getActiveSliceDOM = ($sliceZone, mouse) => {
34
- const raycast = document.elementsFromPoint(mouse.x, mouse.y).reverse();
35
- const sliceZoneIndex = raycast.indexOf($sliceZone);
36
- if (sliceZoneIndex === -1) {
37
- return null;
38
- }
39
- const $slice = raycast[sliceZoneIndex + 1];
40
- if (!$slice) {
41
- return null;
42
- }
43
- return $slice;
25
+ const raycast = document.elementsFromPoint(mouse.x, mouse.y).reverse();
26
+ const sliceZoneIndex = raycast.indexOf($sliceZone);
27
+ if (sliceZoneIndex === -1) return null;
28
+ const $slice = raycast[sliceZoneIndex + 1];
29
+ if (!$slice) return null;
30
+ return $slice;
44
31
  };
45
- export {
46
- getActiveSliceDOM,
47
- getSimulatorDOM,
48
- getSimulatorRootDOM,
49
- getSliceZoneDOM,
50
- simulatorClass,
51
- simulatorRootClass
52
- };
53
- //# sourceMappingURL=domHelpers.js.map
32
+
33
+ //#endregion
34
+ export { getActiveSliceDOM, getSimulatorDOM, getSimulatorRootDOM, getSliceZoneDOM, simulatorClass, simulatorRootClass };
35
+ //# sourceMappingURL=domHelpers.js.map
@@ -1 +1 @@
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;"}
1
+ {"version":3,"file":"domHelpers.js","names":[],"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"],"mappings":";AAAA,MAAa,iBAAiB;AAC9B,MAAa,qBAAqB;AAElC,MAAa,wBAAwC;AACpD,QAAO,SAAS,cAAc,IAAI,iBAAiB;;AAGpD,MAAa,4BAA4C;AACxD,QAAO,SAAS,cAAc,IAAI,qBAAqB;;AAGxD,MAAa,mBACZ,6BACoB;CAEpB,IAAI,OAAO,SAAS,cAAc,IAAI,eAAe,oBAAoB;AACzE,KAAI,MAAM;AACT,MAAI,KAAK,SAAS,WAAW,yBAC5B,SAAQ,KACP,iEAAiE,KAAK,SAAS,OAAO,gBAAgB,yBAAyB,uFAC/H;AAGF,SAAO;;AAIR,QAAO,SAAS,cAAc,IAAI,eAAe,IAAI,qBAAqB;AAE1E,KAAI,CAAC,KACJ,QAAO;CAGR,MAAM,cAAc;AACpB,MAAK,IAAI,IAAI,GAAG,IAAI,aAAa,IAChC,KAAI,KAAK,SAAS,WAAW,yBAE5B,QAAO;UACG,KAAK,SAAS,OAExB,QAAO,KAAK,SAAS;KAGrB;AAKF,QAAO;;AAGR,MAAa,qBACZ,YACA,UACoB;CAEpB,MAAM,UAAU,SAAS,kBAAkB,MAAM,GAAG,MAAM,EAAE,CAAC,SAAS;CAGtE,MAAM,iBAAiB,QAAQ,QAAQ,WAAW;AAGlD,KAAI,mBAAmB,GACtB,QAAO;CAGR,MAAM,SAAS,QAAQ,iBAAiB;AAGxC,KAAI,CAAC,OACJ,QAAO;AAGR,QAAO"}
@@ -1,15 +1,17 @@
1
- "use strict";
2
- Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
1
+
2
+ //#region src/kit/eventHandlers.ts
3
3
  const disableEventHandler = (event) => {
4
- event.preventDefault();
5
- event.stopPropagation();
4
+ event.preventDefault();
5
+ event.stopPropagation();
6
6
  };
7
7
  const onClickHandler = (event) => {
8
- if (event.path && event.path.slice(0, 5).some((el) => el instanceof HTMLAnchorElement)) {
9
- event.preventDefault();
10
- event.stopPropagation();
11
- }
8
+ if (event.path && event.path.slice(0, 5).some((el) => el instanceof HTMLAnchorElement)) {
9
+ event.preventDefault();
10
+ event.stopPropagation();
11
+ }
12
12
  };
13
+
14
+ //#endregion
13
15
  exports.disableEventHandler = disableEventHandler;
14
16
  exports.onClickHandler = onClickHandler;
15
- //# sourceMappingURL=eventHandlers.cjs.map
17
+ //# sourceMappingURL=eventHandlers.cjs.map
@@ -1 +1 @@
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;;;"}
1
+ {"version":3,"file":"eventHandlers.cjs","names":[],"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"],"mappings":";;AAAA,MAAa,uBAAuB,UAAuB;AAC1D,OAAM,gBAAgB;AACtB,OAAM,iBAAiB;;AAGxB,MAAa,kBACZ,UACU;AACV,KACC,MAAM,QACN,MAAM,KAAK,MAAM,GAAG,EAAE,CAAC,MAAM,OAAO,cAAc,kBAAkB,EACnE;AACD,QAAM,gBAAgB;AACtB,QAAM,iBAAiB"}
@@ -0,0 +1,8 @@
1
+ //#region src/kit/eventHandlers.d.ts
2
+ declare const disableEventHandler: (event: Event) => void;
3
+ declare const onClickHandler: (event: MouseEvent & {
4
+ path?: HTMLElement[];
5
+ }) => void;
6
+ //#endregion
7
+ export { disableEventHandler, onClickHandler };
8
+ //# sourceMappingURL=eventHandlers.d.cts.map
@@ -1,4 +1,8 @@
1
- export declare const disableEventHandler: (event: Event) => void;
2
- export declare const onClickHandler: (event: MouseEvent & {
3
- path?: HTMLElement[];
1
+ //#region src/kit/eventHandlers.d.ts
2
+ declare const disableEventHandler: (event: Event) => void;
3
+ declare const onClickHandler: (event: MouseEvent & {
4
+ path?: HTMLElement[];
4
5
  }) => void;
6
+ //#endregion
7
+ export { disableEventHandler, onClickHandler };
8
+ //# sourceMappingURL=eventHandlers.d.ts.map
@@ -1,15 +1,15 @@
1
+ //#region src/kit/eventHandlers.ts
1
2
  const disableEventHandler = (event) => {
2
- event.preventDefault();
3
- event.stopPropagation();
3
+ event.preventDefault();
4
+ event.stopPropagation();
4
5
  };
5
6
  const onClickHandler = (event) => {
6
- if (event.path && event.path.slice(0, 5).some((el) => el instanceof HTMLAnchorElement)) {
7
- event.preventDefault();
8
- event.stopPropagation();
9
- }
7
+ if (event.path && event.path.slice(0, 5).some((el) => el instanceof HTMLAnchorElement)) {
8
+ event.preventDefault();
9
+ event.stopPropagation();
10
+ }
10
11
  };
11
- export {
12
- disableEventHandler,
13
- onClickHandler
14
- };
15
- //# sourceMappingURL=eventHandlers.js.map
12
+
13
+ //#endregion
14
+ export { disableEventHandler, onClickHandler };
15
+ //# sourceMappingURL=eventHandlers.js.map
@@ -1 +1 @@
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;"}
1
+ {"version":3,"file":"eventHandlers.js","names":[],"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"],"mappings":";AAAA,MAAa,uBAAuB,UAAuB;AAC1D,OAAM,gBAAgB;AACtB,OAAM,iBAAiB;;AAGxB,MAAa,kBACZ,UACU;AACV,KACC,MAAM,QACN,MAAM,KAAK,MAAM,GAAG,EAAE,CAAC,MAAM,OAAO,cAAc,kBAAkB,EACnE;AACD,QAAM,gBAAgB;AACtB,QAAM,iBAAiB"}
@@ -1,16 +1,18 @@
1
- "use strict";
2
- Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
1
+
2
+ //#region src/kit/getDefault.ts
3
3
  const getDefaultProps = () => ({
4
- zIndex: 100,
5
- background: "#ffffff"
4
+ zIndex: 100,
5
+ background: "#ffffff"
6
6
  });
7
7
  const getDefaultSlices = () => {
8
- return [];
8
+ return [];
9
9
  };
10
10
  const getDefaultMessage = () => {
11
- return "";
11
+ return "";
12
12
  };
13
+
14
+ //#endregion
13
15
  exports.getDefaultMessage = getDefaultMessage;
14
16
  exports.getDefaultProps = getDefaultProps;
15
17
  exports.getDefaultSlices = getDefaultSlices;
16
- //# sourceMappingURL=getDefault.cjs.map
18
+ //# sourceMappingURL=getDefault.cjs.map
@@ -1 +1 @@
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;;;;"}
1
+ {"version":3,"file":"getDefault.cjs","names":[],"sources":["../../src/kit/getDefault.ts"],"sourcesContent":["import type { SliceZone } from \"@prismicio/client\"\n\nimport type { 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"],"mappings":";;AAIA,MAAa,yBAEN;CACN,QAAQ;CACR,YAAY;CACZ;AAED,MAAa,yBAAoC;AAChD,QAAO,EAAE;;AAGV,MAAa,0BAAkC;AAC9C,QAAO"}
@@ -0,0 +1,10 @@
1
+ import { SliceSimulatorProps } from "./types.cjs";
2
+ import { SliceZone } from "@prismicio/client";
3
+
4
+ //#region src/kit/getDefault.d.ts
5
+ declare const getDefaultProps: () => Required<{ [K in keyof SliceSimulatorProps]: NonNullable<SliceSimulatorProps[K]> }>;
6
+ declare const getDefaultSlices: () => SliceZone;
7
+ declare const getDefaultMessage: () => string;
8
+ //#endregion
9
+ export { getDefaultMessage, getDefaultProps, getDefaultSlices };
10
+ //# sourceMappingURL=getDefault.d.cts.map
@@ -1,8 +1,10 @@
1
- import type { SliceZone } from "@prismicio/client";
2
- import { SliceSimulatorProps } from "./types";
3
- export declare const getDefaultProps: () => Required<{
4
- zIndex?: number | undefined;
5
- background?: string | undefined;
6
- }>;
7
- export declare const getDefaultSlices: () => SliceZone;
8
- export declare const getDefaultMessage: () => string;
1
+ import { SliceSimulatorProps } from "./types.js";
2
+ import { SliceZone } from "@prismicio/client";
3
+
4
+ //#region src/kit/getDefault.d.ts
5
+ declare const getDefaultProps: () => Required<{ [K in keyof SliceSimulatorProps]: NonNullable<SliceSimulatorProps[K]> }>;
6
+ declare const getDefaultSlices: () => SliceZone;
7
+ declare const getDefaultMessage: () => string;
8
+ //#endregion
9
+ export { getDefaultMessage, getDefaultProps, getDefaultSlices };
10
+ //# sourceMappingURL=getDefault.d.ts.map
@@ -1,16 +1,15 @@
1
+ //#region src/kit/getDefault.ts
1
2
  const getDefaultProps = () => ({
2
- zIndex: 100,
3
- background: "#ffffff"
3
+ zIndex: 100,
4
+ background: "#ffffff"
4
5
  });
5
6
  const getDefaultSlices = () => {
6
- return [];
7
+ return [];
7
8
  };
8
9
  const getDefaultMessage = () => {
9
- return "";
10
+ return "";
10
11
  };
11
- export {
12
- getDefaultMessage,
13
- getDefaultProps,
14
- getDefaultSlices
15
- };
16
- //# sourceMappingURL=getDefault.js.map
12
+
13
+ //#endregion
14
+ export { getDefaultMessage, getDefaultProps, getDefaultSlices };
15
+ //# sourceMappingURL=getDefault.js.map