@makeswift/runtime 0.0.0-e0c0445 → 0.0.0-e76fc43

package/dist/instances.cjs.js

@@ -0,0 +1,89 @@
+"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;
+};
+var descriptors = require("./descriptors.cjs.js");
+const BuilderEditMode = {
+  BUILD: "build",
+  CONTENT: "content"
+};
+const RichTextPropControllerMessageType = {
+  CHANGE_BUILDER_EDIT_MODE: "CHANGE_BUILDER_EDIT_MODE",
+  INITIALIZE_EDITOR: "INITIALIZE_EDITOR",
+  CHANGE_EDITOR_VALUE: "CHANGE_EDITOR_VALUE",
+  FOCUS: "FOCUS",
+  BLUR: "BLUR",
+  UNDO: "UNDO",
+  REDO: "REDO"
+};
+class PropController {
+  constructor(send) {
+    __publicField(this, "send");
+    this.send = send;
+  }
+}
+class DefaultPropController extends PropController {
+  recv(_message) {
+  }
+}
+class RichTextPropController extends PropController {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "editor", null);
+  }
+  recv(message) {
+    var _a, _b;
+    switch (message.type) {
+      case RichTextPropControllerMessageType.CHANGE_BUILDER_EDIT_MODE: {
+        switch (message.editMode) {
+          case BuilderEditMode.BUILD:
+            (_a = this.editor) == null ? void 0 : _a.deselect().blur();
+            break;
+          case BuilderEditMode.CONTENT:
+            (_b = this.editor) == null ? void 0 : _b.focus().moveToRangeOfDocument();
+            break;
+        }
+        break;
+      }
+    }
+  }
+  setSlateEditor(editor) {
+    this.editor = editor;
+    this.send({
+      type: RichTextPropControllerMessageType.INITIALIZE_EDITOR,
+      value: editor.value.toJSON({ preserveSelection: false })
+    });
+  }
+  onChange(change) {
+    this.send({
+      type: RichTextPropControllerMessageType.CHANGE_EDITOR_VALUE,
+      value: change.value.toJSON({ preserveSelection: true })
+    });
+  }
+  focus() {
+    this.send({ type: RichTextPropControllerMessageType.FOCUS });
+  }
+  blur() {
+    this.send({ type: RichTextPropControllerMessageType.BLUR });
+  }
+  undo() {
+    this.send({ type: RichTextPropControllerMessageType.UNDO });
+  }
+  redo() {
+    this.send({ type: RichTextPropControllerMessageType.REDO });
+  }
+}
+function createPropController(descriptor, send) {
+  switch (descriptor.type) {
+    case descriptors.Types.RichText:
+      return new RichTextPropController(send);
+    default:
+      return new DefaultPropController(send);
+  }
+}
+exports.RichTextPropControllerMessageType = RichTextPropControllerMessageType;
+exports.createPropController = createPropController;
+//# sourceMappingURL=instances.cjs.js.map

package/dist/instances.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"instances.cjs.js","sources":["../src/utils/constants.ts","../src/prop-controllers/instances.ts"],"sourcesContent":["export const BuilderEditMode = {\n  BUILD: 'build',\n  CONTENT: 'content',\n} as const\n\nexport type BuilderEditMode = typeof BuilderEditMode[keyof typeof BuilderEditMode]\n","import { Editor } from 'slate-react'\nimport { ValueJSON } from 'slate'\nimport { OnChangeParam } from 'slate-react'\nimport { Descriptor, RichTextDescriptor, Types } from './descriptors'\nimport { BuilderEditMode } from '../utils/constants'\n\nexport const RichTextPropControllerMessageType = {\n  CHANGE_BUILDER_EDIT_MODE: 'CHANGE_BUILDER_EDIT_MODE',\n  INITIALIZE_EDITOR: 'INITIALIZE_EDITOR',\n  CHANGE_EDITOR_VALUE: 'CHANGE_EDITOR_VALUE',\n  FOCUS: 'FOCUS',\n  BLUR: 'BLUR',\n  UNDO: 'UNDO',\n  REDO: 'REDO',\n} as const\n\ntype ChangeBuilderEditModeRichTextPropControllerMessage = {\n  type: typeof RichTextPropControllerMessageType.CHANGE_BUILDER_EDIT_MODE\n  editMode: BuilderEditMode\n}\n\ntype InitializeEditorRichTextPropControllerMessage = {\n  type: typeof RichTextPropControllerMessageType.INITIALIZE_EDITOR\n  value: ValueJSON\n}\n\ntype ChangeEditorValueRichTextPropControllerMessage = {\n  type: typeof RichTextPropControllerMessageType.CHANGE_EDITOR_VALUE\n  value: ValueJSON\n}\n\ntype FocusRichTextPropControllerMessage = { type: typeof RichTextPropControllerMessageType.FOCUS }\n\ntype BlurRichTextPropControllerMessage = { type: typeof RichTextPropControllerMessageType.BLUR }\n\ntype UndoRichTextPropControllerMessage = { type: typeof RichTextPropControllerMessageType.UNDO }\n\ntype RedoRichTextPropControllerMessage = { type: typeof RichTextPropControllerMessageType.REDO }\n\nexport type RichTextPropControllerMessage =\n  | ChangeBuilderEditModeRichTextPropControllerMessage\n  | InitializeEditorRichTextPropControllerMessage\n  | ChangeEditorValueRichTextPropControllerMessage\n  | FocusRichTextPropControllerMessage\n  | BlurRichTextPropControllerMessage\n  | UndoRichTextPropControllerMessage\n  | RedoRichTextPropControllerMessage\n\nexport type PropControllerMessage = RichTextPropControllerMessage\n\ntype Send<T = PropControllerMessage> = (message: T) => void\n\nexport abstract class PropController<T = PropControllerMessage> {\n  protected send: Send<T>\n\n  constructor(send: Send<T>) {\n    this.send = send\n  }\n\n  abstract recv(message: T): void\n}\n\nclass DefaultPropController extends PropController {\n  recv(_message: PropControllerMessage): void {\n    // Do nothing.\n  }\n}\n\nclass RichTextPropController extends PropController<RichTextPropControllerMessage> {\n  private editor: Editor | null = null\n\n  recv(message: RichTextPropControllerMessage): void {\n    switch (message.type) {\n      case RichTextPropControllerMessageType.CHANGE_BUILDER_EDIT_MODE: {\n        switch (message.editMode) {\n          case BuilderEditMode.BUILD:\n            this.editor?.deselect().blur()\n            break\n\n          case BuilderEditMode.CONTENT:\n            this.editor?.focus().moveToRangeOfDocument()\n            break\n        }\n\n        break\n      }\n    }\n  }\n\n  setSlateEditor(editor: Editor) {\n    this.editor = editor\n\n    this.send({\n      type: RichTextPropControllerMessageType.INITIALIZE_EDITOR,\n      value: editor.value.toJSON({ preserveSelection: false }),\n    })\n  }\n\n  onChange(change: OnChangeParam) {\n    this.send({\n      type: RichTextPropControllerMessageType.CHANGE_EDITOR_VALUE,\n      value: change.value.toJSON({ preserveSelection: true }),\n    })\n  }\n\n  focus() {\n    this.send({ type: RichTextPropControllerMessageType.FOCUS })\n  }\n\n  blur() {\n    this.send({ type: RichTextPropControllerMessageType.BLUR })\n  }\n\n  undo() {\n    this.send({ type: RichTextPropControllerMessageType.UNDO })\n  }\n\n  redo() {\n    this.send({ type: RichTextPropControllerMessageType.REDO })\n  }\n}\n\ntype DescriptorPropController<T extends Descriptor> = T extends { type: typeof Types.RichText }\n  ? RichTextPropController\n  : DefaultPropController\n\nexport type DescriptorsPropControllers<T extends Record<string, Descriptor>> = {\n  [K in keyof T]: undefined extends T[K]\n    ? DescriptorPropController<Exclude<T[K], undefined>>\n    : DescriptorPropController<T[K]>\n}\n\nexport function createPropController(\n  descriptor: RichTextDescriptor,\n  send: Send<RichTextPropControllerMessage>,\n): RichTextPropController\nexport function createPropController(descriptor: Descriptor, send: Send): PropController\nexport function createPropController(descriptor: Descriptor, send: Send): PropController {\n  switch (descriptor.type) {\n    case Types.RichText:\n      return new RichTextPropController(send)\n\n    default:\n      return new DefaultPropController(send)\n  }\n}\n"],"names":["Types"],"mappings":";;;;;;;;MAAa,kBAAkB;AAAA,EAC7B,OAAO;AAAA,EACP,SAAS;AAAA;MCIE,oCAAoC;AAAA,EAC/C,0BAA0B;AAAA,EAC1B,mBAAmB;AAAA,EACnB,qBAAqB;AAAA,EACrB,OAAO;AAAA,EACP,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA;qBAuCwD;AAAA,EAG9D,YAAY,MAAe;AAFjB;SAGH,OAAO;AAAA;AAAA;AAMhB,oCAAoC,eAAe;AAAA,EACjD,KAAK,UAAuC;AAAA;AAAA;AAK9C,qCAAqC,eAA8C;AAAA,EAAnF;AAAA;AACU,kCAAwB;AAAA;AAAA,EAEhC,KAAK,SAA8C;;YACzC,QAAQ;AAAA,WACT,kCAAkC,0BAA0B;gBACvD,QAAQ;AAAA,eACT,gBAAgB;uBACd,8BAAQ,WAAW;;eAGrB,gBAAgB;uBACd,8BAAQ,QAAQ;;;;;;;EAS/B,eAAe,QAAgB;SACxB,SAAS;SAET,KAAK;AAAA,MACR,MAAM,kCAAkC;AAAA,MACxC,OAAO,OAAO,MAAM,OAAO,EAAE,mBAAmB;AAAA;AAAA;AAAA,EAIpD,SAAS,QAAuB;SACzB,KAAK;AAAA,MACR,MAAM,kCAAkC;AAAA,MACxC,OAAO,OAAO,MAAM,OAAO,EAAE,mBAAmB;AAAA;AAAA;AAAA,EAIpD,QAAQ;SACD,KAAK,EAAE,MAAM,kCAAkC;AAAA;AAAA,EAGtD,OAAO;SACA,KAAK,EAAE,MAAM,kCAAkC;AAAA;AAAA,EAGtD,OAAO;SACA,KAAK,EAAE,MAAM,kCAAkC;AAAA;AAAA,EAGtD,OAAO;SACA,KAAK,EAAE,MAAM,kCAAkC;AAAA;AAAA;8BAmBnB,YAAwB,MAA4B;UAC/E,WAAW;AAAA,SACZA,kBAAM;aACF,IAAI,uBAAuB;AAAA;aAG3B,IAAI,sBAAsB;AAAA;AAAA;;;"}

package/dist/instances.es.js

@@ -0,0 +1,87 @@
+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 { T as Types } from "./descriptors.es.js";
+const BuilderEditMode = {
+  BUILD: "build",
+  CONTENT: "content"
+};
+const RichTextPropControllerMessageType = {
+  CHANGE_BUILDER_EDIT_MODE: "CHANGE_BUILDER_EDIT_MODE",
+  INITIALIZE_EDITOR: "INITIALIZE_EDITOR",
+  CHANGE_EDITOR_VALUE: "CHANGE_EDITOR_VALUE",
+  FOCUS: "FOCUS",
+  BLUR: "BLUR",
+  UNDO: "UNDO",
+  REDO: "REDO"
+};
+class PropController {
+  constructor(send) {
+    __publicField(this, "send");
+    this.send = send;
+  }
+}
+class DefaultPropController extends PropController {
+  recv(_message) {
+  }
+}
+class RichTextPropController extends PropController {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "editor", null);
+  }
+  recv(message) {
+    var _a, _b;
+    switch (message.type) {
+      case RichTextPropControllerMessageType.CHANGE_BUILDER_EDIT_MODE: {
+        switch (message.editMode) {
+          case BuilderEditMode.BUILD:
+            (_a = this.editor) == null ? void 0 : _a.deselect().blur();
+            break;
+          case BuilderEditMode.CONTENT:
+            (_b = this.editor) == null ? void 0 : _b.focus().moveToRangeOfDocument();
+            break;
+        }
+        break;
+      }
+    }
+  }
+  setSlateEditor(editor) {
+    this.editor = editor;
+    this.send({
+      type: RichTextPropControllerMessageType.INITIALIZE_EDITOR,
+      value: editor.value.toJSON({ preserveSelection: false })
+    });
+  }
+  onChange(change) {
+    this.send({
+      type: RichTextPropControllerMessageType.CHANGE_EDITOR_VALUE,
+      value: change.value.toJSON({ preserveSelection: true })
+    });
+  }
+  focus() {
+    this.send({ type: RichTextPropControllerMessageType.FOCUS });
+  }
+  blur() {
+    this.send({ type: RichTextPropControllerMessageType.BLUR });
+  }
+  undo() {
+    this.send({ type: RichTextPropControllerMessageType.UNDO });
+  }
+  redo() {
+    this.send({ type: RichTextPropControllerMessageType.REDO });
+  }
+}
+function createPropController(descriptor, send) {
+  switch (descriptor.type) {
+    case Types.RichText:
+      return new RichTextPropController(send);
+    default:
+      return new DefaultPropController(send);
+  }
+}
+export { RichTextPropControllerMessageType as R, createPropController as c };
+//# sourceMappingURL=instances.es.js.map

package/dist/instances.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"instances.es.js","sources":["../src/utils/constants.ts","../src/prop-controllers/instances.ts"],"sourcesContent":["export const BuilderEditMode = {\n  BUILD: 'build',\n  CONTENT: 'content',\n} as const\n\nexport type BuilderEditMode = typeof BuilderEditMode[keyof typeof BuilderEditMode]\n","import { Editor } from 'slate-react'\nimport { ValueJSON } from 'slate'\nimport { OnChangeParam } from 'slate-react'\nimport { Descriptor, RichTextDescriptor, Types } from './descriptors'\nimport { BuilderEditMode } from '../utils/constants'\n\nexport const RichTextPropControllerMessageType = {\n  CHANGE_BUILDER_EDIT_MODE: 'CHANGE_BUILDER_EDIT_MODE',\n  INITIALIZE_EDITOR: 'INITIALIZE_EDITOR',\n  CHANGE_EDITOR_VALUE: 'CHANGE_EDITOR_VALUE',\n  FOCUS: 'FOCUS',\n  BLUR: 'BLUR',\n  UNDO: 'UNDO',\n  REDO: 'REDO',\n} as const\n\ntype ChangeBuilderEditModeRichTextPropControllerMessage = {\n  type: typeof RichTextPropControllerMessageType.CHANGE_BUILDER_EDIT_MODE\n  editMode: BuilderEditMode\n}\n\ntype InitializeEditorRichTextPropControllerMessage = {\n  type: typeof RichTextPropControllerMessageType.INITIALIZE_EDITOR\n  value: ValueJSON\n}\n\ntype ChangeEditorValueRichTextPropControllerMessage = {\n  type: typeof RichTextPropControllerMessageType.CHANGE_EDITOR_VALUE\n  value: ValueJSON\n}\n\ntype FocusRichTextPropControllerMessage = { type: typeof RichTextPropControllerMessageType.FOCUS }\n\ntype BlurRichTextPropControllerMessage = { type: typeof RichTextPropControllerMessageType.BLUR }\n\ntype UndoRichTextPropControllerMessage = { type: typeof RichTextPropControllerMessageType.UNDO }\n\ntype RedoRichTextPropControllerMessage = { type: typeof RichTextPropControllerMessageType.REDO }\n\nexport type RichTextPropControllerMessage =\n  | ChangeBuilderEditModeRichTextPropControllerMessage\n  | InitializeEditorRichTextPropControllerMessage\n  | ChangeEditorValueRichTextPropControllerMessage\n  | FocusRichTextPropControllerMessage\n  | BlurRichTextPropControllerMessage\n  | UndoRichTextPropControllerMessage\n  | RedoRichTextPropControllerMessage\n\nexport type PropControllerMessage = RichTextPropControllerMessage\n\ntype Send<T = PropControllerMessage> = (message: T) => void\n\nexport abstract class PropController<T = PropControllerMessage> {\n  protected send: Send<T>\n\n  constructor(send: Send<T>) {\n    this.send = send\n  }\n\n  abstract recv(message: T): void\n}\n\nclass DefaultPropController extends PropController {\n  recv(_message: PropControllerMessage): void {\n    // Do nothing.\n  }\n}\n\nclass RichTextPropController extends PropController<RichTextPropControllerMessage> {\n  private editor: Editor | null = null\n\n  recv(message: RichTextPropControllerMessage): void {\n    switch (message.type) {\n      case RichTextPropControllerMessageType.CHANGE_BUILDER_EDIT_MODE: {\n        switch (message.editMode) {\n          case BuilderEditMode.BUILD:\n            this.editor?.deselect().blur()\n            break\n\n          case BuilderEditMode.CONTENT:\n            this.editor?.focus().moveToRangeOfDocument()\n            break\n        }\n\n        break\n      }\n    }\n  }\n\n  setSlateEditor(editor: Editor) {\n    this.editor = editor\n\n    this.send({\n      type: RichTextPropControllerMessageType.INITIALIZE_EDITOR,\n      value: editor.value.toJSON({ preserveSelection: false }),\n    })\n  }\n\n  onChange(change: OnChangeParam) {\n    this.send({\n      type: RichTextPropControllerMessageType.CHANGE_EDITOR_VALUE,\n      value: change.value.toJSON({ preserveSelection: true }),\n    })\n  }\n\n  focus() {\n    this.send({ type: RichTextPropControllerMessageType.FOCUS })\n  }\n\n  blur() {\n    this.send({ type: RichTextPropControllerMessageType.BLUR })\n  }\n\n  undo() {\n    this.send({ type: RichTextPropControllerMessageType.UNDO })\n  }\n\n  redo() {\n    this.send({ type: RichTextPropControllerMessageType.REDO })\n  }\n}\n\ntype DescriptorPropController<T extends Descriptor> = T extends { type: typeof Types.RichText }\n  ? RichTextPropController\n  : DefaultPropController\n\nexport type DescriptorsPropControllers<T extends Record<string, Descriptor>> = {\n  [K in keyof T]: undefined extends T[K]\n    ? DescriptorPropController<Exclude<T[K], undefined>>\n    : DescriptorPropController<T[K]>\n}\n\nexport function createPropController(\n  descriptor: RichTextDescriptor,\n  send: Send<RichTextPropControllerMessage>,\n): RichTextPropController\nexport function createPropController(descriptor: Descriptor, send: Send): PropController\nexport function createPropController(descriptor: Descriptor, send: Send): PropController {\n  switch (descriptor.type) {\n    case Types.RichText:\n      return new RichTextPropController(send)\n\n    default:\n      return new DefaultPropController(send)\n  }\n}\n"],"names":[],"mappings":";;;;;;;MAAa,kBAAkB;AAAA,EAC7B,OAAO;AAAA,EACP,SAAS;AAAA;MCIE,oCAAoC;AAAA,EAC/C,0BAA0B;AAAA,EAC1B,mBAAmB;AAAA,EACnB,qBAAqB;AAAA,EACrB,OAAO;AAAA,EACP,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA;qBAuCwD;AAAA,EAG9D,YAAY,MAAe;AAFjB;SAGH,OAAO;AAAA;AAAA;AAMhB,oCAAoC,eAAe;AAAA,EACjD,KAAK,UAAuC;AAAA;AAAA;AAK9C,qCAAqC,eAA8C;AAAA,EAAnF;AAAA;AACU,kCAAwB;AAAA;AAAA,EAEhC,KAAK,SAA8C;;YACzC,QAAQ;AAAA,WACT,kCAAkC,0BAA0B;gBACvD,QAAQ;AAAA,eACT,gBAAgB;uBACd,8BAAQ,WAAW;;eAGrB,gBAAgB;uBACd,8BAAQ,QAAQ;;;;;;;EAS/B,eAAe,QAAgB;SACxB,SAAS;SAET,KAAK;AAAA,MACR,MAAM,kCAAkC;AAAA,MACxC,OAAO,OAAO,MAAM,OAAO,EAAE,mBAAmB;AAAA;AAAA;AAAA,EAIpD,SAAS,QAAuB;SACzB,KAAK;AAAA,MACR,MAAM,kCAAkC;AAAA,MACxC,OAAO,OAAO,MAAM,OAAO,EAAE,mBAAmB;AAAA;AAAA;AAAA,EAIpD,QAAQ;SACD,KAAK,EAAE,MAAM,kCAAkC;AAAA;AAAA,EAGtD,OAAO;SACA,KAAK,EAAE,MAAM,kCAAkC;AAAA;AAAA,EAGtD,OAAO;SACA,KAAK,EAAE,MAAM,kCAAkC;AAAA;AAAA,EAGtD,OAAO;SACA,KAAK,EAAE,MAAM,kCAAkC;AAAA;AAAA;8BAmBnB,YAAwB,MAA4B;UAC/E,WAAW;AAAA,SACZ,MAAM;aACF,IAAI,uBAAuB;AAAA;aAG3B,IAAI,sBAAsB;AAAA;AAAA;;"}

package/dist/main.cjs.js

@@ -5,4 +5,5 @@ var actions = require("./actions.cjs.js");
 exports.ActionTypes = actions.ActionTypes;
 exports.changeDocument = actions.changeDocument;
 exports.changeDocumentElementScrollTop = actions.changeDocumentElementScrollTop;
+exports.messageHostPropController = actions.messageHostPropController;
 //# sourceMappingURL=main.cjs.js.map

package/dist/main.cjs.js.map

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

package/dist/main.es.js

@@ -1,2 +1,2 @@
-export { A as ActionTypes, c as changeDocument, a as changeDocumentElementScrollTop } from "./actions.es.js";
+export { A as ActionTypes, c as changeDocument, a as changeDocumentElementScrollTop, m as messageHostPropController } from "./actions.es.js";
 //# sourceMappingURL=main.es.js.map

package/dist/prop-controllers.cjs.js

@@ -2,5 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports[Symbol.toStringTag] = "Module";
 var descriptors = require("./descriptors.cjs.js");
+var instances = require("./instances.cjs.js");
 exports.Props = descriptors.descriptors;
+exports.RichTextPropControllerMessageType = instances.RichTextPropControllerMessageType;
 //# sourceMappingURL=prop-controllers.cjs.js.map

package/dist/prop-controllers.cjs.js.map

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

package/dist/prop-controllers.es.js

@@ -1,2 +1,3 @@
 export { d as Props } from "./descriptors.es.js";
+export { R as RichTextPropControllerMessageType } from "./instances.es.js";
 //# sourceMappingURL=prop-controllers.es.js.map

package/dist/prop-controllers.es.js.map

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

package/dist/react-builder-preview.cjs.js

@@ -1,8 +1,28 @@
 "use strict";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 exports[Symbol.toStringTag] = "Module";
 var react = require("./react.cjs2.js");
 var actions = require("./actions.cjs.js");
 var boxModels = require("./box-models.cjs.js");
+var instances = require("./instances.cjs.js");
 require("react");
 require("./descriptors.cjs.js");
 require("react/jsx-runtime");
@@ -688,9 +708,9 @@ function nextHash() {
 var usingWeakMap = typeof WeakMap === "function";
 var weakMap;
 if (usingWeakMap) {
-  weakMap = new WeakMap();
+  weakMap = /* @__PURE__ */ new WeakMap();
 }
-var symbolMap = Object.create(null);
+var symbolMap = /* @__PURE__ */ Object.create(null);
 var _objHashUID = 0;
 var UID_HASH_KEY = "__immutablehash__";
 if (typeof Symbol === "function") {
@@ -4104,7 +4124,7 @@ function apply(data, operation) {
   });
   return applied;
 }
-function getInitialState({
+function getInitialState$1({
   rootElements
 } = {}) {
   return react.getInitialState({ rootElements });
@@ -4115,7 +4135,7 @@ function getReadOnlyDocumentsStateSlice(state) {
 function getDocumentRootElement(state, documentKey) {
   return react.getDocumentRootElement(getReadOnlyDocumentsStateSlice(state), documentKey);
 }
-function reducer$1(state = getInitialState(), action) {
+function reducer$2(state = getInitialState$1(), action) {
   switch (action.type) {
     case actions.ActionTypes.CHANGE_DOCUMENT: {
       const currentRootElement = getDocumentRootElement(state, action.payload.documentKey);
@@ -4128,13 +4148,62 @@ function reducer$1(state = getInitialState(), action) {
       return state;
   }
 }
+function isPropControllersHandle(value) {
+  if (typeof value === "object" && value !== null && "setPropControllers" in value && typeof value.setPropControllers === "function") {
+    return true;
+  }
+  return false;
+}
+function getInitialState() {
+  return { handles: /* @__PURE__ */ new Map(), instances: /* @__PURE__ */ new Map() };
+}
+function getPropControllersHandle(state, documentKey, elementKey) {
+  var _a, _b;
+  return (_b = (_a = state.handles.get(documentKey)) == null ? void 0 : _a.get(elementKey)) != null ? _b : null;
+}
+function getPropController(state, documentKey, elementKey, propName) {
+  var _a, _b, _c;
+  return (_c = (_b = (_a = state.instances.get(documentKey)) == null ? void 0 : _a.get(elementKey)) == null ? void 0 : _b[propName]) != null ? _c : null;
+}
+function reducer$1(state = getInitialState(), action) {
+  var _a, _b, _c, _d;
+  switch (action.type) {
+    case actions.ActionTypes.REGISTER_PROP_CONTROLLERS_HANDLE: {
+      const { documentKey, elementKey, handle } = action.payload;
+      return __spreadProps(__spreadValues({}, state), {
+        handles: new Map(state.handles).set(documentKey, new Map((_a = state.handles.get(documentKey)) != null ? _a : []).set(elementKey, handle))
+      });
+    }
+    case actions.ActionTypes.UNREGISTER_PROP_CONTROLLERS_HANDLE: {
+      const { documentKey, elementKey } = action.payload;
+      const nextHandles = new Map((_b = state.handles.get(documentKey)) != null ? _b : []);
+      const deleted = nextHandles.delete(elementKey);
+      return deleted ? __spreadProps(__spreadValues({}, state), { handles: new Map(state.handles).set(documentKey, nextHandles) }) : state;
+    }
+    case actions.ActionTypes.REGISTER_PROP_CONTROLLERS: {
+      const { documentKey, elementKey, propControllers } = action.payload;
+      return __spreadProps(__spreadValues({}, state), {
+        instances: new Map(state.instances).set(documentKey, new Map((_c = state.instances.get(documentKey)) != null ? _c : []).set(elementKey, propControllers))
+      });
+    }
+    case actions.ActionTypes.UNREGISTER_PROP_CONTROLLERS: {
+      const { documentKey, elementKey } = action.payload;
+      const nextInstances = new Map((_d = state.instances.get(documentKey)) != null ? _d : []);
+      const deleted = nextInstances.delete(elementKey);
+      return deleted ? __spreadProps(__spreadValues({}, state), { instances: new Map(state.instances).set(documentKey, nextInstances) }) : state;
+    }
+    default:
+      return state;
+  }
+}
 const reducer = react.combineReducers({
-  documents: reducer$1,
+  documents: reducer$2,
   reactComponents: react.reducer,
   boxModels: boxModels.reducer,
   componentsMeta: react.reducer$1,
   propControllers: react.reducer$2,
-  isInBuilder: (state = true, _action) => state
+  propControllerHandles: reducer$1,
+  isInBuilder: (_state = true, _action) => true
 });
 function getBoxModelsStateSlice(state) {
   return state.boxModels;
@@ -4145,8 +4214,8 @@ function getMeasurables(state) {
 function getBoxModels(state) {
   return boxModels.getBoxModels(getBoxModelsStateSlice(state));
 }
-function getBoxModel(state, elementKey) {
-  return boxModels.getBoxModel(getBoxModelsStateSlice(state), elementKey);
+function getBoxModel(state, documentKey, elementKey) {
+  return boxModels.getBoxModel(getBoxModelsStateSlice(state), documentKey, elementKey);
 }
 function getComponentsMetaStateSlice(state) {
   return state.componentsMeta;
@@ -4160,31 +4229,52 @@ function getPropControllersStateSlice(state) {
 function getComponentPropControllerDescriptors(state, componentType) {
   return react.getComponentPropControllerDescriptors(getPropControllersStateSlice(state), componentType);
 }
+function getPropControllerHandlesStateSlice(state) {
+  return state.propControllerHandles;
+}
 function measureElements() {
   return (dispatch, getState) => {
     const measurables = getMeasurables(getState());
     const currentBoxModels = getBoxModels(getState());
-    const measuredBoxModels = new Map(Array.from(measurables.entries()).map(([elementKey, measurable]) => {
-      const boxModel = boxModels.measure(measurable);
-      return boxModel ? [elementKey, boxModel] : null;
-    }).filter((entry) => entry != null));
-    const changedBoxModels = new Map();
-    currentBoxModels.forEach((_boxModel, elementKey) => {
-      if (!measuredBoxModels.has(elementKey))
-        changedBoxModels.set(elementKey, null);
-    });
-    measuredBoxModels.forEach((measuredBoxModel, elementKey) => {
-      const currentBoxModel = getBoxModel(getState(), elementKey);
-      if (currentBoxModel == null || !deepEqual$1(currentBoxModel, measuredBoxModel)) {
-        changedBoxModels.set(elementKey, measuredBoxModel);
+    const measuredBoxModels = /* @__PURE__ */ new Map();
+    measurables.forEach((documentMeasurables, documentKey) => {
+      const measuredDocumentBoxModels = /* @__PURE__ */ new Map();
+      documentMeasurables.forEach((measurable, elementKey) => {
+        const boxModel = boxModels.measure(measurable);
+        if (boxModel != null)
+          measuredDocumentBoxModels.set(elementKey, boxModel);
+      });
+      if (measuredDocumentBoxModels.size > 0) {
+        measuredBoxModels.set(documentKey, measuredDocumentBoxModels);
       }
     });
-    if (changedBoxModels.size > 0) {
-      dispatch({
-        type: actions.ActionTypes.CHANGE_ELEMENT_BOX_MODELS,
-        payload: { changedElementBoxModels: changedBoxModels }
+    const changedBoxModels = /* @__PURE__ */ new Map();
+    currentBoxModels.forEach((currentDocumentBoxModels, documentKey) => {
+      currentDocumentBoxModels.forEach((_boxModel, elementKey) => {
+        var _a;
+        const changedDocumentBoxModels = /* @__PURE__ */ new Map();
+        if (!((_a = measuredBoxModels.get(documentKey)) == null ? void 0 : _a.has(elementKey))) {
+          changedDocumentBoxModels.set(elementKey, null);
+        }
+        if (changedDocumentBoxModels.size > 0) {
+          changedBoxModels.set(documentKey, changedDocumentBoxModels);
+        }
       });
-    }
+    });
+    measuredBoxModels.forEach((measuredDocumentBoxModels, documentKey) => {
+      const changedDocumentBoxModels = /* @__PURE__ */ new Map();
+      measuredDocumentBoxModels.forEach((measuredBoxModel, elementKey) => {
+        const currentBoxModel = getBoxModel(getState(), documentKey, elementKey);
+        if (currentBoxModel == null || !deepEqual$1(currentBoxModel, measuredBoxModel)) {
+          changedDocumentBoxModels.set(elementKey, measuredBoxModel);
+        }
+      });
+      if (changedDocumentBoxModels.size > 0) {
+        changedBoxModels.set(documentKey, changedDocumentBoxModels);
+      }
+    });
+    if (changedBoxModels.size > 0)
+      dispatch(actions.changeElementBoxModels(changedBoxModels));
   };
 }
 function startMeasuringElements() {
@@ -4242,16 +4332,14 @@ function measureBoxModelsMiddleware() {
   return ({ dispatch }) => (next) => {
     return (action) => {
       switch (action.type) {
-        case actions.ActionTypes.CHANGE_COMPONENT_HANDLE: {
+        case actions.ActionTypes.REGISTER_COMPONENT_HANDLE: {
           if (boxModels.isMeasurable(action.payload.componentHandle)) {
-            dispatch(actions.registerMeasurable(action.payload.elementKey, action.payload.componentHandle));
-          } else {
-            dispatch(actions.unregisterMeasurable(action.payload.elementKey));
+            dispatch(actions.registerMeasurable(action.payload.documentKey, action.payload.elementKey, action.payload.componentHandle));
           }
           break;
         }
-        case actions.ActionTypes.UNMOUNT_COMPONENT:
-          dispatch(actions.unregisterMeasurable(action.payload.elementKey));
+        case actions.ActionTypes.UNREGISTER_COMPONENT_HANDLE:
+          dispatch(actions.unregisterMeasurable(action.payload.documentKey, action.payload.elementKey));
           break;
       }
       return next(action);
@@ -4279,6 +4367,7 @@ function messageChannelMiddleware() {
         case actions.ActionTypes.REGISTER_COMPONENT:
         case actions.ActionTypes.UNREGISTER_COMPONENT:
         case actions.ActionTypes.CHANGE_DOCUMENT_ELEMENT_SIZE:
+        case actions.ActionTypes.MESSAGE_BUILDER_PROP_CONTROLLER:
           messageChannel.port1.postMessage(action);
           break;
         case actions.ActionTypes.CHANGE_DOCUMENT_ELEMENT_SCROLL_TOP:
@@ -4289,10 +4378,60 @@ function messageChannelMiddleware() {
     };
   };
 }
+function createAndRegisterPropControllers(documentKey, elementKey) {
+  return (dispatch, getState) => {
+    const descriptors = react.getElementPropControllerDescriptors(getState(), documentKey, elementKey);
+    if (descriptors == null)
+      return null;
+    const propControllers = Object.entries(descriptors).reduce((acc, [propName, descriptor]) => {
+      const propController = instances.createPropController(descriptor, (message) => dispatch(actions.messageBuilderPropController(documentKey, elementKey, propName, message)));
+      return __spreadProps(__spreadValues({}, acc), { [propName]: propController });
+    }, {});
+    dispatch(actions.registerPropControllers(documentKey, elementKey, propControllers));
+    return propControllers;
+  };
+}
+function registerAndSetPropControllersHandle(documentKey, elementKey, handle) {
+  return (dispatch) => {
+    dispatch(actions.registerPropControllersHandle(documentKey, elementKey, handle));
+    const propControllers = dispatch(createAndRegisterPropControllers(documentKey, elementKey));
+    handle.setPropControllers(propControllers);
+  };
+}
+function unregisterAndUnsetPropControllersHandle(documentKey, elementKey) {
+  return (dispatch, getState) => {
+    const handle = getPropControllersHandle(getPropControllerHandlesStateSlice(getState()), documentKey, elementKey);
+    handle == null ? void 0 : handle.setPropControllers(null);
+    dispatch(actions.unregisterPropControllers(documentKey, elementKey));
+  };
+}
+function propControllerHandlesMiddleware() {
+  return ({ dispatch, getState }) => (next) => {
+    return (action) => {
+      switch (action.type) {
+        case actions.ActionTypes.REGISTER_COMPONENT_HANDLE: {
+          if (isPropControllersHandle(action.payload.componentHandle)) {
+            dispatch(registerAndSetPropControllersHandle(action.payload.documentKey, action.payload.elementKey, action.payload.componentHandle));
+          }
+          break;
+        }
+        case actions.ActionTypes.UNREGISTER_COMPONENT_HANDLE:
+          dispatch(unregisterAndUnsetPropControllersHandle(action.payload.documentKey, action.payload.elementKey));
+          break;
+        case actions.ActionTypes.MESSAGE_HOST_PROP_CONTROLLER: {
+          const propController = getPropController(getPropControllerHandlesStateSlice(getState()), action.payload.documentKey, action.payload.elementKey, action.payload.propName);
+          if (propController)
+            propController.recv(action.payload.message);
+        }
+      }
+      return next(action);
+    };
+  };
+}
 function configureStore({
   preloadedState
 } = {}) {
-  return react.createStore(reducer, preloadedState, react.applyMiddleware(react.thunk, measureBoxModelsMiddleware(), messageChannelMiddleware()));
+  return react.createStore(reducer, preloadedState, react.applyMiddleware(react.thunk, measureBoxModelsMiddleware(), messageChannelMiddleware(), propControllerHandlesMiddleware()));
 }
 exports.createBox = boxModels.createBox;
 exports.getBox = boxModels.getBox;