sibujs 1.0.2 → 1.0.3

package/dist/chunk-GVDEIJ3G.js

@@ -1,291 +0,0 @@
-import {
-  bindAttribute,
-  isUrlAttribute,
-  sanitizeUrl
-} from "./chunk-DKXVN442.js";
-import {
-  devWarn,
-  isDev,
-  track
-} from "./chunk-K7JUDY3C.js";
-
-// src/core/rendering/dispose.ts
-var elementDisposers = /* @__PURE__ */ new WeakMap();
-var _isDev = isDev();
-var activeBindingCount = 0;
-function registerDisposer(node, teardown) {
-  let disposers = elementDisposers.get(node);
-  if (!disposers) {
-    disposers = [];
-    elementDisposers.set(node, disposers);
-  }
-  disposers.push(teardown);
-  if (_isDev) activeBindingCount++;
-}
-function dispose(node) {
-  const stack = [node];
-  const order = [];
-  while (stack.length > 0) {
-    const current = stack.pop();
-    order.push(current);
-    const children = current.childNodes;
-    for (let i = 0; i < children.length; i++) {
-      stack.push(children[i]);
-    }
-  }
-  for (let i = order.length - 1; i >= 0; i--) {
-    const current = order[i];
-    const disposers = elementDisposers.get(current);
-    if (disposers) {
-      if (_isDev) activeBindingCount -= disposers.length;
-      for (const d of disposers) d();
-      elementDisposers.delete(current);
-    }
-  }
-}
-function checkLeaks(warnThreshold = 0) {
-  if (!_isDev) return 0;
-  if (warnThreshold > 0 && activeBindingCount > warnThreshold) {
-    devWarn(
-      `checkLeaks: ${activeBindingCount} active DOM bindings detected. Expected \u2264${warnThreshold}. This may indicate a component was removed from the DOM without calling dispose().`
-    );
-  }
-  return activeBindingCount;
-}
-
-// src/reactivity/bindChildNode.ts
-function bindChildNode(placeholder, getter) {
-  let lastNodes = [];
-  function commit() {
-    let result;
-    try {
-      result = getter();
-    } catch {
-      return;
-    }
-    for (let i = 0; i < lastNodes.length; i++) {
-      const node = lastNodes[i];
-      if (node.parentNode) node.parentNode.removeChild(node);
-    }
-    if (result == null) {
-      lastNodes.length = 0;
-      return;
-    }
-    const parent = placeholder.parentNode;
-    if (!parent) {
-      lastNodes.length = 0;
-      return;
-    }
-    const anchor = placeholder.nextSibling;
-    let count = 0;
-    if (Array.isArray(result)) {
-      if (lastNodes.length < result.length) lastNodes = new Array(result.length);
-      for (let i = 0; i < result.length; i++) {
-        const item = result[i];
-        const node = item instanceof Node ? item : document.createTextNode(String(item));
-        parent.insertBefore(node, anchor);
-        lastNodes[count++] = node;
-      }
-    } else {
-      if (lastNodes.length < 1) lastNodes = [null];
-      const node = result instanceof Node ? result : document.createTextNode(String(result));
-      parent.insertBefore(node, anchor);
-      lastNodes[count++] = node;
-    }
-    lastNodes.length = count;
-  }
-  return track(commit);
-}
-
-// src/core/rendering/tagFactory.ts
-var SVG_NS = "http://www.w3.org/2000/svg";
-var kebabCache = /* @__PURE__ */ new Map();
-function toKebab(prop) {
-  let cached = kebabCache.get(prop);
-  if (cached !== void 0) return cached;
-  cached = prop.replace(/[A-Z]/g, (m) => `-${m.toLowerCase()}`);
-  kebabCache.set(prop, cached);
-  return cached;
-}
-function applyStyle(el, style) {
-  if (typeof style === "function") {
-    const teardown = track(() => {
-      el.setAttribute("style", style());
-    });
-    registerDisposer(el, teardown);
-    return;
-  }
-  if (typeof style === "string") {
-    el.setAttribute("style", style);
-    return;
-  }
-  const htmlEl = el;
-  for (const prop in style) {
-    const val = style[prop];
-    const name = toKebab(prop);
-    if (typeof val === "function") {
-      const getter = val;
-      const teardown = track(() => {
-        htmlEl.style.setProperty(name, String(getter()));
-      });
-      registerDisposer(el, teardown);
-    } else {
-      htmlEl.style.setProperty(name, String(val));
-    }
-  }
-}
-function applyClass(el, cls) {
-  if (typeof cls === "string") {
-    el.setAttribute("class", cls);
-    return;
-  }
-  if (typeof cls === "function") {
-    const teardown = track(() => {
-      el.setAttribute("class", cls());
-    });
-    registerDisposer(el, teardown);
-    return;
-  }
-  const obj = cls;
-  let hasReactive = false;
-  let result = "";
-  for (const name in obj) {
-    const val = obj[name];
-    if (typeof val === "function") {
-      hasReactive = true;
-      break;
-    }
-    if (val) result = result ? `${result} ${name}` : name;
-  }
-  if (hasReactive) {
-    const update = () => {
-      let r = "";
-      for (const name in obj) {
-        const val = obj[name];
-        const active = typeof val === "function" ? val() : val;
-        if (active) r = r ? `${r} ${name}` : name;
-      }
-      el.setAttribute("class", r);
-    };
-    const teardown = track(update);
-    registerDisposer(el, teardown);
-  } else {
-    el.setAttribute("class", result);
-  }
-}
-function appendChildren(el, nodes) {
-  if (typeof nodes === "string") {
-    el.textContent = nodes;
-    return;
-  }
-  if (typeof nodes === "number") {
-    el.textContent = String(nodes);
-    return;
-  }
-  if (typeof nodes === "function") {
-    const ph = document.createComment("");
-    el.appendChild(ph);
-    registerDisposer(el, bindChildNode(ph, nodes));
-    return;
-  }
-  if (nodes instanceof Node) {
-    el.appendChild(nodes);
-    return;
-  }
-  if (Array.isArray(nodes)) {
-    for (let i = 0; i < nodes.length; i++) {
-      const c = nodes[i];
-      if (typeof c === "function") {
-        const ph = document.createComment("");
-        el.appendChild(ph);
-        registerDisposer(el, bindChildNode(ph, c));
-      } else if (c instanceof Node) {
-        el.appendChild(c);
-      } else if (Array.isArray(c)) {
-        for (let j = 0; j < c.length; j++) {
-          const inner = c[j];
-          if (typeof inner === "function") {
-            const ph = document.createComment("");
-            el.appendChild(ph);
-            registerDisposer(el, bindChildNode(ph, inner));
-          } else if (inner instanceof Node) {
-            el.appendChild(inner);
-          } else if (inner != null) {
-            el.appendChild(document.createTextNode(String(inner)));
-          }
-        }
-      } else if (c != null) {
-        el.appendChild(document.createTextNode(String(c)));
-      }
-    }
-  }
-}
-var tagFactory = (tag, ns) => (first, second) => {
-  const el = ns ? document.createElementNS(ns, tag) : document.createElement(tag);
-  if (first === void 0) return el;
-  if (second === void 0 && typeof first === "string") {
-    el.textContent = first;
-    return el;
-  }
-  if (second !== void 0) {
-    el.setAttribute("class", first);
-    appendChildren(el, second);
-    return el;
-  }
-  if (Array.isArray(first) || first instanceof Node) {
-    appendChildren(el, first);
-    return el;
-  }
-  const props = first;
-  const pClass = props.class;
-  if (pClass != null) applyClass(el, pClass);
-  const pId = props.id;
-  if (pId != null) el.id = pId;
-  const pNodes = props.nodes;
-  if (pNodes != null) appendChildren(el, pNodes);
-  const pOn = props.on;
-  if (pOn) {
-    for (const ev in pOn) {
-      el.addEventListener(ev, pOn[ev]);
-    }
-  }
-  const pStyle = props.style;
-  if (pStyle != null) applyStyle(el, pStyle);
-  const pRef = props.ref;
-  if (pRef) pRef.current = el;
-  for (const key in props) {
-    switch (key) {
-      case "class":
-      case "id":
-      case "nodes":
-      case "on":
-      case "style":
-      case "ref":
-        continue;
-      // already handled above
-      default: {
-        const value = props[key];
-        if (value == null) continue;
-        if (key[0] === "o" && key[1] === "n") continue;
-        if (typeof value === "function") {
-          registerDisposer(el, bindAttribute(el, key, value));
-        } else if (typeof value === "boolean") {
-          if (value) el.setAttribute(key, "");
-        } else {
-          const str = String(value);
-          el.setAttribute(key, isUrlAttribute(key) ? sanitizeUrl(str) : str);
-        }
-      }
-    }
-  }
-  return el;
-};
-
-export {
-  bindChildNode,
-  registerDisposer,
-  dispose,
-  checkLeaks,
-  SVG_NS,
-  tagFactory
-};

package/dist/chunk-GXIM4TC3.js

@@ -1,346 +0,0 @@
-import {
-  signal
-} from "./chunk-5KBEED6D.js";
-
-// src/ui/transition.ts
-function transition(element, options = {}) {
-  const {
-    property = "all",
-    duration = 300,
-    easing = "ease",
-    delay = 0,
-    enterClass,
-    leaveClass,
-    activeClass,
-    onEnterDone,
-    onLeaveDone
-  } = options;
-  const transitionValue = `${property} ${duration}ms ${easing} ${delay}ms`;
-  function enter() {
-    return new Promise((resolve) => {
-      element.style.transition = transitionValue;
-      if (enterClass) element.classList.add(enterClass);
-      if (leaveClass) element.classList.remove(leaveClass);
-      void element.offsetHeight;
-      if (activeClass) element.classList.add(activeClass);
-      const done = () => {
-        if (enterClass) element.classList.remove(enterClass);
-        onEnterDone?.();
-        resolve();
-      };
-      if (duration > 0) {
-        setTimeout(done, duration + delay);
-      } else {
-        done();
-      }
-    });
-  }
-  function leave() {
-    return new Promise((resolve) => {
-      element.style.transition = transitionValue;
-      if (activeClass) element.classList.remove(activeClass);
-      if (leaveClass) element.classList.add(leaveClass);
-      if (enterClass) element.classList.remove(enterClass);
-      const done = () => {
-        if (leaveClass) element.classList.remove(leaveClass);
-        onLeaveDone?.();
-        resolve();
-      };
-      if (duration > 0) {
-        setTimeout(done, duration + delay);
-      } else {
-        done();
-      }
-    });
-  }
-  return { enter, leave };
-}
-function spring(element, keyframes, options = {}) {
-  const defaults = {
-    duration: 300,
-    easing: "cubic-bezier(0.34, 1.56, 0.64, 1)",
-    fill: "forwards"
-  };
-  return new Promise((resolve) => {
-    const animation = element.animate(keyframes, { ...defaults, ...options });
-    animation.onfinish = () => resolve();
-    animation.oncancel = () => resolve();
-  });
-}
-
-// src/ui/animationPresets.ts
-var prefersReducedMotion = () => typeof window !== "undefined" && window.matchMedia?.("(prefers-reduced-motion: reduce)").matches;
-function createPreset(keyframes, defaults, overrides) {
-  const opts = {
-    ...defaults,
-    ...overrides,
-    fill: overrides?.fill ?? defaults.fill ?? "forwards"
-  };
-  if (prefersReducedMotion()) {
-    return {
-      keyframes: [keyframes[keyframes.length - 1]],
-      options: { ...opts, duration: 0, delay: 0 }
-    };
-  }
-  return { keyframes, options: opts };
-}
-function applyPreset(el, preset) {
-  return new Promise((resolve) => {
-    const anim = el.animate(preset.keyframes, preset.options);
-    anim.onfinish = () => resolve();
-    anim.oncancel = () => resolve();
-  });
-}
-function fadeIn(opts) {
-  return createPreset([{ opacity: 0 }, { opacity: 1 }], { duration: 300, easing: "ease-out" }, opts);
-}
-function fadeOut(opts) {
-  return createPreset([{ opacity: 1 }, { opacity: 0 }], { duration: 300, easing: "ease-in" }, opts);
-}
-var slideOffsets = {
-  up: "translateY(20px)",
-  down: "translateY(-20px)",
-  left: "translateX(20px)",
-  right: "translateX(-20px)"
-};
-function slideIn(direction = "up", opts) {
-  return createPreset(
-    [
-      { transform: slideOffsets[direction], opacity: 0 },
-      { transform: "translate(0, 0)", opacity: 1 }
-    ],
-    { duration: 400, easing: "cubic-bezier(0.16, 1, 0.3, 1)" },
-    opts
-  );
-}
-function slideOut(direction = "down", opts) {
-  return createPreset(
-    [
-      { transform: "translate(0, 0)", opacity: 1 },
-      { transform: slideOffsets[direction], opacity: 0 }
-    ],
-    { duration: 300, easing: "cubic-bezier(0.4, 0, 1, 1)" },
-    opts
-  );
-}
-function scaleUp(opts) {
-  return createPreset(
-    [
-      { transform: "scale(0.85)", opacity: 0 },
-      { transform: "scale(1)", opacity: 1 }
-    ],
-    { duration: 350, easing: "cubic-bezier(0.34, 1.56, 0.64, 1)" },
-    opts
-  );
-}
-function scaleDown(opts) {
-  return createPreset(
-    [
-      { transform: "scale(1)", opacity: 1 },
-      { transform: "scale(0.85)", opacity: 0 }
-    ],
-    { duration: 250, easing: "ease-in" },
-    opts
-  );
-}
-function bounceIn(opts) {
-  return createPreset(
-    [
-      { transform: "scale(0.3)", opacity: 0 },
-      { transform: "scale(1.05)", opacity: 0.8, offset: 0.5 },
-      { transform: "scale(0.95)", opacity: 0.9, offset: 0.7 },
-      { transform: "scale(1)", opacity: 1 }
-    ],
-    { duration: 500, easing: "cubic-bezier(0.34, 1.56, 0.64, 1)" },
-    opts
-  );
-}
-function bounceOut(opts) {
-  return createPreset(
-    [
-      { transform: "scale(1)", opacity: 1 },
-      { transform: "scale(1.05)", opacity: 0.9, offset: 0.3 },
-      { transform: "scale(0.3)", opacity: 0 }
-    ],
-    { duration: 400, easing: "ease-in" },
-    opts
-  );
-}
-function flipIn(axis = "x", opts) {
-  const prop = axis === "x" ? "rotateX" : "rotateY";
-  return createPreset(
-    [
-      { transform: `perspective(400px) ${prop}(90deg)`, opacity: 0 },
-      { transform: `perspective(400px) ${prop}(-10deg)`, opacity: 1, offset: 0.6 },
-      { transform: `perspective(400px) ${prop}(0deg)`, opacity: 1 }
-    ],
-    { duration: 500, easing: "ease-out" },
-    opts
-  );
-}
-function shake(opts) {
-  return createPreset(
-    [
-      { transform: "translateX(0)" },
-      { transform: "translateX(-8px)", offset: 0.1 },
-      { transform: "translateX(8px)", offset: 0.2 },
-      { transform: "translateX(-6px)", offset: 0.3 },
-      { transform: "translateX(6px)", offset: 0.4 },
-      { transform: "translateX(-4px)", offset: 0.5 },
-      { transform: "translateX(4px)", offset: 0.6 },
-      { transform: "translateX(-2px)", offset: 0.7 },
-      { transform: "translateX(0)" }
-    ],
-    { duration: 500, easing: "ease-out", fill: "none" },
-    opts
-  );
-}
-function pulse(opts) {
-  return createPreset(
-    [{ transform: "scale(1)" }, { transform: "scale(1.08)", offset: 0.5 }, { transform: "scale(1)" }],
-    { duration: 400, easing: "ease-in-out", fill: "none" },
-    opts
-  );
-}
-function animate(el, preset) {
-  return applyPreset(el, preset);
-}
-function stagger(elements, preset, delayBetween = 50) {
-  const promises = elements.map(
-    (el, i) => applyPreset(el, {
-      keyframes: preset.keyframes,
-      options: {
-        ...preset.options,
-        delay: (preset.options.delay || 0) + i * delayBetween
-      }
-    })
-  );
-  return Promise.all(promises).then(() => {
-  });
-}
-async function sequence(steps) {
-  for (const step of steps) {
-    await applyPreset(step.el, step.preset);
-  }
-}
-
-// src/ui/TransitionGroup.ts
-function TransitionGroup(options) {
-  const [elements, setElements] = signal([]);
-  const positions = /* @__PURE__ */ new Map();
-  function add(el) {
-    setElements((prev) => [...prev, el]);
-    if (options.enter) {
-      options.enter(el);
-    }
-  }
-  async function remove(el) {
-    if (options.leave) {
-      await options.leave(el);
-    }
-    setElements((prev) => prev.filter((e) => e !== el));
-  }
-  function track(newElements) {
-    const oldPositions = /* @__PURE__ */ new Map();
-    for (const el of elements()) {
-      if (typeof el.getBoundingClientRect === "function") {
-        oldPositions.set(el, el.getBoundingClientRect());
-      }
-    }
-    const currentSet = new Set(elements());
-    for (const el of newElements) {
-      if (!currentSet.has(el)) {
-        if (options.enter) {
-          options.enter(el);
-        }
-      }
-    }
-    const newSet = new Set(newElements);
-    for (const el of elements()) {
-      if (!newSet.has(el)) {
-        if (options.leave) {
-          options.leave(el);
-        }
-      }
-    }
-    setElements(newElements);
-    if (options.move) {
-      for (const el of newElements) {
-        const oldRect = oldPositions.get(el);
-        if (oldRect && typeof el.getBoundingClientRect === "function") {
-          const newRect = el.getBoundingClientRect();
-          if (oldRect.left !== newRect.left || oldRect.top !== newRect.top) {
-            options.move(el);
-          }
-        }
-      }
-    }
-    positions.clear();
-    for (const el of newElements) {
-      if (typeof el.getBoundingClientRect === "function") {
-        positions.set(el, el.getBoundingClientRect());
-      }
-    }
-  }
-  return { add, remove, track };
-}
-
-// src/ui/viewTransition.ts
-function viewTransition(callback) {
-  const [isTransitioning, setIsTransitioning] = signal(false);
-  async function start() {
-    setIsTransitioning(true);
-    try {
-      if (typeof document !== "undefined" && "startViewTransition" in document && typeof document.startViewTransition === "function") {
-        const transition2 = document.startViewTransition(callback);
-        await transition2.finished;
-      } else {
-        await callback();
-      }
-    } finally {
-      setIsTransitioning(false);
-    }
-  }
-  return { start, isTransitioning };
-}
-
-// src/ui/reducedMotion.ts
-function reducedMotion() {
-  if (typeof window === "undefined" || typeof window.matchMedia !== "function") {
-    const [reduced2] = signal(false);
-    return { reduced: reduced2, dispose: () => {
-    } };
-  }
-  const mql = window.matchMedia("(prefers-reduced-motion: reduce)");
-  const [reduced, setReduced] = signal(mql.matches);
-  const handler = (event) => {
-    setReduced(event.matches);
-  };
-  mql.addEventListener("change", handler);
-  function dispose() {
-    mql.removeEventListener("change", handler);
-  }
-  return { reduced, dispose };
-}
-
-export {
-  transition,
-  spring,
-  fadeIn,
-  fadeOut,
-  slideIn,
-  slideOut,
-  scaleUp,
-  scaleDown,
-  bounceIn,
-  bounceOut,
-  flipIn,
-  shake,
-  pulse,
-  animate,
-  stagger,
-  sequence,
-  TransitionGroup,
-  viewTransition,
-  reducedMotion
-};