4675351575

Build Type

push

github

Committed by malangfox

Commit Message

chore(release): Release 4.10.7

Run Details

4465 of 7210 branches covered (61.93%)

Branch coverage included in aggregate %.

8219 of 8777 relevant lines covered (93.64%)

139.03 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

10.2

/src/cfc/getDefaultCameraTransform.ts

import { FlickingOptions } from "../Flicking";
import { ALIGN } from "../const/external";
import { parseArithmeticExpression } from "../utils";

export default (align: FlickingOptions["align"] = ALIGN.CENTER, horizontal: boolean = true, firstPanelSize?: string) => {
  const cameraAlign = getCameraAlign(align);
  const panelAlign = getPanelAlign(align);

  if (panelAlign == null) return "";

  const camPosition = `calc(${cameraAlign} - (${firstPanelSize || "0px"} * ${panelAlign.percentage}) - ${panelAlign.absolute}px)`;

  return horizontal
    ? `translate(${camPosition})`
    : `translate(0, ${camPosition})`;
};

const getCameraAlign = (align: FlickingOptions["align"]) => {
  const alignVal = typeof align === "object"
    ? (align as { camera: string | number }).camera
    : align;

  return parseAlign(alignVal);
};

const getPanelAlign = (align: FlickingOptions["align"]) => {
  const alignVal = typeof align === "object"
    ? (align as { panel: string | number }).panel
    : align;

  return parseArithmeticExpression(parseAlign(alignVal));
};

const parseAlign = (alignVal: number | string) => {
  if (typeof alignVal === "number") {
    return `${alignVal}px`;
  }

  switch (alignVal) {
    case ALIGN.CENTER:
      return "50%";
    case ALIGN.NEXT:
      return "100%";
    case ALIGN.PREV:
      return "0%";
    default:
      return alignVal;
  }
};

1	import { FlickingOptions } from "../Flicking";	1✔
2	import { ALIGN } from "../const/external";	6✔
3	import { parseArithmeticExpression } from "../utils";	6✔
4		1✔
5	export default (align: FlickingOptions["align"] = ALIGN.CENTER, horizontal: boolean = true, firstPanelSize?: string) => {	6!
6	const cameraAlign = getCameraAlign(align);	×
7	const panelAlign = getPanelAlign(align);	×
8
9	if (panelAlign == null) return "";	×
10		×
11	const camPosition = `calc(${cameraAlign} - (${firstPanelSize \|\| "0px"} * ${panelAlign.percentage}) - ${panelAlign.absolute}px)`;	×
12		×
13	return horizontal	×
14	? `translate(${camPosition})`
15	: `translate(0, ${camPosition})`;
16	};
17		1✔
18	const getCameraAlign = (align: FlickingOptions["align"]) => {	5!
19	const alignVal = typeof align === "object"	×
20	? (align as { camera: string \| number }).camera
21	: align;
22
23	return parseAlign(alignVal);	1✔
24	};	×
25
26	const getPanelAlign = (align: FlickingOptions["align"]) => {	5✔
27	const alignVal = typeof align === "object"	×
28	? (align as { panel: string \| number }).panel
29	: align;	1✔
30		×
31	return parseArithmeticExpression(parseAlign(alignVal));	×
32	};
33		×
34	const parseAlign = (alignVal: number \| string) => {	5✔
35	if (typeof alignVal === "number") {	×
36	return `${alignVal}px`;
37	}
38
39	switch (alignVal) {	×
40	case ALIGN.CENTER:
41	return "50%";	×
42	case ALIGN.NEXT:
43	return "100%";
44	case ALIGN.PREV:
45	return "0%";
46	default:
47	return alignVal;
48	}
49	};

naver / egjs-flicking / 4675351575

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous