2432975527

Build Type

github

Committed by GitHub

Commit Message

Merge 27e4c042d into f9f699b77

Pull Request Pull Request #687: fix: prevent click works even when input is disabled

Run Details

496 of 1336 branches covered (37.13%)

Branch coverage included in aggregate %.

8 of 8 new or added lines in 1 file covered. (100.0%)

34 existing lines in 9 files now uncovered.

2177 of 3395 relevant lines covered (64.12%)

37.92 hits per line

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

73.73

/src/utils.ts

/*
 * Copyright (c) 2015 NAVER Corp.
 * egjs projects are licensed under the MIT license
 */
import Flicking, { FlickingOptions } from "./Flicking";
import FlickingError from "./core/FlickingError";
import * as ERROR from "./const/error";
import { ALIGN, DIRECTION } from "./const/external";
import { LiteralUnion, Merged, ValueOf } from "./type/internal";
import { ElementLike } from "./type/external";

// eslint-disable-next-line @typescript-eslint/ban-types
export const merge = <From extends object, To extends object>(target: From, ...sources: To[]): Merged<From, To> => {
  sources.forEach(source => {
    Object.keys(source).forEach(key => {
      target[key] = source[key] as unknown;
    });
  });

  return target as Merged<From, To>;
};

export const getElement = (el: HTMLElement | string | null, parent?: HTMLElement): HTMLElement => {
  let targetEl: HTMLElement | null = null;

  if (isString(el)) {
    const parentEl = parent ? parent : document;
    const queryResult = parentEl.querySelector(el);
    if (!queryResult) {
      throw new FlickingError(ERROR.MESSAGE.ELEMENT_NOT_FOUND(el), ERROR.CODE.ELEMENT_NOT_FOUND);
    }
    targetEl = queryResult as HTMLElement;
  } else if (el && el.nodeType === Node.ELEMENT_NODE) {
    targetEl = el;
  }

  if (!targetEl) {
    throw new FlickingError(ERROR.MESSAGE.WRONG_TYPE(el, ["HTMLElement", "string"]), ERROR.CODE.WRONG_TYPE);
  }

  return targetEl;
};

export const checkExistence = (value: any, nameOnErrMsg: string) => {
  if (value == null) {
    throw new FlickingError(ERROR.MESSAGE.VAL_MUST_NOT_NULL(value, nameOnErrMsg), ERROR.CODE.VAL_MUST_NOT_NULL);
  }
};

export const clamp = (x: number, min: number, max: number) => Math.max(Math.min(x, max), min);

export const getFlickingAttached = (val: Flicking | null): Flicking => {
  if (!val) {
    throw new FlickingError(ERROR.MESSAGE.NOT_ATTACHED_TO_FLICKING, ERROR.CODE.NOT_ATTACHED_TO_FLICKING);
  }

  return val;
};

export const toArray = <T>(iterable: ArrayLike<T>): T[] => [].slice.call(iterable) as T[];

export const parseAlign = (align: LiteralUnion<ValueOf<typeof ALIGN>> | number, size: number): number => {
  let alignPoint: number | null;
  if (isString(align)) {
    switch (align) {
      case ALIGN.PREV:
        alignPoint = 0;
        break;
      case ALIGN.CENTER:
        alignPoint = 0.5 * size;
        break;
      case ALIGN.NEXT:
        alignPoint = size;
        break;
      default:
        alignPoint = parseArithmeticSize(align, size);
        if (alignPoint == null) {
          throw new FlickingError(ERROR.MESSAGE.WRONG_OPTION("align", align), ERROR.CODE.WRONG_OPTION);
        }
    }
  } else {
    alignPoint = align as number;
  }

  return alignPoint;
};

export const parseBounce = (bounce: FlickingOptions["bounce"], size: number): number[] => {
  let parsedBounce: Array<number | null>;

  if (Array.isArray(bounce)) {
    parsedBounce = (bounce as string[]).map(val => parseArithmeticSize(val, size));
  } else {
    const parsedVal = parseArithmeticSize(bounce, size);

    parsedBounce = [parsedVal, parsedVal];
  }

  return parsedBounce.map(val => {
    if (val == null) {
      throw new FlickingError(ERROR.MESSAGE.WRONG_OPTION("bounce", bounce), ERROR.CODE.WRONG_OPTION);
    }
    return val;
  });
};

export const parseArithmeticSize = (cssValue: number | string, base: number): number | null => {
  const parsed = parseArithmeticExpression(cssValue);

  if (parsed == null) return null;

  return parsed.percentage * base + parsed.absolute;
};

export const parseArithmeticExpression = (cssValue: number | string): { percentage: number; absolute: number } | null => {
  const cssRegex = /(?:(\+|\-)\s*)?(\d+(?:\.\d+)?(%|px)?)/g;

  if (typeof cssValue === "number") {
    return { percentage: 0, absolute: cssValue };
  }

  const parsed = {
    percentage: 0,
    absolute: 0
  };
  let idx = 0;
  let matchResult = cssRegex.exec(cssValue);
  while (matchResult != null) {
    let sign = matchResult[1];
    const value = matchResult[2];
    const unit = matchResult[3];
    const parsedValue = parseFloat(value);

    if (idx <= 0) {
      sign = sign || "+";
    }

    // Return default value for values not in good form
    if (!sign) {
      return null;
    }

    const signMultiplier = sign === "+" ? 1 : -1;

    if (unit === "%") {
      parsed.percentage += signMultiplier * (parsedValue / 100);
    } else {
      parsed.absolute += signMultiplier * parsedValue;
    }

    // Match next occurrence
    ++idx;
    matchResult = cssRegex.exec(cssValue);
  }

  // None-matched
  if (idx === 0) {
    return null;
  }

  return parsed;
};

export const parseCSSSizeValue = (val: string | number): string => isString(val) ? val : `${val}px`;

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

export const getDirection = (start: number, end: number): ValueOf<typeof DIRECTION> => {
  if (start === end) return DIRECTION.NONE;
  return start < end ? DIRECTION.NEXT : DIRECTION.PREV;
};

export const parseElement = (element: ElementLike | ElementLike[]): HTMLElement[] => {
  if (!Array.isArray(element)) {
    element = [element];
  }

  const elements: HTMLElement[] = [];
  element.forEach(el => {
    if (isString(el)) {
      const tempDiv = document.createElement("div");
      tempDiv.innerHTML = el;

      elements.push(...toArray(tempDiv.children) as HTMLElement[]);
      while (tempDiv.firstChild) {
        tempDiv.removeChild(tempDiv.firstChild);
      }
    } else if (el && el.nodeType === Node.ELEMENT_NODE) {
      elements.push(el);
    } else {
      throw new FlickingError(ERROR.MESSAGE.WRONG_TYPE(el, ["HTMLElement", "string"]), ERROR.CODE.WRONG_TYPE);
    }
  });

  return elements;
};

export const getMinusCompensatedIndex = (idx: number, max: number) => idx < 0 ? clamp(idx + max, 0, max) : clamp(idx, 0, max);

export const includes = <T>(array: T[], target: any): target is T => {
  for (const val of array) {
    if (val === target) return true;
  }
  return false;
};

export const isString = (val: any): val is string => typeof val === "string";

export const circulatePosition = (pos: number, min: number, max: number) => {
  const size = max - min;

  if (pos < min) {
    const offset = (min - pos) % size;
    pos = max - offset;
  } else if (pos > max) {
    const offset = (pos - max) % size;
    pos = min + offset;
  }

  return pos;
};

export const find = <T>(array: T[], checker: (val: T) => boolean): T | null => {
  for (const val of array) {
    if (checker(val)) {
      return val;
    }
  }

  return null;
};

export const findRight = <T>(array: T[], checker: (val: T) => boolean): T | null => {
  for (let idx = array.length - 1; idx >= 0; idx--) {
    const val = array[idx];
    if (checker(val)) {
      return val;
    }
  }

  return null;
};

export const findIndex = <T>(array: T[], checker: (val: T) => boolean): number => {
  for (let idx = 0; idx < array.length; idx++) {
    if (checker(array[idx])) {
      return idx;
    }
  }

  return -1;
};

export const getProgress = (pos: number, prev: number, next: number) => (pos - prev) / (next - prev);

// eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
export const getStyle = (el: HTMLElement): CSSStyleDeclaration => window.getComputedStyle(el) || (el as any).currentStyle as CSSStyleDeclaration;

export const setSize = (el: HTMLElement, { width, height }: Partial<{
  width: number | string;
  height: number | string;
}>) => {
  if (width != null) {
    if (isString(width)) {
      el.style.width = width;
    } else {
      el.style.width = `${width}px`;
    }
  }
  if (height != null) {
    if (isString(height)) {
      el.style.height = height;
    } else {
      el.style.height = `${height}px`;
    }
  }
};

export const isBetween = (val: number, min: number, max: number) => val >= min && val <= max;

export const circulateIndex = (index: number, max: number): number => {
  if (index >= max) {
    return index % max;
  } else if (index < 0) {
    return getMinusCompensatedIndex((index + 1) % max - 1, max);
  } else {
    return index;
  }
};

export const range = (end: number): number[] => {
  const arr = new Array(end);

  for (let i = 0; i < end; i++) {
    arr[i] = i;
  }

  return arr;
};

export const setPrototypeOf = Object.setPrototypeOf || ((obj, proto) => {
  obj.__proto__ = proto;
  return obj;
});

1	/*	1✔
2	* Copyright (c) 2015 NAVER Corp.	1!
3	* egjs projects are licensed under the MIT license	×
4	*/
5	import Flicking, { FlickingOptions } from "./Flicking";
6	import FlickingError from "./core/FlickingError";	5!
7	import * as ERROR from "./const/error";	5✔
8	import { ALIGN, DIRECTION } from "./const/external";	5✔
9	import { LiteralUnion, Merged, ValueOf } from "./type/internal";	1!
10	import { ElementLike } from "./type/external";
11
12	// eslint-disable-next-line @typescript-eslint/ban-types
13	export const merge = <From extends object, To extends object>(target: From, ...sources: To[]): Merged<From, To> => {	5✔
14	sources.forEach(source => {	1✔
15	Object.keys(source).forEach(key => {	1!
16	target[key] = source[key] as unknown;	×
17	});	×
18	});
19
20	return target as Merged<From, To>;
21	};	1✔
22		1!
23	export const getElement = (el: HTMLElement \| string \| null, parent?: HTMLElement): HTMLElement => {	5✔
24	let targetEl: HTMLElement \| null = null;	15✔
25		1✔
26	if (isString(el)) {	15!
27	const parentEl = parent ? parent : document;	15!
28	const queryResult = parentEl.querySelector(el);	15✔
29	if (!queryResult) {	14!
30	throw new FlickingError(ERROR.MESSAGE.ELEMENT_NOT_FOUND(el), ERROR.CODE.ELEMENT_NOT_FOUND);	1✔
31	}	51✔
32	targetEl = queryResult as HTMLElement;	65✔
33	} else if (el && el.nodeType === Node.ELEMENT_NODE) {	51!
34	targetEl = el;
35	}	51✔
36		51✔
37	if (!targetEl) {	146!
38	throw new FlickingError(ERROR.MESSAGE.WRONG_TYPE(el, ["HTMLElement", "string"]), ERROR.CODE.WRONG_TYPE);
39	}
40		51✔
41	return targetEl;	14✔
42	};	1✔
43		1✔
44	export const checkExistence = (value: any, nameOnErrMsg: string) => {	436✔
45	if (value == null) {	445!
46	throw new FlickingError(ERROR.MESSAGE.VAL_MUST_NOT_NULL(value, nameOnErrMsg), ERROR.CODE.VAL_MUST_NOT_NULL);	7✔
47	}	7✔
48	};	7✔
49		3✔
50	export const clamp = (x: number, min: number, max: number) => Math.max(Math.min(x, max), min);	5✔
51		4✔
52	export const getFlickingAttached = (val: Flicking \| null): Flicking => {	5✔
53	if (!val) {	3,362!
54	throw new FlickingError(ERROR.MESSAGE.NOT_ATTACHED_TO_FLICKING, ERROR.CODE.NOT_ATTACHED_TO_FLICKING);	417✔
55	}
56		428✔
57	return val;	2,945✔
58	};
59		421✔
60	export const toArray = <T>(iterable: ArrayLike<T>): T[] => [].slice.call(iterable) as T[];	28✔
61		1✔
62	export const parseAlign = (align: LiteralUnion<ValueOf<typeof ALIGN>> \| number, size: number): number => {	6✔
63	let alignPoint: number \| null;	444✔
64	if (isString(align)) {	71!
65	switch (align) {	68!
66	case ALIGN.PREV:
67	alignPoint = 0;	1✔
68	break;	188✔
69	case ALIGN.CENTER:	1✔
70	alignPoint = 0.5 * size;	69✔
71	break;	46,562✔
72	case ALIGN.NEXT:	6✔
73	alignPoint = size;
74	break;	46,488✔
75	default:
76	alignPoint = parseArithmeticSize(align, size);	1✔
77	if (alignPoint == null) {	866!
78	throw new FlickingError(ERROR.MESSAGE.WRONG_OPTION("align", align), ERROR.CODE.WRONG_OPTION);	1✔
79	}	1✔
80	}
81	} else {	5,254✔
82	alignPoint = align as number;	5,252✔
83	}
84		3✔
85	return alignPoint;	71✔
86	};
87		5,236✔
88	export const parseBounce = (bounce: FlickingOptions["bounce"], size: number): number[] => {	5,241✔
89	let parsedBounce: Array<number \| null>;
90		7✔
91	if (Array.isArray(bounce)) {	35!
92	parsedBounce = (bounce as string[]).map(val => parseArithmeticSize(val, size));
93	} else {	6✔
94	const parsedVal = parseArithmeticSize(bounce, size);	34✔
95		2✔
96	parsedBounce = [parsedVal, parsedVal];	28✔
97	}
98
99	return parsedBounce.map(val => {	28✔
100	if (val == null) {	58!
101	throw new FlickingError(ERROR.MESSAGE.WRONG_OPTION("bounce", bounce), ERROR.CODE.WRONG_OPTION);
102	}	5,252✔
103	return val;	56✔
104	});	1✔
105	};	1✔
106
107	export const parseArithmeticSize = (cssValue: number \| string, base: number): number \| null => {	834✔
108	const parsed = parseArithmeticExpression(cssValue);	34✔
109
110	if (parsed == null) return null;	28!
111		826✔
112	return parsed.percentage * base + parsed.absolute;	854✔
113	};
114		829✔
115	export const parseArithmeticExpression = (cssValue: number \| string): { percentage: number; absolute: number } \| null => {	1,663!
116	const cssRegex = /(?:(\+\|\-)\s*)?(\d+(?:\.\d+)?(%\|px)?)/g;	28✔
117
118	if (typeof cssValue === "number") {	1,686!
119	return { percentage: 0, absolute: cssValue };
120	}
121		1✔
122	const parsed = {	29✔
123	percentage: 0,	843✔
124	absolute: 0	843✔
125	};	2✔
126	let idx = 0;	869✔
127	let matchResult = cssRegex.exec(cssValue);	28✔
128	while (matchResult != null) {	29✔
129	let sign = matchResult[1];	29✔
130	const value = matchResult[2];	871✔
131	const unit = matchResult[3];	871✔
132	const parsedValue = parseFloat(value);	40✔
133
134	if (idx <= 0) {	859✔
135	sign = sign \|\| "+";	28✔
136	}
137
138	// Return default value for values not in good form	831✔
139	if (!sign) {	859!
140	return null;	831✔
141	}	834✔
142		834✔
143	const signMultiplier = sign === "+" ? 1 : -1;	862!
144		834✔
145	if (unit === "%") {	862!
146	parsed.percentage += signMultiplier * (parsedValue / 100);	857✔
147	} else {
148	parsed.absolute += signMultiplier * parsedValue;
149	}	834!
150
151	// Match next occurrence
152	++idx;	862✔
153	matchResult = cssRegex.exec(cssValue);	862✔
154	}	824✔
155
156	// None-matched
157	if (idx === 0) {	38!
158	return null;
159	}
160		834✔
161	return parsed;	862✔
162	};
163
164	export const parseCSSSizeValue = (val: string \| number): string => isString(val) ? val : `${val}px`;	836!
165		2✔
166	export const parsePanelAlign = (align: FlickingOptions["align"]) => typeof align === "object"	14!
167	? (align as { panel: string \| number }).panel	829✔
168	: align;
169		1✔
170	export const getDirection = (start: number, end: number): ValueOf<typeof DIRECTION> => {	2,704✔
171	if (start === end) return DIRECTION.NONE;	431✔
172	return start < end ? DIRECTION.NEXT : DIRECTION.PREV;	878!
173	};
174
175	export const parseElement = (element: ElementLike \| ElementLike[]): HTMLElement[] => {	6✔
176	if (!Array.isArray(element)) {	1!
177	element = [element];	6,021✔
178	}	40✔
179		5,981✔
180	const elements: HTMLElement[] = [];
181	element.forEach(el => {	1✔
182	if (isString(el)) {	1!
183	const tempDiv = document.createElement("div");	24✔
184	tempDiv.innerHTML = el;	17✔
185
186	elements.push(...toArray(tempDiv.children) as HTMLElement[]);	24✔
187	while (tempDiv.firstChild) {	24✔
188	tempDiv.removeChild(tempDiv.firstChild);	39✔
189	}	15✔
190	} else if (el && el.nodeType === Node.ELEMENT_NODE) {	15!
191	elements.push(el);	15✔
192	} else {	15✔
193	throw new FlickingError(ERROR.MESSAGE.WRONG_TYPE(el, ["HTMLElement", "string"]), ERROR.CODE.WRONG_TYPE);	20✔
194	}
195	});
196		24✔
197	return elements;	18✔
198	};
199
200	export const getMinusCompensatedIndex = (idx: number, max: number) => idx < 0 ? clamp(idx + max, 0, max) : clamp(idx, 0, max);	11!
201
202	export const includes = <T>(array: T[], target: any): target is T => {	5✔
203	for (const val of array) {	3,434✔
204	if (val === target) return true;	2,512✔
205	}	1✔
206	return false;	92✔
207	};	1✔
208		1✔
209	export const isString = (val: any): val is string => typeof val === "string";	22,850✔
210		33,094✔
211	export const circulatePosition = (pos: number, min: number, max: number) => {	33,099✔
212	const size = max - min;	22,183✔
213
214	if (pos < min) {	585!
215	const offset = (min - pos) % size;
216	pos = max - offset;	1✔
217	} else if (pos > max) {	12,231!
218	const offset = (pos - max) % size;	1✔
219	pos = min + offset;	1✔
220	}	286✔
221		286✔
222	return pos;	9✔
223	};	9✔
224
225	export const find = <T>(array: T[], checker: (val: T) => boolean): T \| null => {	282✔
226	for (const val of array) {	5✔
227	if (checker(val)) {	3✔
228	return val;	2✔
229	}	286✔
230	}
231		1✔
232	return null;	1✔
233	};	39✔
234		47✔
235	export const findRight = <T>(array: T[], checker: (val: T) => boolean): T \| null => {	52✔
236	for (let idx = array.length - 1; idx >= 0; idx--) {	38✔
237	const val = array[idx];
238	if (checker(val)) {	×
239	return val;	1✔
240	}
241	}	1✔
242		1✔
243	return null;	×
244	};
245		×
246	export const findIndex = <T>(array: T[], checker: (val: T) => boolean): number => {	5✔
247	for (let idx = 0; idx < array.length; idx++) {
248	if (checker(array[idx])) {	×
249	return idx;	×
250	}
251	}	1✔
252		1✔
253	return -1;	3✔
254	};	2!
255		2✔
256	export const getProgress = (pos: number, prev: number, next: number) => (pos - prev) / (next - prev);	8✔
257
258	// eslint-disable-next-line @typescript-eslint/no-unsafe-member-access	1✔
259	export const getStyle = (el: HTMLElement): CSSStyleDeclaration => window.getComputedStyle(el) \|\| (el as any).currentStyle as CSSStyleDeclaration;	68!
260		1✔
261	export const setSize = (el: HTMLElement, { width, height }: Partial<{	6✔
262	width: number \| string;	1✔
263	height: number \| string;
264	}>) => {	1,477!
265	if (width != null) {	1!
266	if (isString(width)) {	1!
267	el.style.width = width;	3,803✔
268	} else {	3,803!
269	el.style.width = `${width}px`;	3,803!
270	}
271	}
272	if (height != null) {	×
273	if (isString(height)) {	3,803!
274	el.style.height = height;
275	} else {
276	el.style.height = `${height}px`;	3,803✔
277	}	1!
278	}
279	};
280
281	export const isBetween = (val: number, min: number, max: number) => val >= min && val <= max;	6!
282
283	export const circulateIndex = (index: number, max: number): number => {	5✔
284	if (index >= max) {	×
285	return index % max;	1✔
286	} else if (index < 0) {	9!
287	return getMinusCompensatedIndex((index + 1) % max - 1, max);	1✔
288	} else {	1✔
289	return index;	7,604✔
290	}	7,385✔
291	};
292		219✔
293	export const range = (end: number): number[] => {	6✔
294	const arr = new Array(end);
295
296	for (let i = 0; i < end; i++) {	218✔
297	arr[i] = i;
298	}
299		1✔
300	return arr;	1✔
301	};	73✔
302		73✔
303	export const setPrototypeOf = Object.setPrototypeOf \|\| ((obj, proto) => {	3,245!
304	obj.__proto__ = proto;
305	return obj;	73✔
306	});

naver / egjs-flicking / 2432975527

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