@valaxyjs/devtools 0.23.3 → 0.23.4

package/dist/client/assets/{index-BJpUDkpC.js → index-CzS8OdaC.js}

@@ -1,4 +1,4 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./index-B3LlV-qy.js","./splitpanes.es-DzeLiV6K.js","./index-DKnSvpEK.css","./migration-DljaPscN.js"])))=>i.map(i=>d[i]);
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./index-Ch5EOJMr.js","./splitpanes.es-DWSQbq7A.js","./index-DKnSvpEK.css","./migration-D4i7vW_8.js"])))=>i.map(i=>d[i]);
 true              &&(function polyfill() {
   const relList = document.createElement("link").relList;
   if (relList && relList.supports && relList.supports("modulepreload")) {
@@ -756,13 +756,9 @@ function definePreset(...presets) {
 }
 var ThemeService = EventBus();
 var service_default = ThemeService;
-function merge(value1, value2) {
-  if (isArray$3(value1)) {
-    value1.push(...value2 || []);
-  } else if (isObject$3(value1)) {
-    Object.assign(value1, value2);
-  }
-}
+var EXPR_REGEX = /{([^}]*)}/g;
+var CALC_REGEX = /(\d+\s+[\+\-\*\/]\s+\d+)/g;
+var VAR_REGEX = /var\([^)]+\)/g;
 function toValue$1(value) {
   return isObject$3(value) && value.hasOwnProperty("$value") && value.hasOwnProperty("$type") ? value.$value : value;
 }
@@ -782,19 +778,16 @@ function hasOddBraces(str = "") {
 }
 function getVariableValue(value, variable = "", prefix = "", excludedKeyRegexes = [], fallback) {
   if (isString$2(value)) {
-    const regex = /{([^}]*)}/g;
     const val = value.trim();
     if (hasOddBraces(val)) {
       return void 0;
-    } else if (matchRegex(val, regex)) {
-      const _val = val.replaceAll(regex, (v) => {
+    } else if (matchRegex(val, EXPR_REGEX)) {
+      const _val = val.replaceAll(EXPR_REGEX, (v) => {
         const path = v.replace(/{|}/g, "");
         const keys = path.split(".").filter((_v) => !excludedKeyRegexes.some((_r) => matchRegex(_v, _r)));
         return `var(${getVariableName(prefix, toKebabCase(keys.join("-")))}${isNotEmpty(fallback) ? `, ${fallback}` : ""})`;
       });
-      const calculationRegex = /(\d+\s+[\+\-\*\/]\s+\d+)/g;
-      const cleanedVarRegex = /var\([^)]+\)/g;
-      return matchRegex(_val.replace(cleanedVarRegex, "0"), calculationRegex) ? `calc(${_val})` : _val;
+      return matchRegex(_val.replace(VAR_REGEX, "0"), CALC_REGEX) ? `calc(${_val})` : _val;
     }
     return val;
   } else if (isNumber$1(value)) {
@@ -813,6 +806,70 @@ function getRule(selector, properties) {
   }
   return "";
 }
+function evaluateDtExpressions(input, fn) {
+  if (input.indexOf("dt(") === -1) return input;
+  function fastParseArgs(str, fn2) {
+    const args = [];
+    let i = 0;
+    let current = "";
+    let quote = null;
+    let depth = 0;
+    while (i <= str.length) {
+      const c = str[i];
+      if ((c === '"' || c === "'" || c === "`") && str[i - 1] !== "\\") {
+        quote = quote === c ? null : c;
+      }
+      if (!quote) {
+        if (c === "(") depth++;
+        if (c === ")") depth--;
+        if ((c === "," || i === str.length) && depth === 0) {
+          const arg = current.trim();
+          if (arg.startsWith("dt(")) {
+            args.push(evaluateDtExpressions(arg, fn2));
+          } else {
+            args.push(parseArg(arg));
+          }
+          current = "";
+          i++;
+          continue;
+        }
+      }
+      if (c !== void 0) current += c;
+      i++;
+    }
+    return args;
+  }
+  function parseArg(arg) {
+    const q = arg[0];
+    if ((q === '"' || q === "'" || q === "`") && arg[arg.length - 1] === q) {
+      return arg.slice(1, -1);
+    }
+    const num = Number(arg);
+    return isNaN(num) ? arg : num;
+  }
+  const indices = [];
+  const stack = [];
+  for (let i = 0; i < input.length; i++) {
+    if (input[i] === "d" && input.slice(i, i + 3) === "dt(") {
+      stack.push(i);
+      i += 2;
+    } else if (input[i] === ")" && stack.length > 0) {
+      const start = stack.pop();
+      if (stack.length === 0) {
+        indices.push([start, i]);
+      }
+    }
+  }
+  if (!indices.length) return input;
+  for (let i = indices.length - 1; i >= 0; i--) {
+    const [start, end] = indices[i];
+    const inner = input.slice(start + 3, end);
+    const args = fastParseArgs(inner, fn);
+    const resolved = fn(...args);
+    input = input.slice(0, start) + resolved + input.slice(end + 1);
+  }
+  return input;
+}
 var dt = (...args) => {
   return dtwt(config_default.getTheme(), ...args);
 };
@@ -820,40 +877,57 @@ var dtwt = (theme = {}, tokenPath, fallback, type) => {
   if (tokenPath) {
     const { variable: VARIABLE, options: OPTIONS } = config_default.defaults || {};
     const { prefix, transform } = (theme == null ? void 0 : theme.options) || OPTIONS || {};
-    const regex = /{([^}]*)}/g;
-    const token = matchRegex(tokenPath, regex) ? tokenPath : `{${tokenPath}}`;
+    const token = matchRegex(tokenPath, EXPR_REGEX) ? tokenPath : `{${tokenPath}}`;
     const isStrictTransform = type === "value" || isEmpty(type) && transform === "strict";
     return isStrictTransform ? config_default.getTokenValue(tokenPath) : getVariableValue(token, void 0, prefix, [VARIABLE.excludedKeyRegex], fallback);
   }
   return "";
 };
+
+// src/helpers/css.ts
+function css$1(strings, ...exprs) {
+  if (strings instanceof Array) {
+    const raw = strings.reduce((acc, str, i) => {
+      var _a;
+      return acc + str + ((_a = resolve$1(exprs[i], { dt })) != null ? _a : "");
+    }, "");
+    return evaluateDtExpressions(raw, dt);
+  }
+  return resolve$1(strings, { dt });
+}
 function toVariables_default(theme, options = {}) {
   const VARIABLE = config_default.defaults.variable;
   const { prefix = VARIABLE.prefix, selector = VARIABLE.selector, excludedKeyRegex = VARIABLE.excludedKeyRegex } = options;
-  const _toVariables = (_theme, _prefix = "") => {
-    return Object.entries(_theme).reduce(
-      (acc, [key, value]) => {
-        const px = matchRegex(key, excludedKeyRegex) ? toNormalizeVariable(_prefix) : toNormalizeVariable(_prefix, toKebabCase(key));
-        const v = toValue$1(value);
-        if (isObject$3(v)) {
-          const { variables: variables2, tokens: tokens2 } = _toVariables(v, px);
-          merge(acc["tokens"], tokens2);
-          merge(acc["variables"], variables2);
-        } else {
-          acc["tokens"].push((prefix ? px.replace(`${prefix}-`, "") : px).replaceAll("-", "."));
-          setProperty(acc["variables"], getVariableName(px), getVariableValue(v, px, prefix, [excludedKeyRegex]));
+  const tokens = [];
+  const variables = [];
+  const stack = [{ node: theme, path: prefix }];
+  while (stack.length) {
+    const { node, path } = stack.pop();
+    for (const key in node) {
+      const raw = node[key];
+      const val = toValue$1(raw);
+      const skipNormalize = matchRegex(key, excludedKeyRegex);
+      const variablePath = skipNormalize ? toNormalizeVariable(path) : toNormalizeVariable(path, toKebabCase(key));
+      if (isObject$3(val)) {
+        stack.push({ node: val, path: variablePath });
+      } else {
+        const varName = getVariableName(variablePath);
+        const varValue = getVariableValue(val, variablePath, prefix, [excludedKeyRegex]);
+        setProperty(variables, varName, varValue);
+        let token = variablePath;
+        if (prefix && token.startsWith(prefix + "-")) {
+          token = token.slice(prefix.length + 1);
         }
-        return acc;
-      },
-      { variables: [], tokens: [] }
-    );
-  };
-  const { variables, tokens } = _toVariables(theme, prefix);
+        tokens.push(token.replace(/-/g, "."));
+      }
+    }
+  }
+  const declarations = variables.join("");
   return {
     value: variables,
     tokens,
-    declarations: variables.join(""),
-    css: getRule(selector, variables.join(""))
+    declarations,
+    css: getRule(selector, declarations)
   };
 }
 
@@ -1014,8 +1088,8 @@ var themeUtils_default = {
     const common = this.getCommon({ name, theme, params, set, defaults });
     const _props = Object.entries(props).reduce((acc, [k, v]) => acc.push(`${k}="${v}"`) && acc, []).join(" ");
     return Object.entries(common || {}).reduce((acc, [key, value]) => {
-      if (value == null ? void 0 : value.css) {
-        const _css = minifyCSS(value == null ? void 0 : value.css);
+      if (isObject$3(value) && Object.hasOwn(value, "css")) {
+        const _css = minifyCSS(value.css);
         const id = `${key}-variables`;
         acc.push(`<style type="text/css" data-primevue-style-id="${id}" ${_props}>${_css}</style>`);
       }
@@ -1053,21 +1127,18 @@ var themeUtils_default = {
           value,
           scheme: currentPath.includes("colorScheme.light") ? "light" : currentPath.includes("colorScheme.dark") ? "dark" : "none",
           computed(colorScheme, tokenPathMap = {}) {
-            const regex = /{([^}]*)}/g;
             let computedValue = value;
             tokenPathMap["name"] = this.path;
             tokenPathMap["binding"] || (tokenPathMap["binding"] = {});
-            if (matchRegex(value, regex)) {
+            if (matchRegex(value, EXPR_REGEX)) {
               const val = value.trim();
-              const _val = val.replaceAll(regex, (v) => {
+              const _val = val.replaceAll(EXPR_REGEX, (v) => {
                 var _a;
                 const path = v.replace(/{|}/g, "");
                 const computed = (_a = tokens[path]) == null ? void 0 : _a.computed(colorScheme, tokenPathMap);
                 return isArray$3(computed) && computed.length === 2 ? `light-dark(${computed[0].value},${computed[1].value})` : computed == null ? void 0 : computed.value;
               });
-              const calculationRegex = /(\d+\w*\s+[\+\-\*\/]\s+\d+\w*)/g;
-              const cleanedVarRegex = /var\([^)]+\)/g;
-              computedValue = matchRegex(_val.replace(cleanedVarRegex, "0"), calculationRegex) ? `calc(${_val})` : _val;
+              computedValue = matchRegex(_val.replace(VAR_REGEX, "0"), CALC_REGEX) ? `calc(${_val})` : _val;
             }
             isEmpty(tokenPathMap["binding"]) && delete tokenPathMap["binding"];
             return {
@@ -1546,7 +1617,7 @@ var index = _objectSpread$3(_objectSpread$3({}, e$Q), {}, {
 /* Injected with object hook! */
 
 /**
-* @vue/shared v3.5.13
+* @vue/shared v3.5.14
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -1794,7 +1865,7 @@ const stringifySymbol = (v, i = "") => {
 /* Injected with object hook! */
 
 /**
-* @vue/reactivity v3.5.13
+* @vue/reactivity v3.5.14
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -1803,6 +1874,7 @@ class EffectScope {
   constructor(detached = false) {
     this.detached = detached;
     this._active = true;
+    this._on = 0;
     this.effects = [];
     this.cleanups = [];
     this._isPaused = false;
@@ -1865,14 +1937,20 @@ class EffectScope {
    * @internal
    */
   on() {
-    activeEffectScope = this;
+    if (++this._on === 1) {
+      this.prevScope = activeEffectScope;
+      activeEffectScope = this;
+    }
   }
   /**
    * This should only be called on non-detached scopes
    * @internal
    */
   off() {
-    activeEffectScope = this.parent;
+    if (this._on > 0 && --this._on === 0) {
+      activeEffectScope = this.prevScope;
+      this.prevScope = void 0;
+    }
   }
   stop(fromParent) {
     if (this._active) {
@@ -2102,12 +2180,11 @@ function refreshComputed(computed2) {
     return;
   }
   computed2.globalVersion = globalVersion;
-  const dep = computed2.dep;
-  computed2.flags |= 2;
-  if (dep.version > 0 && !computed2.isSSR && computed2.deps && !isDirty(computed2)) {
-    computed2.flags &= -3;
+  if (!computed2.isSSR && computed2.flags & 128 && (!computed2.deps && !computed2._dirty || !isDirty(computed2))) {
     return;
   }
+  computed2.flags |= 2;
+  const dep = computed2.dep;
   const prevSub = activeSub;
   const prevShouldTrack = shouldTrack;
   activeSub = computed2;
@@ -2116,6 +2193,7 @@ function refreshComputed(computed2) {
     prepareDeps(computed2);
     const value = computed2.fn(computed2._value);
     if (dep.version === 0 || hasChanged(value, computed2._value)) {
+      computed2.flags |= 128;
       computed2._value = value;
       dep.version++;
     }
@@ -2955,14 +3033,14 @@ function createReactiveObject(target, isReadonly2, baseHandlers, collectionHandl
   if (target["__v_raw"] && !(isReadonly2 && target["__v_isReactive"])) {
     return target;
   }
-  const existingProxy = proxyMap.get(target);
-  if (existingProxy) {
-    return existingProxy;
-  }
   const targetType = getTargetType(target);
   if (targetType === 0) {
     return target;
   }
+  const existingProxy = proxyMap.get(target);
+  if (existingProxy) {
+    return existingProxy;
+  }
   const proxy = new Proxy(
     target,
     targetType === 2 ? collectionHandlers : baseHandlers
@@ -3366,7 +3444,7 @@ function traverse(value, depth = Infinity, seen) {
 /* Injected with object hook! */
 
 /**
-* @vue/runtime-core v3.5.13
+* @vue/runtime-core v3.5.14
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -4381,6 +4459,9 @@ function getInnerChild$1(vnode) {
     }
     return vnode;
   }
+  if (vnode.component) {
+    return vnode.component.subTree;
+  }
   const { shapeFlag, children } = vnode;
   if (children) {
     if (shapeFlag & 16) {
@@ -4664,14 +4745,16 @@ function renderList(source, renderItem, cache, index) {
   if (sourceIsArray || isString$1(source)) {
     const sourceIsReactiveArray = sourceIsArray && isReactive(source);
     let needsWrap = false;
+    let isReadonlySource = false;
     if (sourceIsReactiveArray) {
       needsWrap = !isShallow(source);
+      isReadonlySource = isReadonly(source);
       source = shallowReadArray(source);
     }
     ret = new Array(source.length);
     for (let i = 0, l = source.length; i < l; i++) {
       ret[i] = renderItem(
-        needsWrap ? toReactive(source[i]) : source[i],
+        needsWrap ? isReadonlySource ? toReadonly(toReactive(source[i])) : toReactive(source[i]) : source[i],
         i,
         void 0,
         cached
@@ -5718,7 +5801,7 @@ const normalizeVNodeSlots = (instance, children) => {
 };
 const assignSlots = (slots, children, optimized) => {
   for (const key in children) {
-    if (optimized || key !== "_") {
+    if (optimized || !isInternalKey(key)) {
       slots[key] = children[key];
     }
   }
@@ -6780,7 +6863,13 @@ function baseCreateRenderer(options, createHydrationFns) {
         queuePostRenderEffect(() => transition.enter(el), parentSuspense);
       } else {
         const { leave, delayLeave, afterLeave } = transition;
-        const remove22 = () => hostInsert(el, container, anchor);
+        const remove22 = () => {
+          if (vnode.ctx.isUnmounted) {
+            hostRemove(el);
+          } else {
+            hostInsert(el, container, anchor);
+          }
+        };
         const performLeave = () => {
           leave(el, () => {
             remove22();
@@ -6813,7 +6902,9 @@ function baseCreateRenderer(options, createHydrationFns) {
       optimized = false;
     }
     if (ref3 != null) {
+      pauseTracking();
       setRef(ref3, null, parentSuspense, vnode, true);
+      resetTracking();
     }
     if (cacheIndex != null) {
       parentComponent.renderCache[cacheIndex] = void 0;
@@ -6914,12 +7005,27 @@ function baseCreateRenderer(options, createHydrationFns) {
     hostRemove(end);
   };
   const unmountComponent = (instance, parentSuspense, doRemove) => {
-    const { bum, scope, job, subTree, um, m, a } = instance;
+    const {
+      bum,
+      scope,
+      job,
+      subTree,
+      um,
+      m,
+      a,
+      parent,
+      slots: { __: slotCacheKeys }
+    } = instance;
     invalidateMount(m);
     invalidateMount(a);
     if (bum) {
       invokeArrayFns(bum);
     }
+    if (parent && isArray$2(slotCacheKeys)) {
+      slotCacheKeys.forEach((v) => {
+        parent.renderCache[v] = void 0;
+      });
+    }
     scope.stop();
     if (job) {
       job.flags |= 8;
@@ -7031,6 +7137,9 @@ function traverseStaticChildren(n1, n2, shallow = false) {
       if (c2.type === Text) {
         c2.el = c1.el;
       }
+      if (c2.type === Comment && !c2.el) {
+        c2.el = c1.el;
+      }
     }
   }
 }
@@ -8017,7 +8126,7 @@ function setupComponent(instance, isSSR = false, optimized = false) {
   const { props, children } = instance.vnode;
   const isStateful = isStatefulComponent(instance);
   initProps(instance, props, isStateful, isSSR);
-  initSlots(instance, children, optimized);
+  initSlots(instance, children, optimized || isSSR);
   const setupResult = isStateful ? setupStatefulComponent(instance, isSSR) : void 0;
   isSSR && setInSSRSetupState(false);
   return setupResult;
@@ -8183,12 +8292,12 @@ function h(type, propsOrChildren, children) {
     return createVNode(type, propsOrChildren, children);
   }
 }
-const version = "3.5.13";
+const version = "3.5.14";
 
 /* Injected with object hook! */
 
 /**
-* @vue/runtime-dom v3.5.13
+* @vue/runtime-dom v3.5.14
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -8871,7 +8980,7 @@ function shouldSetAsProp(el, key, value, isSVG) {
     }
     return false;
   }
-  if (key === "spellcheck" || key === "draggable" || key === "translate") {
+  if (key === "spellcheck" || key === "draggable" || key === "translate" || key === "autocorrect") {
     return false;
   }
   if (key === "form") {
@@ -9314,7 +9423,130 @@ var FilterMatchMode = {
 
 /* Injected with object hook! */
 
-var style=({dt:n})=>`\n*,\n::before,\n::after {\n    box-sizing: border-box;\n}\n\n/* Non vue overlay animations */\n.p-connected-overlay {\n    opacity: 0;\n    transform: scaleY(0.8);\n    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1),\n        opacity 0.12s cubic-bezier(0, 0, 0.2, 1);\n}\n\n.p-connected-overlay-visible {\n    opacity: 1;\n    transform: scaleY(1);\n}\n\n.p-connected-overlay-hidden {\n    opacity: 0;\n    transform: scaleY(1);\n    transition: opacity 0.1s linear;\n}\n\n/* Vue based overlay animations */\n.p-connected-overlay-enter-from {\n    opacity: 0;\n    transform: scaleY(0.8);\n}\n\n.p-connected-overlay-leave-to {\n    opacity: 0;\n}\n\n.p-connected-overlay-enter-active {\n    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1),\n        opacity 0.12s cubic-bezier(0, 0, 0.2, 1);\n}\n\n.p-connected-overlay-leave-active {\n    transition: opacity 0.1s linear;\n}\n\n/* Toggleable Content */\n.p-toggleable-content-enter-from,\n.p-toggleable-content-leave-to {\n    max-height: 0;\n}\n\n.p-toggleable-content-enter-to,\n.p-toggleable-content-leave-from {\n    max-height: 1000px;\n}\n\n.p-toggleable-content-leave-active {\n    overflow: hidden;\n    transition: max-height 0.45s cubic-bezier(0, 1, 0, 1);\n}\n\n.p-toggleable-content-enter-active {\n    overflow: hidden;\n    transition: max-height 1s ease-in-out;\n}\n\n.p-disabled,\n.p-disabled * {\n    cursor: default;\n    pointer-events: none;\n    user-select: none;\n}\n\n.p-disabled,\n.p-component:disabled {\n    opacity: ${n("disabled.opacity")};\n}\n\n.pi {\n    font-size: ${n("icon.size")};\n}\n\n.p-icon {\n    width: ${n("icon.size")};\n    height: ${n("icon.size")};\n}\n\n.p-overlay-mask {\n    background: ${n("mask.background")};\n    color: ${n("mask.color")};\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n}\n\n.p-overlay-mask-enter {\n    animation: p-overlay-mask-enter-animation ${n("mask.transition.duration")} forwards;\n}\n\n.p-overlay-mask-leave {\n    animation: p-overlay-mask-leave-animation ${n("mask.transition.duration")} forwards;\n}\n\n@keyframes p-overlay-mask-enter-animation {\n    from {\n        background: transparent;\n    }\n    to {\n        background: ${n("mask.background")};\n    }\n}\n@keyframes p-overlay-mask-leave-animation {\n    from {\n        background: ${n("mask.background")};\n    }\n    to {\n        background: transparent;\n    }\n}\n`;/* Injected with object hook! */
+var style=css$1`
+    *,
+    ::before,
+    ::after {
+        box-sizing: border-box;
+    }
+
+    /* Non vue overlay animations */
+    .p-connected-overlay {
+        opacity: 0;
+        transform: scaleY(0.8);
+        transition:
+            transform 0.12s cubic-bezier(0, 0, 0.2, 1),
+            opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
+    }
+
+    .p-connected-overlay-visible {
+        opacity: 1;
+        transform: scaleY(1);
+    }
+
+    .p-connected-overlay-hidden {
+        opacity: 0;
+        transform: scaleY(1);
+        transition: opacity 0.1s linear;
+    }
+
+    /* Vue based overlay animations */
+    .p-connected-overlay-enter-from {
+        opacity: 0;
+        transform: scaleY(0.8);
+    }
+
+    .p-connected-overlay-leave-to {
+        opacity: 0;
+    }
+
+    .p-connected-overlay-enter-active {
+        transition:
+            transform 0.12s cubic-bezier(0, 0, 0.2, 1),
+            opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
+    }
+
+    .p-connected-overlay-leave-active {
+        transition: opacity 0.1s linear;
+    }
+
+    /* Toggleable Content */
+    .p-toggleable-content-enter-from,
+    .p-toggleable-content-leave-to {
+        max-height: 0;
+    }
+
+    .p-toggleable-content-enter-to,
+    .p-toggleable-content-leave-from {
+        max-height: 1000px;
+    }
+
+    .p-toggleable-content-leave-active {
+        overflow: hidden;
+        transition: max-height 0.45s cubic-bezier(0, 1, 0, 1);
+    }
+
+    .p-toggleable-content-enter-active {
+        overflow: hidden;
+        transition: max-height 1s ease-in-out;
+    }
+
+    .p-disabled,
+    .p-disabled * {
+        cursor: default;
+        pointer-events: none;
+        user-select: none;
+    }
+
+    .p-disabled,
+    .p-component:disabled {
+        opacity: dt('disabled.opacity');
+    }
+
+    .pi {
+        font-size: dt('icon.size');
+    }
+
+    .p-icon {
+        width: dt('icon.size');
+        height: dt('icon.size');
+    }
+
+    .p-overlay-mask {
+        background: dt('mask.background');
+        color: dt('mask.color');
+        position: fixed;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+    }
+
+    .p-overlay-mask-enter {
+        animation: p-overlay-mask-enter-animation dt('mask.transition.duration') forwards;
+    }
+
+    .p-overlay-mask-leave {
+        animation: p-overlay-mask-leave-animation dt('mask.transition.duration') forwards;
+    }
+
+    @keyframes p-overlay-mask-enter-animation {
+        from {
+            background: transparent;
+        }
+        to {
+            background: dt('mask.background');
+        }
+    }
+    @keyframes p-overlay-mask-leave-animation {
+        from {
+            background: dt('mask.background');
+        }
+        to {
+            background: transparent;
+        }
+    }
+`;/* Injected with object hook! */
 
 function _typeof$2(o) { "@babel/helpers - typeof"; return _typeof$2 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof$2(o); }
 function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -11774,31 +12006,31 @@ const routes = [
   {
     path: "/",
     name: "/",
-    component: () => __vitePreload(() => import('./index-B3LlV-qy.js'),true              ?__vite__mapDeps([0,1,2]):void 0,import.meta.url)
+    component: () => __vitePreload(() => import('./index-Ch5EOJMr.js'),true              ?__vite__mapDeps([0,1,2]):void 0,import.meta.url)
     /* no children */
   },
   {
     path: "/about",
     name: "/about",
-    component: () => __vitePreload(() => import('./about-DMHBMV0x.js'),true              ?[]:void 0,import.meta.url)
+    component: () => __vitePreload(() => import('./about-DiLpHjPS.js'),true              ?[]:void 0,import.meta.url)
     /* no children */
   },
   {
     path: "/categories",
     name: "/categories",
-    component: () => __vitePreload(() => import('./categories-BEwiy7pr.js'),true              ?[]:void 0,import.meta.url)
+    component: () => __vitePreload(() => import('./categories-MXISoQaf.js'),true              ?[]:void 0,import.meta.url)
     /* no children */
   },
   {
     path: "/migration",
     name: "/migration",
-    component: () => __vitePreload(() => import('./migration-DljaPscN.js'),true              ?__vite__mapDeps([3,1]):void 0,import.meta.url)
+    component: () => __vitePreload(() => import('./migration-D4i7vW_8.js'),true              ?__vite__mapDeps([3,1]):void 0,import.meta.url)
     /* no children */
   },
   {
     path: "/tags",
     name: "/tags",
-    component: () => __vitePreload(() => import('./tags-BeGrMyT8.js'),true              ?[]:void 0,import.meta.url)
+    component: () => __vitePreload(() => import('./tags--Vns4Is9.js'),true              ?[]:void 0,import.meta.url)
     /* no children */
   }
 ];
@@ -11825,7 +12057,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
 /* Injected with object hook! */
 
 /*!
-  * shared v11.1.3
+  * shared v11.1.4
   * (c) 2025 kazuya kawaguchi
   * Released under the MIT License.
   */
@@ -11903,7 +12135,7 @@ function deepCopy(src, des) {
 /* Injected with object hook! */
 
 /*!
-  * message-compiler v11.1.3
+  * message-compiler v11.1.4
   * (c) 2025 kazuya kawaguchi
   * Released under the MIT License.
   */
@@ -13326,7 +13558,7 @@ function baseCompile$1(source, options = {}) {
 /* Injected with object hook! */
 
 /*!
-  * core-base v11.1.3
+  * core-base v11.1.4
   * (c) 2025 kazuya kawaguchi
   * Released under the MIT License.
   */
@@ -14093,7 +14325,7 @@ function resolveValue(obj, path) {
   }
   return last;
 }
-const VERSION$1 = "11.1.3";
+const VERSION$1 = "11.1.4";
 const NOT_REOSLVED = -1;
 const DEFAULT_LOCALE = "en-US";
 const MISSING_RESOLVE_VALUE = "";
@@ -14784,11 +15016,11 @@ function getMessageContextOptions(context, locale, message, options) {
 /* Injected with object hook! */
 
 /*!
-  * vue-i18n v11.1.3
+  * vue-i18n v11.1.4
   * (c) 2025 kazuya kawaguchi
   * Released under the MIT License.
   */
-const VERSION = "11.1.3";
+const VERSION = "11.1.4";
 function initFeatureFlags() {
   if (typeof __INTLIFY_PROD_DEVTOOLS__ !== "boolean") {
     getGlobalThis().__INTLIFY_PROD_DEVTOOLS__ = false;
@@ -15095,10 +15327,10 @@ function createComposer(options = {}) {
     return t(...[arg1, arg2, assign({ resolvedMessage: true }, arg3 || {})]);
   }
   function d(...args) {
-    return wrapWithDeps((context) => Reflect.apply(datetime, null, [context, ...args]), () => parseDateTimeArgs(...args), "datetime format", (root) => Reflect.apply(root.d, root, [...args]), () => MISSING_RESOLVE_VALUE, (val) => isString(val));
+    return wrapWithDeps((context) => Reflect.apply(datetime, null, [context, ...args]), () => parseDateTimeArgs(...args), "datetime format", (root) => Reflect.apply(root.d, root, [...args]), () => MISSING_RESOLVE_VALUE, (val) => isString(val) || isArray(val));
   }
   function n(...args) {
-    return wrapWithDeps((context) => Reflect.apply(number, null, [context, ...args]), () => parseNumberArgs(...args), "number format", (root) => Reflect.apply(root.n, root, [...args]), () => MISSING_RESOLVE_VALUE, (val) => isString(val));
+    return wrapWithDeps((context) => Reflect.apply(number, null, [context, ...args]), () => parseNumberArgs(...args), "number format", (root) => Reflect.apply(root.n, root, [...args]), () => MISSING_RESOLVE_VALUE, (val) => isString(val) || isArray(val));
   }
   function normalize(values) {
     return values.map((val) => isString(val) || isNumber(val) || isBoolean(val) ? createTextNode(String(val)) : val);
@@ -15398,7 +15630,7 @@ const TranslationImpl = /* @__PURE__ */ defineComponent({
       __useComponent: true
     });
     return () => {
-      const keys = Object.keys(slots).filter((key) => key !== "_");
+      const keys = Object.keys(slots).filter((key) => key[0] !== "_");
       const options = create();
       if (props.locale) {
         options.locale = props.locale;
@@ -16295,18 +16527,33 @@ function useStorage(key, defaults2, storage, options = {}) {
     { flush, deep, eventFilter }
   );
   watch(keyComputed, () => update(), { flush });
+  let firstMounted = false;
+  const onStorageEvent = (ev) => {
+    if (initOnMounted && !firstMounted) {
+      return;
+    }
+    update(ev);
+  };
+  const onStorageCustomEvent = (ev) => {
+    if (initOnMounted && !firstMounted) {
+      return;
+    }
+    updateFromCustomEvent(ev);
+  };
   if (window2 && listenToStorageChanges) {
+    if (storage instanceof Storage)
+      useEventListener(window2, "storage", onStorageEvent, { passive: true });
+    else
+      useEventListener(window2, customStorageEventName, onStorageCustomEvent);
+  }
+  if (initOnMounted) {
     tryOnMounted(() => {
-      if (storage instanceof Storage)
-        useEventListener(window2, "storage", update, { passive: true });
-      else
-        useEventListener(window2, customStorageEventName, updateFromCustomEvent);
-      if (initOnMounted)
-        update();
+      firstMounted = true;
+      update();
     });
-  }
-  if (!initOnMounted)
+  } else {
     update();
+  }
   function dispatchWriteEvent(oldValue, newValue) {
     if (window2) {
       const payload = {
@@ -16692,7 +16939,8 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
         default: withCtx(() => _cache[1] || (_cache[1] = [
           createBaseVNode("div", { i: "carbon-sun dark:carbon-moon" }, null, -1)
         ])),
-        _: 1
+        _: 1,
+        __: [1]
       }, 8, ["title"]);
     };
   }
@@ -16731,7 +16979,7 @@ const i18n = createI18n({
   messages: {}
 });
 const localesMap = Object.fromEntries(
-  Object.entries(/* #__PURE__ */ Object.assign({"../locales/en.yml": () => __vitePreload(() => import('./en-Crh6PWFl.js'),true              ?[]:void 0,import.meta.url),"../locales/zh-CN.yml": () => __vitePreload(() => import('./zh-CN-DRUGIcOM.js'),true              ?[]:void 0,import.meta.url)})).map(([path, loadLocale]) => [path.match(/([\w-]*)\.yml$/)?.[1], loadLocale])
+  Object.entries(/* #__PURE__ */ Object.assign({"../locales/en.yml": () => __vitePreload(() => import('./en-BB5iiffm.js'),true              ?[]:void 0,import.meta.url),"../locales/zh-CN.yml": () => __vitePreload(() => import('./zh-CN-C2F6UN5K.js'),true              ?[]:void 0,import.meta.url)})).map(([path, loadLocale]) => [path.match(/([\w-]*)\.yml$/)?.[1], loadLocale])
 );
 const availableLocales = Object.keys(localesMap);
 const loadedLanguages = [];
@@ -16883,7 +17131,8 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
           default: withCtx(() => _cache[0] || (_cache[0] = [
             createBaseVNode("div", { "i-ri-book-line": "" }, null, -1)
           ])),
-          _: 1
+          _: 1,
+          __: [0]
         })
       ]);
     };
@@ -16976,7 +17225,7 @@ function getWindowProperty(property) {
 
 /* Injected with object hook! */
 
-const devtoolsRouter = ref();
+const devtoolsRouter = shallowRef();
 const activePath = ref("");
 const frontmatter = ref();
 const pageData = ref();
@@ -16990,15 +17239,19 @@ function initDevtoolsClient() {
     activePath.value = to.path;
     next();
   });
-  onMounted(() => {
-    frontmatter.value = getWindowProperty("$frontmatter");
-    pageData.value = getWindowProperty("$pageData");
-  });
   devtoolsRouter.value.afterEach?.(async () => {
     await nextTick();
     frontmatter.value = getWindowProperty("$frontmatter");
     pageData.value = getWindowProperty("$pageData");
   });
+  frontmatter.value = getWindowProperty("$frontmatter");
+  pageData.value = getWindowProperty("$pageData");
+  activePath.value = devtoolsRouter.value?.currentRoute.value.path || "";
+  clientPageData.value = {
+    frontmatter: frontmatter.value || {},
+    filePath: pageData.value?.filePath || "",
+    routePath: devtoolsRouter.value?.currentRoute.value.path || ""
+  };
 }
 
 /* Injected with object hook! */
@@ -17126,4 +17379,4 @@ app.mount("#app");
 
 /* Injected with object hook! */
 
-export { toHandlers as $, contains as A, BaseStyle as B, getScrollableParents as C, isClient$1 as D, EventBus as E, Fragment as F, setAttribute as G, localeComparator as H, getFocusableElements as I, find as J, findSingle as K, getIndex as L, getAttribute as M, relativePosition as N, getOuterWidth as O, absolutePosition as P, isTouchDevice as Q, addStyle as R, normalizeStyle as S, Teleport as T, resolveDynamicComponent as U, Transition as V, vShow as W, withKeys as X, clearSelection as Y, getSelection as Z, _export_sfc as _, createBaseVNode as a, useI18n as a0, dayjs as a1, clientPageData as a2, activePath as a3, toRaw as a4, pageData as a5, onMounted as a6, rpc as a7, getDefaultExportFromCjs as a8, useScroll as a9, computed as aA, onBeforeUnmount as aB, provide as aC, inject as aD, getCurrentInstance as aE, h as aF, nextTick as aG, postList as aa, isStaticMode as ab, vModelCheckbox as ac, vModelText as ad, getKeyValue as ae, isFunction$2 as af, toCapitalCase as ag, service_default as ah, config_default as ai, isString$2 as aj, toFlatCase as ak, resolve$1 as al, isObject$3 as am, isEmpty as an, PrimeVueService as ao, isArray$3 as ap, removeClass as aq, getHeight as ar, getWidth as as, getOuterHeight as at, getOffset as au, addClass as av, createElement as aw, useId as ax, isElement as ay, useSlots as az, renderSlot as b, createElementBlock as c, createCommentVNode as d, equals as e, resolveFieldData as f, getAppWindow as g, resolveComponent as h, isNotEmpty as i, renderList as j, createBlock as k, createSlots as l, mergeProps as m, normalizeClass as n, openBlock as o, withCtx as p, defineComponent as q, resolveDirective as r, ref as s, toDisplayString$1 as t, useModel as u, watch as v, withDirectives as w, createVNode as x, unref as y, createTextVNode as z };
+export { getSelection as $, createTextVNode as A, BaseStyle as B, contains as C, getScrollableParents as D, EventBus as E, Fragment as F, isClient$1 as G, setAttribute as H, localeComparator as I, getFocusableElements as J, find as K, findSingle as L, getIndex as M, getAttribute as N, relativePosition as O, getOuterWidth as P, absolutePosition as Q, isTouchDevice as R, addStyle as S, Teleport as T, normalizeStyle as U, resolveDynamicComponent as V, Transition as W, vShow as X, withKeys as Y, clearSelection as Z, _export_sfc as _, createElementBlock as a, toHandlers as a0, useI18n as a1, dayjs as a2, clientPageData as a3, toRaw as a4, pageData as a5, activePath as a6, onMounted as a7, rpc as a8, getDefaultExportFromCjs as a9, useId as aA, isElement as aB, useSlots as aC, onBeforeUnmount as aD, provide as aE, inject as aF, getCurrentInstance as aG, h as aH, nextTick as aI, computed as aa, devtoolsRouter as ab, useScroll as ac, postList as ad, isStaticMode as ae, vModelCheckbox as af, vModelText as ag, getKeyValue as ah, isFunction$2 as ai, toCapitalCase as aj, service_default as ak, config_default as al, isString$2 as am, toFlatCase as an, resolve$1 as ao, isObject$3 as ap, isEmpty as aq, PrimeVueService as ar, isArray$3 as as, removeClass as at, getHeight as au, getWidth as av, getOuterHeight as aw, getOffset as ax, addClass as ay, createElement as az, createBaseVNode as b, css$1 as c, renderSlot as d, createCommentVNode as e, equals as f, getAppWindow as g, resolveFieldData as h, isNotEmpty as i, resolveComponent as j, renderList as k, createBlock as l, mergeProps as m, normalizeClass as n, openBlock as o, createSlots as p, withCtx as q, resolveDirective as r, defineComponent as s, toDisplayString$1 as t, useModel as u, ref as v, withDirectives as w, watch as x, createVNode as y, unref as z };