@code0-tech/pictor 0.0.0-mvp.6 → 0.0.0-mvp.7

package/dist/assets/components/d-layout/DLayout.style.css

@@ -1 +1 @@
-.d-layout{position:relative;width:100%;height:100%;overflow:hidden}.d-layout .flex{width:100%;height:100%;gap:.7rem}.d-layout__content{width:100%}
+.d-layout{position:relative;width:100%;height:100%;overflow:hidden}.d-layout>.flex,.d-layout>.flex>.flex{width:100%;height:100%;gap:.7rem}.d-layout__content{width:100%}

package/dist/components/d-fullscreen/DFullScreen.js

@@ -1,21 +1,26 @@
-import { jsx as d } from "react/jsx-runtime";
+import { jsx as u } from "react/jsx-runtime";
 import { c as f } from "../../_virtual/compiler-runtime.js";
-import o from "react";
-import { mergeCode0Props as h } from "../../utils/utils.js";
+import l from "react";
+import { mergeCode0Props as m } from "../../utils/utils.js";
 import '../../assets/components/d-fullscreen/DFullScreen.style.css';/* empty css                       */
-const a = (r) => {
-  const e = f.c(7), t = o.useRef(null);
-  let n, l;
-  e[0] === Symbol.for("react.memo_cache_sentinel") ? (n = () => {
-    t.current && (window.addEventListener("resize", () => {
-      t.current.style.height = window.innerHeight + "px", t.current.style.width = window.innerWidth + "px";
-    }), t.current.style.height = window.innerHeight + "px", t.current.style.width = window.innerWidth + "px");
-  }, l = [t], e[0] = n, e[1] = l) : (n = e[0], l = e[1]), o.useEffect(n, l);
-  let i;
-  e[2] !== r ? (i = h("d-full-screen", r), e[2] = r, e[3] = i) : i = e[3];
-  let c;
-  return e[4] !== r.children || e[5] !== i ? (c = /* @__PURE__ */ d("div", { ...i, ref: t, children: r.children }), e[4] = r.children, e[5] = i, e[6] = c) : c = e[6], c;
+const y = (i) => {
+  const e = f.c(7), t = l.useRef(null);
+  let r, o;
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (r = () => {
+    if (!t.current)
+      return;
+    window.addEventListener("resize", () => {
+      const c = Math.round(window.visualViewport?.width ?? window.innerWidth), s = Math.round(window.visualViewport?.height ?? window.innerHeight);
+      t.current.style.height = s + "px", t.current.style.width = c + "px";
+    });
+    const w = Math.round(window.visualViewport?.width ?? window.innerWidth), h = Math.round(window.visualViewport?.height ?? window.innerHeight);
+    t.current.style.height = h + "px", t.current.style.width = w + "px";
+  }, o = [t], e[0] = r, e[1] = o) : (r = e[0], o = e[1]), l.useEffect(r, o);
+  let n;
+  e[2] !== i ? (n = m("d-full-screen", i), e[2] = i, e[3] = n) : n = e[3];
+  let d;
+  return e[4] !== i.children || e[5] !== n ? (d = /* @__PURE__ */ u("div", { ...n, ref: t, children: i.children }), e[4] = i.children, e[5] = n, e[6] = d) : d = e[6], d;
 };
 export {
-  a as DFullScreen
+  y as DFullScreen
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@code0-tech/pictor",
-  "version": "0.0.0-mvp.6",
+  "version": "0.0.0-mvp.7",
   "type": "module",
   "description": "A simple template for a custom React component library",
   "scripts": {
@@ -22,7 +22,7 @@
     "@babel/plugin-proposal-decorators": "^7.28.0",
     "@babel/plugin-transform-class-properties": "^7.27.1",
     "@code0-tech/sagittarius-graphql-types": "^0.0.0-65144a9920c6a8de3bcf24acdcb8eec4158cef73",
-    "@dagrejs/dagre": "^1.1.5",
+    "@dagrejs/dagre": "^1.1.8",
     "@mdx-js/react": "^3.1.1",
     "@radix-ui/react-checkbox": "^1.3.3",
     "@radix-ui/react-dialog": "^1.1.15",
@@ -33,7 +33,7 @@
     "@radix-ui/react-tabs": "^1.1.13",
     "@radix-ui/react-toggle-group": "^1.1.11",
     "@radix-ui/react-tooltip": "^1.2.8",
-    "@rollup/plugin-commonjs": "^28.0.9",
+    "@rollup/plugin-commonjs": "^29.0.0",
     "@rollup/plugin-node-resolve": "^16.0.3",
     "@rollup/plugin-terser": "^0.4.4",
     "@rollup/plugin-typescript": "^12.3.0",