@dialpad/dialtone-vue/dist/lib/stack/utils.js

Vue component library for Dialpad's design system Dialtone

import { DT_STACK_DIRECTION as u, DT_STACK_GAP as a, DT_STACK_ALIGN as g, DT_STACK_JUSTIFY as C, DT_STACK_RESPONSIVE_BREAKPOINTS as y } from "./stack-constants.js";
function c(t) {
  return t === u.default;
}
function f(t) {
  return typeof t == "string" ? t : typeof t == "object" && t !== null ? t.default : null;
}
function o(t) {
  if (typeof t == "string")
    return c(t) ? null : u[t];
  if (typeof t == "object") {
    const { default: n } = t;
    return c(n) ? null : u[n];
  } else
    return null;
}
function i(t, n, e, l = "d-stack") {
  return typeof t != "object" || t === null ? [] : y.map((r) => {
    const s = t[r];
    if (!s) return null;
    const D = Array.isArray(e) ? e.includes(s) : s in e, _ = n === "" ? `${l}--${r}-${s}` : `${l}--${r}-${n}-${s}`;
    return D ? _ : null;
  });
}
function S(t) {
  return o(t) ? `d-stack--${u[o(t)]}` : null;
}
function A(t) {
  return i(t, "", u);
}
function T(t) {
  return i(t, "gap", a);
}
function d(t) {
  return i(t, "align", g);
}
function p(t) {
  return i(t, "justify", C);
}
function R(t, n, e, l) {
  return [
    ...A(t),
    ...T(n),
    ...d(e),
    ...p(l)
  ];
}
function I(t) {
  const n = f(t);
  return a.includes(n) ? `d-stack--gap-${n}` : null;
}
function K(t) {
  const n = f(t);
  return g.includes(n) ? `d-stack--align-${n}` : null;
}
function j(t) {
  const n = f(t);
  return C.includes(n) ? `d-stack--justify-${n}` : null;
}
export {
  K as getDefaultAlignClass,
  S as getDefaultDirectionClass,
  I as getDefaultGapClass,
  j as getDefaultJustifyClass,
  R as getResponsiveClasses
};
//# sourceMappingURL=utils.js.map