@code0-tech/pictor 0.0.0-mvp.5 → 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/dist/utils/reactiveArrayService.d.ts

@@ -18,5 +18,5 @@ export declare class ReactiveArrayService<T> implements ArrayService<T> {
 }
 type ArrayServiceCtor<K, S extends ArrayService<K>> = new (access: ReactiveArrayStore<K>) => S;
 type InitialArg<K, S extends ArrayService<K>> = K[] | ((svc: S) => K[]);
-export declare function useReactiveArrayService<K, S extends ArrayService<K>>(Ctor: ArrayServiceCtor<K, S>, initial?: InitialArg<K, S>): [K[], S];
+export declare function useReactiveArrayService<K, S extends ArrayService<K>>(Ctor: ArrayServiceCtor<K, S> | ((store: ReactiveArrayStore<K>) => S), initial?: InitialArg<K, S>): [K[], S];
 export {};

package/dist/utils/reactiveArrayService.js

@@ -1,46 +1,46 @@
-import a, { startTransition as i } from "react";
-function u(r, e, t) {
-  return (e = f(e)) in r ? Object.defineProperty(r, e, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : r[e] = t, r;
+import n, { startTransition as a } from "react";
+function v(t, e, r) {
+  return (e = y(e)) in t ? Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = r, t;
 }
-function f(r) {
-  var e = v(r, "string");
+function y(t) {
+  var e = h(t, "string");
   return typeof e == "symbol" ? e : e + "";
 }
-function v(r, e) {
-  if (typeof r != "object" || !r) return r;
-  var t = r[Symbol.toPrimitive];
-  if (t !== void 0) {
-    var s = t.call(r, e);
+function h(t, e) {
+  if (typeof t != "object" || !t) return t;
+  var r = t[Symbol.toPrimitive];
+  if (r !== void 0) {
+    var s = r.call(t, e);
     if (typeof s != "object") return s;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
-  return (e === "string" ? String : Number)(r);
+  return (e === "string" ? String : Number)(t);
 }
-class y {
+class b {
   constructor(e) {
-    u(this, "access", void 0), this.access = e;
+    v(this, "access", void 0), this.access = e;
   }
   delete(e) {
-    i(() => {
-      this.access.setState((t) => t.filter((s, c) => c !== e));
+    a(() => {
+      this.access.setState((r) => r.filter((s, c) => c !== e));
     });
   }
   add(e) {
-    i(() => {
-      this.access.setState((t) => [...t, e]);
+    a(() => {
+      this.access.setState((r) => [...r, e]);
     });
   }
-  set(e, t) {
-    i(() => {
+  set(e, r) {
+    a(() => {
       this.access.setState((s) => {
         const c = s.slice();
-        return c[e] = t, c;
+        return c[e] = r, c;
       });
     });
   }
   has(e) {
-    const t = this.access.getState();
-    return e >= 0 && e < t.length;
+    const r = this.access.getState();
+    return e >= 0 && e < r.length;
   }
   get(e) {
     return this.access.getState()[e];
@@ -49,33 +49,43 @@ class y {
     return this.access.getState();
   }
   update() {
-    i(() => {
+    a(() => {
       this.access.setState((e) => e.slice());
     });
   }
   clear() {
-    i(() => {
+    a(() => {
       this.access.setState(() => []);
     });
   }
 }
-function S(r, e = []) {
-  const [t, s] = a.useState(
-    Array.isArray(e) ? e : []
-    // Platzhalter; Callback folgt in Effect
-  ), c = a.useRef(t);
-  a.useEffect(() => {
-    c.current = t;
-  }, [t]);
-  const o = a.useCallback(() => c.current, []), n = a.useMemo(() => new r({
-    getState: o,
-    setState: s
-  }), [r, o, s]);
-  return a.useEffect(() => {
-    typeof e == "function" && s(e(n));
-  }, [n]), [t, n];
+function g(t, e = []) {
+  const [r, s] = n.useState(Array.isArray(e) ? e : []), c = n.useRef(r);
+  n.useEffect(() => {
+    c.current = r;
+  }, [r]);
+  const u = n.useCallback(() => c.current, []), o = n.useMemo(() => {
+    const i = {
+      getState: u,
+      setState: s
+    }, f = {
+      construct() {
+        return f;
+      }
+    };
+    return ((l) => {
+      try {
+        return !!new new Proxy(l, f)();
+      } catch {
+        return !1;
+      }
+    })(t) ? new t(i) : t(i);
+  }, [t, u, s]);
+  return n.useEffect(() => {
+    typeof e == "function" && s(e(o));
+  }, [o, e]), [r, o];
 }
 export {
-  y as ReactiveArrayService,
-  S as useReactiveArrayService
+  b as ReactiveArrayService,
+  g as useReactiveArrayService
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@code0-tech/pictor",
-  "version": "0.0.0-mvp.5",
+  "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",