intlayer-editor 7.3.8 → 7.3.10

package/client/dist/assets/{CodeBlockShiki-BY8Vvfa7.js → CodeBlockShiki-BtHKWEZc.js}

@@ -1,5 +1,5 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/vue-M1-XqLgv.js","assets/css-BtVcDqlU.js","assets/javascript-DLs729Nk.js","assets/typescript-Cju7JbYj.js","assets/json-D07AUpjp.js","assets/html-derivative-Cswrtqyq.js","assets/html-BOjX3v2Q.js","assets/bundle-web-l-MeoJd6.js","assets/index-rrJqDgX7.js","assets/index-CpI4KDfc.css"])))=>i.map(i=>d[i]);
-import { r as reactExports, j as jsxRuntimeExports, C as CodeDefault, _ as __vitePreload } from "./index-rrJqDgX7.js";
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/vue-M1-XqLgv.js","assets/css-BtVcDqlU.js","assets/javascript-DLs729Nk.js","assets/typescript-Cju7JbYj.js","assets/json-D07AUpjp.js","assets/html-derivative-Cswrtqyq.js","assets/html-BOjX3v2Q.js","assets/bundle-web-BlyAAHKE.js","assets/index-DgMLPt35.js","assets/index-CpI4KDfc.css"])))=>i.map(i=>d[i]);
+import { r as reactExports, j as jsxRuntimeExports, C as CodeDefault, _ as __vitePreload } from "./index-DgMLPt35.js";
 const languageCache = /* @__PURE__ */ new Map();
 const themeCache = /* @__PURE__ */ new Map();
 const loadLanguage = async (lang) => {
@@ -61,7 +61,7 @@ const highlightCode = async (code, lang, isDarkMode) => {
   const themeName = isDarkMode ? "github-dark" : "github-light";
   const [{
     codeToHtml
-  }, languageModule, themeModule] = await Promise.all([__vitePreload(() => import("./bundle-web-l-MeoJd6.js"), true ? __vite__mapDeps([7,8,9]) : void 0), loadLanguage(lang), loadTheme(themeName)]);
+  }, languageModule, themeModule] = await Promise.all([__vitePreload(() => import("./bundle-web-BlyAAHKE.js"), true ? __vite__mapDeps([7,8,9]) : void 0), loadLanguage(lang), loadTheme(themeName)]);
   return codeToHtml(code, {
     lang,
     theme: themeModule,

package/client/dist/assets/{bundle-web-l-MeoJd6.js → bundle-web-BlyAAHKE.js}

@@ -1,5 +1,5 @@
 const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/angular-html-ChYFFmg7.js","assets/html-BOjX3v2Q.js","assets/javascript-DLs729Nk.js","assets/css-BtVcDqlU.js","assets/angular-ts-CpuGw9DZ.js","assets/scss-Dq-LbI_c.js","assets/astro-B0lt4qz0.js","assets/json-D07AUpjp.js","assets/typescript-Cju7JbYj.js","assets/postcss-kj1IbjVd.js","assets/tsx-B9RA6cgQ.js","assets/blade-DtOFwYfC.js","assets/html-derivative-Cswrtqyq.js","assets/xml-BMzZeaqs.js","assets/java-BfXh-0uJ.js","assets/sql-DzUuSofg.js","assets/coffee-DJkIX6_2.js","assets/cpp-zh2ePAE_.js","assets/regexp-BxWeO75u.js","assets/glsl-CGsiYPcu.js","assets/c-C4VtT7JA.js","assets/graphql-oNSp8dGZ.js","assets/jsx-BPmvoin2.js","assets/haml-BJ44RGT2.js","assets/handlebars-DTnHNTeU.js","assets/yaml-B_vW5iTY.js","assets/http-B1QlEqj7.js","assets/bash-Bz2gZrDc.js","assets/hurl-Br_hZn4E.js","assets/csv-Ba84L8e5.js","assets/jinja-BAZ4h1JD.js","assets/jison-Bwp1bXaL.js","assets/julia-D0f5tMoo.js","assets/python-CrdIx4PZ.js","assets/r-oprfD2-9.js","assets/marko-rwefYVra.js","assets/less-BAzLMJNR.js","assets/mdc-ucHOH9Vl.js","assets/markdown-F_EULe_G.js","assets/php-CI-6KGJr.js","assets/pug-C-LeC0-n.js","assets/svelte-CYSO_rLN.js","assets/ts-tags-DCkNjov3.js","assets/vue-M1-XqLgv.js","assets/vue-html-BzXE5pTE.js","assets/vue-vine-BT_ihGGO.js","assets/stylus-DXFa_2Jl.js"])))=>i.map(i=>d[i]);
-import { _ as __vitePreload } from "./index-rrJqDgX7.js";
+import { _ as __vitePreload } from "./index-DgMLPt35.js";
 let ShikiError$2 = class ShikiError extends Error {
   constructor(message) {
     super(message);

package/client/dist/assets/{index-rrJqDgX7.js → index-DgMLPt35.js}

@@ -512,7 +512,7 @@ function requireReact_production() {
   react_production.useTransition = function() {
     return ReactSharedInternals.H.useTransition();
   };
-  react_production.version = "19.2.0";
+  react_production.version = "19.2.1";
   return react_production;
 }
 var hasRequiredReact;
@@ -944,7 +944,7 @@ function requireReactDom_production() {
   reactDom_production.useFormStatus = function() {
     return ReactSharedInternals.H.useHostTransitionStatus();
   };
-  reactDom_production.version = "19.2.0";
+  reactDom_production.version = "19.2.1";
   return reactDom_production;
 }
 var hasRequiredReactDom;
@@ -12388,12 +12388,12 @@ function requireReactDomClient_production() {
     }
   };
   var isomorphicReactPackageVersion$jscomp$inline_1840 = React2.version;
-  if ("19.2.0" !== isomorphicReactPackageVersion$jscomp$inline_1840)
+  if ("19.2.1" !== isomorphicReactPackageVersion$jscomp$inline_1840)
     throw Error(
       formatProdErrorMessage(
         527,
         isomorphicReactPackageVersion$jscomp$inline_1840,
-        "19.2.0"
+        "19.2.1"
       )
     );
   ReactDOMSharedInternals.findDOMNode = function(componentOrElement) {
@@ -12411,10 +12411,10 @@ function requireReactDomClient_production() {
   };
   var internals$jscomp$inline_2347 = {
     bundleType: 0,
-    version: "19.2.0",
+    version: "19.2.1",
     rendererPackageName: "react-dom",
     currentDispatcherRef: ReactSharedInternals,
-    reconcilerVersion: "19.2.0"
+    reconcilerVersion: "19.2.1"
   };
   if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
     var hook$jscomp$inline_2348 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
@@ -12481,7 +12481,7 @@ function requireReactDomClient_production() {
     listenToAllSupportedEvents(container);
     return new ReactDOMHydrationRoot(initialChildren);
   };
-  reactDomClient_production.version = "19.2.0";
+  reactDomClient_production.version = "19.2.1";
   return reactDomClient_production;
 }
 var hasRequiredClient;
@@ -13774,123 +13774,33 @@ const getNesting = (dictionaryKey, path, props) => {
   }
   return dictionary;
 };
-var cjs;
-var hasRequiredCjs;
-function requireCjs() {
-  if (hasRequiredCjs) return cjs;
-  hasRequiredCjs = 1;
-  var isMergeableObject2 = function isMergeableObject3(value) {
-    return isNonNullObject(value) && !isSpecial(value);
-  };
-  function isNonNullObject(value) {
-    return !!value && typeof value === "object";
-  }
-  function isSpecial(value) {
-    var stringValue = Object.prototype.toString.call(value);
-    return stringValue === "[object RegExp]" || stringValue === "[object Date]" || isReactElement(value);
-  }
-  var canUseSymbol = typeof Symbol === "function" && Symbol.for;
-  var REACT_ELEMENT_TYPE = canUseSymbol ? Symbol.for("react.element") : 60103;
-  function isReactElement(value) {
-    return value.$$typeof === REACT_ELEMENT_TYPE;
-  }
-  function emptyTarget(val) {
-    return Array.isArray(val) ? [] : {};
-  }
-  function cloneUnlessOtherwiseSpecified(value, options) {
-    return options.clone !== false && options.isMergeableObject(value) ? deepmerge(emptyTarget(value), value, options) : value;
-  }
-  function defaultArrayMerge(target, source, options) {
-    return target.concat(source).map(function(element) {
-      return cloneUnlessOtherwiseSpecified(element, options);
-    });
-  }
-  function getMergeFunction(key2, options) {
-    if (!options.customMerge) {
-      return deepmerge;
-    }
-    var customMerge = options.customMerge(key2);
-    return typeof customMerge === "function" ? customMerge : deepmerge;
-  }
-  function getEnumerableOwnPropertySymbols(target) {
-    return Object.getOwnPropertySymbols ? Object.getOwnPropertySymbols(target).filter(function(symbol) {
-      return Object.propertyIsEnumerable.call(target, symbol);
-    }) : [];
-  }
-  function getKeys(target) {
-    return Object.keys(target).concat(getEnumerableOwnPropertySymbols(target));
-  }
-  function propertyIsOnObject(object2, property) {
-    try {
-      return property in object2;
-    } catch (_2) {
-      return false;
-    }
-  }
-  function propertyIsUnsafe(target, key2) {
-    return propertyIsOnObject(target, key2) && !(Object.hasOwnProperty.call(target, key2) && Object.propertyIsEnumerable.call(target, key2));
-  }
-  function mergeObject(target, source, options) {
-    var destination = {};
-    if (options.isMergeableObject(target)) {
-      getKeys(target).forEach(function(key2) {
-        destination[key2] = cloneUnlessOtherwiseSpecified(target[key2], options);
-      });
-    }
-    getKeys(source).forEach(function(key2) {
-      if (propertyIsUnsafe(target, key2)) {
-        return;
-      }
-      if (propertyIsOnObject(target, key2) && options.isMergeableObject(source[key2])) {
-        destination[key2] = getMergeFunction(key2, options)(target[key2], source[key2], options);
-      } else {
-        destination[key2] = cloneUnlessOtherwiseSpecified(source[key2], options);
-      }
-    });
-    return destination;
-  }
-  function deepmerge(target, source, options) {
-    options = options || {};
-    options.arrayMerge = options.arrayMerge || defaultArrayMerge;
-    options.isMergeableObject = options.isMergeableObject || isMergeableObject2;
-    options.cloneUnlessOtherwiseSpecified = cloneUnlessOtherwiseSpecified;
-    var sourceIsArray = Array.isArray(source);
-    var targetIsArray = Array.isArray(target);
-    var sourceAndTargetTypesMatch = sourceIsArray === targetIsArray;
-    if (!sourceAndTargetTypesMatch) {
-      return cloneUnlessOtherwiseSpecified(source, options);
-    } else if (sourceIsArray) {
-      return options.arrayMerge(target, source, options);
-    } else {
-      return mergeObject(target, source, options);
-    }
-  }
-  deepmerge.all = function deepmergeAll(array2, options) {
-    if (!Array.isArray(array2)) {
-      throw new Error("first argument should be an array");
-    }
-    return array2.reduce(function(prev, next) {
-      return deepmerge(prev, next, options);
-    }, {});
-  };
-  var deepmerge_1 = deepmerge;
-  cjs = deepmerge_1;
-  return cjs;
-}
-var cjsExports = /* @__PURE__ */ requireCjs();
-const deepMerge$1 = /* @__PURE__ */ getDefaultExportFromCjs(cjsExports);
-const isMergeableObject = (value) => {
+const isPlainObject$3 = (value) => {
   if (value === null || typeof value !== "object") return false;
   if (value instanceof Promise || typeof value.then === "function") return false;
   if (value.$$typeof !== void 0) return false;
   const proto = Object.getPrototypeOf(value);
   return proto === Object.prototype || proto === null || Array.isArray(value);
 };
+const deepMergeObjects = (target, source) => {
+  if (target === void 0) return source;
+  if (source === void 0) return target;
+  if (Array.isArray(target)) return target;
+  if (isPlainObject$3(target) && isPlainObject$3(source)) {
+    const result = { ...target };
+    for (const key2 of Object.keys(source)) {
+      if (key2 === "__proto__" || key2 === "constructor") continue;
+      if (Object.hasOwn(target, key2)) result[key2] = deepMergeObjects(target[key2], source[key2]);
+      else result[key2] = source[key2];
+    }
+    return result;
+  }
+  return target;
+};
 const removeUndefinedValues = (object2, visited = /* @__PURE__ */ new WeakSet()) => {
   if (typeof object2 !== "object" || object2 === null) return object2;
   if (visited.has(object2)) return object2;
   visited.add(object2);
-  if (!isMergeableObject(object2)) return object2;
+  if (!isPlainObject$3(object2)) return object2;
   if (Array.isArray(object2)) return object2.map((item) => removeUndefinedValues(item, visited));
   const result = {};
   for (const [key2, value] of Object.entries(object2)) if (value !== void 0) result[key2] = removeUndefinedValues(value, visited);
@@ -13929,12 +13839,10 @@ const getTranslation = (languageContent, locale, fallback) => {
     }
   }
   if (results.length === 0) return;
-  results.reverse();
   const cleanResults = results.map((item) => removeUndefinedValues(item));
-  return deepMerge$1.all(cleanResults, {
-    arrayMerge: (_destinationArray, sourceArray) => sourceArray,
-    isMergeableObject
-  });
+  if (cleanResults.length === 1) return cleanResults[0];
+  if (Array.isArray(cleanResults[0])) return cleanResults[0];
+  return cleanResults.reduce((acc, curr) => deepMergeObjects(acc, curr));
 };
 const translationPlugin = (locale, fallback, onContentNotFound) => ({
   id: "translation-plugin",
@@ -14643,6 +14551,27 @@ const createCachedIntl = () => new Proxy(Intl, { get: (target, prop, receiver) =
   return typeof value === "function" && /^[A-Z]/.test(String(prop)) ? createCachedConstructor(value) : value;
 } });
 const CachedIntl = createCachedIntl();
+const getCookie = (name, cookieString) => {
+  try {
+    const str = cookieString ?? (typeof document !== "undefined" ? document.cookie : "");
+    if (!str) return void 0;
+    const pairs = str.split(";");
+    for (let i2 = 0; i2 < pairs.length; i2++) {
+      const part = pairs[i2].trim();
+      if (!part) continue;
+      const equalIndex = part.indexOf("=");
+      if ((equalIndex >= 0 ? part.substring(0, equalIndex) : part) === name) {
+        const rawValue = equalIndex >= 0 ? part.substring(equalIndex + 1) : "";
+        try {
+          return decodeURIComponent(rawValue);
+        } catch {
+          return rawValue;
+        }
+      }
+    }
+  } catch {
+  }
+};
 const buildCookieString = (name, value, attributes) => {
   const parts = [`${name}=${encodeURIComponent(value)}`];
   if (attributes.path) parts.push(`Path=${attributes.path}`);
@@ -14665,28 +14594,10 @@ const getLocaleFromStorage = (options) => {
   const readCookie = (name) => {
     try {
       const fromOption = options?.getCookie?.(name);
-      if (fromOption !== null) return fromOption;
-    } catch {
-    }
-    try {
-      const cookieString = document.cookie ?? "";
-      if (!cookieString) return;
-      const pairs = cookieString.split(";");
-      for (let i2 = 0; i2 < pairs.length; i2++) {
-        const part = pairs[i2].trim();
-        if (!part) continue;
-        const equalIndex = part.indexOf("=");
-        if ((equalIndex >= 0 ? part.substring(0, equalIndex) : part) === name) {
-          const rawValue = equalIndex >= 0 ? part.substring(equalIndex + 1) : "";
-          try {
-            return decodeURIComponent(rawValue);
-          } catch {
-            return rawValue;
-          }
-        }
-      }
+      if (fromOption !== null && fromOption !== void 0) return fromOption;
     } catch {
     }
+    return getCookie(name);
   };
   for (let i2 = 0; i2 < storageAttributes.cookies.length; i2++) {
     const { name } = storageAttributes.cookies[i2];
@@ -21466,10 +21377,10 @@ const __iconNode$o = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
 const Check = createLucideIcon("check", __iconNode$o);
 const __iconNode$n = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
 const ChevronDown = createLucideIcon("chevron-down", __iconNode$n);
-const __iconNode$m = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]];
-const ChevronLeft = createLucideIcon("chevron-left", __iconNode$m);
-const __iconNode$l = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
-const ChevronRight = createLucideIcon("chevron-right", __iconNode$l);
+const __iconNode$m = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
+const ChevronRight = createLucideIcon("chevron-right", __iconNode$m);
+const __iconNode$l = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]];
+const ChevronLeft = createLucideIcon("chevron-left", __iconNode$l);
 const __iconNode$k = [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]];
 const ChevronUp = createLucideIcon("chevron-up", __iconNode$k);
 const __iconNode$j = [
@@ -23181,8 +23092,8 @@ function createSidecarMedium(options) {
   medium.options = __assign({ async: true, ssr: false }, options);
   return medium;
 }
-var SideCar$1 = function(_a) {
-  var sideCar = _a.sideCar, rest = __rest(_a, ["sideCar"]);
+var SideCar$1 = function(_a2) {
+  var sideCar = _a2.sideCar, rest = __rest(_a2, ["sideCar"]);
   if (!sideCar) {
     throw new Error("Sidecar: please provide `sideCar` property to import the right car");
   }
@@ -23203,11 +23114,11 @@ var nothing = function() {
 };
 var RemoveScroll = reactExports.forwardRef(function(props, parentRef) {
   var ref = reactExports.useRef(null);
-  var _a = reactExports.useState({
+  var _a2 = reactExports.useState({
     onScrollCapture: nothing,
     onWheelCapture: nothing,
     onTouchMoveCapture: nothing
-  }), callbacks = _a[0], setCallbacks = _a[1];
+  }), callbacks = _a2[0], setCallbacks = _a2[1];
   var forwardProps = props.forwardProps, children = props.children, className = props.className, removeScrollBar = props.removeScrollBar, enabled = props.enabled, shards = props.shards, sideCar = props.sideCar, noRelative = props.noRelative, noIsolation = props.noIsolation, inert = props.inert, allowPinchZoom = props.allowPinchZoom, _b = props.as, Container2 = _b === void 0 ? "div" : _b, gapMode = props.gapMode, rest = __rest(props, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noRelative", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]);
   var SideCar2 = sideCar;
   var containerRef = useMergeRefs([ref, parentRef]);
@@ -23291,8 +23202,8 @@ var styleHookSingleton = function() {
 };
 var styleSingleton = function() {
   var useStyle2 = styleHookSingleton();
-  var Sheet = function(_a) {
-    var styles = _a.styles, dynamic = _a.dynamic;
+  var Sheet = function(_a2) {
+    var styles = _a2.styles, dynamic = _a2.dynamic;
     useStyle2(styles, dynamic);
     return null;
   };
@@ -23333,8 +23244,8 @@ var getGapWidth = function(gapMode) {
 };
 var Style = styleSingleton();
 var lockAttribute = "data-scroll-locked";
-var getStyles = function(_a, allowRelative, gapMode, important) {
-  var left = _a.left, top = _a.top, right = _a.right, gap = _a.gap;
+var getStyles = function(_a2, allowRelative, gapMode, important) {
+  var left = _a2.left, top = _a2.top, right = _a2.right, gap = _a2.gap;
   if (gapMode === void 0) {
     gapMode = "margin";
   }
@@ -23361,8 +23272,8 @@ var useLockAttribute = function() {
     };
   }, []);
 };
-var RemoveScrollBar = function(_a) {
-  var noRelative = _a.noRelative, noImportant = _a.noImportant, _b = _a.gapMode, gapMode = _b === void 0 ? "margin" : _b;
+var RemoveScrollBar = function(_a2) {
+  var noRelative = _a2.noRelative, noImportant = _a2.noImportant, _b = _a2.gapMode, gapMode = _b === void 0 ? "margin" : _b;
   useLockAttribute();
   var gap = reactExports.useMemo(function() {
     return getGapWidth(gapMode);
@@ -23414,7 +23325,7 @@ var locationCouldBeScrolled = function(axis, node) {
     }
     var isScrollable = elementCouldBeScrolled(axis, current);
     if (isScrollable) {
-      var _a = getScrollVariables(axis, current), scrollHeight = _a[1], clientHeight = _a[2];
+      var _a2 = getScrollVariables(axis, current), scrollHeight = _a2[1], clientHeight = _a2[2];
       if (scrollHeight > clientHeight) {
         return true;
       }
@@ -23423,16 +23334,16 @@ var locationCouldBeScrolled = function(axis, node) {
   } while (current && current !== ownerDocument.body);
   return false;
 };
-var getVScrollVariables = function(_a) {
-  var scrollTop = _a.scrollTop, scrollHeight = _a.scrollHeight, clientHeight = _a.clientHeight;
+var getVScrollVariables = function(_a2) {
+  var scrollTop = _a2.scrollTop, scrollHeight = _a2.scrollHeight, clientHeight = _a2.clientHeight;
   return [
     scrollTop,
     scrollHeight,
     clientHeight
   ];
 };
-var getHScrollVariables = function(_a) {
-  var scrollLeft = _a.scrollLeft, scrollWidth = _a.scrollWidth, clientWidth = _a.clientWidth;
+var getHScrollVariables = function(_a2) {
+  var scrollLeft = _a2.scrollLeft, scrollWidth = _a2.scrollWidth, clientWidth = _a2.clientWidth;
   return [
     scrollLeft,
     scrollWidth,
@@ -23461,7 +23372,7 @@ var handleScroll = function(axis, endTarget, event, sourceDelta, noOverscroll) {
     if (!target) {
       break;
     }
-    var _a = getScrollVariables(axis, target), position = _a[0], scroll_1 = _a[1], capacity = _a[2];
+    var _a2 = getScrollVariables(axis, target), position = _a2[0], scroll_1 = _a2[1], capacity = _a2[2];
     var elementScroll = scroll_1 - capacity - directionFactor * position;
     if (position || elementScroll) {
       if (elementCouldBeScrolled(axis, target)) {
@@ -30853,6 +30764,7 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
       this.treeScale = { x: 1, y: 1 };
       this.eventHandlers = /* @__PURE__ */ new Map();
       this.hasTreeAnimated = false;
+      this.layoutVersion = 0;
       this.updateScheduled = false;
       this.scheduleUpdate = () => this.update();
       this.projectionUpdateScheduled = false;
@@ -30870,6 +30782,7 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
         this.nodes.forEach(cleanDirtyNodes);
       };
       this.resolvedRelativeTargetAt = 0;
+      this.linkedParentVersion = 0;
       this.hasProjected = false;
       this.isVisible = true;
       this.animationProgress = 0;
@@ -31125,6 +31038,7 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
       }
       const prevLayout = this.layout;
       this.layout = this.measure(false);
+      this.layoutVersion++;
       this.layoutCorrected = createBox();
       this.isLayoutDirty = false;
       this.projectionDelta = void 0;
@@ -31292,17 +31206,15 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
       if (!this.layout || !(layout2 || layoutId))
         return;
       this.resolvedRelativeTargetAt = frameData.timestamp;
+      const relativeParent = this.getClosestProjectingParent();
+      if (relativeParent && this.linkedParentVersion !== relativeParent.layoutVersion && !relativeParent.options.layoutRoot) {
+        this.removeRelativeTarget();
+      }
       if (!this.targetDelta && !this.relativeTarget) {
-        const relativeParent = this.getClosestProjectingParent();
-        if (relativeParent && relativeParent.layout && this.animationProgress !== 1) {
-          this.relativeParent = relativeParent;
-          this.forceRelativeParentToResolveTarget();
-          this.relativeTarget = createBox();
-          this.relativeTargetOrigin = createBox();
-          calcRelativePosition(this.relativeTargetOrigin, this.layout.layoutBox, relativeParent.layout.layoutBox);
-          copyBoxInto(this.relativeTarget, this.relativeTargetOrigin);
+        if (relativeParent && relativeParent.layout) {
+          this.createRelativeTarget(relativeParent, this.layout.layoutBox, relativeParent.layout.layoutBox);
         } else {
-          this.relativeParent = this.relativeTarget = void 0;
+          this.removeRelativeTarget();
         }
       }
       if (!this.relativeTarget && !this.targetDelta)
@@ -31326,14 +31238,8 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
       }
       if (this.attemptToResolveRelativeTarget) {
         this.attemptToResolveRelativeTarget = false;
-        const relativeParent = this.getClosestProjectingParent();
         if (relativeParent && Boolean(relativeParent.resumingFrom) === Boolean(this.resumingFrom) && !relativeParent.options.layoutScroll && relativeParent.target && this.animationProgress !== 1) {
-          this.relativeParent = relativeParent;
-          this.forceRelativeParentToResolveTarget();
-          this.relativeTarget = createBox();
-          this.relativeTargetOrigin = createBox();
-          calcRelativePosition(this.relativeTargetOrigin, this.target, relativeParent.target);
-          copyBoxInto(this.relativeTarget, this.relativeTargetOrigin);
+          this.createRelativeTarget(relativeParent, this.target, relativeParent.target);
         } else {
           this.relativeParent = this.relativeTarget = void 0;
         }
@@ -31352,6 +31258,18 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
     isProjecting() {
       return Boolean((this.relativeTarget || this.targetDelta || this.options.layoutRoot) && this.layout);
     }
+    createRelativeTarget(relativeParent, layout2, parentLayout) {
+      this.relativeParent = relativeParent;
+      this.linkedParentVersion = relativeParent.layoutVersion;
+      this.forceRelativeParentToResolveTarget();
+      this.relativeTarget = createBox();
+      this.relativeTargetOrigin = createBox();
+      calcRelativePosition(this.relativeTargetOrigin, layout2, parentLayout);
+      copyBoxInto(this.relativeTarget, this.relativeTargetOrigin);
+    }
+    removeRelativeTarget() {
+      this.relativeParent = this.relativeTarget = void 0;
+    }
     calcProjection() {
       const lead = this.getLead();
       const isShared = Boolean(this.resumingFrom) || this !== lead;
@@ -38010,7 +37928,7 @@ var BetterFetchError = class extends Error {
   }
 };
 var initializePlugins = async (url, options) => {
-  var _a, _b, _c, _d, _e2, _f;
+  var _a2, _b, _c, _d, _e2, _f;
   let opts = options || {};
   const hooks = {
     onRequest: [options == null ? void 0 : options.onRequest],
@@ -38028,7 +37946,7 @@ var initializePlugins = async (url, options) => {
   }
   for (const plugin of (options == null ? void 0 : options.plugins) || []) {
     if (plugin.init) {
-      const pluginRes = await ((_a = plugin.init) == null ? void 0 : _a.call(plugin, url.toString(), options));
+      const pluginRes = await ((_a2 = plugin.init) == null ? void 0 : _a2.call(plugin, url.toString(), options));
       opts = pluginRes.options || opts;
       url = pluginRes.url;
     }
@@ -38230,12 +38148,12 @@ function getBody(options) {
   return options.body;
 }
 function getMethod$1(url, options) {
-  var _a;
+  var _a2;
   if (options == null ? void 0 : options.method) {
     return options.method.toUpperCase();
   }
   if (url.startsWith("@")) {
-    const pMethod = (_a = url.split("@")[1]) == null ? void 0 : _a.split("/")[0];
+    const pMethod = (_a2 = url.split("@")[1]) == null ? void 0 : _a2.split("/")[0];
     if (!methods.includes(pMethod)) {
       return (options == null ? void 0 : options.body) ? "POST" : "GET";
     }
@@ -38277,11 +38195,11 @@ var applySchemaPlugin = (config2) => ({
   name: "Apply Schema",
   version: "1.0.0",
   async init(url, options) {
-    var _a, _b, _c, _d;
-    const schema = ((_b = (_a = config2.plugins) == null ? void 0 : _a.find(
+    var _a2, _b, _c, _d;
+    const schema = ((_b = (_a2 = config2.plugins) == null ? void 0 : _a2.find(
       (plugin) => {
-        var _a2;
-        return ((_a2 = plugin.schema) == null ? void 0 : _a2.config) ? url.startsWith(plugin.schema.config.baseURL || "") || url.startsWith(plugin.schema.config.prefix || "") : false;
+        var _a22;
+        return ((_a22 = plugin.schema) == null ? void 0 : _a22.config) ? url.startsWith(plugin.schema.config.baseURL || "") || url.startsWith(plugin.schema.config.prefix || "") : false;
       }
     )) == null ? void 0 : _b.schema) || config2.schema;
     if (schema) {
@@ -38392,7 +38310,7 @@ function getURL2(url, option) {
   return _url2;
 }
 var betterFetch = async (url, options) => {
-  var _a, _b, _c, _d, _e2, _f, _g, _h;
+  var _a2, _b, _c, _d, _e2, _f, _g, _h;
   const {
     hooks,
     url: __url,
@@ -38400,7 +38318,7 @@ var betterFetch = async (url, options) => {
   } = await initializePlugins(url, options);
   const fetch2 = getFetch(opts);
   const controller = new AbortController();
-  const signal = (_a = opts.signal) != null ? _a : controller.signal;
+  const signal = (_a2 = opts.signal) != null ? _a2 : controller.signal;
   const _url2 = getURL2(__url, opts);
   const body = getBody(opts);
   const headers = await getHeaders(opts);
@@ -39451,10 +39369,10 @@ function toPublicKeyCredentialDescriptor(descriptor) {
     transports: descriptor.transports
   };
 }
-function isValidDomain(hostname2) {
+function isValidDomain(hostname) {
   return (
     // Consider localhost valid as well since it's okay wrt Secure Contexts
-    hostname2 === "localhost" || /^([a-z0-9]+(-[a-z0-9]+)*\.)+[a-z]{2,}$/i.test(hostname2)
+    hostname === "localhost" || /^([a-z0-9]+(-[a-z0-9]+)*\.)+[a-z]{2,}$/i.test(hostname)
   );
 }
 class WebAuthnError extends Error {
@@ -44564,30 +44482,39 @@ function n(e) {
 }
 function $constructor(name, initializer2, params) {
   function init2(inst, def) {
-    var _a;
-    Object.defineProperty(inst, "_zod", {
-      value: inst._zod ?? {},
-      enumerable: false
-    });
-    (_a = inst._zod).traits ?? (_a.traits = /* @__PURE__ */ new Set());
+    if (!inst._zod) {
+      Object.defineProperty(inst, "_zod", {
+        value: {
+          def,
+          constr: _2,
+          traits: /* @__PURE__ */ new Set()
+        },
+        enumerable: false
+      });
+    }
+    if (inst._zod.traits.has(name)) {
+      return;
+    }
     inst._zod.traits.add(name);
     initializer2(inst, def);
-    for (const k2 in _2.prototype) {
-      if (!(k2 in inst))
-        Object.defineProperty(inst, k2, { value: _2.prototype[k2].bind(inst) });
+    const proto = _2.prototype;
+    const keys = Object.keys(proto);
+    for (let i2 = 0; i2 < keys.length; i2++) {
+      const k2 = keys[i2];
+      if (!(k2 in inst)) {
+        inst[k2] = proto[k2].bind(inst);
+      }
     }
-    inst._zod.constr = _2;
-    inst._zod.def = def;
   }
   const Parent = params?.Parent ?? Object;
   class Definition extends Parent {
   }
   Object.defineProperty(Definition, "name", { value: name });
   function _2(def) {
-    var _a;
+    var _a2;
     const inst = params?.Parent ? new Definition() : this;
     init2(inst, def);
-    (_a = inst._zod).deferred ?? (_a.deferred = []);
+    (_a2 = inst._zod).deferred ?? (_a2.deferred = []);
     for (const fn of inst._zod.deferred) {
       fn();
     }
@@ -44690,6 +44617,9 @@ function mergeDefs(...defs) {
 function esc(str) {
   return JSON.stringify(str);
 }
+function slugify$1(input) {
+  return input.toLowerCase().trim().replace(/[^\w\s-]/g, "").replace(/[\s_-]+/g, "-").replace(/^-+|-+$/g, "");
+}
 const captureStackTrace = "captureStackTrace" in Error ? Error.captureStackTrace : (..._args) => {
 };
 function isObject$3(data) {
@@ -44713,6 +44643,8 @@ function isPlainObject(o2) {
   const ctor = o2.constructor;
   if (ctor === void 0)
     return true;
+  if (typeof ctor !== "function")
+    return true;
   const prot = ctor.prototype;
   if (isObject$3(prot) === false)
     return false;
@@ -44924,8 +44856,8 @@ function aborted(x, startIndex = 0) {
 }
 function prefixIssues(path, issues) {
   return issues.map((iss) => {
-    var _a;
-    (_a = iss).path ?? (_a.path = []);
+    var _a2;
+    (_a2 = iss).path ?? (_a2.path = []);
     iss.path.unshift(path);
     return iss;
   });
@@ -45131,7 +45063,6 @@ const cidrv4 = /^((25[0-5]|2[0-4][0-9]|1[0-9][0-9]|[1-9][0-9]|[0-9])\.){3}(25[0-
 const cidrv6 = /^(([0-9a-fA-F]{1,4}:){7}[0-9a-fA-F]{1,4}|::|([0-9a-fA-F]{1,4})?::([0-9a-fA-F]{1,4}:?){0,6})\/(12[0-8]|1[01][0-9]|[1-9]?[0-9])$/;
 const base64 = /^$|^(?:[0-9a-zA-Z+/]{4})*(?:(?:[0-9a-zA-Z+/]{2}==)|(?:[0-9a-zA-Z+/]{3}=))?$/;
 const base64url = /^[A-Za-z0-9_-]*$/;
-const hostname = /^(?=.{1,253}\.?$)[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[-0-9a-zA-Z]{0,61}[0-9a-zA-Z])?)*\.?$/;
 const e164 = /^\+(?:[0-9]){6,14}[0-9]$/;
 const dateSource = `(?:(?:\\d\\d[2468][048]|\\d\\d[13579][26]|\\d\\d0[48]|[02468][048]00|[13579][26]00)-02-29|\\d{4}-(?:(?:0[13578]|1[02])-(?:0[1-9]|[12]\\d|3[01])|(?:0[469]|11)-(?:0[1-9]|[12]\\d|30)|(?:02)-(?:0[1-9]|1\\d|2[0-8])))`;
 const date$1 = /* @__PURE__ */ new RegExp(`^${dateSource}$`);
@@ -45160,15 +45091,15 @@ const string$1 = (params) => {
 const lowercase = /^[^A-Z]*$/;
 const uppercase = /^[^a-z]*$/;
 const $ZodCheck = /* @__PURE__ */ $constructor("$ZodCheck", (inst, def) => {
-  var _a;
+  var _a2;
   inst._zod ?? (inst._zod = {});
   inst._zod.def = def;
-  (_a = inst._zod).onattach ?? (_a.onattach = []);
+  (_a2 = inst._zod).onattach ?? (_a2.onattach = []);
 });
 const $ZodCheckMaxLength = /* @__PURE__ */ $constructor("$ZodCheckMaxLength", (inst, def) => {
-  var _a;
+  var _a2;
   $ZodCheck.init(inst, def);
-  (_a = inst._zod.def).when ?? (_a.when = (payload) => {
+  (_a2 = inst._zod.def).when ?? (_a2.when = (payload) => {
     const val = payload.value;
     return !nullish(val) && val.length !== void 0;
   });
@@ -45195,9 +45126,9 @@ const $ZodCheckMaxLength = /* @__PURE__ */ $constructor("$ZodCheckMaxLength", (i
   };
 });
 const $ZodCheckMinLength = /* @__PURE__ */ $constructor("$ZodCheckMinLength", (inst, def) => {
-  var _a;
+  var _a2;
   $ZodCheck.init(inst, def);
-  (_a = inst._zod.def).when ?? (_a.when = (payload) => {
+  (_a2 = inst._zod.def).when ?? (_a2.when = (payload) => {
     const val = payload.value;
     return !nullish(val) && val.length !== void 0;
   });
@@ -45224,9 +45155,9 @@ const $ZodCheckMinLength = /* @__PURE__ */ $constructor("$ZodCheckMinLength", (i
   };
 });
 const $ZodCheckLengthEquals = /* @__PURE__ */ $constructor("$ZodCheckLengthEquals", (inst, def) => {
-  var _a;
+  var _a2;
   $ZodCheck.init(inst, def);
-  (_a = inst._zod.def).when ?? (_a.when = (payload) => {
+  (_a2 = inst._zod.def).when ?? (_a2.when = (payload) => {
     const val = payload.value;
     return !nullish(val) && val.length !== void 0;
   });
@@ -45255,7 +45186,7 @@ const $ZodCheckLengthEquals = /* @__PURE__ */ $constructor("$ZodCheckLengthEqual
   };
 });
 const $ZodCheckStringFormat = /* @__PURE__ */ $constructor("$ZodCheckStringFormat", (inst, def) => {
-  var _a, _b;
+  var _a2, _b;
   $ZodCheck.init(inst, def);
   inst._zod.onattach.push((inst2) => {
     const bag = inst2._zod.bag;
@@ -45266,7 +45197,7 @@ const $ZodCheckStringFormat = /* @__PURE__ */ $constructor("$ZodCheckStringForma
     }
   });
   if (def.pattern)
-    (_a = inst._zod).check ?? (_a.check = (payload) => {
+    (_a2 = inst._zod).check ?? (_a2.check = (payload) => {
       def.pattern.lastIndex = 0;
       if (def.pattern.test(payload.value))
         return;
@@ -45422,10 +45353,10 @@ class Doc {
 const version = {
   major: 4,
   minor: 1,
-  patch: 12
+  patch: 13
 };
 const $ZodType = /* @__PURE__ */ $constructor("$ZodType", (inst, def) => {
-  var _a;
+  var _a2;
   inst ?? (inst = {});
   inst._zod.def = def;
   inst._zod.bag = inst._zod.bag || {};
@@ -45440,7 +45371,7 @@ const $ZodType = /* @__PURE__ */ $constructor("$ZodType", (inst, def) => {
     }
   }
   if (checks.length === 0) {
-    (_a = inst._zod).deferred ?? (_a.deferred = []);
+    (_a2 = inst._zod).deferred ?? (_a2.deferred = []);
     inst._zod.deferred?.push(() => {
       inst._zod.run = inst._zod.parse;
     });
@@ -45598,7 +45529,7 @@ const $ZodURL = /* @__PURE__ */ $constructor("$ZodURL", (inst, def) => {
             code: "invalid_format",
             format: "url",
             note: "Invalid hostname",
-            pattern: hostname.source,
+            pattern: def.hostname.source,
             input: payload.value,
             inst,
             continue: !def.abort
@@ -45683,18 +45614,12 @@ const $ZodISODuration = /* @__PURE__ */ $constructor("$ZodISODuration", (inst, d
 const $ZodIPv4 = /* @__PURE__ */ $constructor("$ZodIPv4", (inst, def) => {
   def.pattern ?? (def.pattern = ipv4);
   $ZodStringFormat.init(inst, def);
-  inst._zod.onattach.push((inst2) => {
-    const bag = inst2._zod.bag;
-    bag.format = `ipv4`;
-  });
+  inst._zod.bag.format = `ipv4`;
 });
 const $ZodIPv6 = /* @__PURE__ */ $constructor("$ZodIPv6", (inst, def) => {
   def.pattern ?? (def.pattern = ipv6);
   $ZodStringFormat.init(inst, def);
-  inst._zod.onattach.push((inst2) => {
-    const bag = inst2._zod.bag;
-    bag.format = `ipv6`;
-  });
+  inst._zod.bag.format = `ipv6`;
   inst._zod.check = (payload) => {
     try {
       new URL(`http://[${payload.value}]`);
@@ -45756,9 +45681,7 @@ function isValidBase64(data) {
 const $ZodBase64 = /* @__PURE__ */ $constructor("$ZodBase64", (inst, def) => {
   def.pattern ?? (def.pattern = base64);
   $ZodStringFormat.init(inst, def);
-  inst._zod.onattach.push((inst2) => {
-    inst2._zod.bag.contentEncoding = "base64";
-  });
+  inst._zod.bag.contentEncoding = "base64";
   inst._zod.check = (payload) => {
     if (isValidBase64(payload.value))
       return;
@@ -45781,9 +45704,7 @@ function isValidBase64URL(data) {
 const $ZodBase64URL = /* @__PURE__ */ $constructor("$ZodBase64URL", (inst, def) => {
   def.pattern ?? (def.pattern = base64url);
   $ZodStringFormat.init(inst, def);
-  inst._zod.onattach.push((inst2) => {
-    inst2._zod.bag.contentEncoding = "base64url";
-  });
+  inst._zod.bag.contentEncoding = "base64url";
   inst._zod.check = (payload) => {
     if (isValidBase64URL(payload.value))
       return;
@@ -45922,7 +45843,7 @@ function handleCatchall(proms, input, payload, ctx, def, inst) {
   const keySet = def.keySet;
   const _catchall = def.catchall._zod;
   const t2 = _catchall.def.type;
-  for (const key2 of Object.keys(input)) {
+  for (const key2 in input) {
     if (keySet.has(key2))
       continue;
     if (t2 === "never") {
@@ -46453,8 +46374,8 @@ const $ZodReadonly = /* @__PURE__ */ $constructor("$ZodReadonly", (inst, def) =>
   $ZodType.init(inst, def);
   defineLazy(inst._zod, "propValues", () => def.innerType._zod.propValues);
   defineLazy(inst._zod, "values", () => def.innerType._zod.values);
-  defineLazy(inst._zod, "optin", () => def.innerType._zod.optin);
-  defineLazy(inst._zod, "optout", () => def.innerType._zod.optout);
+  defineLazy(inst._zod, "optin", () => def.innerType?._zod?.optin);
+  defineLazy(inst._zod, "optout", () => def.innerType?._zod?.optout);
   inst._zod.parse = (payload, ctx) => {
     if (ctx.direction === "backward") {
       return def.innerType._zod.run(payload, ctx);
@@ -46503,6 +46424,7 @@ function handleRefineResult(result, payload, input, inst) {
     payload.issues.push(issue(_iss));
   }
 }
+var _a;
 class $ZodRegistry {
   constructor() {
     this._map = /* @__PURE__ */ new WeakMap();
@@ -46549,7 +46471,8 @@ class $ZodRegistry {
 function registry() {
   return new $ZodRegistry();
 }
-const globalRegistry = /* @__PURE__ */ registry();
+(_a = globalThis).__zod_globalRegistry ?? (_a.__zod_globalRegistry = registry());
+const globalRegistry = globalThis.__zod_globalRegistry;
 function _string(Class, params) {
   return new Class({
     type: "string",
@@ -46890,6 +46813,9 @@ function _toLowerCase() {
 function _toUpperCase() {
   return _overwrite((input) => input.toUpperCase());
 }
+function _slugify() {
+  return _overwrite((input) => slugify$1(input));
+}
 function _array(Class, element, params) {
   return new Class({
     type: "array",
@@ -48466,6 +48392,7 @@ const _ZodString = /* @__PURE__ */ $constructor("_ZodString", (inst, def) => {
   inst.normalize = (...args) => inst.check(_normalize(...args));
   inst.toLowerCase = () => inst.check(_toLowerCase());
   inst.toUpperCase = () => inst.check(_toUpperCase());
+  inst.slugify = () => inst.check(_slugify());
 });
 const ZodString = /* @__PURE__ */ $constructor("ZodString", (inst, def) => {
   $ZodString.init(inst, def);
@@ -50545,7 +50472,7 @@ const CodeDefault = ({
     })
   })
 });
-const CodeBlockShiki = reactExports.lazy(() => __vitePreload(() => import("./CodeBlockShiki-BY8Vvfa7.js"), true ? [] : void 0).then((mod) => ({
+const CodeBlockShiki = reactExports.lazy(() => __vitePreload(() => import("./CodeBlockShiki-BtHKWEZc.js"), true ? [] : void 0).then((mod) => ({
   default: mod.CodeBlockShiki
 })));
 const CodeBlock = ({

package/client/dist/index.html

@@ -5,7 +5,7 @@
     <link rel="icon" type="image/svg+xml" href="/vite.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Intlayer Editor</title>
-    <script type="module" crossorigin src="/assets/index-rrJqDgX7.js"></script>
+    <script type="module" crossorigin src="/assets/index-DgMLPt35.js"></script>
     <link rel="stylesheet" crossorigin href="/assets/index-CpI4KDfc.css">
   </head>
   <body>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "intlayer-editor",
-  "version": "7.3.8",
+  "version": "7.3.10",
   "private": false,
   "description": "Integrate the Intlayer visual editor into your Intlayer projects, enabling CMS-like content management with multilingual support.",
   "keywords": [
@@ -85,32 +85,32 @@
     "typecheck": "tsc --project ./server/tsconfig.types.json --noEmit"
   },
   "dependencies": {
-    "@intlayer/api": "7.3.8",
-    "@intlayer/chokidar": "7.3.8",
-    "@intlayer/config": "7.3.8",
-    "@intlayer/core": "7.3.8",
-    "@intlayer/design-system": "7.3.8",
-    "@intlayer/editor-react": "7.3.8",
-    "@intlayer/types": "7.3.8",
-    "@intlayer/unmerged-dictionaries-entry": "7.3.8",
+    "@intlayer/api": "7.3.10",
+    "@intlayer/chokidar": "7.3.10",
+    "@intlayer/config": "7.3.10",
+    "@intlayer/core": "7.3.10",
+    "@intlayer/design-system": "7.3.10",
+    "@intlayer/editor-react": "7.3.10",
+    "@intlayer/types": "7.3.10",
+    "@intlayer/unmerged-dictionaries-entry": "7.3.10",
     "@tanstack/react-query": "5.90.10",
     "compression": "1.8.1",
     "cookie-parser": "1.4.7",
     "cors": "2.8.5",
     "express": "5.1.0",
-    "express-intlayer": "7.3.8",
-    "framer-motion": "12.23.24",
+    "express-intlayer": "7.3.10",
+    "framer-motion": "12.23.25",
     "fuse.js": "7.1.0",
     "helmet": "8.1.0",
-    "intlayer": "7.3.8",
-    "lucide-react": "0.554.0",
+    "intlayer": "7.3.10",
+    "lucide-react": "0.555.0",
     "mime": "4.1.0",
-    "react": "19.2.0",
-    "react-dom": "19.2.0",
-    "react-intlayer": "7.3.8",
+    "react": "19.2.1",
+    "react-dom": "19.2.1",
+    "react-intlayer": "7.3.10",
     "react-router-dom": "7.9.5",
     "rimraf": "6.1.2",
-    "vite-intlayer": "7.3.8"
+    "vite-intlayer": "7.3.10"
   },
   "devDependencies": {
     "@tailwindcss/vite": "4.1.16",
@@ -119,7 +119,7 @@
     "@types/cors": "2.8.19",
     "@types/express": "5.0.5",
     "@types/node": "24.10.1",
-    "@types/react": "19.2.5",
+    "@types/react": "19.2.7",
     "@types/react-dom": "19.2.3",
     "@utils/ts-config": "1.0.4",
     "@vitejs/plugin-react": "^5.1.0",
@@ -134,14 +134,14 @@
   },
   "peerDependencies": {
     "clsx": "2.1.1",
-    "framer-motion": "12.23.24",
-    "intlayer": "7.3.8",
+    "framer-motion": "12.23.25",
+    "intlayer": "7.3.10",
     "react": ">=16.0.0",
     "react-dom": ">=16.0.0",
-    "react-intlayer": "7.3.8",
+    "react-intlayer": "7.3.10",
     "react-router-dom": ">=6.0.0",
     "tailwind-merge": "3.4.0",
-    "vite-intlayer": "7.3.8"
+    "vite-intlayer": "7.3.10"
   },
   "engines": {
     "node": ">=14.18"