@dialpad/dialtone-vue/dist/lib/stack/utils.cjs.map

Vue component library for Dialpad's design system Dialtone

{"version":3,"file":"utils.cjs","sources":["../../../components/stack/utils.js"],"sourcesContent":["import { DT_STACK_DIRECTION, DT_STACK_GAP, DT_STACK_RESPONSIVE_BREAKPOINTS } from '@/components/stack/stack_constants';\n\nfunction _isDefaultDirection (direction) {\n  return direction === DT_STACK_DIRECTION.default;\n}\n\nfunction _getValidDirection (direction) {\n  if (directionPropType(direction) === 'string') {\n    return !_isDefaultDirection(direction) ? DT_STACK_DIRECTION[direction] : null;\n  } else if (directionPropType(direction) === 'object') {\n    const { default: defaultStyle } = direction;\n\n    return !_isDefaultDirection(defaultStyle) ? DT_STACK_DIRECTION[defaultStyle] : null;\n  } else { return null; }\n}\n\nfunction _getValidGap (gap) {\n  if (typeof gap === 'string') {\n    return gap;\n  } else if (typeof gap === 'object') {\n    return gap.default;\n  } else { return null; }\n}\n\nexport function directionPropType (value) {\n  return typeof value;\n}\n\nexport function getDefaultDirectionClass (direction) {\n  return _getValidDirection(direction)\n    ? `d-stack--${DT_STACK_DIRECTION[_getValidDirection(direction)]}`\n    : null;\n}\n\nfunction getResposiveDirectionClasses (direction) {\n  if (directionPropType(direction) === 'object') {\n    return [\n      ...DT_STACK_RESPONSIVE_BREAKPOINTS.map((breakpoint) => {\n        return direction[breakpoint]\n          ? `d-stack--${breakpoint}-${direction[breakpoint]}`\n          : null;\n      })];\n  } else { return []; }\n}\n\nfunction getResposiveGapClasses (gap) {\n  if (typeof gap === 'object') {\n    return [\n      ...DT_STACK_RESPONSIVE_BREAKPOINTS.map((breakpoint) => {\n        return DT_STACK_GAP.includes(gap[breakpoint])\n          ? `d-stack--${breakpoint}-gap-${gap[breakpoint]}`\n          : null;\n      })];\n  } else { return []; }\n}\n\nexport function getResponsiveClasses (direction, gap) {\n  return [\n    ...getResposiveDirectionClasses(direction),\n    ...getResposiveGapClasses(gap),\n  ];\n}\n\nexport function getDefaultGapClass (gap) {\n  const validGap = _getValidGap(gap);\n  return DT_STACK_GAP.includes(validGap) ? `d-stack--gap-${validGap}` : null;\n}\n"],"names":["_isDefaultDirection","direction","DT_STACK_DIRECTION","_getValidDirection","directionPropType","defaultStyle","_getValidGap","gap","value","getDefaultDirectionClass","getResposiveDirectionClasses","DT_STACK_RESPONSIVE_BREAKPOINTS","breakpoint","getResposiveGapClasses","DT_STACK_GAP","getResponsiveClasses","getDefaultGapClass","validGap"],"mappings":"yHAEA,SAASA,EAAqBC,EAAW,CACvC,OAAOA,IAAcC,EAAAA,mBAAmB,OAC1C,CAEA,SAASC,EAAoBF,EAAW,CACtC,GAAIG,EAAkBH,CAAS,IAAM,SACnC,OAAQD,EAAoBC,CAAS,EAAoC,KAAhCC,EAAAA,mBAAmBD,CAAS,EAChE,GAAIG,EAAkBH,CAAS,IAAM,SAAU,CACpD,KAAM,CAAE,QAASI,CAAY,EAAKJ,EAElC,OAAQD,EAAoBK,CAAY,EAAuC,KAAnCH,EAAAA,mBAAmBG,CAAY,CAC7E,KAAS,QAAO,IAClB,CAEA,SAASC,EAAcC,EAAK,CAC1B,OAAI,OAAOA,GAAQ,SACVA,EACE,OAAOA,GAAQ,SACjBA,EAAI,QACG,IAClB,CAEO,SAASH,EAAmBI,EAAO,CACxC,OAAO,OAAOA,CAChB,CAEO,SAASC,EAA0BR,EAAW,CACnD,OAAOE,EAAmBF,CAAS,EAC/B,YAAYC,EAAAA,mBAAmBC,EAAmBF,CAAS,CAAC,CAAC,GAC7D,IACN,CAEA,SAASS,EAA8BT,EAAW,CAChD,OAAIG,EAAkBH,CAAS,IAAM,SAC5B,CACL,GAAGU,EAAAA,gCAAgC,IAAKC,GAC/BX,EAAUW,CAAU,EACvB,YAAYA,CAAU,IAAIX,EAAUW,CAAU,CAAC,GAC/C,IACL,CAAC,EACU,CAAA,CAClB,CAEA,SAASC,EAAwBN,EAAK,CACpC,OAAI,OAAOA,GAAQ,SACV,CACL,GAAGI,EAAAA,gCAAgC,IAAKC,GAC/BE,eAAa,SAASP,EAAIK,CAAU,CAAC,EACxC,YAAYA,CAAU,QAAQL,EAAIK,CAAU,CAAC,GAC7C,IACL,CAAC,EACU,CAAA,CAClB,CAEO,SAASG,EAAsBd,EAAWM,EAAK,CACpD,MAAO,CACL,GAAGG,EAA6BT,CAAS,EACzC,GAAGY,EAAuBN,CAAG,CACjC,CACA,CAEO,SAASS,EAAoBT,EAAK,CACvC,MAAMU,EAAWX,EAAaC,CAAG,EACjC,OAAOO,EAAAA,aAAa,SAASG,CAAQ,EAAI,gBAAgBA,CAAQ,GAAK,IACxE"}