timrijkse

import React, {
  createContext,
  useContext,
  useLayoutEffect,
  useState,
} from "react";
import {
  InteractionRequiredAuthError,
  PublicClientApplication,
} from "@azure/msal-browser";

timrijkse

<template>
  <div class="page" :style="{height: `${pageHeight}px`" }>
    <div ref="page" class="page-inner">
     
  </div>
</template>

<script>
import { TimelineMax, TweenMax, Linear } from 'gsap'

timrijkse

const { top, height } = this.$el.getBoundingClientRect()
const { pageYOffset, innerHeight } = window

const min = top + pageYOffset
const max = min + height - innerHeight

const percentage = ((pageYOffset - min) * 100) / (max - min)

timrijkse

import clamp from 'lodash/clamp'

export default {

  props: {
    /**
     * The items inside the paginator
     */
    items: {
      type: Array,