@enso-ui/scroll-to-top 2.0.4

package/.eslintrc.js

@@ -0,0 +1,44 @@
+module.exports = {
+    'root': true,
+    extends: [
+        'airbnb-base',
+        'plugin:vue/recommended'
+    ],
+    plugins: [
+        'vue',
+    ],
+    globals: {
+        axios: true,
+        route: true,
+    },
+    parserOptions: {
+        parser: 'babel-eslint',
+        sourceType: 'module',
+        'ecmaVersion': 2017,
+        allowImportExportEverywhere: true
+    },
+    rules: {
+        'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
+        'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
+        indent: ['error', 4],
+        'vue/html-indent': 0,
+        'vue/attributes-order': 0,
+        'no-plusplus': 0,
+        'no-debugger': 0,
+        'no-param-reassign': 0,
+        'no-mixed-operators': 0,
+        'func-names': 0,
+        'no-shadow': 0,
+        'vue/max-attributes-per-line': 0,
+        'no-return-assign': ['error', 'except-parens'],
+        'vue/html-closing-bracket-newline': ['error', {
+            'singleline': 'never',
+            'multiline': 'never'
+        }],
+        'vue/html-closing-bracket-spacing': ['error', {
+            'startTag': 'never',
+            'endTag': 'never',
+            'selfClosingTag': 'never'
+        }]
+    },
+};

package/.github/issue_template.md

@@ -0,0 +1,28 @@
+<!-- Choose one of the following: -->
+This is  a **bug | feature request**.
+
+<!-- Make sure that everything is checked below: -->
+### Prerequisites
+* [ ] Are you running the latest version?
+* [ ] Are you reporting to the correct repository?
+(enso is made of many specialized packages: https://github.com/laravel-enso)
+* [ ] Did you check the documentation?
+* [ ] Did you perform a cursory search?
+
+### Description
+<!-- Description of the bug or feature -->
+
+### Steps to Reproduce
+<!--
+1. First Step
+2. Second Step
+3. and so on...
+-->
+
+### Expected behavior
+<!-- What you expected to happen -->
+
+### Actual behavior
+<!-- What actually happened -->
+
+<!-- when the issue is resolved, don't forget to **CLOSE** it -->

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2017 laravel-enso
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,30 @@
+# Loader
+
+![npm license](https://img.shields.io/npm/l/@enso-ui/scroll-to-top.svg) 
+![npm download](https://img.shields.io/npm/dm/@enso-ui/scroll-to-top.svg) 
+![GitHub top language](https://img.shields.io/github/languages/top/enso-ui/scroll-to-top.svg) 
+![GitHub issues](https://img.shields.io/github/issues/enso-ui/scroll-to-top.svg) 
+![npm version](https://img.shields.io/npm/v/@enso-ui/scroll-to-top.svg) 
+
+Simple loader
+
+## Usage
+The component can be used outside of the Enso ecosystem.
+
+### Demo
+
+For live examples and demos, you may visit [laravel-enso.com](https://www.laravel-enso.com)
+
+### Installation, Configuration & Usage
+
+Be sure to check out the full documentation for this package available at [docs.laravel-enso.com](https://docs.laravel-enso.com/frontend/scroll-to-top.html)
+
+## Contributions
+
+are welcome. Pull requests are great, but issues are good too.
+
+Thank you to all the people who already contributed to Enso!
+
+## License
+
+[ISC](https://opensource.org/licenses/ISC)

package/bulma/index.js

@@ -0,0 +1,3 @@
+import ScrollToTop from '../src/bulma/ScrollToTop.vue';
+
+export default ScrollToTop;

package/package.json

@@ -0,0 +1,45 @@
+{
+  "name": "@enso-ui/scroll-to-top",
+  "version": "2.0.4",
+  "description": "Scroll To Top",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/enso-ui/scroll-to-top.git"
+  },
+  "keywords": [
+    "scroll-to-top",
+    "vue",
+    "bulma"
+  ],
+  "author": "Adrian Ocneanu <aocneanu@gmail.com>",
+  "license": "ISC",
+  "bugs": {
+    "url": "https://github.com/enso-ui/scroll-to-top/issues"
+  },
+  "homepage": "https://github.com/enso-ui/scroll-to-top#readme",
+  "devDependencies": {
+    "@babel/plugin-syntax-dynamic-import": "^7.2.0",
+    "@vue/cli-plugin-babel": "^4.0.5",
+    "@vue/cli-plugin-eslint": "^4.0.5",
+    "@vue/cli-service": "^4.0.5",
+    "@vue/eslint-config-airbnb": "^5.0.0",
+    "autoprefixer": "^9.6.1",
+    "babel-eslint": "^10.0.1",
+    "cross-env": "^6.0.0",
+    "eslint": "^6.8.0",
+    "eslint-import-resolver-alias": "^1.1.2",
+    "eslint-plugin-vue": "^6.0.0"
+  },
+  "dependencies": {
+    "@enso-ui/transitions": "^1.0",
+    "@fortawesome/fontawesome-svg-core": "^1.2.2",
+    "@fortawesome/free-solid-svg-icons": "^5.2.0",
+    "@fortawesome/vue-fontawesome": "^0.1.1",
+    "bulma": "^0.9.0",
+    "vue": "^2.5.16"
+  }
+}

package/renderless/index.js

@@ -0,0 +1,3 @@
+import CoreScrollToTop from '../src/renderless/CoreScrollToTop.vue';
+
+export default CoreScrollToTop;

package/src/bulma/ScrollToTop.vue

@@ -0,0 +1,59 @@
+<template>
+    <core-scroll-to-top v-bind="$attrs">
+        <template v-slot:default="{ visible, type, controlEvents }">
+            <zoom>
+                <div class="button scroll-control"
+                    :class="type"
+                    v-on="controlEvents"
+                    v-if="visible">
+                    <slot>
+                        <span class="icon is-large">
+                            <fa icon="arrow-alt-circle-up"/>
+                        </span>
+                    </slot>
+                </div>
+            </zoom>
+        </template>
+    </core-scroll-to-top>
+</template>
+
+<script>
+import { Zoom } from '@enso-ui/transitions';
+import { library } from '@fortawesome/fontawesome-svg-core';
+import { faArrowAltCircleUp } from '@fortawesome/free-solid-svg-icons';
+import CoreScrollToTop from '../renderless/CoreScrollToTop.vue';
+
+library.add(faArrowAltCircleUp);
+
+export default {
+    name: 'ScrollToTop',
+
+    components: { CoreScrollToTop, Zoom },
+};
+</script>
+
+<style lang="scss">
+    .scroll-control {
+        z-index: 3;
+        position: fixed;
+        bottom: 3em;
+
+        @media screen and (min-width: 769px) {
+            [dir='ltr'] & {
+                right: 1.5em;
+            }
+            [dir='rtl'] & {
+                left: 1.5em;
+            }
+        }
+        @media screen and (max-width: 768px) {
+            [dir='ltr'] & {
+                right: 0.5em;
+            }
+            [dir='rtl'] & {
+                left: 0.5em;
+            }
+        }
+    }
+
+</style>

package/src/renderless/CoreScrollToTop.vue

@@ -0,0 +1,62 @@
+<script>
+export default {
+    name: 'CoreScrollToTop',
+
+    props: {
+        type: {
+            type: String,
+            default: null,
+        },
+    },
+
+    data: () => ({
+        visible: false,
+        requestId: null,
+        position: null,
+    }),
+
+    mounted() {
+        const onScroll = () => {
+            const position = Math.max(
+                document.body.scrollTop,
+                document.documentElement.scrollTop,
+            );
+
+            if (position > this.position) {
+                window.cancelAnimationFrame(this.requestId);
+            }
+
+            this.position = position;
+
+            this.visible = this.position > 100;
+        };
+
+        window.addEventListener('scroll', onScroll);
+
+        this.$once('hook:destroyed', () => {
+            window.removeEventListener('scroll', onScroll);
+        });
+    },
+
+    methods: {
+        scroll() {
+            const height = document.documentElement.scrollTop || document.body.scrollTop;
+
+            if (height > 0) {
+                window.scrollTo(0, height - height / 10);
+                this.requestId = window.requestAnimationFrame(this.scroll);
+            }
+        },
+    },
+
+    render() {
+        return this.$scopedSlots.default({
+            visible: this.visible,
+            type: this.type,
+            controlEvents: {
+                click: this.scroll,
+            },
+        });
+    },
+};
+</script>