@kobalte/core/dist/chunk/B2CSS4CB.js

Unstyled components and primitives for building accessible web apps and design systems with SolidJS.

import { createSignal, createEffect, onCleanup } from 'solid-js';

// src/primitives/create-size/create-size.ts
function createSize(ref) {
  const [height, setHeight] = createSignal(0);
  const [width, setWidth] = createSignal(0);
  createEffect(() => {
    const element = ref();
    if (!element)
      return;
    syncSize(element);
    const observer = new ResizeObserver(resizeObserverCallback);
    observer.observe(element);
    onCleanup(() => {
      observer.disconnect();
    });
  });
  const resizeObserverCallback = (entries) => {
    for (const entry of entries) {
      if (entry.target !== ref())
        continue;
      syncSize(entry.target);
    }
  };
  const syncSize = (element) => {
    setWidth(element.offsetWidth);
    setHeight(element.offsetHeight);
  };
  return {
    width,
    height
  };
}

export { createSize };