- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
-| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| src | -
-
- |
- 100% | -33/33 | -100% | -1/1 | -100% | -6/6 | -100% | -32/32 | -
| src/core/compatibility | -
-
- |
- 100% | -50/50 | -100% | -14/14 | -100% | -10/10 | -100% | -47/47 | -
| src/core/dom | -
-
- |
- 87.02% | -114/131 | -84.81% | -67/79 | -78.38% | -29/37 | -87.6% | -106/121 | -
| src/core/options | -
-
- |
- 100% | -55/55 | -100% | -39/39 | -100% | -10/10 | -100% | -53/53 | -
| src/core/utils | -
-
- |
- 100% | -64/64 | -100% | -69/69 | -100% | -18/18 | -100% | -57/57 | -
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
-| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| vendors.ts | -
-
- |
- 100% | -50/50 | -100% | -14/14 | -100% | -10/10 | -100% | -47/47 | -
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
-| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 -50 -51 -52 -53 -54 -55 -56 -57 -58 -59 -60 -61 -62 -63 -64 -65 -66 -67 -68 -69 -70 -71 -72 -73 -74 -75 -76 -77 -78 -79 -80 -81 -82 -83 -84 -85 -86 -87 -88 -89 -90 -91 -92 -93 -94 -95 -96 -97 -98 -99 | - - -20x -10x - - - -1x -1x - -1x -1x - - - - - -1x -4x - -4x -1x - - -3x -3x - -3x -9x -9x - - - - - -33x -9x - - -3x -3x - - - - - - - - -1x -11x -11x - -11x -4x - - -7x -7x -7x -7x - -7x -10x -42x -42x -42x -2x -2x - - -10x - - -7x -7x - - - - - - -1x -5x - -5x -1x - - -4x -11x -11x - - -4x -4x - - | import { each } from 'core/utils';
-import { createDiv } from 'core/dom';
-
-const firstLetterToUpper: (str: string) => string = (str) => str.charAt(0).toUpperCase() + str.slice(1);
-const getDummyStyle: () => CSSStyleDeclaration = () => createDiv().style;
-
-// https://developer.mozilla.org/en-US/docs/Glossary/Vendor_Prefix
-
-export const cssPrefixes: ReadonlyArray<string> = ['-webkit-', '-moz-', '-o-', '-ms-'];
-export const jsPrefixes: ReadonlyArray<string> = ['WebKit', 'Moz', 'O', 'MS', 'webkit', 'moz', 'o', 'ms'];
-
-export const jsCache: { [key: string]: any } = {};
-export const cssCache: { [key: string]: string } = {};
-
-/**
- * Gets the name of the given CSS property with vendor prefix if it isn't supported without, or undefined if unsupported.
- * @param name The name of the CSS property which shall be get.
- */
-export const cssProperty: (name: string) => string | undefined = (name) => {
- let result: string | undefined = cssCache[name];
-
- if (cssCache.hasOwnProperty(name)) {
- return result;
- }
-
- const uppercasedName: string = firstLetterToUpper(name);
- const elmStyle: CSSStyleDeclaration = getDummyStyle();
-
- each(cssPrefixes, (prefix: string) => {
- const prefixWithoutDashes: string = prefix.replace(/-/g, '');
- const resultPossibilities: Array<string> = [
- name, // transition
- prefix + name, // -webkit-transition
- prefixWithoutDashes + uppercasedName, // webkitTransition
- firstLetterToUpper(prefixWithoutDashes) + uppercasedName, // WebkitTransition
- ];
- result = resultPossibilities.find((resultPossibility: string) => elmStyle[resultPossibility] !== undefined);
- return !result;
- });
-
- cssCache[name] = result;
- return result;
-};
-
-/**
- * Get the name of the given CSS property value(s), with vendor prefix if it isn't supported wuthout, or undefined if no value is supported.
- * @param property The CSS property to which the CSS property value(s) belong.
- * @param values The value(s) separated by spaces which shall be get.
- * @param suffix A suffix which is added to each value in case the value is a function or something else more advanced.
- */
-export const cssPropertyValue: (property: string, values: string, suffix?: string) => string | undefined = (property, values, suffix) => {
- const name = `${property} ${values}`;
- let result: string | undefined = cssCache[name];
-
- if (cssCache.hasOwnProperty(name)) {
- return result;
- }
-
- const dummyStyle: CSSStyleDeclaration = getDummyStyle();
- const possbleValues: Array<string> = values.split(' ');
- const preparedSuffix: string = suffix || '';
- const cssPrefixesWithFirstEmpty = [''].concat(cssPrefixes);
-
- each(possbleValues, (possibleValue: string) => {
- each(cssPrefixesWithFirstEmpty, (prefix: string) => {
- const prop = prefix + possibleValue;
- dummyStyle.cssText = `${property}:${prop}${preparedSuffix}`;
- if (dummyStyle.length) {
- result = prop;
- return false;
- }
- });
- return !result;
- });
-
- cssCache[name] = result;
- return result;
-};
-
-/**
- * Get the requested JS function, object or constructor with vendor prefix if it isn't supported without or undefined if unsupported.
- * @param name The name of the JS function, object or constructor.
- */
-export const jsAPI: (name: string) => any = (name) => {
- let result: any = jsCache[name] || window[name];
-
- if (jsCache.hasOwnProperty(name)) {
- return result;
- }
-
- each(jsPrefixes, (prefix: string) => {
- result = result || window[prefix + firstLetterToUpper(name)];
- return !result;
- });
-
- jsCache[name] = result;
- return result;
-};
- |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
-| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 -50 -51 -52 -53 -54 -55 -56 -57 -58 -59 | - - - - - - -4x -7x -5x - -2x - - - - - - - -4x -1x - - - - - - - -4x -3x -2x - -1x - - - - - - - -4x -3x -2x - -1x - - - - - - - -4x -5x -3x - -2x - - | /**
- * Gets or sets a attribute with the given attribute of the given element depending whether the value attribute is given.
- * Returns null if the element has no attribute with the given name.
- * @param elm The element of which the attribute shall be get or set.
- * @param attrName The attribute name which shall be get or set.
- * @param value The value of the attribute which shall be set.
- */
-export const attr: (elm: Element, attrName: string, value?: string) => string | null | void = (elm, attrName, value) => {
- if (value === undefined) {
- return elm.getAttribute(attrName);
- }
- elm.setAttribute(attrName, value);
-};
-
-/**
- * Removes the given attribute from the given element.
- * @param elm The element of which the attribute shall be removed.
- * @param attrName The attribute name.
- */
-export const removeAttr: (elm: Element, attrName: string) => void = (elm, attrName) => {
- elm.removeAttribute(attrName);
-};
-
-/**
- * Gets or sets the scrollLeft value of the given element depending whether the value attribute is given.
- * @param elm The element of which the scrollLeft value shall be get or set.
- * @param value The scrollLeft value which shall be set.
- */
-export const scrollLeft: (elm: HTMLElement, value?: number) => number | void = (elm, value) => {
- if (value === undefined) {
- return elm.scrollLeft;
- }
- elm.scrollLeft = value;
-};
-
-/**
- * Gets or sets the scrollTop value of the given element depending whether the value attribute is given.
- * @param elm The element of which the scrollTop value shall be get or set.
- * @param value The scrollTop value which shall be set.
- */
-export const scrollTop: (elm: HTMLElement, value?: number) => number | void = (elm, value) => {
- if (value === undefined) {
- return elm.scrollTop;
- }
- elm.scrollTop = value;
-};
-
-/**
- * Gets or sets the value of the given input element depending whether the value attribute is given.
- * @param elm The input element of which the value shall be get or set.
- * @param value The value which shall be set.
- */
-export const val: (elm: HTMLInputElement, value?: string) => string | void = (elm, value) => {
- if (value === undefined) {
- return elm.value;
- }
- elm.value = value;
-};
- |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
-| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 -50 -51 -52 -53 -54 -55 -56 -57 -58 -59 | - -4x - - - - - - -7x - - - - - - -4x - -11x - -11x -9x -9x -11x - - - - - - - - - -4x - -7x - -7x -5x -5x -6x - - - - - - - - - - -4x -4x -2x - -2x - - - | import { isString } from 'core/utils/types';
-
-const rnothtmlwhite = /[^\x20\t\r\n\f]+/g;
-
-/**
- * Check whether the given element has the given class name.
- * @param elm The element.
- * @param className The class name.
- */
-export const hasClass: (elm: Element, className: string) => boolean = (elm, className) => elm.classList.contains(className);
-
-/**
- * Adds the given class name(s) to the given element.
- * @param elm The element.
- * @param className The class name(s) which shall be added. (separated by spaces)
- */
-export const addClass: (elm: Element, className: string) => void = (elm, className) => {
- let clazz: string;
- let i = 0;
-
- if (isString(className)) {
- const classes: Array<string> = className.match(rnothtmlwhite) || [];
- while ((clazz = classes[i++])) {
- elm.classList.add(clazz);
- }
- }
-};
-
-/**
- * Removes the given class name(s) from the given element.
- * @param elm The element.
- * @param className The class name(s) which shall be removed. (separated by spaces)
- */
-export const removeClass: (elm: Element, className: string) => void = (elm, className) => {
- let clazz: string;
- let i = 0;
-
- if (isString(className)) {
- const classes: Array<string> = className.match(rnothtmlwhite) || [];
- while ((clazz = classes[i++])) {
- elm.classList.remove(clazz);
- }
- }
-};
-
-/**
- * Adds or removes the given class name(s) from the given element depending on the given condition.
- * Condition true means add class name(s), false means remove class name(s).
- * @param elm The element.
- * @param className The class name(s) which shall be added or removed. (separated by spaces)
- */
-export const conditionalClass: (elm: Element, className: string, condition: boolean) => void = (elm, className, condition) => {
- if (condition) {
- addClass(elm, className);
- } else {
- removeClass(elm, className);
- }
-};
- |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
-| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 | - - - -204x - -4x -3x -3x - -9x - - | import { each } from 'core/utils/arrays';
-import { contents } from 'core/dom/traversal';
-import { removeElements } from 'core/dom/manipulation';
-
-export const createDiv: () => HTMLDivElement = () => document.createElement('div');
-
-export const createDOM: (html: string) => ReadonlyArray<Node> = (html) => {
- const createdDiv = createDiv();
- createdDiv.innerHTML = html.trim();
-
- return each(contents(createdDiv), (elm) => removeElements(elm));
-};
- |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
-| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| attributes.ts | -
-
- |
- 100% | -18/18 | -100% | -8/8 | -100% | -5/5 | -100% | -18/18 | -
| classes.ts | -
-
- |
- 100% | -19/19 | -100% | -10/10 | -100% | -4/4 | -100% | -18/18 | -
| create.ts | -
-
- |
- 100% | -7/7 | -100% | -0/0 | -100% | -3/3 | -100% | -5/5 | -
| index.ts | -
-
- |
- 0% | -0/0 | -0% | -0/0 | -0% | -0/0 | -0% | -0/0 | -
| manipulation.ts | -
-
- |
- 100% | -33/33 | -100% | -24/24 | -100% | -8/8 | -100% | -32/32 | -
| offset.ts | -
-
- |
- 40% | -2/5 | -100% | -0/0 | -0% | -0/2 | -50% | -2/4 | -
| style.ts | -
-
- |
- 26.32% | -5/19 | -0% | -0/12 | -0% | -0/6 | -27.78% | -5/18 | -
| traversal.ts | -
-
- |
- 100% | -30/30 | -100% | -25/25 | -100% | -9/9 | -100% | -26/26 | -
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
-| 1 -2 -3 -4 -5 -6 -7 -8 | - - - - - - - | export * from 'core/dom/attributes'; -export * from 'core/dom/classes'; -export * from 'core/dom/create'; -export * from 'core/dom/style'; -export * from 'core/dom/manipulation'; -export * from 'core/dom/offset'; -export * from 'core/dom/traversal'; - |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
-| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 -50 -51 -52 -53 -54 -55 -56 -57 -58 -59 -60 -61 -62 -63 -64 -65 -66 -67 -68 -69 -70 -71 -72 -73 -74 -75 -76 -77 -78 -79 -80 -81 -82 -83 -84 -85 -86 -87 -88 -89 -90 -91 -92 -93 -94 -95 -96 -97 -98 -99 -100 -101 -102 | - - - - - - - - - - - -4x - - - - -24x -20x - - - -20x -16x -8x - - -8x -24x -3x - -24x - - -8x - - - -16x -12x -1x -11x -2x - - - -16x - - - - - - - - - -4x -6x - - - - - - - -4x -6x - - - - - - - -4x -6x - - - - - - - -4x -6x - - - - - - -4x -23x -9x -21x -20x -20x -15x - - - - | import { isArrayLike } from 'core/utils/types';
-import { each } from 'core/utils/arrays';
-import { parent } from 'core/dom/traversal';
-
-type NodeCollection = ArrayLike<Node> | Node | undefined | null;
-
-/**
- * Inserts Nodes before the given preferredAnchor element.
- * @param parentElm The parent of the preferredAnchor element or the element which shall be the parent of the inserted Nodes.
- * @param preferredAnchor The element before which the Nodes shall be inserted or null if the elements shall be appended at the end.
- * @param insertedElms The Nodes which shall be inserted.
- */
-const before: (parentElm: Node | null, preferredAnchor: Node | null, insertedElms: NodeCollection) => void = (
- parentElm,
- preferredAnchor,
- insertedElms,
-) => {
- if (insertedElms) {
- let anchor: Node | null = preferredAnchor;
- let fragment: DocumentFragment | Node | undefined | null;
-
- // parent must be defined
- if (parentElm) {
- if (isArrayLike(insertedElms)) {
- fragment = document.createDocumentFragment();
-
- // append all insertedElms to the fragment and if one of these is the anchor, change the anchor
- each(insertedElms, (insertedElm) => {
- if (insertedElm === anchor) {
- anchor = insertedElm.previousSibling;
- }
- fragment!.appendChild(insertedElm);
- });
- } else {
- fragment = insertedElms;
- }
-
- // if the preferred anchor isn't null set it to a valid anchor
- if (preferredAnchor) {
- if (!anchor) {
- anchor = parentElm.firstChild;
- } else if (anchor !== preferredAnchor) {
- anchor = anchor.nextSibling;
- }
- }
-
- parentElm.insertBefore(fragment, anchor);
- }
- }
-};
-
-/**
- * Appends the given children at the end of the given Node.
- * @param node The Node to which the children shall be appended.
- * @param children The Nodes which shall be appended.
- */
-export const appendChildren: (node: Node | null, children: NodeCollection) => void = (node, children) => {
- before(node, null, children);
-};
-
-/**
- * Prepends the given children at the start of the given Node.
- * @param node The Node to which the children shall be prepended.
- * @param children The Nodes which shall be prepended.
- */
-export const prependChildren: (node: Node | null, children: NodeCollection) => void = (node, children) => {
- before(node, node && node.firstChild, children);
-};
-
-/**
- * Inserts the given Nodes before the given Node.
- * @param node The Node before which the given Nodes shall be inserted.
- * @param insertedNodes The Nodes which shall be inserted.
- */
-export const insertBefore: (node: Node | null, insertedNodes: NodeCollection) => void = (node, insertedNodes) => {
- before(parent(node), node, insertedNodes);
-};
-
-/**
- * Inserts the given Nodes after the given Node.
- * @param node The Node after which the given Nodes shall be inserted.
- * @param insertedNodes The Nodes which shall be inserted.
- */
-export const insertAfter: (node: Node | null, insertedNodes: NodeCollection) => void = (node, insertedNodes) => {
- before(parent(node), node && node.nextSibling, insertedNodes);
-};
-
-/**
- * Removes the given Nodes from their parent.
- * @param nodes The Nodes which shall be removed.
- */
-export const removeElements: (nodes: NodeCollection) => void = (nodes) => {
- if (isArrayLike(nodes)) {
- each(Array.from(nodes), (e) => removeElements(e));
- } else if (nodes) {
- const { parentNode } = nodes;
- if (parentNode) {
- parentNode.removeChild(nodes);
- }
- }
-};
- |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
-| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 | 3x - - - - - - - -3x - - - - | export const offset = (elm: HTMLElement) => { - const rect = elm.getBoundingClientRect(); - return { - top: rect.top + window.pageXOffset, - left: rect.left + window.pageYOffset, - }; -}; - -export const position = (elm: HTMLElement) => ({ - top: elm.offsetTop, - left: elm.offsetLeft, -}); - |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
-| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 -50 -51 -52 -53 -54 -55 -56 -57 | - - - -3x - - - - - - - - - - - - - - - -3x - - -3x - - - - - - - - - - - - - - - - - - - - - - - - - -3x - - - -3x - - - | import { isString, isNumber, isUndefined } from 'core/utils/types';
-
-type cssStyleObj = { [key: string]: string | number };
-
-const cssNumber = {
- animationIterationCount: true,
- columnCount: true,
- fillOpacity: true,
- flexGrow: true,
- flexShrink: true,
- fontWeight: true,
- lineHeight: true,
- opacity: true,
- order: true,
- orphans: true,
- widows: true,
- zIndex: true,
- zoom: true,
-};
-
-const parseCSSVal: (prop: string, val: string | number) => string | number = (prop, val) =>
- !cssNumber[prop.toLowerCase()] && isNumber(val) ? `${val}px` : val;
-
-const setCSSVal: (elm: HTMLElement, prop: string, val: string | number) => void = (elm, prop, val) => {
- try {
- if (elm.style[prop] !== undefined) {
- elm.style[prop] = parseCSSVal(prop, val);
- }
- } catch (e) {}
-};
-
-export function style(elm: HTMLElement, styles: string | cssStyleObj): string;
-export function style(elm: HTMLElement, styles: string | cssStyleObj, val: string | number): void;
-export function style(elm: HTMLElement, styles: string | cssStyleObj, val?: string | number): string | void {
- const getCptStyle = window.getComputedStyle;
-
- if (isString(styles)) {
- if (isUndefined(val)) {
- const cptStyle: CSSStyleDeclaration = getCptStyle(elm, null);
-
- // https://bugzilla.mozilla.org/show_bug.cgi?id=548397 can be null sometimes if iframe with display: none (firefox only!)
- return cptStyle != null ? cptStyle.getPropertyValue(styles) : elm.style[styles];
- }
- setCSSVal(elm, styles, val);
- } else {
- Object.keys(styles).forEach((key) => setCSSVal(elm, key, styles[key]));
- }
-}
-
-export const hide: (elm: HTMLElement) => void = (elm) => {
- elm.style.display = 'none';
-};
-
-export const show: (elm: HTMLElement) => void = (elm) => {
- elm.style.display = 'block';
-};
- |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
-| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 -50 -51 | - -4x - -4x -6x - -6x -18x - - -6x - - -19x - -4x -31x -22x -2x - -20x -2x - -18x -6x - - -21x - - -4x -3x - -3x -6x -3x -1x - - -3x - - - -3x - - -38x - -14x - | import { each } from 'core/utils/arrays';
-
-const elementIsVisible: (elm: HTMLElement) => boolean = (elm) => !!(elm.offsetWidth || elm.offsetHeight || elm.getClientRects().length);
-
-export const find: (selector: string, elm?: Element | null) => ReadonlyArray<Element> = (selector, elm?) => {
- const arr: Array<Element> = [];
-
- each((elm || document).querySelectorAll(selector), (e: Element) => {
- arr.push(e);
- });
-
- return arr;
-};
-
-export const findFirst: (selector: string, elm?: Element | null) => Element | null = (selector, elm?) => (elm || document).querySelector(selector);
-
-export const is: (elm: Element | null, selector: string) => boolean = (elm, selector) => {
- if (elm) {
- if (selector === ':visible') {
- return elementIsVisible(elm as HTMLElement);
- }
- if (selector === ':hidden') {
- return !elementIsVisible(elm as HTMLElement);
- }
- if (elm.matches(selector)) {
- return true;
- }
- }
- return false;
-};
-
-export const children: (elm: Element | null, selector?: string) => ReadonlyArray<Element> = (elm, selector?) => {
- const childs: Array<Element> = [];
-
- each(elm && elm.children, (child: Element) => {
- if (selector) {
- if (child.matches(selector)) {
- childs.push(child);
- }
- } else {
- childs.push(child);
- }
- });
-
- return childs;
-};
-
-export const contents: (elm: Element | null) => ReadonlyArray<ChildNode> = (elm) => (elm ? Array.from<ChildNode>(elm.childNodes) : []);
-
-export const parent: (elm: Node | null) => Node | null = (elm) => (elm ? elm.parentElement : null);
- |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
-| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| index.ts | -
-
- |
- 0% | -0/0 | -0% | -0/0 | -0% | -0/0 | -0% | -0/0 | -
| transformation.ts | -
-
- |
- 100% | -6/6 | -100% | -3/3 | -100% | -2/2 | -100% | -6/6 | -
| validation.ts | -
-
- |
- 100% | -49/49 | -100% | -36/36 | -100% | -8/8 | -100% | -47/47 | -
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
-| 1 -2 -3 | - - | export * from 'core/options/validation'; -export * from 'core/options/transformation'; - |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
-| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 | - - - - - - - - - - - - - - - - - -16x - -16x -102x - - -102x -90x - - - - - -16x - - | import { OptionsTemplate, OptionsAndOptionsTemplate, PlainObject, OptionsTemplateTypes } from 'core/typings';
-import { isArray, isObject } from 'core/utils/types';
-import { each } from 'core/utils/arrays';
-
-/**
- * Transforms the given OptionsAndOptionsTemplate<T> object to its corresponding generic (T) Object or its corresponding Template object.
- * @param optionsWithOptionsTemplate The OptionsAndOptionsTemplate<T> object which shall be converted.
- * @param toTemplate True if the given OptionsAndOptionsTemplate<T> shall be converted to its corresponding Template object.
- */
-export function transform<T extends Required<T>>(optionsWithOptionsTemplate: OptionsAndOptionsTemplate<T>): T;
-export function transform<T extends Required<T>>(
- optionsWithOptionsTemplate: OptionsAndOptionsTemplate<T>,
- toTemplate: true | void,
-): OptionsTemplate<T>;
-export function transform<T extends Required<T>>(
- optionsWithOptionsTemplate: OptionsAndOptionsTemplate<T>,
- toTemplate?: true | void,
-): OptionsTemplate<T> | T {
- const result: any = {};
-
- each(Object.keys(optionsWithOptionsTemplate), (key: Extract<keyof T, string>) => {
- const val: PlainObject | OptionsTemplateTypes | Array<OptionsTemplateTypes> = optionsWithOptionsTemplate[key];
-
- /* istanbul ignore else */
- if (isArray(val)) {
- result[key] = val[toTemplate ? 1 : 0];
- } else if (isObject(val)) {
- result[key] = transform(val as OptionsAndOptionsTemplate<typeof val>, toTemplate);
- }
- });
-
- return result;
-}
- |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
-| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 -50 -51 -52 -53 -54 -55 -56 -57 -58 -59 -60 -61 -62 -63 -64 -65 -66 -67 -68 -69 -70 -71 -72 -73 -74 -75 -76 -77 -78 -79 -80 -81 -82 -83 -84 -85 -86 -87 -88 -89 -90 -91 -92 -93 -94 -95 -96 -97 -98 -99 -100 -101 -102 -103 -104 -105 -106 -107 -108 -109 -110 -111 -112 -113 -114 -115 -116 -117 -118 -119 -120 -121 -122 -123 -124 -125 -126 -127 -128 -129 -130 -131 -132 -133 -134 -135 -136 -137 -138 -139 -140 -141 -142 -143 -144 -145 -146 -147 -148 -149 -150 -151 -152 -153 -154 -155 -156 -157 -158 -159 -160 -161 -162 -163 -164 -165 -166 -167 -168 -169 -170 -171 -172 -173 -174 -175 -176 -177 -178 -179 | - - - - - - - - - - - -3x - - - - -3x - - - - - -3x - -21x -21x - - - - - - - - - - - - - - - - - - - - - - -3x - - - - - - -65x -65x -372x - -65x -372x -372x -372x -372x -372x - - -372x -33x -33x -33x - -33x -66x -33x - - -339x -336x -336x -336x -336x -336x - - - -336x - -417x -417x - -64x -121x - - -64x - -353x - - - -417x - - -417x - - -336x -310x -310x -256x - -26x -2x - - - - - - - -336x - - - -65x - - - - - - - - - - - - - - - - - - - - - - -3x - - - - - - - - - - - - - - -32x - - - - - - - - - - - - - - | import { each, indexOf } from 'core/utils/arrays';
-import { type, isArray, isUndefined, isEmptyObject, isPlainObject, isString } from 'core/utils/types';
-import {
- PlainObject,
- OptionsTemplate,
- OptionsTemplateTypes,
- OptionsTemplateType,
- OptionsValidated,
- Func,
- OptionsValidatedResult,
-} from 'core/typings';
-
-const { stringify } = JSON;
-
-/**
- * A prefix and suffix tuple which serves as recognition pattern for template types.
- */
-const templateTypePrefixSuffix: readonly [string, string] = ['__TPL_', '_TYPE__'];
-/**
- * A object which serves as a mapping for "normal" types and template types.
- * Key = normal type string
- * value = template type string
- */
-const optionsTemplateTypes: OptionsTemplateTypesDictionary = ['boolean', 'number', 'string', 'array', 'object', 'function', 'null'].reduce(
- (result, item) => {
- result[item] = templateTypePrefixSuffix[0] + item + templateTypePrefixSuffix[1];
- return result;
- },
- {} as OptionsTemplateTypesDictionary,
-);
-
-/**
- * Validates the given options object according to the given template object and returns a object which looks like:
- * {
- * foreign : a object which consists of properties which aren't defined inside the template. (foreign properties)
- * validated : a object which consists only of valid properties. (property name is inside the template and value has a correct type)
- * }
- * @param options The options object which shall be validated.
- * @param template The template according to which the options object shall be validated.
- * @param optionsDiff When provided the returned validated object will only have properties which are different to this objects properties.
- * Example (assume all properties are valid to the template):
- * Options object : { a: 'a', b: 'b', c: 'c' }
- * optionsDiff object : { a: 'a', b: 'b', c: undefined }
- * Returned validated object : { c: 'c' }
- * Because the value of the properties a and b didn't change, they aren't included in the returned object.
- * Without the optionsDiff object the returned validated object would be: { a: 'a', b: 'b', c: 'c' }
- * @param doWriteErrors True if errors shall be logged into the console, false otherwise.
- * @param propPath The propertyPath which lead to this object. (used for error logging)
- */
-const validateRecursive = function <T extends PlainObject>(
- options: T,
- template: OptionsTemplate<Required<T>>,
- optionsDiff: OptionsValidated<T>,
- doWriteErrors?: boolean,
- propPath?: string,
-): OptionsValidatedResult<T> {
- const validatedOptions: OptionsValidated<T> = {};
- const optionsCopy: T = { ...options };
- const props = Object.keys(template).filter((prop) => options.hasOwnProperty(prop));
-
- each(props, (prop: Extract<keyof T, string>) => {
- const optionsDiffValue: any = isUndefined(optionsDiff[prop]) ? {} : optionsDiff[prop];
- const optionsValue: any = options[prop];
- const templateValue: PlainObject | string | OptionsTemplateTypes | Array<OptionsTemplateTypes> = template[prop];
- const templateIsComplex = isPlainObject(templateValue);
- const propPrefix = propPath ? `${propPath}.` : '';
-
- // if the template has a object as value, it means that the options are complex (verschachtelt)
- if (templateIsComplex && isPlainObject(optionsValue)) {
- const validatedResult = validateRecursive(optionsValue, templateValue as PlainObject, optionsDiffValue, doWriteErrors, propPrefix + prop);
- validatedOptions[prop] = validatedResult.validated;
- optionsCopy[prop] = validatedResult.foreign as any;
-
- each([optionsCopy, validatedOptions], (value) => {
- if (isEmptyObject(value[prop])) {
- delete value[prop];
- }
- });
- } else if (!templateIsComplex) {
- let isValid = false;
- const errorEnumStrings: Array<string> = [];
- const errorPossibleTypes: Array<string> = [];
- const optionsValueType = type(optionsValue);
- const templateValueArr: Array<string | OptionsTemplateTypes> = !isArray(templateValue)
- ? [templateValue as string | OptionsTemplateTypes]
- : (templateValue as Array<OptionsTemplateTypes>);
-
- each(templateValueArr, (currTemplateType) => {
- // if currType value isn't inside possibleTemplateTypes we assume its a enum string value
- const isEnumString = indexOf(Object.values(optionsTemplateTypes), currTemplateType) < 0;
- if (isEnumString && isString(optionsValue)) {
- // split it into a array which contains all possible values for example: ["yes", "no", "maybe"]
- const enumStringSplit = currTemplateType.split(' ');
- isValid = !!enumStringSplit.find((possibility) => possibility === optionsValue);
-
- // build error message
- errorEnumStrings.push(...enumStringSplit);
- } else {
- isValid = optionsTemplateTypes[optionsValueType] === currTemplateType;
- }
-
- // build error message
- errorPossibleTypes.push(isEnumString ? optionsTemplateTypes.string : currTemplateType);
-
- // continue if invalid, break if valid
- return !isValid;
- });
-
- if (isValid) {
- const doStringifyComparison = isArray(optionsValue) || isPlainObject(optionsValue);
- if (doStringifyComparison ? stringify(optionsValue) !== stringify(optionsDiffValue) : optionsValue !== optionsDiffValue) {
- validatedOptions[prop] = optionsValue;
- }
- } else if (doWriteErrors) {
- console.warn(
- `${
- `The option "${propPrefix}${prop}" wasn't set, because it doesn't accept the type [ ${optionsValueType.toUpperCase()} ] with the value of "${optionsValue}".\r\n` +
- `Accepted types are: [ ${errorPossibleTypes.join(', ').toUpperCase()} ].\r\n`
- }${errorEnumStrings.length > 0 ? `\r\nValid strings are: [ ${errorEnumStrings.join(', ')} ].` : ''}`,
- );
- }
-
- delete optionsCopy[prop];
- }
- });
-
- return {
- foreign: optionsCopy,
- validated: validatedOptions,
- };
-};
-
-/**
- * Validates the given options object according to the given template object and returns a object which looks like:
- * {
- * foreign : a object which consists of properties which aren't defined inside the template. (foreign properties)
- * validated : a object which consists only of valid properties. (property name is inside the template and value has a correct type)
- * }
- * @param options The options object which shall be validated.
- * @param template The template according to which the options object shall be validated.
- * @param optionsDiff When provided the returned validated object will only have properties which are different to this objects properties.
- * Example (assume all properties are valid to the template):
- * Options object : { a: 'a', b: 'b', c: 'c' }
- * optionsDiff object : { a: 'a', b: 'b', c: undefined }
- * Returned validated object : { c: 'c' }
- * Because the value of the properties a and b didn't change, they aren't included in the returned object.
- * Without the optionsDiff object the returned validated object would be: { a: 'a', b: 'b', c: 'c' }
- * @param doWriteErrors True if errors shall be logged into the console, false otherwise.
- */
-const validate = function <T extends PlainObject>(
- options: T,
- template: OptionsTemplate<Required<T>>,
- optionsDiff?: OptionsValidated<T>,
- doWriteErrors?: boolean,
-): OptionsValidatedResult<T> {
- /*
- if (!isEmptyObject(foreign) && doWriteErrors)
- console.warn(`The following options are discarded due to invalidity:\r\n ${window.JSON.stringify(foreign, null, 2)}`);
-
- //add values, which aren't specified in the template, to the finished validated object to prevent them from being discarded
- if (keepForeignProps) {
- Object.assign(result.validated, foreign);
- }
- */
- return validateRecursive(options, template, optionsDiff || {}, doWriteErrors || false);
-};
-
-export { validate, optionsTemplateTypes };
-
-type OptionsTemplateTypesDictionary = {
- readonly boolean: OptionsTemplateType<boolean>;
- readonly number: OptionsTemplateType<number>;
- readonly string: OptionsTemplateType<string>;
- readonly array: OptionsTemplateType<Array<any>>;
- readonly object: OptionsTemplateType<object>; // eslint-disable-line @typescript-eslint/ban-types
- readonly function: OptionsTemplateType<Func>;
- readonly null: OptionsTemplateType<null>;
-};
- |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
-| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 -50 -51 -52 | - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -699x -693x -2224x -321x - - -6x -13x - -699x - - - - - - - - -418x - | import { isArrayLike } from 'core/utils/types';
-import { PlainObject } from 'core/typings';
-
-/**
- * Iterates through a array or object
- * @param arrayLikeOrObject The array or object through which shall be iterated.
- * @param callback The function which is responsible for the iteration.
- * If the function returns true its treated like a "continue" statement.
- * If the function returns false its treated like a "break" statement.
- */
-export function each<T>(
- array: Array<T> | ReadonlyArray<T>,
- callback: (value: T, indexOrKey: number, source: Array<T>) => boolean | void,
-): Array<T> | ReadonlyArray<T>;
-export function each<T>(
- array: Array<T> | ReadonlyArray<T> | null,
- callback: (value: T, indexOrKey: number, source: Array<T>) => boolean | void,
-): Array<T> | ReadonlyArray<T> | null;
-export function each<T>(
- arrayLikeObject: ArrayLike<T>,
- callback: (value: T, indexOrKey: number, source: ArrayLike<T>) => boolean | void,
-): ArrayLike<T>;
-export function each<T>(
- arrayLikeObject: ArrayLike<T> | null,
- callback: (value: T, indexOrKey: number, source: ArrayLike<T>) => boolean | void,
-): ArrayLike<T> | null;
-export function each(obj: PlainObject, callback: (value: any, indexOrKey: string, source: PlainObject) => boolean | void): PlainObject;
-export function each(obj: PlainObject | null, callback: (value: any, indexOrKey: string, source: PlainObject) => boolean | void): PlainObject | null;
-export function each<T>(
- source: ArrayLike<T> | PlainObject | null,
- callback: (value: T | any, indexOrKey: any, source: any) => boolean | void,
-): Array<T> | ReadonlyArray<T> | ArrayLike<T> | PlainObject | null {
- if (isArrayLike(source)) {
- for (let i = 0; i < source.length; i++) {
- if (callback(source[i], i, source) === false) {
- break;
- }
- }
- } else if (source) {
- each(Object.keys(source), (key) => callback(source[key], key, source));
- }
- return source;
-}
-
-/**
- * Returns the index of the given inside the given array or -1 if the given item isn't part of the given array.
- * @param arr The array.
- * @param item The item.
- * @param fromIndex The array index at which to begin the search. If fromIndex is omitted, the search starts at index 0.
- */
-export const indexOf: <T = any>(arr: Array<T>, item: T, fromIndex?: number) => number = (arr, item, fromIndex) => arr.indexOf(item, fromIndex);
- |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
-| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 -50 -51 -52 -53 -54 -55 -56 -57 -58 -59 -60 -61 -62 -63 -64 -65 -66 -67 -68 -69 | - - - - - - - - - - - - - - - - - - -180x - - -180x -3x - - -180x - -1080x - -217x -632x - - - -632x -1x - - -631x - - -631x -126x -126x - - -126x -33x -93x -76x - - - -126x - - -505x -504x - - - - - - -180x - - - | import { isArray, isFunction, isPlainObject, isNull } from 'core/utils/types';
-import { each } from 'core/utils/arrays';
-
-// https://github.com/jquery/jquery/blob/master/src/core.js#L116
-export function extend<T, U>(target: T, object1: U): T & U;
-export function extend<T, U, V>(target: T, object1: U, object2: V): T & U & V;
-export function extend<T, U, V, W>(target: T, object1: U, object2: V, object3: W): T & U & V & W;
-export function extend<T, U, V, W, X>(target: T, object1: U, object2: V, object3: W, object4: X): T & U & V & W & X;
-export function extend<T, U, V, W, X, Y>(target: T, object1: U, object2: V, object3: W, object4: X, object5: Y): T & U & V & W & X & Y;
-export function extend<T, U, V, W, X, Y, Z>(
- target: T,
- object1?: U,
- object2?: V,
- object3?: W,
- object4?: X,
- object5?: Y,
- object6?: Z,
-): T & U & V & W & X & Y & Z {
- /* eslint-disable no-restricted-syntax, guard-for-in */
- const sources: Array<any> = [object1, object2, object3, object4, object5, object6];
-
- // Handle case when target is a string or something (possible in deep copy)
- if ((typeof target !== 'object' || isNull(target)) && !isFunction(target)) {
- target = {} as T;
- }
-
- each(sources, (source) => {
- // Only deal with non-null/undefined values
- if (source != null) {
- // Extend the base object
- for (const name in source) {
- const copy: any = source[name];
-
- // Prevent Object.prototype pollution
- // Prevent never-ending loop
- if (name === '__proto__' || target === copy) {
- continue;
- }
-
- const copyIsArray = isArray(copy);
-
- // Recurse if we're merging plain objects or arrays
- if (copy && (isPlainObject(copy) || copyIsArray)) {
- const src = target[name];
- let clone: any = src;
-
- // Ensure proper type for the source value
- if (copyIsArray && !isArray(src)) {
- clone = [];
- } else if (!copyIsArray && !isPlainObject(src)) {
- clone = {};
- }
-
- // Never move original objects, clone them
- target[name] = extend(clone, copy) as any;
-
- // Don't bring in undefined values
- } else if (copy !== undefined) {
- target[name] = copy;
- }
- }
- }
- });
-
- // Return the modified object
- return target as any;
- /* eslint-enable */
-}
- |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
-| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| arrays.ts | -
-
- |
- 100% | -11/11 | -100% | -6/6 | -100% | -3/3 | -100% | -8/8 | -
| extend.ts | -
-
- |
- 100% | -21/21 | -100% | -26/26 | -100% | -2/2 | -100% | -21/21 | -
| index.ts | -
-
- |
- 0% | -0/0 | -0% | -0/0 | -0% | -0/0 | -0% | -0/0 | -
| types.ts | -
-
- |
- 100% | -32/32 | -100% | -37/37 | -100% | -13/13 | -100% | -28/28 | -
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
-| 1 -2 -3 -4 | - - - | export * from 'core/utils/arrays'; -export * from 'core/utils/extend'; -export * from 'core/utils/types'; - |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
-| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 -50 -51 -52 -53 -54 -55 -56 -57 -58 -59 -60 -61 -62 -63 -64 -65 -66 -67 -68 -69 -70 -71 -72 -73 -74 -75 -76 -77 -78 -79 -80 -81 -82 -83 -84 -85 -86 -87 -88 -89 -90 -91 -92 -93 -94 -95 -96 -97 -98 -99 | - -11x -576x -575x -527x - - - - - - -97x - - - -114x - - - -28x - - - -464x - - - -611x - - - -500x - - - -2671x - - - -1605x - - - - - - - -766x -766x - - - - - - - -1337x - - -214x -214x -214x -214x - -214x -3x - - - -211x - - - - -211x - - - - - - - -358x -358x -358x - - - - - - - - -105x -63x - - - | import { PlainObject } from 'core/typings';
-
-export const type: (obj: any) => string = (obj) => {
- if (obj === undefined) return `${obj}`;
- if (obj === null) return `${obj}`;
- return Object.prototype.toString
- .call(obj)
- .replace(/^\[object (.+)\]$/, '$1')
- .toLowerCase();
-};
-
-export function isNumber(obj: any): obj is number {
- return typeof obj === 'number';
-}
-
-export function isString(obj: any): obj is string {
- return typeof obj === 'string';
-}
-
-export function isBoolean(obj: any): obj is boolean {
- return typeof obj === 'boolean';
-}
-
-export function isFunction(obj: any): obj is (...args: Array<unknown>) => unknown {
- return typeof obj === 'function';
-}
-
-export function isUndefined(obj: any): obj is undefined {
- return obj === undefined;
-}
-
-export function isNull(obj: any): obj is null {
- return obj === null;
-}
-
-export function isArray(obj: any): obj is Array<any> {
- return Array.isArray(obj);
-}
-
-export function isObject(obj: any): boolean {
- return typeof obj === 'object' && !isArray(obj) && !isNull(obj);
-}
-
-/**
- * Returns true if the given object is array like, false otherwise.
- * @param obj The Object
- */
-export function isArrayLike<T extends PlainObject = any>(obj: any): obj is ArrayLike<T> {
- const length = !!obj && obj.length;
- return isArray(obj) || (!isFunction(obj) && isNumber(length) && length > -1 && length % 1 == 0); // eslint-disable-line eqeqeq
-}
-
-/**
- * Returns true if the given object is a "plain" (e.g. { key: value }) object, false otherwise.
- * @param obj The Object.
- */
-export function isPlainObject<T = any>(obj: any): obj is PlainObject<T> {
- if (!obj || !isObject(obj) || type(obj) !== 'object') return false;
-
- let key;
- const proto = 'prototype';
- const { hasOwnProperty } = Object[proto];
- const hasOwnConstructor = hasOwnProperty.call(obj, 'constructor');
- const hasIsPrototypeOf = obj.constructor && obj.constructor[proto] && hasOwnProperty.call(obj.constructor[proto], 'isPrototypeOf');
-
- if (obj.constructor && !hasOwnConstructor && !hasIsPrototypeOf) {
- return false;
- }
-
- /* eslint-disable no-restricted-syntax */
- for (key in obj) {
- /**/
- }
- /* eslint-enable */
-
- return isUndefined(key) || hasOwnProperty.call(obj, key);
-}
-
-/**
- * Checks whether the given object is a HTMLElement.
- * @param obj The object which shall be checked.
- */
-export function isHTMLElement(obj: any): obj is HTMLElement {
- const instaceOfRightHandSide = window.HTMLElement;
- const doInstanceOf = isObject(instaceOfRightHandSide) || isFunction(instaceOfRightHandSide);
- return !!(doInstanceOf ? obj instanceof instaceOfRightHandSide : obj && isObject(obj) && obj.nodeType === 1 && isString(obj.nodeName));
-}
-
-/**
- * Returns true if the given object is empty, false otherwise.
- * @param obj The Object.
- */
-export function isEmptyObject(obj: any): boolean {
- /* eslint-disable no-restricted-syntax, guard-for-in */
- for (const name in obj) return false;
- return true;
- /* eslint-enable */
-}
- |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
-| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| instances.ts | -
-
- |
- 100% | -19/19 | -100% | -1/1 | -100% | -6/6 | -100% | -18/18 | -
| options.ts | -
-
- |
- 100% | -14/14 | -100% | -0/0 | -100% | -0/0 | -100% | -14/14 | -
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
-| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 -50 -51 | 1x -1x - - - - - - -1x -3x -3x - - - - - - -1x -4x -4x - - - - - - -1x - - - - - -1x -2x - -2x - -1x -1x - - - -2x - -2x -1x - - -2x - - | const targets: Set<Element> = new Set();
-const targetInstanceMap: WeakMap<Element, any> = new WeakMap();
-
-/**
- * Adds the given OverlayScrollbars instance to the given element.
- * @param target The element which is the target of the OverlayScrollbars instance.
- * @param osInstance The OverlayScrollbars instance.
- */
-export const addInstance: (target: Element, osInstance: any) => void = (target, osInstance) => {
- targetInstanceMap.set(target, osInstance);
- targets.add(target);
-};
-
-/**
- * Removes a OverlayScrollbars instance from the given element.
- * @param target The element from which its OverlayScrollbars instance shall be removed.
- */
-export const removeInstance: (target: Element) => void = (target) => {
- targetInstanceMap.delete(target);
- targets.delete(target);
-};
-
-/**
- * Gets the OverlayScrollbars from the given element or undefined if it doesn't have one.
- * @param target The element of which its OverlayScrollbars instance shall be get.
- */
-export const getInstance: (target: Element) => any = (target) => targetInstanceMap.get(target);
-
-/**
- * Gets a Map which represents all active OverayScrollbars instances.
- * The Key is the ekement and the value is the instance.
- */
-export const allInstances: () => ReadonlyMap<Element, any> = () => {
- const validTargetInstanceMap: Map<Element, any> = new Map();
-
- targets.forEach((target: Element) => {
- /* istanbul ignore else */
- if (targetInstanceMap.has(target)) {
- validTargetInstanceMap.set(target, targetInstanceMap.get(target));
- }
- });
-
- targets.clear();
-
- validTargetInstanceMap.forEach((instance: any, validTarget: Element) => {
- targets.add(validTarget);
- });
-
- return validTargetInstanceMap;
-};
- |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
-| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 -50 -51 -52 -53 -54 -55 -56 -57 -58 -59 -60 -61 -62 -63 -64 -65 -66 -67 -68 -69 -70 -71 -72 -73 -74 -75 -76 -77 -78 -79 -80 -81 -82 | - - - -1x -1x -1x -1x -1x -1x -1x -1x -1x -1x -1x - - - - - - - - - - - - - - - - -1x - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -1x -1x - | import { OptionsTemplate, OptionsTemplateValue, OptionsAndOptionsTemplateValue, OptionsAndOptionsTemplate, Func } from 'core/typings';
-import { optionsTemplateTypes as oTypes, transform } from 'core/options';
-import { OverlayScrollbars } from 'typings';
-
-const classNameAllowedValues: OptionsTemplateValue<string | null> = [oTypes.string, oTypes.null];
-const numberAllowedValues: OptionsTemplateValue<number> = oTypes.number;
-const booleanNullAllowedValues: OptionsTemplateValue<boolean | null> = [oTypes.boolean, oTypes.null];
-const stringArrayNullAllowedValues: OptionsTemplateValue<string | Array<string> | null> = [oTypes.string, oTypes.array, oTypes.null];
-const booleanTrueTemplate: OptionsAndOptionsTemplateValue<boolean> = [true, oTypes.boolean];
-const booleanFalseTemplate: OptionsAndOptionsTemplateValue<boolean> = [false, oTypes.boolean];
-const callbackTemplate: OptionsAndOptionsTemplateValue<Func | null> = [null, [oTypes.function, oTypes.null]];
-const resizeAllowedValues: OptionsTemplateValue<OverlayScrollbars.ResizeBehavior> = 'none both horizontal vertical';
-const overflowBehaviorAllowedValues: OptionsTemplateValue<OverlayScrollbars.OverflowBehavior> = 'visible-hidden visible-scroll scroll hidden';
-const scrollbarsVisibilityAllowedValues: OptionsTemplateValue<OverlayScrollbars.VisibilityBehavior> = 'visible hidden auto';
-const scrollbarsAutoHideAllowedValues: OptionsTemplateValue<OverlayScrollbars.AutoHideBehavior> = 'never scroll leavemove';
-
-/**
- * A object which serves as "default options object" and "options template object".
- * I combined these two into one object so that I don't have to define two separate big objects, instead I define one big object.
- *
- * The property value is a tuple:
- * the first value is the default value
- * the second value is the template value
- * Example:
- * {
- * a: ['default', [Type.string, Type.null]],
- * b: [250, Type.number]
- * }
- * Property "a" has a default value of 'default' and it can be a string or null
- * Property "b" has a default value of 250 and it can be number
- */
-const defaultOptionsWithTemplate: OptionsAndOptionsTemplate<Required<OverlayScrollbars.Options>> = {
- className: ['os-theme-dark', classNameAllowedValues], // null || string
- resize: ['none', resizeAllowedValues], // none || both || horizontal || vertical || n || b || h || v
- sizeAutoCapable: booleanTrueTemplate, // true || false
- clipAlways: booleanTrueTemplate, // true || false
- normalizeRTL: booleanTrueTemplate, // true || false
- paddingAbsolute: booleanFalseTemplate, // true || false
- autoUpdate: [null, booleanNullAllowedValues], // true || false || null
- autoUpdateInterval: [33, numberAllowedValues], // number
- updateOnLoad: [['img'], stringArrayNullAllowedValues], // string || array || null
- nativeScrollbarsOverlaid: {
- showNativeScrollbars: booleanFalseTemplate, // true || false
- initialize: booleanFalseTemplate, // true || false
- },
- overflowBehavior: {
- x: ['scroll', overflowBehaviorAllowedValues], // visible-hidden || visible-scroll || hidden || scroll || v-h || v-s || h || s
- y: ['scroll', overflowBehaviorAllowedValues], // visible-hidden || visible-scroll || hidden || scroll || v-h || v-s || h || s
- },
- scrollbars: {
- visibility: ['auto', scrollbarsVisibilityAllowedValues], // visible || hidden || auto || v || h || a
- autoHide: ['never', scrollbarsAutoHideAllowedValues], // never || scroll || leave || move || n || s || l || m
- autoHideDelay: [800, numberAllowedValues], // number
- dragScrolling: booleanTrueTemplate, // true || false
- clickScrolling: booleanFalseTemplate, // true || false
- touchSupport: booleanTrueTemplate, // true || false
- snapHandle: booleanFalseTemplate, // true || false
- },
- textarea: {
- dynWidth: booleanFalseTemplate, // true || false
- dynHeight: booleanFalseTemplate, // true || false
- inheritedAttrs: [['style', 'class'], stringArrayNullAllowedValues], // string || array || null
- },
- callbacks: {
- onInitialized: callbackTemplate, // null || function
- onInitializationWithdrawn: callbackTemplate, // null || function
- onDestroyed: callbackTemplate, // null || function
- onScrollStart: callbackTemplate, // null || function
- onScroll: callbackTemplate, // null || function
- onScrollStop: callbackTemplate, // null || function
- onOverflowChanged: callbackTemplate, // null || function
- onOverflowAmountChanged: callbackTemplate, // null || function
- onDirectionChanged: callbackTemplate, // null || function
- onContentSizeChanged: callbackTemplate, // null || function
- onHostSizeChanged: callbackTemplate, // null || function
- onUpdated: callbackTemplate, // null || function
- },
-};
-
-export const optionsTemplate: OptionsTemplate<Required<OverlayScrollbars.Options>> = transform(defaultOptionsWithTemplate, true);
-export const defaultOptions: OverlayScrollbars.Options = transform(defaultOptionsWithTemplate);
- |