ryanmorr

let raf = 0;
const animations = [];

function remove(animation) {
    const index = animations.indexOf(animation);
    if (index > -1) {
        animations.splice(index, 1);
    }
}

ryanmorr

const has = {}.hasOwnProperty;

function getPath(root, tester, path = []) {
    for (const key in root) {
        if (has.call(root, key)) {
            const value = root[key];
            if (tester(key, value) === true) {
                path.push(key);
                return path;
            }

ryanmorr

// https://stackoverflow.com/a/46759625

function isConstructable(fn) {
    try {
        Reflect.construct(function () {}, [], fn);
        return true;
    } catch (e) {
        return false;
    }
}

ryanmorr

@media (min-width: 640px) {
    /* Small */
}

@media (min-width: 768px) {
    /* Medium */
}

@media (min-width: 1024px) {
    /* Large */

ryanmorr

const JSON_RE = /^(?:\{[\w\W]*\}|\[[\w\W]*\])$/;

function parseData(data) {
    if (data == null || data === 'null' || data === 'undefined' || data === '') {
        return null;
    }
    if (data === 'true') {
        return true;
    }
    if (data === 'false') {

ryanmorr

const cache = new Map();
const template = document.createElement('template');

function parseHTML(html) {
    if (cache.has(html)) {
        return cache.get(html).cloneNode(true);
    }
    template.innerHTML = html;
    cache.set(html, template.content);
    return cache.get(html).cloneNode(true);

ryanmorr

// Spec: https://wicg.github.io/ua-client-hints
// Support: https://caniuse.com/mdn-api_navigator_useragentdata

const isMobile = navigator.userAgentData.mobile; //=> true/false

ryanmorr

// Get the IANA timezone
const timezone = Intl.DateTimeFormat().resolvedOptions().timeZone;

// My result
console.log(timezone); //=> "America/Toronto"

ryanmorr

function supportsContainerQueries() {
    return !!window.CSSContainerRule;
}

function supportsCustomPropertyDefinitions() {
    return !!window.CSSPropertyRule;
}

function supportsScopedCSS() {
    return !!window.CSSScopeRule;

ryanmorr

/* Courtesy of: https://www.24a11y.com/2018/accessible-svg-icons-with-inline-sprites/ */

.svg-icon {
    /* Place the icon on the text baseline. */
    position: relative;
    top: .125em;
    /* Prevent the icon from shrinking inside a flex container. */
    flex-shrink: 0;
    /* Scale the icon to match the font-size. */
    height: 1em;