jnpf-web-datascreen-vue3-v6.x/node_modules/.pnpm-store/v3/files/98/ccf0807c1402e48af24799d967610558956620e412c7751e243047ce87ad65af608aaf5aaab7ad15abc8ad2b05b93f4fa8dadc6cd16c416a8ab420bc406a9b

import { computed, ref, watch } from 'vue';
import { isString } from '@vue/shared';

function getPct(str) {
  return Number(str.slice(0, -1)) / 100;
}
function getPx(str) {
  return Number(str.slice(0, -2));
}
function isPct(itemSize) {
  return isString(itemSize) && itemSize.endsWith("%");
}
function isPx(itemSize) {
  return isString(itemSize) && itemSize.endsWith("px");
}
function useSize(panels, containerSize) {
  const propSizes = computed(() => panels.value.map((i) => i.size));
  const panelCounts = computed(() => panels.value.length);
  const percentSizes = ref([]);
  watch([propSizes, panelCounts, containerSize], () => {
    var _a;
    let ptgList = [];
    let emptyCount = 0;
    for (let i = 0; i < panelCounts.value; i += 1) {
      const itemSize = (_a = panels.value[i]) == null ? void 0 : _a.size;
      if (isPct(itemSize)) {
        ptgList[i] = getPct(itemSize);
      } else if (isPx(itemSize)) {
        ptgList[i] = getPx(itemSize) / containerSize.value;
      } else if (itemSize || itemSize === 0) {
        const num = Number(itemSize);
        if (!Number.isNaN(num)) {
          ptgList[i] = num / containerSize.value;
        }
      } else {
        emptyCount += 1;
        ptgList[i] = void 0;
      }
    }
    const totalPtg = ptgList.reduce((acc, ptg) => acc + (ptg || 0), 0);
    if (totalPtg > 1 || !emptyCount) {
      const scale = 1 / totalPtg;
      ptgList = ptgList.map((ptg) => ptg === void 0 ? 0 : ptg * scale);
    } else {
      const avgRest = (1 - totalPtg) / emptyCount;
      ptgList = ptgList.map((ptg) => ptg === void 0 ? avgRest : ptg);
    }
    percentSizes.value = ptgList;
  });
  const ptg2px = (ptg) => ptg * containerSize.value;
  const pxSizes = computed(() => percentSizes.value.map(ptg2px));
  return { percentSizes, pxSizes };
}

export { getPct, getPx, isPct, isPx, useSize };
//# sourceMappingURL=useSize.mjs.map