@makeswift/runtime 0.0.0-4d9a9dc → 0.0.0-602aed3

package/dist/box-models.cjs.js

@@ -18,157 +18,17 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var cssBoxModel = require("css-box-model");
 var actions = require("./actions.cjs.js");
-var isProduction = true;
-var prefix = "Invariant failed";
-function invariant(condition, message) {
-  if (condition) {
-    return;
-  }
-  if (isProduction) {
-    throw new Error(prefix);
-  }
-  var provided = typeof message === "function" ? message() : message;
-  var value = provided ? prefix + ": " + provided : prefix;
-  throw new Error(value);
-}
-var getRect = function getRect2(_ref) {
-  var top = _ref.top, right = _ref.right, bottom = _ref.bottom, left = _ref.left;
-  var width = right - left;
-  var height = bottom - top;
-  var rect = {
-    top,
-    right,
-    bottom,
-    left,
-    width,
-    height,
-    x: left,
-    y: top,
-    center: {
-      x: (right + left) / 2,
-      y: (bottom + top) / 2
-    }
-  };
-  return rect;
-};
-var expand = function expand2(target, expandBy) {
-  return {
-    top: target.top - expandBy.top,
-    left: target.left - expandBy.left,
-    bottom: target.bottom + expandBy.bottom,
-    right: target.right + expandBy.right
-  };
-};
-var shrink = function shrink2(target, shrinkBy) {
-  return {
-    top: target.top + shrinkBy.top,
-    left: target.left + shrinkBy.left,
-    bottom: target.bottom - shrinkBy.bottom,
-    right: target.right - shrinkBy.right
-  };
-};
-var shift = function shift2(target, shiftBy) {
-  return {
-    top: target.top + shiftBy.y,
-    left: target.left + shiftBy.x,
-    bottom: target.bottom + shiftBy.y,
-    right: target.right + shiftBy.x
-  };
-};
-var noSpacing = {
-  top: 0,
-  right: 0,
-  bottom: 0,
-  left: 0
-};
-var createBox$1 = function createBox2(_ref2) {
-  var borderBox = _ref2.borderBox, _ref2$margin = _ref2.margin, margin = _ref2$margin === void 0 ? noSpacing : _ref2$margin, _ref2$border = _ref2.border, border = _ref2$border === void 0 ? noSpacing : _ref2$border, _ref2$padding = _ref2.padding, padding = _ref2$padding === void 0 ? noSpacing : _ref2$padding;
-  var marginBox = getRect(expand(borderBox, margin));
-  var paddingBox = getRect(shrink(borderBox, border));
-  var contentBox = getRect(shrink(paddingBox, padding));
-  return {
-    marginBox,
-    borderBox: getRect(borderBox),
-    paddingBox,
-    contentBox,
-    margin,
-    border,
-    padding
-  };
-};
-var parse$1 = function parse2(raw) {
-  var value = raw.slice(0, -2);
-  var suffix = raw.slice(-2);
-  if (suffix !== "px") {
-    return 0;
-  }
-  var result = Number(value);
-  !!isNaN(result) ? invariant(false) : void 0;
-  return result;
-};
-var getWindowScroll = function getWindowScroll2() {
-  return {
-    x: window.pageXOffset,
-    y: window.pageYOffset
-  };
-};
-var offset = function offset2(original, change) {
-  var borderBox = original.borderBox, border = original.border, margin = original.margin, padding = original.padding;
-  var shifted = shift(borderBox, change);
-  return createBox$1({
-    borderBox: shifted,
-    border,
-    margin,
-    padding
-  });
-};
-var withScroll = function withScroll2(original, scroll) {
-  if (scroll === void 0) {
-    scroll = getWindowScroll();
-  }
-  return offset(original, scroll);
-};
-var calculateBox = function calculateBox2(borderBox, styles) {
-  var margin = {
-    top: parse$1(styles.marginTop),
-    right: parse$1(styles.marginRight),
-    bottom: parse$1(styles.marginBottom),
-    left: parse$1(styles.marginLeft)
-  };
-  var padding = {
-    top: parse$1(styles.paddingTop),
-    right: parse$1(styles.paddingRight),
-    bottom: parse$1(styles.paddingBottom),
-    left: parse$1(styles.paddingLeft)
-  };
-  var border = {
-    top: parse$1(styles.borderTopWidth),
-    right: parse$1(styles.borderRightWidth),
-    bottom: parse$1(styles.borderBottomWidth),
-    left: parse$1(styles.borderLeftWidth)
-  };
-  return createBox$1({
-    borderBox,
-    margin,
-    padding,
-    border
-  });
-};
-var getBox$1 = function getBox2(el) {
-  var borderBox = el.getBoundingClientRect();
-  var styles = window.getComputedStyle(el);
-  return calculateBox(borderBox, styles);
-};
 function parse(rawString) {
   const value = Number(rawString.replace(/px$/, ""));
   return Number.isFinite(value) ? value : 0;
 }
 function createBox(boxArgs) {
-  return withScroll(createBox$1(boxArgs));
+  return cssBoxModel.withScroll(cssBoxModel.createBox(boxArgs));
 }
 function getBox(element) {
-  return withScroll(getBox$1(element));
+  return cssBoxModel.withScroll(cssBoxModel.getBox(element));
 }
 function isMeasurable(value) {
   if (value instanceof Element)
@@ -192,31 +52,43 @@ function getMeasurables(state) {
 function getBoxModels(state) {
   return state.boxModels;
 }
-function getBoxModel(state, elementKey) {
-  var _a;
-  return (_a = getBoxModels(state).get(elementKey)) != null ? _a : null;
+function getBoxModel(state, documentKey, elementKey) {
+  var _a, _b;
+  return (_b = (_a = getBoxModels(state).get(documentKey)) == null ? void 0 : _a.get(elementKey)) != null ? _b : null;
 }
 function reducer(state = getInitialState(), action) {
+  var _a, _b;
   switch (action.type) {
-    case actions.ActionTypes.REGISTER_MEASURABLE:
+    case actions.ActionTypes.REGISTER_MEASURABLE: {
+      const { documentKey, elementKey, measurable } = action.payload;
       return __spreadProps(__spreadValues({}, state), {
-        measurables: new Map(getMeasurables(state)).set(action.payload.elementKey, action.payload.measurable)
+        measurables: new Map(state.measurables).set(documentKey, new Map((_a = state.measurables.get(documentKey)) != null ? _a : []).set(elementKey, measurable))
       });
+    }
     case actions.ActionTypes.UNREGISTER_MEASURABLE: {
-      const nextMeasurables = new Map(getMeasurables(state));
-      const deleted = nextMeasurables.delete(action.payload.elementKey);
-      return deleted ? __spreadProps(__spreadValues({}, state), { measurables: nextMeasurables }) : state;
+      const { documentKey, elementKey } = action.payload;
+      const nextMeasurables = new Map((_b = state.measurables.get(documentKey)) != null ? _b : []);
+      const deleted = nextMeasurables.delete(elementKey);
+      return deleted ? __spreadProps(__spreadValues({}, state), { measurables: new Map(state.measurables).set(documentKey, nextMeasurables) }) : state;
     }
     case actions.ActionTypes.CHANGE_ELEMENT_BOX_MODELS: {
       const { changedElementBoxModels } = action.payload;
       if (changedElementBoxModels.size === 0)
         return state;
-      const nextBoxModels = new Map(getBoxModels(state));
-      changedElementBoxModels.forEach((boxModel, elementKey) => {
-        if (boxModel == null)
-          nextBoxModels.delete(elementKey);
+      const nextBoxModels = new Map(state.boxModels);
+      changedElementBoxModels.forEach((changedBoxModels, documentKey) => {
+        var _a2;
+        const nextDocumentBoxModels = new Map((_a2 = nextBoxModels.get(documentKey)) != null ? _a2 : []);
+        changedBoxModels.forEach((changedBoxModel, elementKey) => {
+          if (changedBoxModel == null)
+            nextDocumentBoxModels.delete(elementKey);
+          else
+            nextDocumentBoxModels.set(elementKey, changedBoxModel);
+        });
+        if (nextDocumentBoxModels.size > 0)
+          nextBoxModels.set(documentKey, nextDocumentBoxModels);
         else
-          nextBoxModels.set(elementKey, boxModel);
+          nextBoxModels.delete(documentKey);
       });
       return __spreadProps(__spreadValues({}, state), { boxModels: nextBoxModels });
     }

package/dist/box-models.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"box-models.cjs.js","sources":["../../../node_modules/tiny-invariant/dist/tiny-invariant.esm.js","../../../node_modules/css-box-model/dist/css-box-model.esm.js","../src/state/modules/box-models.ts"],"sourcesContent":["var isProduction = process.env.NODE_ENV === 'production';\nvar prefix = 'Invariant failed';\nfunction invariant(condition, message) {\n    if (condition) {\n        return;\n    }\n    if (isProduction) {\n        throw new Error(prefix);\n    }\n    var provided = typeof message === 'function' ? message() : message;\n    var value = provided ? prefix + \": \" + provided : prefix;\n    throw new Error(value);\n}\n\nexport { invariant as default };\n","import invariant from 'tiny-invariant';\n\nvar getRect = function getRect(_ref) {\n  var top = _ref.top,\n      right = _ref.right,\n      bottom = _ref.bottom,\n      left = _ref.left;\n  var width = right - left;\n  var height = bottom - top;\n  var rect = {\n    top: top,\n    right: right,\n    bottom: bottom,\n    left: left,\n    width: width,\n    height: height,\n    x: left,\n    y: top,\n    center: {\n      x: (right + left) / 2,\n      y: (bottom + top) / 2\n    }\n  };\n  return rect;\n};\nvar expand = function expand(target, expandBy) {\n  return {\n    top: target.top - expandBy.top,\n    left: target.left - expandBy.left,\n    bottom: target.bottom + expandBy.bottom,\n    right: target.right + expandBy.right\n  };\n};\nvar shrink = function shrink(target, shrinkBy) {\n  return {\n    top: target.top + shrinkBy.top,\n    left: target.left + shrinkBy.left,\n    bottom: target.bottom - shrinkBy.bottom,\n    right: target.right - shrinkBy.right\n  };\n};\n\nvar shift = function shift(target, shiftBy) {\n  return {\n    top: target.top + shiftBy.y,\n    left: target.left + shiftBy.x,\n    bottom: target.bottom + shiftBy.y,\n    right: target.right + shiftBy.x\n  };\n};\n\nvar noSpacing = {\n  top: 0,\n  right: 0,\n  bottom: 0,\n  left: 0\n};\nvar createBox = function createBox(_ref2) {\n  var borderBox = _ref2.borderBox,\n      _ref2$margin = _ref2.margin,\n      margin = _ref2$margin === void 0 ? noSpacing : _ref2$margin,\n      _ref2$border = _ref2.border,\n      border = _ref2$border === void 0 ? noSpacing : _ref2$border,\n      _ref2$padding = _ref2.padding,\n      padding = _ref2$padding === void 0 ? noSpacing : _ref2$padding;\n  var marginBox = getRect(expand(borderBox, margin));\n  var paddingBox = getRect(shrink(borderBox, border));\n  var contentBox = getRect(shrink(paddingBox, padding));\n  return {\n    marginBox: marginBox,\n    borderBox: getRect(borderBox),\n    paddingBox: paddingBox,\n    contentBox: contentBox,\n    margin: margin,\n    border: border,\n    padding: padding\n  };\n};\n\nvar parse = function parse(raw) {\n  var value = raw.slice(0, -2);\n  var suffix = raw.slice(-2);\n\n  if (suffix !== 'px') {\n    return 0;\n  }\n\n  var result = Number(value);\n  !!isNaN(result) ? process.env.NODE_ENV !== \"production\" ? invariant(false, \"Could not parse value [raw: \" + raw + \", without suffix: \" + value + \"]\") : invariant(false) : void 0;\n  return result;\n};\n\nvar getWindowScroll = function getWindowScroll() {\n  return {\n    x: window.pageXOffset,\n    y: window.pageYOffset\n  };\n};\n\nvar offset = function offset(original, change) {\n  var borderBox = original.borderBox,\n      border = original.border,\n      margin = original.margin,\n      padding = original.padding;\n  var shifted = shift(borderBox, change);\n  return createBox({\n    borderBox: shifted,\n    border: border,\n    margin: margin,\n    padding: padding\n  });\n};\nvar withScroll = function withScroll(original, scroll) {\n  if (scroll === void 0) {\n    scroll = getWindowScroll();\n  }\n\n  return offset(original, scroll);\n};\nvar calculateBox = function calculateBox(borderBox, styles) {\n  var margin = {\n    top: parse(styles.marginTop),\n    right: parse(styles.marginRight),\n    bottom: parse(styles.marginBottom),\n    left: parse(styles.marginLeft)\n  };\n  var padding = {\n    top: parse(styles.paddingTop),\n    right: parse(styles.paddingRight),\n    bottom: parse(styles.paddingBottom),\n    left: parse(styles.paddingLeft)\n  };\n  var border = {\n    top: parse(styles.borderTopWidth),\n    right: parse(styles.borderRightWidth),\n    bottom: parse(styles.borderBottomWidth),\n    left: parse(styles.borderLeftWidth)\n  };\n  return createBox({\n    borderBox: borderBox,\n    margin: margin,\n    padding: padding,\n    border: border\n  });\n};\nvar getBox = function getBox(el) {\n  var borderBox = el.getBoundingClientRect();\n  var styles = window.getComputedStyle(el);\n  return calculateBox(borderBox, styles);\n};\n\nexport { calculateBox, createBox, expand, getBox, getRect, offset, shrink, withScroll };\n","import {\n  BoxModel,\n  createBox as createBoxWithoutScroll,\n  CreateBoxArgs,\n  getBox as getBoxWithoutScroll,\n  withScroll,\n} from 'css-box-model'\n\nimport { Action, ActionTypes } from '../actions'\n\nexport type { BoxModel }\n\nexport function parse(rawString: string): number {\n  const value = Number(rawString.replace(/px$/, ''))\n\n  return Number.isFinite(value) ? value : 0\n}\n\nexport function createBox(boxArgs: CreateBoxArgs): BoxModel {\n  return withScroll(createBoxWithoutScroll(boxArgs))\n}\n\nexport function getBox(element: Element): BoxModel {\n  return withScroll(getBoxWithoutScroll(element))\n}\n\nexport interface BoxModelHandle {\n  getBoxModel(): BoxModel | null\n}\n\nexport type Measurable = Element | BoxModelHandle\n\nexport function isMeasurable(value: unknown): value is Measurable {\n  if (value instanceof Element) return true\n\n  if (\n    typeof value === 'object' &&\n    value !== null &&\n    'getBoxModel' in value &&\n    typeof (value as { getBoxModel: unknown }).getBoxModel === 'function'\n  ) {\n    return true\n  }\n\n  return false\n}\n\nexport function measure(measurable: Measurable): BoxModel | null {\n  if (measurable instanceof Element) return getBox(measurable)\n\n  return measurable.getBoxModel()\n}\n\nexport type State = {\n  measurables: Map<string, Measurable>\n  boxModels: Map<string, BoxModel>\n}\n\nexport function getInitialState(): State {\n  return { measurables: new Map(), boxModels: new Map() }\n}\n\nexport function getMeasurables(state: State): Map<string, Measurable> {\n  return state.measurables\n}\n\nexport function getBoxModels(state: State): Map<string, BoxModel> {\n  return state.boxModels\n}\n\nexport function getBoxModel(state: State, elementKey: string): BoxModel | null {\n  return getBoxModels(state).get(elementKey) ?? null\n}\n\nexport function reducer(state: State = getInitialState(), action: Action) {\n  switch (action.type) {\n    case ActionTypes.REGISTER_MEASURABLE:\n      return {\n        ...state,\n        measurables: new Map(getMeasurables(state)).set(\n          action.payload.elementKey,\n          action.payload.measurable,\n        ),\n      }\n\n    case ActionTypes.UNREGISTER_MEASURABLE: {\n      const nextMeasurables = new Map(getMeasurables(state))\n\n      const deleted = nextMeasurables.delete(action.payload.elementKey)\n\n      return deleted ? { ...state, measurables: nextMeasurables } : state\n    }\n\n    case ActionTypes.CHANGE_ELEMENT_BOX_MODELS: {\n      const { changedElementBoxModels } = action.payload\n\n      if (changedElementBoxModels.size === 0) return state\n\n      const nextBoxModels = new Map(getBoxModels(state))\n\n      changedElementBoxModels.forEach((boxModel, elementKey) => {\n        if (boxModel == null) nextBoxModels.delete(elementKey)\n        else nextBoxModels.set(elementKey, boxModel)\n      })\n\n      return { ...state, boxModels: nextBoxModels }\n    }\n\n    default:\n      return state\n  }\n}\n"],"names":["createBox","parse","getBox","createBoxWithoutScroll","getBoxWithoutScroll","ActionTypes"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAI,eAAe;AACnB,IAAI,SAAS;AACb,mBAAmB,WAAW,SAAS;AACnC,MAAI,WAAW;AACX;AAAA;AAEJ,MAAI,cAAc;AACd,UAAM,IAAI,MAAM;AAAA;AAEpB,MAAI,WAAW,OAAO,YAAY,aAAa,YAAY;AAC3D,MAAI,QAAQ,WAAW,SAAS,OAAO,WAAW;AAClD,QAAM,IAAI,MAAM;AAAA;ACTpB,IAAI,UAAU,kBAAiB,MAAM;AACnC,MAAI,MAAM,KAAK,KACX,QAAQ,KAAK,OACb,SAAS,KAAK,QACd,OAAO,KAAK;AAChB,MAAI,QAAQ,QAAQ;AACpB,MAAI,SAAS,SAAS;AACtB,MAAI,OAAO;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,IACH,GAAG;AAAA,IACH,QAAQ;AAAA,MACN,GAAI,SAAQ,QAAQ;AAAA,MACpB,GAAI,UAAS,OAAO;AAAA;AAAA;AAGxB,SAAO;AAAA;AAET,IAAI,SAAS,iBAAgB,QAAQ,UAAU;AAC7C,SAAO;AAAA,IACL,KAAK,OAAO,MAAM,SAAS;AAAA,IAC3B,MAAM,OAAO,OAAO,SAAS;AAAA,IAC7B,QAAQ,OAAO,SAAS,SAAS;AAAA,IACjC,OAAO,OAAO,QAAQ,SAAS;AAAA;AAAA;AAGnC,IAAI,SAAS,iBAAgB,QAAQ,UAAU;AAC7C,SAAO;AAAA,IACL,KAAK,OAAO,MAAM,SAAS;AAAA,IAC3B,MAAM,OAAO,OAAO,SAAS;AAAA,IAC7B,QAAQ,OAAO,SAAS,SAAS;AAAA,IACjC,OAAO,OAAO,QAAQ,SAAS;AAAA;AAAA;AAInC,IAAI,QAAQ,gBAAe,QAAQ,SAAS;AAC1C,SAAO;AAAA,IACL,KAAK,OAAO,MAAM,QAAQ;AAAA,IAC1B,MAAM,OAAO,OAAO,QAAQ;AAAA,IAC5B,QAAQ,OAAO,SAAS,QAAQ;AAAA,IAChC,OAAO,OAAO,QAAQ,QAAQ;AAAA;AAAA;AAIlC,IAAI,YAAY;AAAA,EACd,KAAK;AAAA,EACL,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,MAAM;AAAA;AAER,IAAIA,cAAY,oBAAmB,OAAO;AACxC,MAAI,YAAY,MAAM,WAClB,eAAe,MAAM,QACrB,SAAS,iBAAiB,SAAS,YAAY,cAC/C,eAAe,MAAM,QACrB,SAAS,iBAAiB,SAAS,YAAY,cAC/C,gBAAgB,MAAM,SACtB,UAAU,kBAAkB,SAAS,YAAY;AACrD,MAAI,YAAY,QAAQ,OAAO,WAAW;AAC1C,MAAI,aAAa,QAAQ,OAAO,WAAW;AAC3C,MAAI,aAAa,QAAQ,OAAO,YAAY;AAC5C,SAAO;AAAA,IACL;AAAA,IACA,WAAW,QAAQ;AAAA,IACnB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;AAIJ,IAAIC,UAAQ,gBAAe,KAAK;AAC9B,MAAI,QAAQ,IAAI,MAAM,GAAG;AACzB,MAAI,SAAS,IAAI,MAAM;AAEvB,MAAI,WAAW,MAAM;AACnB,WAAO;AAAA;AAGT,MAAI,SAAS,OAAO;AACpB,GAAC,CAAC,MAAM,UAAgJ,UAAU,SAAS;AAC3K,SAAO;AAAA;AAGT,IAAI,kBAAkB,4BAA2B;AAC/C,SAAO;AAAA,IACL,GAAG,OAAO;AAAA,IACV,GAAG,OAAO;AAAA;AAAA;AAId,IAAI,SAAS,iBAAgB,UAAU,QAAQ;AAC7C,MAAI,YAAY,SAAS,WACrB,SAAS,SAAS,QAClB,SAAS,SAAS,QAClB,UAAU,SAAS;AACvB,MAAI,UAAU,MAAM,WAAW;AAC/B,SAAOD,YAAU;AAAA,IACf,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA;AAAA;AAGJ,IAAI,aAAa,qBAAoB,UAAU,QAAQ;AACrD,MAAI,WAAW,QAAQ;AACrB,aAAS;AAAA;AAGX,SAAO,OAAO,UAAU;AAAA;AAE1B,IAAI,eAAe,uBAAsB,WAAW,QAAQ;AAC1D,MAAI,SAAS;AAAA,IACX,KAAKC,QAAM,OAAO;AAAA,IAClB,OAAOA,QAAM,OAAO;AAAA,IACpB,QAAQA,QAAM,OAAO;AAAA,IACrB,MAAMA,QAAM,OAAO;AAAA;AAErB,MAAI,UAAU;AAAA,IACZ,KAAKA,QAAM,OAAO;AAAA,IAClB,OAAOA,QAAM,OAAO;AAAA,IACpB,QAAQA,QAAM,OAAO;AAAA,IACrB,MAAMA,QAAM,OAAO;AAAA;AAErB,MAAI,SAAS;AAAA,IACX,KAAKA,QAAM,OAAO;AAAA,IAClB,OAAOA,QAAM,OAAO;AAAA,IACpB,QAAQA,QAAM,OAAO;AAAA,IACrB,MAAMA,QAAM,OAAO;AAAA;AAErB,SAAOD,YAAU;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;AAGJ,IAAIE,WAAS,iBAAgB,IAAI;AAC/B,MAAI,YAAY,GAAG;AACnB,MAAI,SAAS,OAAO,iBAAiB;AACrC,SAAO,aAAa,WAAW;AAAA;eCxIX,WAA2B;QACzC,QAAQ,OAAO,UAAU,QAAQ,OAAO;SAEvC,OAAO,SAAS,SAAS,QAAQ;AAAA;mBAGhB,SAAkC;SACnD,WAAWC,YAAuB;AAAA;gBAGpB,SAA4B;SAC1C,WAAWC,SAAoB;AAAA;sBASX,OAAqC;MAC5D,iBAAiB;WAAgB;MAGnC,OAAO,UAAU,YACjB,UAAU,QACV,iBAAiB,SACjB,OAAQ,MAAmC,gBAAgB,YAC3D;WACO;AAAA;SAGF;AAAA;iBAGe,YAAyC;MAC3D,sBAAsB;WAAgB,OAAO;SAE1C,WAAW;AAAA;2BAQqB;SAChC,EAAE,iCAAiB,OAAO,+BAAe;AAAA;wBAGnB,OAAuC;SAC7D,MAAM;AAAA;sBAGc,OAAqC;SACzD,MAAM;AAAA;qBAGa,OAAc,YAAqC;;SACtE,mBAAa,OAAO,IAAI,gBAAxB,YAAuC;AAAA;iBAGxB,QAAe,mBAAmB,QAAgB;UAChE,OAAO;AAAA,SACRC,oBAAY;aACR,iCACF,QADE;AAAA,QAEL,aAAa,IAAI,IAAI,eAAe,QAAQ,IAC1C,OAAO,QAAQ,YACf,OAAO,QAAQ;AAAA;AAAA,SAIhBA,oBAAY,uBAAuB;YAChC,kBAAkB,IAAI,IAAI,eAAe;YAEzC,UAAU,gBAAgB,OAAO,OAAO,QAAQ;aAE/C,UAAU,iCAAK,QAAL,EAAY,aAAa,qBAAoB;AAAA;AAAA,SAG3DA,oBAAY,2BAA2B;YACpC,EAAE,4BAA4B,OAAO;UAEvC,wBAAwB,SAAS;eAAU;YAEzC,gBAAgB,IAAI,IAAI,aAAa;8BAEnB,QAAQ,CAAC,UAAU,eAAe;YACpD,YAAY;wBAAoB,OAAO;AAAA;wBACxB,IAAI,YAAY;AAAA;aAG9B,iCAAK,QAAL,EAAY,WAAW;AAAA;AAAA;aAIvB;AAAA;AAAA;;;;;;;;;;"}
+{"version":3,"file":"box-models.cjs.js","sources":["../src/state/modules/box-models.ts"],"sourcesContent":["import {\n  BoxModel,\n  createBox as createBoxWithoutScroll,\n  CreateBoxArgs,\n  getBox as getBoxWithoutScroll,\n  withScroll,\n} from 'css-box-model'\n\nimport { Action, ActionTypes } from '../actions'\n\nexport type { BoxModel }\n\nexport function parse(rawString: string): number {\n  const value = Number(rawString.replace(/px$/, ''))\n\n  return Number.isFinite(value) ? value : 0\n}\n\nexport function createBox(boxArgs: CreateBoxArgs): BoxModel {\n  return withScroll(createBoxWithoutScroll(boxArgs))\n}\n\nexport function getBox(element: Element): BoxModel {\n  return withScroll(getBoxWithoutScroll(element))\n}\n\nexport interface BoxModelHandle {\n  getBoxModel(): BoxModel | null\n}\n\nexport type Measurable = Element | BoxModelHandle\n\nexport function isMeasurable(value: unknown): value is Measurable {\n  if (value instanceof Element) return true\n\n  if (\n    typeof value === 'object' &&\n    value !== null &&\n    'getBoxModel' in value &&\n    typeof (value as { getBoxModel: unknown }).getBoxModel === 'function'\n  ) {\n    return true\n  }\n\n  return false\n}\n\nexport function measure(measurable: Measurable): BoxModel | null {\n  if (measurable instanceof Element) return getBox(measurable)\n\n  return measurable.getBoxModel()\n}\n\nexport type State = {\n  measurables: Map<string, Map<string, Measurable>>\n  boxModels: Map<string, Map<string, BoxModel>>\n}\n\nexport function getInitialState(): State {\n  return { measurables: new Map(), boxModels: new Map() }\n}\n\nexport function getMeasurables(state: State): Map<string, Map<string, Measurable>> {\n  return state.measurables\n}\n\nexport function getBoxModels(state: State): Map<string, Map<string, BoxModel>> {\n  return state.boxModels\n}\n\nexport function getBoxModel(\n  state: State,\n  documentKey: string,\n  elementKey: string,\n): BoxModel | null {\n  return getBoxModels(state).get(documentKey)?.get(elementKey) ?? null\n}\n\nexport function reducer(state: State = getInitialState(), action: Action) {\n  switch (action.type) {\n    case ActionTypes.REGISTER_MEASURABLE: {\n      const { documentKey, elementKey, measurable } = action.payload\n\n      return {\n        ...state,\n        measurables: new Map(state.measurables).set(\n          documentKey,\n          new Map(state.measurables.get(documentKey) ?? []).set(elementKey, measurable),\n        ),\n      }\n    }\n\n    case ActionTypes.UNREGISTER_MEASURABLE: {\n      const { documentKey, elementKey } = action.payload\n      const nextMeasurables = new Map(state.measurables.get(documentKey) ?? [])\n\n      const deleted = nextMeasurables.delete(elementKey)\n\n      return deleted\n        ? { ...state, measurables: new Map(state.measurables).set(documentKey, nextMeasurables) }\n        : state\n    }\n\n    case ActionTypes.CHANGE_ELEMENT_BOX_MODELS: {\n      const { changedElementBoxModels } = action.payload\n\n      if (changedElementBoxModels.size === 0) return state\n\n      const nextBoxModels = new Map(state.boxModels)\n\n      changedElementBoxModels.forEach((changedBoxModels, documentKey) => {\n        const nextDocumentBoxModels = new Map(nextBoxModels.get(documentKey) ?? [])\n\n        changedBoxModels.forEach((changedBoxModel, elementKey) => {\n          if (changedBoxModel == null) nextDocumentBoxModels.delete(elementKey)\n          else nextDocumentBoxModels.set(elementKey, changedBoxModel)\n        })\n\n        if (nextDocumentBoxModels.size > 0) nextBoxModels.set(documentKey, nextDocumentBoxModels)\n        else nextBoxModels.delete(documentKey)\n      })\n\n      return { ...state, boxModels: nextBoxModels }\n    }\n\n    default:\n      return state\n  }\n}\n"],"names":["withScroll","createBoxWithoutScroll","getBoxWithoutScroll","ActionTypes"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAYO,eAAe,WAA2B;AAC/C,QAAM,QAAQ,OAAO,UAAU,QAAQ,OAAO,EAAE,CAAC;AAEjD,SAAO,OAAO,SAAS,KAAK,IAAI,QAAQ;AAC1C;AAEO,mBAAmB,SAAkC;AACnD,SAAAA,uBAAWC,YAAAA,UAAuB,OAAO,CAAC;AACnD;AAEO,gBAAgB,SAA4B;AAC1C,SAAAD,uBAAWE,YAAAA,OAAoB,OAAO,CAAC;AAChD;AAQO,sBAAsB,OAAqC;AAChE,MAAI,iBAAiB;AAAgB,WAAA;AAGnC,MAAA,OAAO,UAAU,YACjB,UAAU,QACV,iBAAiB,SACjB,OAAQ,MAAmC,gBAAgB,YAC3D;AACO,WAAA;AAAA,EACT;AAEO,SAAA;AACT;AAEO,iBAAiB,YAAyC;AAC/D,MAAI,sBAAsB;AAAS,WAAO,OAAO,UAAU;AAE3D,SAAO,WAAW;AACpB;AAOyC,2BAAA;AAChC,SAAA,EAAE,aAAiB,oBAAA,IAAA,GAAO,WAAW,oBAAI;AAClD;AAEO,wBAAwB,OAAoD;AACjF,SAAO,MAAM;AACf;AAEO,sBAAsB,OAAkD;AAC7E,SAAO,MAAM;AACf;AAGE,qBAAA,OACA,aACA,YACiB;;AACV,SAAA,yBAAa,KAAK,EAAE,IAAI,WAAW,MAAnC,mBAAsC,IAAI,gBAA1C,YAAyD;AAClE;AAEwB,iBAAA,QAAe,gBAAgB,GAAG,QAAgB;;AACxE,UAAQ,OAAO;AAAA,SACRC,QAAAA,YAAY,qBAAqB;AACpC,YAAM,EAAE,aAAa,YAAY,eAAe,OAAO;AAEhD,aAAA,iCACF,QADE;AAAA,QAEL,aAAa,IAAI,IAAI,MAAM,WAAW,EAAE,IACtC,aACA,IAAI,IAAI,YAAM,YAAY,IAAI,WAAW,MAAjC,YAAsC,CAAA,CAAE,EAAE,IAAI,YAAY,UAAU,CAC9E;AAAA,MAAA;AAAA,IAEJ;AAAA,SAEKA,QAAAA,YAAY,uBAAuB;AAChC,YAAA,EAAE,aAAa,eAAe,OAAO;AACrC,YAAA,kBAAkB,IAAI,IAAI,YAAM,YAAY,IAAI,WAAW,MAAjC,YAAsC,CAAA,CAAE;AAElE,YAAA,UAAU,gBAAgB,OAAO,UAAU;AAEjD,aAAO,UACH,iCAAK,QAAL,EAAY,aAAa,IAAI,IAAI,MAAM,WAAW,EAAE,IAAI,aAAa,eAAe,OACpF;AAAA,IACN;AAAA,SAEKA,QAAAA,YAAY,2BAA2B;AACpC,YAAA,EAAE,4BAA4B,OAAO;AAE3C,UAAI,wBAAwB,SAAS;AAAU,eAAA;AAE/C,YAAM,gBAAgB,IAAI,IAAI,MAAM,SAAS;AAErB,8BAAA,QAAQ,CAAC,kBAAkB,gBAAgB;;AAC3D,cAAA,wBAAwB,IAAI,IAAI,qBAAc,IAAI,WAAW,MAA7B,aAAkC,CAAA,CAAE;AAEzD,yBAAA,QAAQ,CAAC,iBAAiB,eAAe;AACxD,cAAI,mBAAmB;AAAM,kCAAsB,OAAO,UAAU;AAAA;AACzC,kCAAA,IAAI,YAAY,eAAe;AAAA,QAAA,CAC3D;AAED,YAAI,sBAAsB,OAAO;AAAiB,wBAAA,IAAI,aAAa,qBAAqB;AAAA;AACnF,wBAAc,OAAO,WAAW;AAAA,MAAA,CACtC;AAEM,aAAA,iCAAK,QAAL,EAAY,WAAW,cAAc;AAAA,IAC9C;AAAA;AAGS,aAAA;AAAA;AAEb;;;;;;;;;;"}

package/dist/box-models.es.js

@@ -17,156 +17,16 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { withScroll, createBox as createBox$1, getBox as getBox$1 } from "css-box-model";
 import { A as ActionTypes } from "./actions.es.js";
-var isProduction = true;
-var prefix = "Invariant failed";
-function invariant(condition, message) {
-  if (condition) {
-    return;
-  }
-  if (isProduction) {
-    throw new Error(prefix);
-  }
-  var provided = typeof message === "function" ? message() : message;
-  var value = provided ? prefix + ": " + provided : prefix;
-  throw new Error(value);
-}
-var getRect = function getRect2(_ref) {
-  var top = _ref.top, right = _ref.right, bottom = _ref.bottom, left = _ref.left;
-  var width = right - left;
-  var height = bottom - top;
-  var rect = {
-    top,
-    right,
-    bottom,
-    left,
-    width,
-    height,
-    x: left,
-    y: top,
-    center: {
-      x: (right + left) / 2,
-      y: (bottom + top) / 2
-    }
-  };
-  return rect;
-};
-var expand = function expand2(target, expandBy) {
-  return {
-    top: target.top - expandBy.top,
-    left: target.left - expandBy.left,
-    bottom: target.bottom + expandBy.bottom,
-    right: target.right + expandBy.right
-  };
-};
-var shrink = function shrink2(target, shrinkBy) {
-  return {
-    top: target.top + shrinkBy.top,
-    left: target.left + shrinkBy.left,
-    bottom: target.bottom - shrinkBy.bottom,
-    right: target.right - shrinkBy.right
-  };
-};
-var shift = function shift2(target, shiftBy) {
-  return {
-    top: target.top + shiftBy.y,
-    left: target.left + shiftBy.x,
-    bottom: target.bottom + shiftBy.y,
-    right: target.right + shiftBy.x
-  };
-};
-var noSpacing = {
-  top: 0,
-  right: 0,
-  bottom: 0,
-  left: 0
-};
-var createBox$1 = function createBox(_ref2) {
-  var borderBox = _ref2.borderBox, _ref2$margin = _ref2.margin, margin = _ref2$margin === void 0 ? noSpacing : _ref2$margin, _ref2$border = _ref2.border, border = _ref2$border === void 0 ? noSpacing : _ref2$border, _ref2$padding = _ref2.padding, padding = _ref2$padding === void 0 ? noSpacing : _ref2$padding;
-  var marginBox = getRect(expand(borderBox, margin));
-  var paddingBox = getRect(shrink(borderBox, border));
-  var contentBox = getRect(shrink(paddingBox, padding));
-  return {
-    marginBox,
-    borderBox: getRect(borderBox),
-    paddingBox,
-    contentBox,
-    margin,
-    border,
-    padding
-  };
-};
-var parse$1 = function parse(raw) {
-  var value = raw.slice(0, -2);
-  var suffix = raw.slice(-2);
-  if (suffix !== "px") {
-    return 0;
-  }
-  var result = Number(value);
-  !!isNaN(result) ? invariant(false) : void 0;
-  return result;
-};
-var getWindowScroll = function getWindowScroll2() {
-  return {
-    x: window.pageXOffset,
-    y: window.pageYOffset
-  };
-};
-var offset = function offset2(original, change) {
-  var borderBox = original.borderBox, border = original.border, margin = original.margin, padding = original.padding;
-  var shifted = shift(borderBox, change);
-  return createBox$1({
-    borderBox: shifted,
-    border,
-    margin,
-    padding
-  });
-};
-var withScroll = function withScroll2(original, scroll) {
-  if (scroll === void 0) {
-    scroll = getWindowScroll();
-  }
-  return offset(original, scroll);
-};
-var calculateBox = function calculateBox2(borderBox, styles) {
-  var margin = {
-    top: parse$1(styles.marginTop),
-    right: parse$1(styles.marginRight),
-    bottom: parse$1(styles.marginBottom),
-    left: parse$1(styles.marginLeft)
-  };
-  var padding = {
-    top: parse$1(styles.paddingTop),
-    right: parse$1(styles.paddingRight),
-    bottom: parse$1(styles.paddingBottom),
-    left: parse$1(styles.paddingLeft)
-  };
-  var border = {
-    top: parse$1(styles.borderTopWidth),
-    right: parse$1(styles.borderRightWidth),
-    bottom: parse$1(styles.borderBottomWidth),
-    left: parse$1(styles.borderLeftWidth)
-  };
-  return createBox$1({
-    borderBox,
-    margin,
-    padding,
-    border
-  });
-};
-var getBox$1 = function getBox(el) {
-  var borderBox = el.getBoundingClientRect();
-  var styles = window.getComputedStyle(el);
-  return calculateBox(borderBox, styles);
-};
-function parse2(rawString) {
+function parse(rawString) {
   const value = Number(rawString.replace(/px$/, ""));
   return Number.isFinite(value) ? value : 0;
 }
-function createBox2(boxArgs) {
+function createBox(boxArgs) {
   return withScroll(createBox$1(boxArgs));
 }
-function getBox2(element) {
+function getBox(element) {
   return withScroll(getBox$1(element));
 }
 function isMeasurable(value) {
@@ -179,7 +39,7 @@ function isMeasurable(value) {
 }
 function measure(measurable) {
   if (measurable instanceof Element)
-    return getBox2(measurable);
+    return getBox(measurable);
   return measurable.getBoxModel();
 }
 function getInitialState() {
@@ -191,31 +51,43 @@ function getMeasurables(state) {
 function getBoxModels(state) {
   return state.boxModels;
 }
-function getBoxModel(state, elementKey) {
-  var _a;
-  return (_a = getBoxModels(state).get(elementKey)) != null ? _a : null;
+function getBoxModel(state, documentKey, elementKey) {
+  var _a, _b;
+  return (_b = (_a = getBoxModels(state).get(documentKey)) == null ? void 0 : _a.get(elementKey)) != null ? _b : null;
 }
 function reducer(state = getInitialState(), action) {
+  var _a, _b;
   switch (action.type) {
-    case ActionTypes.REGISTER_MEASURABLE:
+    case ActionTypes.REGISTER_MEASURABLE: {
+      const { documentKey, elementKey, measurable } = action.payload;
       return __spreadProps(__spreadValues({}, state), {
-        measurables: new Map(getMeasurables(state)).set(action.payload.elementKey, action.payload.measurable)
+        measurables: new Map(state.measurables).set(documentKey, new Map((_a = state.measurables.get(documentKey)) != null ? _a : []).set(elementKey, measurable))
       });
+    }
     case ActionTypes.UNREGISTER_MEASURABLE: {
-      const nextMeasurables = new Map(getMeasurables(state));
-      const deleted = nextMeasurables.delete(action.payload.elementKey);
-      return deleted ? __spreadProps(__spreadValues({}, state), { measurables: nextMeasurables }) : state;
+      const { documentKey, elementKey } = action.payload;
+      const nextMeasurables = new Map((_b = state.measurables.get(documentKey)) != null ? _b : []);
+      const deleted = nextMeasurables.delete(elementKey);
+      return deleted ? __spreadProps(__spreadValues({}, state), { measurables: new Map(state.measurables).set(documentKey, nextMeasurables) }) : state;
     }
     case ActionTypes.CHANGE_ELEMENT_BOX_MODELS: {
       const { changedElementBoxModels } = action.payload;
       if (changedElementBoxModels.size === 0)
         return state;
-      const nextBoxModels = new Map(getBoxModels(state));
-      changedElementBoxModels.forEach((boxModel, elementKey) => {
-        if (boxModel == null)
-          nextBoxModels.delete(elementKey);
+      const nextBoxModels = new Map(state.boxModels);
+      changedElementBoxModels.forEach((changedBoxModels, documentKey) => {
+        var _a2;
+        const nextDocumentBoxModels = new Map((_a2 = nextBoxModels.get(documentKey)) != null ? _a2 : []);
+        changedBoxModels.forEach((changedBoxModel, elementKey) => {
+          if (changedBoxModel == null)
+            nextDocumentBoxModels.delete(elementKey);
+          else
+            nextDocumentBoxModels.set(elementKey, changedBoxModel);
+        });
+        if (nextDocumentBoxModels.size > 0)
+          nextBoxModels.set(documentKey, nextDocumentBoxModels);
         else
-          nextBoxModels.set(elementKey, boxModel);
+          nextBoxModels.delete(documentKey);
       });
       return __spreadProps(__spreadValues({}, state), { boxModels: nextBoxModels });
     }
@@ -223,5 +95,5 @@ function reducer(state = getInitialState(), action) {
       return state;
   }
 }
-export { getMeasurables as a, getBoxModels as b, createBox2 as c, getBoxModel as d, getBox2 as g, isMeasurable as i, measure as m, parse2 as p, reducer as r };
+export { getMeasurables as a, getBoxModels as b, createBox as c, getBoxModel as d, getBox as g, isMeasurable as i, measure as m, parse as p, reducer as r };
 //# sourceMappingURL=box-models.es.js.map

package/dist/box-models.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"box-models.es.js","sources":["../../../node_modules/tiny-invariant/dist/tiny-invariant.esm.js","../../../node_modules/css-box-model/dist/css-box-model.esm.js","../src/state/modules/box-models.ts"],"sourcesContent":["var isProduction = process.env.NODE_ENV === 'production';\nvar prefix = 'Invariant failed';\nfunction invariant(condition, message) {\n    if (condition) {\n        return;\n    }\n    if (isProduction) {\n        throw new Error(prefix);\n    }\n    var provided = typeof message === 'function' ? message() : message;\n    var value = provided ? prefix + \": \" + provided : prefix;\n    throw new Error(value);\n}\n\nexport { invariant as default };\n","import invariant from 'tiny-invariant';\n\nvar getRect = function getRect(_ref) {\n  var top = _ref.top,\n      right = _ref.right,\n      bottom = _ref.bottom,\n      left = _ref.left;\n  var width = right - left;\n  var height = bottom - top;\n  var rect = {\n    top: top,\n    right: right,\n    bottom: bottom,\n    left: left,\n    width: width,\n    height: height,\n    x: left,\n    y: top,\n    center: {\n      x: (right + left) / 2,\n      y: (bottom + top) / 2\n    }\n  };\n  return rect;\n};\nvar expand = function expand(target, expandBy) {\n  return {\n    top: target.top - expandBy.top,\n    left: target.left - expandBy.left,\n    bottom: target.bottom + expandBy.bottom,\n    right: target.right + expandBy.right\n  };\n};\nvar shrink = function shrink(target, shrinkBy) {\n  return {\n    top: target.top + shrinkBy.top,\n    left: target.left + shrinkBy.left,\n    bottom: target.bottom - shrinkBy.bottom,\n    right: target.right - shrinkBy.right\n  };\n};\n\nvar shift = function shift(target, shiftBy) {\n  return {\n    top: target.top + shiftBy.y,\n    left: target.left + shiftBy.x,\n    bottom: target.bottom + shiftBy.y,\n    right: target.right + shiftBy.x\n  };\n};\n\nvar noSpacing = {\n  top: 0,\n  right: 0,\n  bottom: 0,\n  left: 0\n};\nvar createBox = function createBox(_ref2) {\n  var borderBox = _ref2.borderBox,\n      _ref2$margin = _ref2.margin,\n      margin = _ref2$margin === void 0 ? noSpacing : _ref2$margin,\n      _ref2$border = _ref2.border,\n      border = _ref2$border === void 0 ? noSpacing : _ref2$border,\n      _ref2$padding = _ref2.padding,\n      padding = _ref2$padding === void 0 ? noSpacing : _ref2$padding;\n  var marginBox = getRect(expand(borderBox, margin));\n  var paddingBox = getRect(shrink(borderBox, border));\n  var contentBox = getRect(shrink(paddingBox, padding));\n  return {\n    marginBox: marginBox,\n    borderBox: getRect(borderBox),\n    paddingBox: paddingBox,\n    contentBox: contentBox,\n    margin: margin,\n    border: border,\n    padding: padding\n  };\n};\n\nvar parse = function parse(raw) {\n  var value = raw.slice(0, -2);\n  var suffix = raw.slice(-2);\n\n  if (suffix !== 'px') {\n    return 0;\n  }\n\n  var result = Number(value);\n  !!isNaN(result) ? process.env.NODE_ENV !== \"production\" ? invariant(false, \"Could not parse value [raw: \" + raw + \", without suffix: \" + value + \"]\") : invariant(false) : void 0;\n  return result;\n};\n\nvar getWindowScroll = function getWindowScroll() {\n  return {\n    x: window.pageXOffset,\n    y: window.pageYOffset\n  };\n};\n\nvar offset = function offset(original, change) {\n  var borderBox = original.borderBox,\n      border = original.border,\n      margin = original.margin,\n      padding = original.padding;\n  var shifted = shift(borderBox, change);\n  return createBox({\n    borderBox: shifted,\n    border: border,\n    margin: margin,\n    padding: padding\n  });\n};\nvar withScroll = function withScroll(original, scroll) {\n  if (scroll === void 0) {\n    scroll = getWindowScroll();\n  }\n\n  return offset(original, scroll);\n};\nvar calculateBox = function calculateBox(borderBox, styles) {\n  var margin = {\n    top: parse(styles.marginTop),\n    right: parse(styles.marginRight),\n    bottom: parse(styles.marginBottom),\n    left: parse(styles.marginLeft)\n  };\n  var padding = {\n    top: parse(styles.paddingTop),\n    right: parse(styles.paddingRight),\n    bottom: parse(styles.paddingBottom),\n    left: parse(styles.paddingLeft)\n  };\n  var border = {\n    top: parse(styles.borderTopWidth),\n    right: parse(styles.borderRightWidth),\n    bottom: parse(styles.borderBottomWidth),\n    left: parse(styles.borderLeftWidth)\n  };\n  return createBox({\n    borderBox: borderBox,\n    margin: margin,\n    padding: padding,\n    border: border\n  });\n};\nvar getBox = function getBox(el) {\n  var borderBox = el.getBoundingClientRect();\n  var styles = window.getComputedStyle(el);\n  return calculateBox(borderBox, styles);\n};\n\nexport { calculateBox, createBox, expand, getBox, getRect, offset, shrink, withScroll };\n","import {\n  BoxModel,\n  createBox as createBoxWithoutScroll,\n  CreateBoxArgs,\n  getBox as getBoxWithoutScroll,\n  withScroll,\n} from 'css-box-model'\n\nimport { Action, ActionTypes } from '../actions'\n\nexport type { BoxModel }\n\nexport function parse(rawString: string): number {\n  const value = Number(rawString.replace(/px$/, ''))\n\n  return Number.isFinite(value) ? value : 0\n}\n\nexport function createBox(boxArgs: CreateBoxArgs): BoxModel {\n  return withScroll(createBoxWithoutScroll(boxArgs))\n}\n\nexport function getBox(element: Element): BoxModel {\n  return withScroll(getBoxWithoutScroll(element))\n}\n\nexport interface BoxModelHandle {\n  getBoxModel(): BoxModel | null\n}\n\nexport type Measurable = Element | BoxModelHandle\n\nexport function isMeasurable(value: unknown): value is Measurable {\n  if (value instanceof Element) return true\n\n  if (\n    typeof value === 'object' &&\n    value !== null &&\n    'getBoxModel' in value &&\n    typeof (value as { getBoxModel: unknown }).getBoxModel === 'function'\n  ) {\n    return true\n  }\n\n  return false\n}\n\nexport function measure(measurable: Measurable): BoxModel | null {\n  if (measurable instanceof Element) return getBox(measurable)\n\n  return measurable.getBoxModel()\n}\n\nexport type State = {\n  measurables: Map<string, Measurable>\n  boxModels: Map<string, BoxModel>\n}\n\nexport function getInitialState(): State {\n  return { measurables: new Map(), boxModels: new Map() }\n}\n\nexport function getMeasurables(state: State): Map<string, Measurable> {\n  return state.measurables\n}\n\nexport function getBoxModels(state: State): Map<string, BoxModel> {\n  return state.boxModels\n}\n\nexport function getBoxModel(state: State, elementKey: string): BoxModel | null {\n  return getBoxModels(state).get(elementKey) ?? null\n}\n\nexport function reducer(state: State = getInitialState(), action: Action) {\n  switch (action.type) {\n    case ActionTypes.REGISTER_MEASURABLE:\n      return {\n        ...state,\n        measurables: new Map(getMeasurables(state)).set(\n          action.payload.elementKey,\n          action.payload.measurable,\n        ),\n      }\n\n    case ActionTypes.UNREGISTER_MEASURABLE: {\n      const nextMeasurables = new Map(getMeasurables(state))\n\n      const deleted = nextMeasurables.delete(action.payload.elementKey)\n\n      return deleted ? { ...state, measurables: nextMeasurables } : state\n    }\n\n    case ActionTypes.CHANGE_ELEMENT_BOX_MODELS: {\n      const { changedElementBoxModels } = action.payload\n\n      if (changedElementBoxModels.size === 0) return state\n\n      const nextBoxModels = new Map(getBoxModels(state))\n\n      changedElementBoxModels.forEach((boxModel, elementKey) => {\n        if (boxModel == null) nextBoxModels.delete(elementKey)\n        else nextBoxModels.set(elementKey, boxModel)\n      })\n\n      return { ...state, boxModels: nextBoxModels }\n    }\n\n    default:\n      return state\n  }\n}\n"],"names":["createBox","parse","getBox","createBoxWithoutScroll","getBoxWithoutScroll"],"mappings":"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"}
+{"version":3,"file":"box-models.es.js","sources":["../src/state/modules/box-models.ts"],"sourcesContent":["import {\n  BoxModel,\n  createBox as createBoxWithoutScroll,\n  CreateBoxArgs,\n  getBox as getBoxWithoutScroll,\n  withScroll,\n} from 'css-box-model'\n\nimport { Action, ActionTypes } from '../actions'\n\nexport type { BoxModel }\n\nexport function parse(rawString: string): number {\n  const value = Number(rawString.replace(/px$/, ''))\n\n  return Number.isFinite(value) ? value : 0\n}\n\nexport function createBox(boxArgs: CreateBoxArgs): BoxModel {\n  return withScroll(createBoxWithoutScroll(boxArgs))\n}\n\nexport function getBox(element: Element): BoxModel {\n  return withScroll(getBoxWithoutScroll(element))\n}\n\nexport interface BoxModelHandle {\n  getBoxModel(): BoxModel | null\n}\n\nexport type Measurable = Element | BoxModelHandle\n\nexport function isMeasurable(value: unknown): value is Measurable {\n  if (value instanceof Element) return true\n\n  if (\n    typeof value === 'object' &&\n    value !== null &&\n    'getBoxModel' in value &&\n    typeof (value as { getBoxModel: unknown }).getBoxModel === 'function'\n  ) {\n    return true\n  }\n\n  return false\n}\n\nexport function measure(measurable: Measurable): BoxModel | null {\n  if (measurable instanceof Element) return getBox(measurable)\n\n  return measurable.getBoxModel()\n}\n\nexport type State = {\n  measurables: Map<string, Map<string, Measurable>>\n  boxModels: Map<string, Map<string, BoxModel>>\n}\n\nexport function getInitialState(): State {\n  return { measurables: new Map(), boxModels: new Map() }\n}\n\nexport function getMeasurables(state: State): Map<string, Map<string, Measurable>> {\n  return state.measurables\n}\n\nexport function getBoxModels(state: State): Map<string, Map<string, BoxModel>> {\n  return state.boxModels\n}\n\nexport function getBoxModel(\n  state: State,\n  documentKey: string,\n  elementKey: string,\n): BoxModel | null {\n  return getBoxModels(state).get(documentKey)?.get(elementKey) ?? null\n}\n\nexport function reducer(state: State = getInitialState(), action: Action) {\n  switch (action.type) {\n    case ActionTypes.REGISTER_MEASURABLE: {\n      const { documentKey, elementKey, measurable } = action.payload\n\n      return {\n        ...state,\n        measurables: new Map(state.measurables).set(\n          documentKey,\n          new Map(state.measurables.get(documentKey) ?? []).set(elementKey, measurable),\n        ),\n      }\n    }\n\n    case ActionTypes.UNREGISTER_MEASURABLE: {\n      const { documentKey, elementKey } = action.payload\n      const nextMeasurables = new Map(state.measurables.get(documentKey) ?? [])\n\n      const deleted = nextMeasurables.delete(elementKey)\n\n      return deleted\n        ? { ...state, measurables: new Map(state.measurables).set(documentKey, nextMeasurables) }\n        : state\n    }\n\n    case ActionTypes.CHANGE_ELEMENT_BOX_MODELS: {\n      const { changedElementBoxModels } = action.payload\n\n      if (changedElementBoxModels.size === 0) return state\n\n      const nextBoxModels = new Map(state.boxModels)\n\n      changedElementBoxModels.forEach((changedBoxModels, documentKey) => {\n        const nextDocumentBoxModels = new Map(nextBoxModels.get(documentKey) ?? [])\n\n        changedBoxModels.forEach((changedBoxModel, elementKey) => {\n          if (changedBoxModel == null) nextDocumentBoxModels.delete(elementKey)\n          else nextDocumentBoxModels.set(elementKey, changedBoxModel)\n        })\n\n        if (nextDocumentBoxModels.size > 0) nextBoxModels.set(documentKey, nextDocumentBoxModels)\n        else nextBoxModels.delete(documentKey)\n      })\n\n      return { ...state, boxModels: nextBoxModels }\n    }\n\n    default:\n      return state\n  }\n}\n"],"names":["createBoxWithoutScroll","getBoxWithoutScroll"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAYO,eAAe,WAA2B;AAC/C,QAAM,QAAQ,OAAO,UAAU,QAAQ,OAAO,EAAE,CAAC;AAEjD,SAAO,OAAO,SAAS,KAAK,IAAI,QAAQ;AAC1C;AAEO,mBAAmB,SAAkC;AACnD,SAAA,WAAWA,YAAuB,OAAO,CAAC;AACnD;AAEO,gBAAgB,SAA4B;AAC1C,SAAA,WAAWC,SAAoB,OAAO,CAAC;AAChD;AAQO,sBAAsB,OAAqC;AAChE,MAAI,iBAAiB;AAAgB,WAAA;AAGnC,MAAA,OAAO,UAAU,YACjB,UAAU,QACV,iBAAiB,SACjB,OAAQ,MAAmC,gBAAgB,YAC3D;AACO,WAAA;AAAA,EACT;AAEO,SAAA;AACT;AAEO,iBAAiB,YAAyC;AAC/D,MAAI,sBAAsB;AAAS,WAAO,OAAO,UAAU;AAE3D,SAAO,WAAW;AACpB;AAOyC,2BAAA;AAChC,SAAA,EAAE,aAAiB,oBAAA,IAAA,GAAO,WAAW,oBAAI;AAClD;AAEO,wBAAwB,OAAoD;AACjF,SAAO,MAAM;AACf;AAEO,sBAAsB,OAAkD;AAC7E,SAAO,MAAM;AACf;AAGE,qBAAA,OACA,aACA,YACiB;;AACV,SAAA,yBAAa,KAAK,EAAE,IAAI,WAAW,MAAnC,mBAAsC,IAAI,gBAA1C,YAAyD;AAClE;AAEwB,iBAAA,QAAe,gBAAgB,GAAG,QAAgB;;AACxE,UAAQ,OAAO;AAAA,SACR,YAAY,qBAAqB;AACpC,YAAM,EAAE,aAAa,YAAY,eAAe,OAAO;AAEhD,aAAA,iCACF,QADE;AAAA,QAEL,aAAa,IAAI,IAAI,MAAM,WAAW,EAAE,IACtC,aACA,IAAI,IAAI,YAAM,YAAY,IAAI,WAAW,MAAjC,YAAsC,CAAA,CAAE,EAAE,IAAI,YAAY,UAAU,CAC9E;AAAA,MAAA;AAAA,IAEJ;AAAA,SAEK,YAAY,uBAAuB;AAChC,YAAA,EAAE,aAAa,eAAe,OAAO;AACrC,YAAA,kBAAkB,IAAI,IAAI,YAAM,YAAY,IAAI,WAAW,MAAjC,YAAsC,CAAA,CAAE;AAElE,YAAA,UAAU,gBAAgB,OAAO,UAAU;AAEjD,aAAO,UACH,iCAAK,QAAL,EAAY,aAAa,IAAI,IAAI,MAAM,WAAW,EAAE,IAAI,aAAa,eAAe,OACpF;AAAA,IACN;AAAA,SAEK,YAAY,2BAA2B;AACpC,YAAA,EAAE,4BAA4B,OAAO;AAE3C,UAAI,wBAAwB,SAAS;AAAU,eAAA;AAE/C,YAAM,gBAAgB,IAAI,IAAI,MAAM,SAAS;AAErB,8BAAA,QAAQ,CAAC,kBAAkB,gBAAgB;;AAC3D,cAAA,wBAAwB,IAAI,IAAI,qBAAc,IAAI,WAAW,MAA7B,aAAkC,CAAA,CAAE;AAEzD,yBAAA,QAAQ,CAAC,iBAAiB,eAAe;AACxD,cAAI,mBAAmB;AAAM,kCAAsB,OAAO,UAAU;AAAA;AACzC,kCAAA,IAAI,YAAY,eAAe;AAAA,QAAA,CAC3D;AAED,YAAI,sBAAsB,OAAO;AAAiB,wBAAA,IAAI,aAAa,qBAAqB;AAAA;AACnF,wBAAc,OAAO,WAAW;AAAA,MAAA,CACtC;AAEM,aAAA,iCAAK,QAAL,EAAY,WAAW,cAAc;AAAA,IAC9C;AAAA;AAGS,aAAA;AAAA;AAEb;;"}

package/dist/builder.cjs.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+var controlSerialization = require("./control-serialization.cjs.js");
+require("./descriptors.cjs.js");
+exports.deserializeControls = controlSerialization.deserializeControls;
+exports.deserializeFunction = controlSerialization.deserializeFunction;
+exports.serializeControls = controlSerialization.serializeControls;
+exports.serializeFunction = controlSerialization.serializeFunction;
+//# sourceMappingURL=builder.cjs.js.map

package/dist/builder.cjs.js.map

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

package/dist/builder.es.js

@@ -0,0 +1,3 @@
+export { d as deserializeControls, b as deserializeFunction, s as serializeControls, a as serializeFunction } from "./control-serialization.es.js";
+import "./descriptors.es.js";
+//# sourceMappingURL=builder.es.js.map

package/dist/builder.es.js.map

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