swup/plugins/swupGiaPlugin.js

Animated page transitions with css.

'use strict';

var _loadComponents = require('gia/loadComponents');

var _loadComponents2 = _interopRequireDefault(_loadComponents);

var _removeComponents = require('gia/removeComponents');

var _removeComponents2 = _interopRequireDefault(_removeComponents);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

module.exports = {
    name: 'swupGiaPlugin',
    options: { runScripts: false },
    exec: function exec(options, swup) {
        document.addEventListener('swup:willReplaceContent', function (event) {
            document.querySelectorAll('[data-swup]').forEach(function (element) {
                (0, _removeComponents2.default)(element);
            });
        });
        document.addEventListener('swup:contentReplaced', function (event) {
            document.querySelectorAll('[data-swup]').forEach(function (element) {
                (0, _loadComponents2.default)(options.components, element);
            });
        });
    }
};