@puckeditor/plugin-heading-analyzer 0.22.0-canary.ea2ac3c2 → 0.22.0-canary.ed7231bb

package/dist/index.d.mts

@@ -308,7 +308,7 @@ type CustomFieldRender<Value extends any> = (props: {
     name: string;
     id: string;
     value: Value;
-    onChange: (value: Value) => void;
+    onChange: (value: Value, uiState?: Partial<UiState>) => void;
     readOnly?: boolean;
 }) => ReactElement;
 interface CustomField<Value extends any> extends BaseField {

package/dist/index.d.ts

@@ -308,7 +308,7 @@ type CustomFieldRender<Value extends any> = (props: {
     name: string;
     id: string;
     value: Value;
-    onChange: (value: Value) => void;
+    onChange: (value: Value, uiState?: Partial<UiState>) => void;
     readOnly?: boolean;
 }) => ReactElement;
 interface CustomField<Value extends any> extends BaseField {

package/dist/index.js

@@ -296,7 +296,7 @@ var styles_module_default = { "OutlineList": "_OutlineList_w4lzv_1", "OutlineLis
 // ../core/lib/get-class-name-factory.ts
 init_react_import();
 var import_classnames = __toESM(require_classnames());
-var getClassNameFactory = (rootClass, styles, config = { baseClass: "" }) => (options = {}, params = {}) => {
+var getClassNameFactory = (rootClass, styles, config = { baseClass: "" }) => (options = {}) => {
   if (typeof options === "string") {
     const descendant = options;
     const style = styles[`${rootClass}-${descendant}`];
@@ -310,7 +310,7 @@ var getClassNameFactory = (rootClass, styles, config = { baseClass: "" }) => (op
     for (let modifier in modifiers) {
       prefixedModifiers[styles[`${rootClass}--${modifier}`]] = modifiers[modifier];
     }
-    const c = !params.excludeBase ? styles[rootClass] : "";
+    const c = styles[rootClass];
     return config.baseClass + (0, import_classnames.default)(__spreadValues({
       [c]: !!c
     }, prefixedModifiers));
@@ -715,6 +715,15 @@ var flattenNode = (node, config) => {
   });
 };
 
+// ../core/lib/data/to-component.ts
+init_react_import();
+var toComponent = (item) => {
+  return "type" in item ? item : __spreadProps(__spreadValues({}, item), {
+    props: __spreadProps(__spreadValues({}, item.props), { id: "root" }),
+    type: "root"
+  });
+};
+
 // ../core/lib/data/walk-app-state.ts
 function walkAppState(state, config, mapContent = (content) => content, mapNodeOrSkip = (item) => item) {
   var _a;
@@ -778,7 +787,7 @@ function walkAppState(state, config, mapContent = (content) => content, mapNodeO
       id
     });
     processRelatedZones(item, id, path);
-    const newItem = __spreadProps(__spreadValues({}, item), { props: newProps });
+    const newItem = __spreadProps(__spreadValues({}, mappedItem), { props: newProps });
     const thisZoneCompound = path[path.length - 1];
     const [parentId, zone] = thisZoneCompound ? thisZoneCompound.split(":") : [null, ""];
     newNodeIndex[id] = {
@@ -818,17 +827,14 @@ function walkAppState(state, config, mapContent = (content) => content, mapNodeO
     );
     newZones[zoneCompound] = newContent2;
   }, newZones);
-  const processedRoot = processItem(
-    {
-      type: "root",
-      props: __spreadProps(__spreadValues({}, (_a = state.data.root.props) != null ? _a : state.data.root), { id: "root" })
-    },
-    [],
-    -1
-  );
-  const root = __spreadProps(__spreadValues({}, state.data.root), {
-    props: processedRoot.props
+  let rootAsComponent = toComponent({
+    props: __spreadValues({}, (_a = state.data.root.props) != null ? _a : state.data.root)
   });
+  if (state.data.root.readOnly) {
+    rootAsComponent.readOnly = state.data.root.readOnly;
+  }
+  const processedRoot = processItem(rootAsComponent, [], -1);
+  const root = __spreadValues(__spreadValues({}, state.data.root), processedRoot);
   return __spreadProps(__spreadValues({}, state), {
     data: {
       root,
@@ -871,53 +877,49 @@ var insert = (list, index, item) => {
 // ../core/lib/generate-id.ts
 init_react_import();
 
-// ../core/node_modules/uuid/dist/esm-node/index.js
+// ../core/lib/uuid/index.ts
 init_react_import();
 
-// ../core/node_modules/uuid/dist/esm-node/rng.js
+// ../core/lib/uuid/rng.ts
 init_react_import();
-var import_crypto = __toESM(require("crypto"));
-var rnds8Pool = new Uint8Array(256);
-var poolPtr = rnds8Pool.length;
+var rnds8 = new Uint8Array(16);
 function rng() {
-  if (poolPtr > rnds8Pool.length - 16) {
-    import_crypto.default.randomFillSync(rnds8Pool);
-    poolPtr = 0;
-  }
-  return rnds8Pool.slice(poolPtr, poolPtr += 16);
+  return crypto.getRandomValues(rnds8);
 }
 
-// ../core/node_modules/uuid/dist/esm-node/stringify.js
+// ../core/lib/uuid/stringify.ts
 init_react_import();
 var byteToHex = [];
 for (let i = 0; i < 256; ++i) {
   byteToHex.push((i + 256).toString(16).slice(1));
 }
 function unsafeStringify(arr, offset = 0) {
-  return byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + "-" + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + "-" + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + "-" + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + "-" + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]];
+  return (byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + "-" + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + "-" + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + "-" + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + "-" + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]]).toLowerCase();
 }
 
-// ../core/node_modules/uuid/dist/esm-node/v4.js
-init_react_import();
-
-// ../core/node_modules/uuid/dist/esm-node/native.js
-init_react_import();
-var import_crypto2 = __toESM(require("crypto"));
-var native_default = {
-  randomUUID: import_crypto2.default.randomUUID
-};
-
-// ../core/node_modules/uuid/dist/esm-node/v4.js
+// ../core/lib/uuid/index.ts
 function v4(options, buf, offset) {
-  if (native_default.randomUUID && !buf && !options) {
-    return native_default.randomUUID();
+  if (!buf && !options && crypto.randomUUID) {
+    return crypto.randomUUID();
   }
+  return _v4(options, buf, offset);
+}
+function _v4(options, buf, offset) {
+  var _a, _b, _c;
   options = options || {};
-  const rnds = options.random || (options.rng || rng)();
+  const rnds = (_c = (_b = options.random) != null ? _b : (_a = options.rng) == null ? void 0 : _a.call(options)) != null ? _c : rng();
+  if (rnds.length < 16) {
+    throw new Error("Random bytes length must be >= 16");
+  }
   rnds[6] = rnds[6] & 15 | 64;
   rnds[8] = rnds[8] & 63 | 128;
   if (buf) {
     offset = offset || 0;
+    if (offset < 0 || offset + 16 > buf.length) {
+      throw new RangeError(
+        `UUID byte range ${offset}:${offset + 15} is out of buffer bounds`
+      );
+    }
     for (let i = 0; i < 16; ++i) {
       buf[offset + i] = rnds[i];
     }
@@ -925,10 +927,10 @@ function v4(options, buf, offset) {
   }
   return unsafeStringify(rnds);
 }
-var v4_default = v4;
+var uuid_default = v4;
 
 // ../core/lib/generate-id.ts
-var generateId = (type) => type ? `${type}-${v4_default()}` : v4_default();
+var generateId = (type) => type ? `${type}-${uuid_default()}` : uuid_default();
 
 // ../core/lib/data/get-ids-for-parent.ts
 init_react_import();
@@ -1657,44 +1659,39 @@ var createHistorySlice = (set, get) => {
 
 // ../core/store/slices/nodes.ts
 init_react_import();
-var createNodesSlice = (set, get) => ({
-  nodes: {},
-  registerNode: (id, node) => {
-    const s = get().nodes;
-    const emptyNode = {
-      id,
-      methods: {
-        sync: () => null,
-        hideOverlay: () => null,
-        showOverlay: () => null
-      },
-      element: null
-    };
-    const existingNode = s.nodes[id];
-    set({
-      nodes: __spreadProps(__spreadValues({}, s), {
-        nodes: __spreadProps(__spreadValues({}, s.nodes), {
-          [id]: __spreadProps(__spreadValues(__spreadValues(__spreadValues({}, emptyNode), existingNode), node), {
-            id
-          })
-        })
-      })
-    });
-  },
-  unregisterNode: (id) => {
-    const s = get().nodes;
-    const existingNode = s.nodes[id];
-    if (existingNode) {
-      const newNodes = __spreadValues({}, s.nodes);
-      delete newNodes[id];
-      set({
-        nodes: __spreadProps(__spreadValues({}, s), {
-          nodes: newNodes
-        })
+var createNodesSlice = (_set, _get) => {
+  const registry = /* @__PURE__ */ new Map();
+  return {
+    registerNode: (id, handle) => {
+      registry.set(id, handle);
+    },
+    unregisterNode: (id) => {
+      registry.delete(id);
+    },
+    syncNode: (id) => {
+      var _a;
+      if (!id) return;
+      (_a = registry.get(id)) == null ? void 0 : _a.sync();
+    },
+    syncNodes: (ids) => {
+      ids.forEach((id) => {
+        var _a;
+        if (!id) return;
+        (_a = registry.get(id)) == null ? void 0 : _a.sync();
       });
+    },
+    setOverlayVisible: (id, visible) => {
+      if (!id) return;
+      const node = registry.get(id);
+      if (!node) return;
+      if (visible) {
+        node.showOverlay();
+        return;
+      }
+      node.hideOverlay();
     }
-  }
-});
+  };
+};
 
 // ../core/store/slices/permissions.ts
 init_react_import();
@@ -2270,17 +2267,6 @@ var createFieldsSlice = (_set, _get) => {
 
 // ../core/lib/resolve-component-data.ts
 init_react_import();
-
-// ../core/lib/data/to-component.ts
-init_react_import();
-var toComponent = (item) => {
-  return "type" in item ? item : __spreadProps(__spreadValues({}, item), {
-    props: __spreadProps(__spreadValues({}, item.props), { id: "root" }),
-    type: "root"
-  });
-};
-
-// ../core/lib/resolve-component-data.ts
 var cache = { lastChange: {} };
 var resolveComponentData = (_0, _1, ..._2) => __async(null, [_0, _1, ..._2], function* (item, config, metadata = {}, onResolveStart, onResolveEnd, trigger = "replace", parent = null) {
   const configForItem = "type" in item && item.type !== "root" ? config.components[item.type] : config.root;
@@ -2423,6 +2409,8 @@ var createAppStore = (initialAppStore) => create()(
       },
       status: "LOADING",
       iframe: {},
+      _experimentalFullScreenCanvas: false,
+      _experimentalVirtualization: false,
       metadata: {},
       fieldTransforms: {}
     }, initialAppStore), {
@@ -2558,7 +2546,8 @@ var createAppStore = (initialAppStore) => create()(
           state,
           config,
           (content) => content,
-          (childItem) => {
+          (childItem, path) => {
+            if (path.length > 1) return childItem;
             resolveComponentData2(childItem, "load").then((resolved) => {
               const { state: state2 } = get();
               const node = state2.indexes.nodes[resolved.node.props.id];

package/dist/index.mjs

@@ -284,7 +284,7 @@ var styles_module_default = { "OutlineList": "_OutlineList_w4lzv_1", "OutlineLis
 // ../core/lib/get-class-name-factory.ts
 init_react_import();
 var import_classnames = __toESM(require_classnames());
-var getClassNameFactory = (rootClass, styles, config = { baseClass: "" }) => (options = {}, params = {}) => {
+var getClassNameFactory = (rootClass, styles, config = { baseClass: "" }) => (options = {}) => {
   if (typeof options === "string") {
     const descendant = options;
     const style = styles[`${rootClass}-${descendant}`];
@@ -298,7 +298,7 @@ var getClassNameFactory = (rootClass, styles, config = { baseClass: "" }) => (op
     for (let modifier in modifiers) {
       prefixedModifiers[styles[`${rootClass}--${modifier}`]] = modifiers[modifier];
     }
-    const c = !params.excludeBase ? styles[rootClass] : "";
+    const c = styles[rootClass];
     return config.baseClass + (0, import_classnames.default)(__spreadValues({
       [c]: !!c
     }, prefixedModifiers));
@@ -703,6 +703,15 @@ var flattenNode = (node, config) => {
   });
 };
 
+// ../core/lib/data/to-component.ts
+init_react_import();
+var toComponent = (item) => {
+  return "type" in item ? item : __spreadProps(__spreadValues({}, item), {
+    props: __spreadProps(__spreadValues({}, item.props), { id: "root" }),
+    type: "root"
+  });
+};
+
 // ../core/lib/data/walk-app-state.ts
 function walkAppState(state, config, mapContent = (content) => content, mapNodeOrSkip = (item) => item) {
   var _a;
@@ -766,7 +775,7 @@ function walkAppState(state, config, mapContent = (content) => content, mapNodeO
       id
     });
     processRelatedZones(item, id, path);
-    const newItem = __spreadProps(__spreadValues({}, item), { props: newProps });
+    const newItem = __spreadProps(__spreadValues({}, mappedItem), { props: newProps });
     const thisZoneCompound = path[path.length - 1];
     const [parentId, zone] = thisZoneCompound ? thisZoneCompound.split(":") : [null, ""];
     newNodeIndex[id] = {
@@ -806,17 +815,14 @@ function walkAppState(state, config, mapContent = (content) => content, mapNodeO
     );
     newZones[zoneCompound] = newContent2;
   }, newZones);
-  const processedRoot = processItem(
-    {
-      type: "root",
-      props: __spreadProps(__spreadValues({}, (_a = state.data.root.props) != null ? _a : state.data.root), { id: "root" })
-    },
-    [],
-    -1
-  );
-  const root = __spreadProps(__spreadValues({}, state.data.root), {
-    props: processedRoot.props
+  let rootAsComponent = toComponent({
+    props: __spreadValues({}, (_a = state.data.root.props) != null ? _a : state.data.root)
   });
+  if (state.data.root.readOnly) {
+    rootAsComponent.readOnly = state.data.root.readOnly;
+  }
+  const processedRoot = processItem(rootAsComponent, [], -1);
+  const root = __spreadValues(__spreadValues({}, state.data.root), processedRoot);
   return __spreadProps(__spreadValues({}, state), {
     data: {
       root,
@@ -859,53 +865,49 @@ var insert = (list, index, item) => {
 // ../core/lib/generate-id.ts
 init_react_import();
 
-// ../core/node_modules/uuid/dist/esm-node/index.js
+// ../core/lib/uuid/index.ts
 init_react_import();
 
-// ../core/node_modules/uuid/dist/esm-node/rng.js
+// ../core/lib/uuid/rng.ts
 init_react_import();
-import crypto from "crypto";
-var rnds8Pool = new Uint8Array(256);
-var poolPtr = rnds8Pool.length;
+var rnds8 = new Uint8Array(16);
 function rng() {
-  if (poolPtr > rnds8Pool.length - 16) {
-    crypto.randomFillSync(rnds8Pool);
-    poolPtr = 0;
-  }
-  return rnds8Pool.slice(poolPtr, poolPtr += 16);
+  return crypto.getRandomValues(rnds8);
 }
 
-// ../core/node_modules/uuid/dist/esm-node/stringify.js
+// ../core/lib/uuid/stringify.ts
 init_react_import();
 var byteToHex = [];
 for (let i = 0; i < 256; ++i) {
   byteToHex.push((i + 256).toString(16).slice(1));
 }
 function unsafeStringify(arr, offset = 0) {
-  return byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + "-" + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + "-" + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + "-" + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + "-" + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]];
+  return (byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + "-" + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + "-" + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + "-" + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + "-" + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]]).toLowerCase();
 }
 
-// ../core/node_modules/uuid/dist/esm-node/v4.js
-init_react_import();
-
-// ../core/node_modules/uuid/dist/esm-node/native.js
-init_react_import();
-import crypto2 from "crypto";
-var native_default = {
-  randomUUID: crypto2.randomUUID
-};
-
-// ../core/node_modules/uuid/dist/esm-node/v4.js
+// ../core/lib/uuid/index.ts
 function v4(options, buf, offset) {
-  if (native_default.randomUUID && !buf && !options) {
-    return native_default.randomUUID();
+  if (!buf && !options && crypto.randomUUID) {
+    return crypto.randomUUID();
   }
+  return _v4(options, buf, offset);
+}
+function _v4(options, buf, offset) {
+  var _a, _b, _c;
   options = options || {};
-  const rnds = options.random || (options.rng || rng)();
+  const rnds = (_c = (_b = options.random) != null ? _b : (_a = options.rng) == null ? void 0 : _a.call(options)) != null ? _c : rng();
+  if (rnds.length < 16) {
+    throw new Error("Random bytes length must be >= 16");
+  }
   rnds[6] = rnds[6] & 15 | 64;
   rnds[8] = rnds[8] & 63 | 128;
   if (buf) {
     offset = offset || 0;
+    if (offset < 0 || offset + 16 > buf.length) {
+      throw new RangeError(
+        `UUID byte range ${offset}:${offset + 15} is out of buffer bounds`
+      );
+    }
     for (let i = 0; i < 16; ++i) {
       buf[offset + i] = rnds[i];
     }
@@ -913,10 +915,10 @@ function v4(options, buf, offset) {
   }
   return unsafeStringify(rnds);
 }
-var v4_default = v4;
+var uuid_default = v4;
 
 // ../core/lib/generate-id.ts
-var generateId = (type) => type ? `${type}-${v4_default()}` : v4_default();
+var generateId = (type) => type ? `${type}-${uuid_default()}` : uuid_default();
 
 // ../core/lib/data/get-ids-for-parent.ts
 init_react_import();
@@ -1645,44 +1647,39 @@ var createHistorySlice = (set, get) => {
 
 // ../core/store/slices/nodes.ts
 init_react_import();
-var createNodesSlice = (set, get) => ({
-  nodes: {},
-  registerNode: (id, node) => {
-    const s = get().nodes;
-    const emptyNode = {
-      id,
-      methods: {
-        sync: () => null,
-        hideOverlay: () => null,
-        showOverlay: () => null
-      },
-      element: null
-    };
-    const existingNode = s.nodes[id];
-    set({
-      nodes: __spreadProps(__spreadValues({}, s), {
-        nodes: __spreadProps(__spreadValues({}, s.nodes), {
-          [id]: __spreadProps(__spreadValues(__spreadValues(__spreadValues({}, emptyNode), existingNode), node), {
-            id
-          })
-        })
-      })
-    });
-  },
-  unregisterNode: (id) => {
-    const s = get().nodes;
-    const existingNode = s.nodes[id];
-    if (existingNode) {
-      const newNodes = __spreadValues({}, s.nodes);
-      delete newNodes[id];
-      set({
-        nodes: __spreadProps(__spreadValues({}, s), {
-          nodes: newNodes
-        })
+var createNodesSlice = (_set, _get) => {
+  const registry = /* @__PURE__ */ new Map();
+  return {
+    registerNode: (id, handle) => {
+      registry.set(id, handle);
+    },
+    unregisterNode: (id) => {
+      registry.delete(id);
+    },
+    syncNode: (id) => {
+      var _a;
+      if (!id) return;
+      (_a = registry.get(id)) == null ? void 0 : _a.sync();
+    },
+    syncNodes: (ids) => {
+      ids.forEach((id) => {
+        var _a;
+        if (!id) return;
+        (_a = registry.get(id)) == null ? void 0 : _a.sync();
       });
+    },
+    setOverlayVisible: (id, visible) => {
+      if (!id) return;
+      const node = registry.get(id);
+      if (!node) return;
+      if (visible) {
+        node.showOverlay();
+        return;
+      }
+      node.hideOverlay();
     }
-  }
-});
+  };
+};
 
 // ../core/store/slices/permissions.ts
 init_react_import();
@@ -2258,17 +2255,6 @@ var createFieldsSlice = (_set, _get) => {
 
 // ../core/lib/resolve-component-data.ts
 init_react_import();
-
-// ../core/lib/data/to-component.ts
-init_react_import();
-var toComponent = (item) => {
-  return "type" in item ? item : __spreadProps(__spreadValues({}, item), {
-    props: __spreadProps(__spreadValues({}, item.props), { id: "root" }),
-    type: "root"
-  });
-};
-
-// ../core/lib/resolve-component-data.ts
 var cache = { lastChange: {} };
 var resolveComponentData = (_0, _1, ..._2) => __async(null, [_0, _1, ..._2], function* (item, config, metadata = {}, onResolveStart, onResolveEnd, trigger = "replace", parent = null) {
   const configForItem = "type" in item && item.type !== "root" ? config.components[item.type] : config.root;
@@ -2411,6 +2397,8 @@ var createAppStore = (initialAppStore) => create()(
       },
       status: "LOADING",
       iframe: {},
+      _experimentalFullScreenCanvas: false,
+      _experimentalVirtualization: false,
       metadata: {},
       fieldTransforms: {}
     }, initialAppStore), {
@@ -2546,7 +2534,8 @@ var createAppStore = (initialAppStore) => create()(
           state,
           config,
           (content) => content,
-          (childItem) => {
+          (childItem, path) => {
+            if (path.length > 1) return childItem;
             resolveComponentData2(childItem, "load").then((resolved) => {
               const { state: state2 } = get();
               const node = state2.indexes.nodes[resolved.node.props.id];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@puckeditor/plugin-heading-analyzer",
-  "version": "0.22.0-canary.ea2ac3c2",
+  "version": "0.22.0-canary.ed7231bb",
   "author": "Chris Villa <chris@puckeditor.com>",
   "repository": "puckeditor/puck",
   "bugs": "https://github.com/puckeditor/puck/issues",
@@ -25,11 +25,11 @@
     "dist"
   ],
   "devDependencies": {
-    "@puckeditor/core": "^0.22.0-canary.ea2ac3c2",
+    "@puckeditor/core": "^0.22.0-canary.ed7231bb",
     "@types/minimatch": "3.0.5",
     "@types/react": "^19.0.1",
     "@types/react-dom": "^19.0.2",
-    "eslint": "^7.32.0",
+    "eslint": "^9.0.0",
     "eslint-config-custom": "*",
     "tsconfig": "*",
     "tsup": "^8.2.4",