add range store values to match domain values, fix svgSsr layout

.eslintrc

@@ -33,6 +33,7 @@
         "import/no-extraneous-dependencies": ["error", {"devDependencies": true}],
         "no-underscore-dangle": 0,
         "camelcase": 0,
-        "max-len": 0
+				"max-len": 0,
+				"no-console": 0
     }
 }

src/LayerCake.svelte

@@ -7,6 +7,7 @@
 	import calcDomain from './helpers/calcDomain.js';
 	import createScale from './helpers/createScale.js';
 	import createGetter from './helpers/createGetter.js';
+	import getRange from './helpers/getRange.js';
 	import defaultScales from './settings/defaultScales.js';
 	import defaultReverses from './settings/defaultReverses.js';
 
@@ -221,6 +222,11 @@
 	const rScale_d = derived([_rScale, extents_d, rDomain_d, _rPadding, _rNice, _rReverse, width_d, height_d, _rRange], createScale('r'));
 	const rGet_d = derived([_r, rScale_d], createGetter);
 
+	const xRange_d = derived([xScale_d], getRange);
+	const yRange_d = derived([yScale_d], getRange);
+	const zRange_d = derived([zScale_d], getRange);
+	const rRange_d = derived([rScale_d], getRange);
+
 	$: context = {
 		activeGetters: activeGetters_d,
 		width: width_d,
@@ -252,6 +258,10 @@
 		yDomain: yDomain_d,
 		zDomain: zDomain_d,
 		rDomain: rDomain_d,
+		xRange: xRange_d,
+		yRange: yRange_d,
+		zRange: zRange_d,
+		rRange: rRange_d,
 		originalSettings: _originalSettings, // Keep this for legacy compatibility
 		config: _originalSettings,
 		xScale: xScale_d,

src/Layouts/SvgSsr.svelte

@@ -12,11 +12,9 @@
 <svg
 	viewBox="0 0 100 100"
 	preserveAspectRatio="none"
-	style="top: {$padding.top}px; right:0px; bottom:0px; left:{$padding.left}px;width:calc(100% - {($padding.left + $padding.right)}px);height:calc(100% - {($padding.top + $padding.bottom)}px);'{zIndexStyle}"
+	style="top: {$padding.top}px; right:0px; bottom:0px; left:{$padding.left}px;width:calc(100% - {($padding.left + $padding.right)}px);height:calc(100% - {($padding.top + $padding.bottom)}px);{zIndexStyle}"
 >
-	<g transform="translate({$padding.left}px, {$padding.top}px)">
-		<slot></slot>
-	</g>
+	<slot></slot>
 </svg>
 
 <style>

src/helpers/createScale.js

@@ -29,7 +29,7 @@ export default function createScale (s) {
 			if (typeof scale.nice === 'function') {
 				scale.nice();
 			} else {
-				console.error(`Layer Cake warning: You set \`${s}Nice: true\` but the ${s}Scale does not have a \`.nice\` method. Ignoring...`);
+				console.error(`[Layer Cake] You set \`${s}Nice: true\` but the ${s}Scale does not have a \`.nice\` method. Ignoring...`);
 			}
 		}
 

src/helpers/getRange.js

@@ -0,0 +1,9 @@
+export default function getRange([$scale]) {
+	if (typeof $scale === 'function') {
+		if (typeof $scale.range === 'function') {
+			return $scale.range();
+		}
+		console.error('[LayerCake] Your scale doesn\'t have a `.range` method?');
+	}
+	return null;
+}