@makeswift/runtime 0.26.4 → 0.26.5

package/dist/cjs/state/middleware/read-write/builder-api/initialize-connection.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/state/middleware/read-write/builder-api/initialize-connection.ts"],"sourcesContent":["import { type ThunkAction } from '@reduxjs/toolkit'\n\nimport deepEqual from '../../../../utils/deepEqual'\n\nimport * as BoxModels from '../../../modules/read-write/box-models'\nimport * as BuilderEditMode from '../../../modules/builder-edit-mode'\n\nimport { type Action } from '../../../actions'\n\nimport * as ReadOnly from '../../../actions/internal/read-only-actions'\nimport * as Builder from '../../../builder-api/actions'\n\nimport { serializeControls } from '../../../../builder'\nimport { type BuilderAPIProxy } from '../../../builder-api/proxy'\n\nimport * as ReadOnlyState from '../../../read-only-state'\nimport {\n  type State,\n  getDocuments,\n  getMeasurables,\n  getBoxModels,\n  getBoxModel,\n  getElementImperativeHandlesContainingElement,\n  getPointer,\n} from '../../../read-write-state'\n\nimport { type ElementSize, getElementSize } from './element-size'\n\nfunction measureElements(): ThunkAction<void, State, unknown, Action> {\n  return (dispatch, getState) => {\n    const measurables = getMeasurables(getState())\n    const currentBoxModels = getBoxModels(getState())\n    const measuredBoxModels = new Map<string, Map<string, BoxModels.BoxDisplayModel>>()\n\n    measurables.forEach((documentMeasurables, documentKey) => {\n      const measuredDocumentBoxModels = new Map<string, BoxModels.BoxDisplayModel>()\n\n      documentMeasurables.forEach((measurable, elementKey) => {\n        const boxModel = BoxModels.measure(measurable)\n\n        if (boxModel != null) measuredDocumentBoxModels.set(elementKey, boxModel)\n      })\n\n      if (measuredDocumentBoxModels.size > 0) {\n        measuredBoxModels.set(documentKey, measuredDocumentBoxModels)\n      }\n    })\n\n    const changedBoxModels = new Map<string, Map<string, BoxModels.BoxDisplayModel | null>>()\n\n    currentBoxModels.forEach((currentDocumentBoxModels, documentKey) => {\n      const changedDocumentBoxModels = new Map<string, BoxModels.BoxDisplayModel | null>()\n\n      currentDocumentBoxModels.forEach((_boxModel, elementKey) => {\n        if (!measuredBoxModels.get(documentKey)?.has(elementKey)) {\n          changedDocumentBoxModels.set(elementKey, null)\n        }\n\n        if (changedDocumentBoxModels.size > 0) {\n          changedBoxModels.set(documentKey, changedDocumentBoxModels)\n        }\n      })\n    })\n\n    measuredBoxModels.forEach((measuredDocumentBoxModels, documentKey) => {\n      const changedDocumentBoxModels = new Map<string, BoxModels.BoxDisplayModel | null>()\n\n      measuredDocumentBoxModels.forEach((measuredBoxModel, elementKey) => {\n        const currentBoxModel = getBoxModel(getState(), documentKey, elementKey)\n\n        if (currentBoxModel == null || !deepEqual(currentBoxModel, measuredBoxModel)) {\n          changedDocumentBoxModels.set(elementKey, measuredBoxModel)\n        }\n      })\n\n      if (changedDocumentBoxModels.size > 0) {\n        changedBoxModels.set(documentKey, changedDocumentBoxModels)\n      }\n    })\n\n    if (changedBoxModels.size > 0) dispatch(Builder.changeElementBoxModels(changedBoxModels))\n  }\n}\n\nfunction startMeasuringElements(): ThunkAction<() => void, State, unknown, Action> {\n  return dispatch => {\n    let animationFrameHandle = requestAnimationFrame(handleAnimationFrameRequest)\n\n    return () => {\n      cancelAnimationFrame(animationFrameHandle)\n    }\n\n    function handleAnimationFrameRequest() {\n      dispatch(measureElements())\n\n      animationFrameHandle = requestAnimationFrame(handleAnimationFrameRequest)\n    }\n  }\n}\n\nfunction lockDocumentScroll(): ThunkAction<() => void, State, unknown, Action> {\n  return dispatch => {\n    const lastDocumentOverflow = window.document.documentElement.style.overflow\n    window.document.documentElement.style.overflow = 'hidden'\n\n    window.document.documentElement.addEventListener('wheel', handleWheelEvent)\n\n    return () => {\n      window.document.documentElement.style.overflow = lastDocumentOverflow\n      window.document.documentElement.removeEventListener('wheel', handleWheelEvent)\n    }\n\n    function handleWheelEvent({ deltaX, deltaY }: WheelEvent) {\n      dispatch(Builder.handleWheel({ deltaX, deltaY }))\n    }\n  }\n}\n\nfunction startHandlingPointerMoveEvent(): ThunkAction<() => void, State, unknown, Action> {\n  return dispatch => {\n    window.document.documentElement.addEventListener('pointermove', handlePointerMoveEvent)\n\n    return () => {\n      window.document.documentElement.removeEventListener('pointermove', handlePointerMoveEvent)\n    }\n\n    function handlePointerMoveEvent({ clientX, clientY }: PointerEvent) {\n      dispatch(Builder.handlePointerMove({ clientX, clientY }))\n    }\n  }\n}\n\nfunction startHandlingFocusEvents(): ThunkAction<() => void, State, unknown, Action> {\n  return (_dispatch, getState) => {\n    window.addEventListener('focusin', handleFocusIn)\n    window.addEventListener('focusout', handleFocusOut)\n\n    return () => {\n      window.removeEventListener('focusin', handleFocusIn)\n      window.removeEventListener('focusout', handleFocusOut)\n    }\n\n    function handleFocusIn(event: FocusEvent) {\n      if (\n        ReadOnlyState.getBuilderEditMode(getState()) === BuilderEditMode.BuilderEditMode.INTERACT\n      ) {\n        return\n      }\n\n      if (!(event.target instanceof window.HTMLElement) || !event.target.isContentEditable) {\n        window.parent.focus()\n      }\n    }\n\n    function handleFocusOut(event: FocusEvent) {\n      if (\n        ReadOnlyState.getBuilderEditMode(getState()) === BuilderEditMode.BuilderEditMode.INTERACT\n      ) {\n        return\n      }\n\n      if (\n        !(event.relatedTarget instanceof window.HTMLElement) ||\n        !event.relatedTarget.isContentEditable\n      ) {\n        window.parent.focus()\n      }\n    }\n  }\n}\n\nfunction startMeasuringDocumentElement(): ThunkAction<() => void, unknown, unknown, Action> {\n  return dispatch => {\n    let animationFrameHandle = requestAnimationFrame(handleAnimationFrameRequest)\n    let lastSize: ElementSize\n\n    return () => {\n      cancelAnimationFrame(animationFrameHandle)\n    }\n\n    function handleAnimationFrameRequest() {\n      const nextSize = getElementSize(window.document.documentElement)\n\n      if (!deepEqual(lastSize, nextSize)) {\n        lastSize = nextSize\n\n        dispatch(Builder.changeDocumentElementSize(nextSize))\n      }\n\n      animationFrameHandle = requestAnimationFrame(handleAnimationFrameRequest)\n    }\n  }\n}\n\nfunction elementKeysFromElementFromPoint(\n  elementFromPoint: Element | null,\n): ThunkAction<{ documentKey: string; elementKey: string } | null, State, unknown, Action> {\n  return (_dispatch, getState) => {\n    if (elementFromPoint == null) return null\n\n    const elementImperativeHandles = getElementImperativeHandlesContainingElement(\n      getState(),\n      elementFromPoint,\n    )\n    const ascendingDepthDocumentKeys = ReadOnlyState.getDocumentKeysSortedByDepth(getState())\n    const descendingDepthDocumentKeys = ascendingDepthDocumentKeys.slice().reverse()\n\n    let currentElement: Element | null = elementFromPoint\n    let keys = null\n\n    while (currentElement != null) {\n      for (const documentKey of descendingDepthDocumentKeys) {\n        const byElementKey = elementImperativeHandles.get(documentKey)\n\n        if (byElementKey == null) continue\n\n        for (const [elementKey, elementImperativeHandle] of byElementKey) {\n          if (elementImperativeHandle.getDomNode() === currentElement) {\n            return { documentKey, elementKey }\n          }\n        }\n      }\n\n      currentElement = currentElement.parentElement\n    }\n\n    return keys\n  }\n}\n\nfunction startPollingElementFromPoint(): ThunkAction<() => void, State, unknown, Action> {\n  return (dispatch, getState) => {\n    let lastElementFromPoint: Element | null = null\n    let animationFrameRequestId = requestAnimationFrame(handleAnimationFrameRequest)\n\n    return () => {\n      cancelAnimationFrame(animationFrameRequestId)\n    }\n\n    function handleAnimationFrameRequest() {\n      const pointer = getPointer(getState())\n      const elementFromPoint =\n        pointer == null ? null : document.elementFromPoint(pointer.x, pointer.y)\n\n      if (elementFromPoint !== lastElementFromPoint) {\n        lastElementFromPoint = elementFromPoint\n\n        const keys = dispatch(elementKeysFromElementFromPoint(elementFromPoint))\n\n        dispatch(Builder.elementFromPointChange(keys))\n      }\n\n      animationFrameRequestId = requestAnimationFrame(handleAnimationFrameRequest)\n    }\n  }\n}\n\nfunction registerBuilderComponents(): ThunkAction<() => void, State, unknown, Action> {\n  return (dispatch, getState) => {\n    const state = getState()\n    const componentsMeta = ReadOnlyState.getComponentsMeta(state)\n\n    componentsMeta.forEach((meta, type) => {\n      const descriptors = ReadOnlyState.getComponentPropControllerDescriptors(state, type)\n      if (descriptors != null) {\n        const [serializedControls, transferables] = serializeControls(descriptors)\n        dispatch(\n          Builder.registerBuilderComponent({ type, meta, serializedControls }, transferables),\n        )\n      }\n    })\n\n    return () => {\n      componentsMeta.forEach((_, type) => {\n        dispatch(Builder.unregisterBuilderComponent({ type }))\n      })\n    }\n  }\n}\n\nfunction registerBuilderDocuments(): ThunkAction<() => void, State, unknown, Action> {\n  return (dispatch, getState) => {\n    const documents = getDocuments(getState())\n\n    documents.forEach(document => {\n      dispatch(Builder.registerBuilderDocument(document))\n    })\n\n    return () => {\n      documents.forEach((_document, documentKey) => {\n        dispatch(Builder.unregisterBuilderDocument(documentKey))\n      })\n    }\n  }\n}\n\nexport function initializeBuilderConnection(\n  builderProxy: BuilderAPIProxy,\n): ThunkAction<() => void, State, unknown, Action> {\n  return (dispatch, getState) => {\n    const unregisterBuilderDocuments = dispatch(registerBuilderDocuments())\n    const stopMeasuringElements = dispatch(startMeasuringElements())\n    const stopMeasuringDocumentElement = dispatch(startMeasuringDocumentElement())\n    const stopHandlingFocusEvent = dispatch(startHandlingFocusEvents())\n    const unlockDocumentScroll = dispatch(lockDocumentScroll())\n    const stopHandlingPointerMoveEvent = dispatch(startHandlingPointerMoveEvent())\n    const stopPollingElementFromPoint = dispatch(startPollingElementFromPoint())\n    const unregisterBuilderComponents = dispatch(registerBuilderComponents())\n\n    const breakpoints = ReadOnlyState.getBreakpoints(getState())\n    dispatch(Builder.setBreakpoints(breakpoints))\n\n    const locale = ReadOnlyState.getLocale(getState())\n    if (locale != null) dispatch(Builder.setLocale(new Intl.Locale(locale)))\n\n    dispatch(ReadOnly.setIsInBuilder(true))\n    builderProxy.dispatchBuffered()\n\n    return () => {\n      unregisterBuilderDocuments()\n      stopMeasuringElements()\n      stopMeasuringDocumentElement()\n      stopHandlingFocusEvent()\n      unlockDocumentScroll()\n      stopHandlingPointerMoveEvent()\n      stopPollingElementFromPoint()\n      unregisterBuilderComponents()\n      dispatch(ReadOnly.setIsInBuilder(false))\n    }\n  }\n}\n"],"mappings":"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","names":["deepEqual","document"]}

package/dist/cjs/state/middleware/read-write/index.js

@@ -0,0 +1,40 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var read_write_exports = {};
+__export(read_write_exports, {
+  createReadWriteMiddleware: () => createReadWriteMiddleware
+});
+module.exports = __toCommonJS(read_write_exports);
+var import_update_element_tree = require("./update-element-tree");
+var import_measure_box_models = require("./measure-box-models");
+var import_builder_api = require("./builder-api");
+var import_prop_controller_handles = require("./prop-controller-handles");
+function createReadWriteMiddleware({ builderProxy }) {
+  return [
+    (0, import_update_element_tree.updateElementTreeMiddleware)(),
+    (0, import_measure_box_models.measureBoxModelsMiddleware)(),
+    (0, import_builder_api.builderAPIMiddleware)(builderProxy),
+    (0, import_prop_controller_handles.propControllerHandlesMiddleware)()
+  ];
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  createReadWriteMiddleware
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/state/middleware/read-write/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/state/middleware/read-write/index.ts"],"sourcesContent":["import { type BuilderAPIProxy } from '../../builder-api/proxy'\n\nimport { updateElementTreeMiddleware } from './update-element-tree'\nimport { measureBoxModelsMiddleware } from './measure-box-models'\nimport { builderAPIMiddleware } from './builder-api'\nimport { propControllerHandlesMiddleware } from './prop-controller-handles'\n\nexport function createReadWriteMiddleware({ builderProxy }: { builderProxy: BuilderAPIProxy }) {\n  return [\n    updateElementTreeMiddleware(),\n    measureBoxModelsMiddleware(),\n    builderAPIMiddleware(builderProxy),\n    propControllerHandlesMiddleware(),\n  ]\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,iCAA4C;AAC5C,gCAA2C;AAC3C,yBAAqC;AACrC,qCAAgD;AAEzC,SAAS,0BAA0B,EAAE,aAAa,GAAsC;AAC7F,SAAO;AAAA,QACL,wDAA4B;AAAA,QAC5B,sDAA2B;AAAA,QAC3B,yCAAqB,YAAY;AAAA,QACjC,gEAAgC;AAAA,EAClC;AACF;","names":[]}

package/dist/cjs/state/middleware/read-write/measure-box-models.js

@@ -0,0 +1,71 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var measure_box_models_exports = {};
+__export(measure_box_models_exports, {
+  measureBoxModelsMiddleware: () => measureBoxModelsMiddleware
+});
+module.exports = __toCommonJS(measure_box_models_exports);
+var BoxModels = __toESM(require("../../modules/read-write/box-models"));
+var import_read_only_actions = require("../../actions/internal/read-only-actions");
+var ReadWriteActions = __toESM(require("../../actions/internal/read-write-actions"));
+var import_toolkit2 = require("../../toolkit");
+function measureBoxModelsMiddleware() {
+  return (0, import_toolkit2.actionMiddleware)(({ dispatch }) => (next) => {
+    return (action) => {
+      switch (action.type) {
+        case import_read_only_actions.ReadOnlyActionTypes.REGISTER_COMPONENT_HANDLE: {
+          if (BoxModels.isMeasurable(action.payload.componentHandle)) {
+            dispatch(
+              ReadWriteActions.registerMeasurable(
+                action.payload.documentKey,
+                action.payload.elementKey,
+                action.payload.componentHandle
+              )
+            );
+          }
+          break;
+        }
+        case import_read_only_actions.ReadOnlyActionTypes.UNREGISTER_COMPONENT_HANDLE:
+          dispatch(
+            ReadWriteActions.unregisterMeasurable(
+              action.payload.documentKey,
+              action.payload.elementKey
+            )
+          );
+          break;
+      }
+      return next(action);
+    };
+  });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  measureBoxModelsMiddleware
+});
+//# sourceMappingURL=measure-box-models.js.map

package/dist/cjs/state/middleware/read-write/measure-box-models.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/state/middleware/read-write/measure-box-models.ts"],"sourcesContent":["import { type Middleware } from '@reduxjs/toolkit'\n\nimport * as BoxModels from '../../modules/read-write/box-models'\nimport { type Action } from '../../actions'\n\nimport { ReadOnlyActionTypes } from '../../actions/internal/read-only-actions'\nimport * as ReadWriteActions from '../../actions/internal/read-write-actions'\n\nimport { actionMiddleware } from '../../toolkit'\n\nimport { type State, type Dispatch } from '../../read-write-state'\n\nexport function measureBoxModelsMiddleware(): Middleware<Dispatch, State, Dispatch> {\n  return actionMiddleware(({ dispatch }) => next => {\n    return (action: Action) => {\n      switch (action.type) {\n        case ReadOnlyActionTypes.REGISTER_COMPONENT_HANDLE: {\n          if (BoxModels.isMeasurable(action.payload.componentHandle)) {\n            dispatch(\n              ReadWriteActions.registerMeasurable(\n                action.payload.documentKey,\n                action.payload.elementKey,\n                action.payload.componentHandle,\n              ),\n            )\n          }\n\n          break\n        }\n\n        case ReadOnlyActionTypes.UNREGISTER_COMPONENT_HANDLE:\n          dispatch(\n            ReadWriteActions.unregisterMeasurable(\n              action.payload.documentKey,\n              action.payload.elementKey,\n            ),\n          )\n          break\n      }\n\n      return next(action)\n    }\n  })\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,gBAA2B;AAG3B,+BAAoC;AACpC,uBAAkC;AAElC,IAAAA,kBAAiC;AAI1B,SAAS,6BAAoE;AAClF,aAAO,kCAAiB,CAAC,EAAE,SAAS,MAAM,UAAQ;AAChD,WAAO,CAAC,WAAmB;AACzB,cAAQ,OAAO,MAAM;AAAA,QACnB,KAAK,6CAAoB,2BAA2B;AAClD,cAAI,UAAU,aAAa,OAAO,QAAQ,eAAe,GAAG;AAC1D;AAAA,cACE,iBAAiB;AAAA,gBACf,OAAO,QAAQ;AAAA,gBACf,OAAO,QAAQ;AAAA,gBACf,OAAO,QAAQ;AAAA,cACjB;AAAA,YACF;AAAA,UACF;AAEA;AAAA,QACF;AAAA,QAEA,KAAK,6CAAoB;AACvB;AAAA,YACE,iBAAiB;AAAA,cACf,OAAO,QAAQ;AAAA,cACf,OAAO,QAAQ;AAAA,YACjB;AAAA,UACF;AACA;AAAA,MACJ;AAEA,aAAO,KAAK,MAAM;AAAA,IACpB;AAAA,EACF,CAAC;AACH;","names":["import_toolkit"]}

package/dist/cjs/state/middleware/read-write/prop-controller-handles.js

@@ -0,0 +1,114 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var prop_controller_handles_exports = {};
+__export(prop_controller_handles_exports, {
+  propControllerHandlesMiddleware: () => propControllerHandlesMiddleware
+});
+module.exports = __toCommonJS(prop_controller_handles_exports);
+var PropControllerHandles = __toESM(require("../../modules/prop-controller-handles"));
+var Builder = __toESM(require("../../builder-api/actions"));
+var import_read_only_actions = require("../../actions/internal/read-only-actions");
+var ReadOnly = __toESM(require("../../actions/internal/read-only-actions"));
+var import_toolkit2 = require("../../toolkit");
+var import_instances = require("../../../prop-controllers/instances");
+var import_host_api = require("../../host-api");
+var ReadOnlyState = __toESM(require("../../read-only-state"));
+function createAndRegisterPropControllers(documentKey, elementKey) {
+  return (dispatch, getState) => {
+    const descriptors = ReadOnlyState.getElementPropControllerDescriptors(
+      getState(),
+      documentKey,
+      elementKey
+    );
+    if (descriptors == null)
+      return null;
+    const propControllers = Object.entries(descriptors).reduce(
+      (acc, [propName, descriptor]) => {
+        const propController = (0, import_instances.createPropController)(
+          descriptor,
+          (message) => dispatch(
+            Builder.messageBuilderPropController(documentKey, elementKey, propName, message)
+          )
+        );
+        return { ...acc, [propName]: propController };
+      },
+      {}
+    );
+    dispatch(ReadOnly.registerPropControllers(documentKey, elementKey, propControllers));
+    return propControllers;
+  };
+}
+function propControllerHandlesMiddleware() {
+  return (0, import_toolkit2.actionMiddleware)(({ dispatch, getState }) => (next) => {
+    return (action) => {
+      switch (action.type) {
+        case import_read_only_actions.ReadOnlyActionTypes.REGISTER_COMPONENT_HANDLE: {
+          const { documentKey, elementKey, componentHandle } = action.payload;
+          const element = ReadOnlyState.getElement(getState(), documentKey, elementKey);
+          const propControllers = dispatch(
+            createAndRegisterPropControllers(documentKey, elementKey)
+          );
+          if (element != null && !ReadOnlyState.isElementReference(element) && PropControllerHandles.isPropControllersHandle(componentHandle)) {
+            dispatch(
+              ReadOnly.registerPropControllersHandle(documentKey, elementKey, componentHandle)
+            );
+            componentHandle.setPropControllers(propControllers);
+          }
+          break;
+        }
+        case import_read_only_actions.ReadOnlyActionTypes.UNREGISTER_COMPONENT_HANDLE: {
+          const { documentKey, elementKey } = action.payload;
+          const handle = ReadOnlyState.getPropControllersHandle(getState(), {
+            documentKey,
+            elementKey
+          });
+          handle?.setPropControllers(null);
+          dispatch(ReadOnly.unregisterPropControllers(documentKey, elementKey));
+          break;
+        }
+        case import_host_api.HostActionTypes.MESSAGE_HOST_PROP_CONTROLLER: {
+          const { documentKey, elementKey, propName, message } = action.payload;
+          const propController = ReadOnlyState.getPropController(getState(), {
+            documentKey,
+            elementKey,
+            propName
+          });
+          if (propController)
+            propController.recv(message);
+        }
+      }
+      return next(action);
+    };
+  });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  propControllerHandlesMiddleware
+});
+//# sourceMappingURL=prop-controller-handles.js.map

package/dist/cjs/state/middleware/read-write/prop-controller-handles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/state/middleware/read-write/prop-controller-handles.ts"],"sourcesContent":["import { type Middleware, type ThunkAction } from '@reduxjs/toolkit'\n\nimport { ControlInstance } from '@makeswift/controls'\n\nimport * as PropControllerHandles from '../../modules/prop-controller-handles'\n\nimport { type Action } from '../../actions'\n\nimport * as Builder from '../../builder-api/actions'\n\nimport { ReadOnlyActionTypes } from '../../actions/internal/read-only-actions'\nimport * as ReadOnly from '../../actions/internal/read-only-actions'\n\nimport { actionMiddleware } from '../../toolkit'\n\nimport { createPropController } from '../../../prop-controllers/instances'\nimport { HostActionTypes } from '../../host-api'\n\nimport * as ReadOnlyState from '../../read-only-state'\nimport { type State, type Dispatch } from '../../read-write-state'\n\nfunction createAndRegisterPropControllers(\n  documentKey: string,\n  elementKey: string,\n): ThunkAction<Record<string, ControlInstance> | null, State, unknown, Action> {\n  return (dispatch, getState) => {\n    const descriptors = ReadOnlyState.getElementPropControllerDescriptors(\n      getState(),\n      documentKey,\n      elementKey,\n    )\n\n    if (descriptors == null) return null\n\n    const propControllers = Object.entries(descriptors).reduce(\n      (acc, [propName, descriptor]) => {\n        const propController = createPropController(descriptor, message =>\n          dispatch(\n            Builder.messageBuilderPropController(documentKey, elementKey, propName, message),\n          ),\n        ) as ControlInstance\n\n        return { ...acc, [propName]: propController }\n      },\n      {} as Record<string, ControlInstance>,\n    )\n\n    dispatch(ReadOnly.registerPropControllers(documentKey, elementKey, propControllers))\n\n    return propControllers\n  }\n}\n\nexport function propControllerHandlesMiddleware(): Middleware<Dispatch, State, Dispatch> {\n  return actionMiddleware(({ dispatch, getState }) => next => {\n    return (action: Action) => {\n      switch (action.type) {\n        case ReadOnlyActionTypes.REGISTER_COMPONENT_HANDLE: {\n          const { documentKey, elementKey, componentHandle } = action.payload\n          const element = ReadOnlyState.getElement(getState(), documentKey, elementKey)\n          const propControllers = dispatch(\n            createAndRegisterPropControllers(documentKey, elementKey),\n          )\n\n          if (\n            element != null &&\n            !ReadOnlyState.isElementReference(element) &&\n            PropControllerHandles.isPropControllersHandle(componentHandle)\n          ) {\n            dispatch(\n              ReadOnly.registerPropControllersHandle(documentKey, elementKey, componentHandle),\n            )\n            componentHandle.setPropControllers(propControllers)\n          }\n\n          break\n        }\n\n        case ReadOnlyActionTypes.UNREGISTER_COMPONENT_HANDLE: {\n          const { documentKey, elementKey } = action.payload\n          const handle = ReadOnlyState.getPropControllersHandle(getState(), {\n            documentKey,\n            elementKey,\n          })\n\n          handle?.setPropControllers(null)\n\n          dispatch(ReadOnly.unregisterPropControllers(documentKey, elementKey))\n\n          break\n        }\n\n        case HostActionTypes.MESSAGE_HOST_PROP_CONTROLLER: {\n          const { documentKey, elementKey, propName, message } = action.payload\n          const propController = ReadOnlyState.getPropController(getState(), {\n            documentKey,\n            elementKey,\n            propName,\n          })\n\n          if (propController) propController.recv(message)\n        }\n      }\n\n      return next(action)\n    }\n  })\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA,4BAAuC;AAIvC,cAAyB;AAEzB,+BAAoC;AACpC,eAA0B;AAE1B,IAAAA,kBAAiC;AAEjC,uBAAqC;AACrC,sBAAgC;AAEhC,oBAA+B;AAG/B,SAAS,iCACP,aACA,YAC6E;AAC7E,SAAO,CAAC,UAAU,aAAa;AAC7B,UAAM,cAAc,cAAc;AAAA,MAChC,SAAS;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAEA,QAAI,eAAe;AAAM,aAAO;AAEhC,UAAM,kBAAkB,OAAO,QAAQ,WAAW,EAAE;AAAA,MAClD,CAAC,KAAK,CAAC,UAAU,UAAU,MAAM;AAC/B,cAAM,qBAAiB;AAAA,UAAqB;AAAA,UAAY,aACtD;AAAA,YACE,QAAQ,6BAA6B,aAAa,YAAY,UAAU,OAAO;AAAA,UACjF;AAAA,QACF;AAEA,eAAO,EAAE,GAAG,KAAK,CAAC,QAAQ,GAAG,eAAe;AAAA,MAC9C;AAAA,MACA,CAAC;AAAA,IACH;AAEA,aAAS,SAAS,wBAAwB,aAAa,YAAY,eAAe,CAAC;AAEnF,WAAO;AAAA,EACT;AACF;AAEO,SAAS,kCAAyE;AACvF,aAAO,kCAAiB,CAAC,EAAE,UAAU,SAAS,MAAM,UAAQ;AAC1D,WAAO,CAAC,WAAmB;AACzB,cAAQ,OAAO,MAAM;AAAA,QACnB,KAAK,6CAAoB,2BAA2B;AAClD,gBAAM,EAAE,aAAa,YAAY,gBAAgB,IAAI,OAAO;AAC5D,gBAAM,UAAU,cAAc,WAAW,SAAS,GAAG,aAAa,UAAU;AAC5E,gBAAM,kBAAkB;AAAA,YACtB,iCAAiC,aAAa,UAAU;AAAA,UAC1D;AAEA,cACE,WAAW,QACX,CAAC,cAAc,mBAAmB,OAAO,KACzC,sBAAsB,wBAAwB,eAAe,GAC7D;AACA;AAAA,cACE,SAAS,8BAA8B,aAAa,YAAY,eAAe;AAAA,YACjF;AACA,4BAAgB,mBAAmB,eAAe;AAAA,UACpD;AAEA;AAAA,QACF;AAAA,QAEA,KAAK,6CAAoB,6BAA6B;AACpD,gBAAM,EAAE,aAAa,WAAW,IAAI,OAAO;AAC3C,gBAAM,SAAS,cAAc,yBAAyB,SAAS,GAAG;AAAA,YAChE;AAAA,YACA;AAAA,UACF,CAAC;AAED,kBAAQ,mBAAmB,IAAI;AAE/B,mBAAS,SAAS,0BAA0B,aAAa,UAAU,CAAC;AAEpE;AAAA,QACF;AAAA,QAEA,KAAK,gCAAgB,8BAA8B;AACjD,gBAAM,EAAE,aAAa,YAAY,UAAU,QAAQ,IAAI,OAAO;AAC9D,gBAAM,iBAAiB,cAAc,kBAAkB,SAAS,GAAG;AAAA,YACjE;AAAA,YACA;AAAA,YACA;AAAA,UACF,CAAC;AAED,cAAI;AAAgB,2BAAe,KAAK,OAAO;AAAA,QACjD;AAAA,MACF;AAEA,aAAO,KAAK,MAAM;AAAA,IACpB;AAAA,EACF,CAAC;AACH;","names":["import_toolkit"]}

package/dist/cjs/state/middleware/read-write/update-element-tree.js

@@ -0,0 +1,59 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var update_element_tree_exports = {};
+__export(update_element_tree_exports, {
+  updateElementTreeMiddleware: () => updateElementTreeMiddleware
+});
+module.exports = __toCommonJS(update_element_tree_exports);
+var import_host_api = require("../../host-api");
+var import_read_write_actions = require("../../actions/internal/read-write-actions");
+var import_toolkit2 = require("../../toolkit");
+var import_read_write_state = require("../../read-write-state");
+var import_read_only_state = require("../../read-only-state");
+function updateElementTreeMiddleware() {
+  return (0, import_toolkit2.actionMiddleware)(({ dispatch, getState }) => (next) => {
+    return (action) => {
+      switch (action.type) {
+        case import_host_api.HostActionTypes.CHANGE_DOCUMENT: {
+          const { documentKey, operation } = action.payload;
+          const oldDocument = (0, import_read_write_state.getDocument)(getState(), documentKey);
+          const result = next(action);
+          const newDocument = (0, import_read_write_state.getDocument)(getState(), documentKey);
+          if (oldDocument != null && newDocument != null && newDocument !== oldDocument) {
+            dispatch(
+              (0, import_read_write_actions.changeElementTree)({
+                oldDocument,
+                newDocument,
+                descriptors: (0, import_read_only_state.getPropControllerDescriptors)(getState()),
+                operation
+              })
+            );
+          }
+          return result;
+        }
+      }
+      return next(action);
+    };
+  });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  updateElementTreeMiddleware
+});
+//# sourceMappingURL=update-element-tree.js.map

package/dist/cjs/state/middleware/read-write/update-element-tree.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/state/middleware/read-write/update-element-tree.ts"],"sourcesContent":["import { type Middleware } from '@reduxjs/toolkit'\n\nimport { HostActionTypes } from '../../host-api'\nimport { changeElementTree } from '../../actions/internal/read-write-actions'\n\nimport { actionMiddleware } from '../../toolkit'\n\nimport { type Dispatch, type State, getDocument } from '../../read-write-state'\nimport { getPropControllerDescriptors } from '../../read-only-state'\n\nexport function updateElementTreeMiddleware(): Middleware<Dispatch, State, Dispatch> {\n  return actionMiddleware(({ dispatch, getState }) => next => {\n    return action => {\n      switch (action.type) {\n        case HostActionTypes.CHANGE_DOCUMENT: {\n          const { documentKey, operation } = action.payload\n\n          const oldDocument = getDocument(getState(), documentKey)\n          const result = next(action)\n          const newDocument = getDocument(getState(), documentKey)\n\n          if (oldDocument != null && newDocument != null && newDocument !== oldDocument) {\n            dispatch(\n              changeElementTree({\n                oldDocument,\n                newDocument,\n                descriptors: getPropControllerDescriptors(getState()),\n                operation,\n              }),\n            )\n          }\n\n          return result\n        }\n      }\n\n      return next(action)\n    }\n  })\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,sBAAgC;AAChC,gCAAkC;AAElC,IAAAA,kBAAiC;AAEjC,8BAAuD;AACvD,6BAA6C;AAEtC,SAAS,8BAAqE;AACnF,aAAO,kCAAiB,CAAC,EAAE,UAAU,SAAS,MAAM,UAAQ;AAC1D,WAAO,YAAU;AACf,cAAQ,OAAO,MAAM;AAAA,QACnB,KAAK,gCAAgB,iBAAiB;AACpC,gBAAM,EAAE,aAAa,UAAU,IAAI,OAAO;AAE1C,gBAAM,kBAAc,qCAAY,SAAS,GAAG,WAAW;AACvD,gBAAM,SAAS,KAAK,MAAM;AAC1B,gBAAM,kBAAc,qCAAY,SAAS,GAAG,WAAW;AAEvD,cAAI,eAAe,QAAQ,eAAe,QAAQ,gBAAgB,aAAa;AAC7E;AAAA,kBACE,6CAAkB;AAAA,gBAChB;AAAA,gBACA;AAAA,gBACA,iBAAa,qDAA6B,SAAS,CAAC;AAAA,gBACpD;AAAA,cACF,CAAC;AAAA,YACH;AAAA,UACF;AAEA,iBAAO;AAAA,QACT;AAAA,MACF;AAEA,aAAO,KAAK,MAAM;AAAA,IACpB;AAAA,EACF,CAAC;AACH;","names":["import_toolkit"]}

package/dist/cjs/state/mixins/breakpoint-watch.js

@@ -0,0 +1,72 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var breakpoint_watch_exports = {};
+__export(breakpoint_watch_exports, {
+  breakpointWatchMixin: () => breakpointWatchMixin
+});
+module.exports = __toCommonJS(breakpoint_watch_exports);
+var import_read_only_actions = require("../actions/internal/read-only-actions");
+var import_breakpoints = require("../modules/breakpoints");
+var import_read_only_state = require("../read-only-state");
+function breakpointWatchMixin({
+  dispatch,
+  getState,
+  subscribe: storeSubscribe
+}) {
+  let mediaQueryUnsubscribes = [];
+  let storeUnsubscribe = null;
+  let watchedBreakpoints = [];
+  const startWatch = (breakpoints) => {
+    mediaQueryUnsubscribes.forEach((fn) => fn());
+    const updateState = () => dispatch((0, import_read_only_actions.updateClientBreakpoint)());
+    mediaQueryUnsubscribes = (0, import_breakpoints.getDeviceQueries)(breakpoints).map((q) => {
+      const mediaQueryList = window.matchMedia(q.query);
+      mediaQueryList.addEventListener("change", updateState);
+      return () => mediaQueryList.removeEventListener("change", updateState);
+    });
+    watchedBreakpoints = breakpoints;
+    updateState();
+  };
+  return {
+    startBreakpointWatch: () => {
+      if (storeUnsubscribe !== null) {
+        console.warn("Unexpected `BreakpointWatch.startBreakpointWatch` call, already watching");
+        return;
+      }
+      startWatch((0, import_read_only_state.getBreakpoints)(getState()));
+      storeUnsubscribe = storeSubscribe(() => {
+        const breakpoints = (0, import_read_only_state.getBreakpoints)(getState());
+        if (breakpoints !== watchedBreakpoints) {
+          startWatch(breakpoints);
+        }
+      });
+    },
+    stopBreakpointWatch: () => {
+      mediaQueryUnsubscribes.forEach((fn) => fn());
+      mediaQueryUnsubscribes = [];
+      storeUnsubscribe?.();
+      storeUnsubscribe = null;
+    }
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  breakpointWatchMixin
+});
+//# sourceMappingURL=breakpoint-watch.js.map

package/dist/cjs/state/mixins/breakpoint-watch.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/state/mixins/breakpoint-watch.ts"],"sourcesContent":["import { updateClientBreakpoint } from '../actions/internal/read-only-actions'\nimport { Breakpoints, getDeviceQueries } from '../modules/breakpoints'\n\nimport { type State, type Dispatch } from '../unified-state'\nimport { getBreakpoints } from '../read-only-state'\n\nexport interface BreakpointWatch {\n  startBreakpointWatch(): void\n  stopBreakpointWatch(): void\n}\n\nexport function breakpointWatchMixin({\n  dispatch,\n  getState,\n  subscribe: storeSubscribe,\n}: {\n  dispatch: Dispatch\n  getState: () => State\n  subscribe: (listener: VoidFunction) => VoidFunction\n}): BreakpointWatch {\n  let mediaQueryUnsubscribes: VoidFunction[] = []\n  let storeUnsubscribe: VoidFunction | null = null\n  let watchedBreakpoints: Breakpoints = []\n\n  // client-side breakpoint watch\n  const startWatch = (breakpoints: Breakpoints) => {\n    mediaQueryUnsubscribes.forEach(fn => fn())\n\n    const updateState = () => dispatch(updateClientBreakpoint())\n\n    mediaQueryUnsubscribes = getDeviceQueries(breakpoints).map(q => {\n      const mediaQueryList = window.matchMedia(q.query)\n      mediaQueryList.addEventListener('change', updateState)\n      return () => mediaQueryList.removeEventListener('change', updateState)\n    })\n\n    watchedBreakpoints = breakpoints\n\n    // reconcile the store with the current client breakpoint after subscribing;\n    // this heals any stale breakpoint state from changes that happened\n    // after the store was created or updated but before the listeners were attached\n    updateState()\n  }\n\n  return {\n    startBreakpointWatch: () => {\n      if (storeUnsubscribe !== null) {\n        console.warn('Unexpected `BreakpointWatch.startBreakpointWatch` call, already watching')\n        return\n      }\n\n      startWatch(getBreakpoints(getState()))\n\n      storeUnsubscribe = storeSubscribe(() => {\n        const breakpoints = getBreakpoints(getState())\n        if (breakpoints !== watchedBreakpoints) {\n          startWatch(breakpoints)\n        }\n      })\n    },\n\n    stopBreakpointWatch: () => {\n      mediaQueryUnsubscribes.forEach(fn => fn())\n      mediaQueryUnsubscribes = []\n\n      storeUnsubscribe?.()\n      storeUnsubscribe = null\n    },\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,+BAAuC;AACvC,yBAA8C;AAG9C,6BAA+B;AAOxB,SAAS,qBAAqB;AAAA,EACnC;AAAA,EACA;AAAA,EACA,WAAW;AACb,GAIoB;AAClB,MAAI,yBAAyC,CAAC;AAC9C,MAAI,mBAAwC;AAC5C,MAAI,qBAAkC,CAAC;AAGvC,QAAM,aAAa,CAAC,gBAA6B;AAC/C,2BAAuB,QAAQ,QAAM,GAAG,CAAC;AAEzC,UAAM,cAAc,MAAM,aAAS,iDAAuB,CAAC;AAE3D,iCAAyB,qCAAiB,WAAW,EAAE,IAAI,OAAK;AAC9D,YAAM,iBAAiB,OAAO,WAAW,EAAE,KAAK;AAChD,qBAAe,iBAAiB,UAAU,WAAW;AACrD,aAAO,MAAM,eAAe,oBAAoB,UAAU,WAAW;AAAA,IACvE,CAAC;AAED,yBAAqB;AAKrB,gBAAY;AAAA,EACd;AAEA,SAAO;AAAA,IACL,sBAAsB,MAAM;AAC1B,UAAI,qBAAqB,MAAM;AAC7B,gBAAQ,KAAK,0EAA0E;AACvF;AAAA,MACF;AAEA,qBAAW,uCAAe,SAAS,CAAC,CAAC;AAErC,yBAAmB,eAAe,MAAM;AACtC,cAAM,kBAAc,uCAAe,SAAS,CAAC;AAC7C,YAAI,gBAAgB,oBAAoB;AACtC,qBAAW,WAAW;AAAA,QACxB;AAAA,MACF,CAAC;AAAA,IACH;AAAA,IAEA,qBAAqB,MAAM;AACzB,6BAAuB,QAAQ,QAAM,GAAG,CAAC;AACzC,+BAAyB,CAAC;AAE1B,yBAAmB;AACnB,yBAAmB;AAAA,IACrB;AAAA,EACF;AACF;","names":[]}

package/dist/cjs/state/modules/is-read-only.js

@@ -0,0 +1,50 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var is_read_only_exports = {};
+__export(is_read_only_exports, {
+  getInitialState: () => getInitialState,
+  getIsReadOnly: () => getIsReadOnly,
+  reducer: () => reducer
+});
+module.exports = __toCommonJS(is_read_only_exports);
+var import_actions = require("../actions");
+var import_read_only_actions = require("../actions/internal/read-only-actions");
+function getInitialState(isReadOnly = true) {
+  return isReadOnly;
+}
+function getIsReadOnly(state) {
+  return state;
+}
+function reducer(state = getInitialState(), action) {
+  if (!(0, import_actions.isKnownAction)(action))
+    return state;
+  switch (action.type) {
+    case import_read_only_actions.ReadOnlyActionTypes.SET_IS_READ_ONLY:
+      return action.payload;
+    default:
+      return state;
+  }
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getInitialState,
+  getIsReadOnly,
+  reducer
+});
+//# sourceMappingURL=is-read-only.js.map

package/dist/cjs/state/modules/is-read-only.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/state/modules/is-read-only.ts"],"sourcesContent":["import { type Action, type UnknownAction, isKnownAction } from '../actions'\nimport { ReadOnlyActionTypes } from '../actions/internal/read-only-actions'\n\nexport type State = boolean\n\nexport function getInitialState(isReadOnly = true): State {\n  return isReadOnly\n}\n\nexport function getIsReadOnly(state: State): boolean {\n  return state\n}\n\nexport function reducer(state = getInitialState(), action: Action | UnknownAction): State {\n  if (!isKnownAction(action)) return state\n\n  switch (action.type) {\n    case ReadOnlyActionTypes.SET_IS_READ_ONLY:\n      return action.payload\n\n    default:\n      return state\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAA+D;AAC/D,+BAAoC;AAI7B,SAAS,gBAAgB,aAAa,MAAa;AACxD,SAAO;AACT;AAEO,SAAS,cAAc,OAAuB;AACnD,SAAO;AACT;AAEO,SAAS,QAAQ,QAAQ,gBAAgB,GAAG,QAAuC;AACxF,MAAI,KAAC,8BAAc,MAAM;AAAG,WAAO;AAEnC,UAAQ,OAAO,MAAM;AAAA,IACnB,KAAK,6CAAoB;AACvB,aAAO,OAAO;AAAA,IAEhB;AACE,aAAO;AAAA,EACX;AACF;","names":[]}

package/dist/cjs/state/modules/locale.js

@@ -0,0 +1,50 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var locale_exports = {};
+__export(locale_exports, {
+  getInitialState: () => getInitialState,
+  getLocale: () => getLocale,
+  reducer: () => reducer
+});
+module.exports = __toCommonJS(locale_exports);
+var import_actions = require("../actions");
+var import_read_only_actions = require("../actions/internal/read-only-actions");
+function getInitialState(locale = null) {
+  return locale;
+}
+function getLocale(state) {
+  return state;
+}
+function reducer(state = getInitialState(), action) {
+  if (!(0, import_actions.isKnownAction)(action))
+    return state;
+  switch (action.type) {
+    case import_read_only_actions.ReadOnlyActionTypes.SET_LOCALE:
+      return action.payload.locale;
+    default:
+      return state;
+  }
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getInitialState,
+  getLocale,
+  reducer
+});
+//# sourceMappingURL=locale.js.map

package/dist/cjs/state/modules/locale.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/state/modules/locale.ts"],"sourcesContent":["import { type Action, type UnknownAction, isKnownAction } from '../actions'\nimport { ReadOnlyActionTypes } from '../actions/internal/read-only-actions'\n\nexport type State = string | null\n\nexport function getInitialState(locale: string | null = null): State {\n  return locale\n}\n\nexport function getLocale(state: State): string | null {\n  return state\n}\n\nexport function reducer(state = getInitialState(), action: Action | UnknownAction): State {\n  if (!isKnownAction(action)) return state\n\n  switch (action.type) {\n    case ReadOnlyActionTypes.SET_LOCALE:\n      return action.payload.locale\n\n    default:\n      return state\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAA+D;AAC/D,+BAAoC;AAI7B,SAAS,gBAAgB,SAAwB,MAAa;AACnE,SAAO;AACT;AAEO,SAAS,UAAU,OAA6B;AACrD,SAAO;AACT;AAEO,SAAS,QAAQ,QAAQ,gBAAgB,GAAG,QAAuC;AACxF,MAAI,KAAC,8BAAc,MAAM;AAAG,WAAO;AAEnC,UAAQ,OAAO,MAAM;AAAA,IACnB,KAAK,6CAAoB;AACvB,aAAO,OAAO,QAAQ;AAAA,IAExB;AACE,aAAO;AAAA,EACX;AACF;","names":[]}