kahl-dev

/**
 * Smooth Scroll Script
 * URL: https://gist.github.com/patrickkahl/641f0b5c80d3fbdf174dac4ee8d60fb1
 *
 * POLYFILLS:
 * - https://github.com/iamdustan/smoothscroll
 * - https://github.com/w3c/IntersectionObserver/tree/master/polyfill
 */
import 'intersection-observer'
import 'core-js/features/promise'

kahl-dev

myString.replace(/[^\x20-\x7E]/gmi, "")

kahl-dev

<template>
  <button
    :class="{'c-btn--text': text}"
    class="c-btn"
    @click="$emit('click')"
  >
    <slot />
  </button>
</template>

kahl-dev

function isElementInViewport(el) {
  const rect = el.getBoundingClientRect();
  const viewPortHeight =
    window.innerHeight || document.documentElement.clientHeight;
  const topBottom =
    (rect.top > 0 && rect.top < viewPortHeight) ||
    (rect.bottom > 0 && rect.bottom < viewPortHeight) ||
    (rect.top <= 0 && rect.height + rect.top >= viewPortHeight);

  // @TODO LeftRight

kahl-dev

function throttle(fn, threshhold = 250, scope, args = []) {
  let last, deferTimer;
  return function() {
    const context = scope || this;
    const now = +new Date();
    const eventArgs = arguments;

    if (last && now < last + threshhold) {
      // hold on to it
      clearTimeout(deferTimer);

kahl-dev

function hyphenToCamelCase(string) {
  return string.replace('data-', '').replace(/-([a-z])/g, string => {
    return string[1].toUpperCase();
  });
}

function camelCaseToHyphen(string) {
  return `data-${string.replace(/([A-Z])/g, string => {
    return `-${string.toLowerCase()}`;
  })}`;

kahl-dev

function onScrollOnce(fn, scope) {
  let mw1 = 0,
    mw2 = 0;
  let lock;

  return function() {
    const context = scope || this;
    const args = arguments;
    const e = args[0];
    const d = e.deltaY;