asyncy-ui-components - npm Package Compare versions

Comparing version 0.0.20 to 0.1.0

.storybook/config.js

 import { configure } from '@storybook/vue';
 
-import Vue from 'vue';
+const req = require.context('../stories', true)
 
 function loadStories() {
-    require('../stories');
+  req.keys().forEach((filename) => req(filename))
 }
 
-configure(loadStories, module);
+configure(loadStories, module);

.storybook/webpack.config.js

 const path = require("path");
+const { VueLoaderPlugin } = require('vue-loader');
 
 module.exports = (baseConfig, env, defaultConfig) => {
   defaultConfig.module.rules.push({
-    test: /\.s[ca]ss$/,
-    loaders: ["style-loader", "css-loader", "sass-loader"],
-    include: path.resolve(__dirname, "../")
+    test: /\.styl(us)?$/,
+    use: ["style-loader", "css-loader", "stylus-loader"],
   });
 
+  defaultConfig.module.rules.push({
+    test: /\.stories\.js?$/,
+    loaders: [require.resolve('@storybook/addon-storysource/loader')],
+    enforce: 'pre',
+  });
+
+  defaultConfig.plugins.push(new VueLoaderPlugin());
+
   return defaultConfig;
 };

build/rollup.config.js

 import vue from 'rollup-plugin-vue';
 import svg from 'rollup-plugin-svg';
-import scss from 'rollup-plugin-scss';
 import resolve from 'rollup-plugin-node-resolve';
 import commonjs from 'rollup-plugin-commonjs';
 
-const fromComponents = (componentNames) => {
-  return componentNames.map((name) => ({
+const toRollupConf = (name, isSSR) => {
+  const outputFile = isSSR ? `dist/${name}.ssr.js` : `dist/${name}.js`;
+  return {
     input: `components/${name}.vue`,
     output: {
       format: 'esm',
-      file: `dist/${name}.js`,
+      file: outputFile,
     },
     plugins: [
-      vue({ css: false }),
-      scss({ output: `dist/${name}.css` }),
+      vue({
+        style: {
+          preprocessOptions: {
+            stylus: {},
+          },
+        },
+        template: {
+          optimizeSSR: isSSR,
+        },
+      }),
       svg(),
@@ -25,6 +33,13 @@ resolve({
     ],
-    external: [ 'vue', 'vue-bus' ],
-  }));
+    external: [ 'vue' ],
+  }
 };
 
-export default fromComponents(['CookiesBanner', 'AppHeader', 'AppFooter', 'HeroBackground', 'AButton']);
+const fromComponents = (componentNames) => {
+  return componentNames.map(name => toRollupConf(name, false))
+    .concat(componentNames.map(name => toRollupConf(name, true)));
+};
+
+const components = ['CookiesBanner', 'AppHeader', 'AppFooter', 'HeroBackground', 'AButton', 'AInput'];
+
+export default fromComponents(components);

dist/AButton.js

@@ -12,3 +12,5 @@ //
 
-const __vue_script__ = script;
+/* script */
+            const __vue_script__ = script;
+            
 /* template */
@@ -19,115 +21,141 @@ var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('button',{class:( _obj = { button: true }, _obj[_vm.color] = _vm.color, _obj )},[_vm._t("default")],2)
 
-const __vue_template__ = typeof __vue_render__ !== 'undefined'
-  ? { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ }
-  : {};
-/* style */
-const __vue_inject_styles__ = undefined;
-/* scoped */
-const __vue_scope_id__ = "data-v-c19d240a";
-/* module identifier */
-const __vue_module_identifier__ = undefined;
-/* functional template */
-const __vue_is_functional_template__ = false;
-/* component normalizer */
-function __vue_normalize__(
-  template, style, script$$1,
-  scope, functional, moduleIdentifier,
-  createInjector, createInjectorSSR
-) {
-  const component = (typeof script$$1 === 'function' ? script$$1.options : script$$1) || {};
+  /* style */
+  const __vue_inject_styles__ = function (inject) {
+    if (!inject) return
+    inject("data-v-476ed87f_0", { source: "\n.button[data-v-476ed87f]{font-family:Graphik Web,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Helvetica,Arial,sans-serif;font-weight:500;color:#fff;padding:13px 22px;border-radius:4px;cursor:pointer;background-color:#111;border:1px solid #8f8f8f;text-align:center;transition:all .2s;font-size:.9em\n}\n.button[data-v-476ed87f]:hover{color:#111;background-color:#fff;border-color:#8f8f8f\n}\n.button.white[data-v-476ed87f]{color:#111;background-color:#fff;border-color:#8f8f8f\n}\n.button.white[data-v-476ed87f]:hover{color:#fff;background-color:#111;border-color:#111\n}", map: undefined, media: undefined });
 
-  if (!component.render) {
-    component.render = template.render;
-    component.staticRenderFns = template.staticRenderFns;
-    component._compiled = true;
+  };
+  /* scoped */
+  const __vue_scope_id__ = "data-v-476ed87f";
+  /* module identifier */
+  const __vue_module_identifier__ = undefined;
+  /* functional template */
+  const __vue_is_functional_template__ = false;
+  /* component normalizer */
+  function __vue_normalize__(
+    template, style, script$$1,
+    scope, functional, moduleIdentifier,
+    createInjector, createInjectorSSR
+  ) {
+    const component = (typeof script$$1 === 'function' ? script$$1.options : script$$1) || {};
 
-    if (functional) component.functional = true;
-  }
+    if (!component.render) {
+      component.render = template.render;
+      component.staticRenderFns = template.staticRenderFns;
+      component._compiled = true;
 
-  component._scopeId = scope;
+      if (functional) component.functional = true;
+    }
 
-  return component
-}
-/* style inject */
-function __vue_create_injector__() {
-  const head = document.head || document.getElementsByTagName('head')[0];
-  const styles = __vue_create_injector__.styles || (__vue_create_injector__.styles = {});
-  const isOldIE =
-    typeof navigator !== 'undefined' &&
-    /msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());
+    component._scopeId = scope;
 
-  return function addStyle(id, css) {
-    if (document.querySelector('style[data-vue-ssr-id~="' + id + '"]')) return // SSR styles are present.
+    {
+      let hook;
+      if (style) {
+        hook = function(context) {
+          style.call(this, createInjector(context));
+        };
+      }
 
-    const group = isOldIE ? css.media || 'default' : id;
-    const style = styles[group] || (styles[group] = { ids: [], parts: [], element: undefined });
+      if (hook !== undefined) {
+        if (component.functional) {
+          // register for functional component in vue file
+          const originalRender = component.render;
+          component.render = function renderWithStyleInjection(h, context) {
+            hook.call(context);
+            return originalRender(h, context)
+          };
+        } else {
+          // inject component registration as beforeCreate hook
+          const existing = component.beforeCreate;
+          component.beforeCreate = existing ? [].concat(existing, hook) : [hook];
+        }
+      }
+    }
 
-    if (!style.ids.includes(id)) {
-      let code = css.source;
-      let index = style.ids.length;
+    return component
+  }
+  /* style inject */
+  function __vue_create_injector__() {
+    const head = document.head || document.getElementsByTagName('head')[0];
+    const styles = __vue_create_injector__.styles || (__vue_create_injector__.styles = {});
+    const isOldIE =
+      typeof navigator !== 'undefined' &&
+      /msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());
 
-      style.ids.push(id);
+    return function addStyle(id, css) {
+      if (document.querySelector('style[data-vue-ssr-id~="' + id + '"]')) return // SSR styles are present.
 
-      if (css.map) {
-        // https://developer.chrome.com/devtools/docs/javascript-debugging
-        // this makes source maps inside style tags work properly in Chrome
-        code += '\n/*# sourceURL=' + css.map.sources[0] + ' */';
-        // http://stackoverflow.com/a/26603875
-        code +=
-          '\n/*# sourceMappingURL=data:application/json;base64,' +
-          btoa(unescape(encodeURIComponent(JSON.stringify(css.map)))) +
-          ' */';
-      }
+      const group = isOldIE ? css.media || 'default' : id;
+      const style = styles[group] || (styles[group] = { ids: [], parts: [], element: undefined });
 
-      if (isOldIE) {
-        style.element = style.element || document.querySelector('style[data-group=' + group + ']');
-      }
+      if (!style.ids.includes(id)) {
+        let code = css.source;
+        let index = style.ids.length;
 
-      if (!style.element) {
-        const el = style.element = document.createElement('style');
-        el.type = 'text/css';
+        style.ids.push(id);
 
-        if (css.media) el.setAttribute('media', css.media);
+        if (css.map) {
+          // https://developer.chrome.com/devtools/docs/javascript-debugging
+          // this makes source maps inside style tags work properly in Chrome
+          code += '\n/*# sourceURL=' + css.map.sources[0] + ' */';
+          // http://stackoverflow.com/a/26603875
+          code +=
+            '\n/*# sourceMappingURL=data:application/json;base64,' +
+            btoa(unescape(encodeURIComponent(JSON.stringify(css.map)))) +
+            ' */';
+        }
+
         if (isOldIE) {
-          el.setAttribute('data-group', group);
-          el.setAttribute('data-next-index', '0');
+          style.element = style.element || document.querySelector('style[data-group=' + group + ']');
         }
 
-        head.appendChild(el);
-      }
+        if (!style.element) {
+          const el = style.element = document.createElement('style');
+          el.type = 'text/css';
 
-      if (isOldIE) {
-        index = parseInt(style.element.getAttribute('data-next-index'));
-        style.element.setAttribute('data-next-index', index + 1);
-      }
+          if (css.media) el.setAttribute('media', css.media);
+          if (isOldIE) {
+            el.setAttribute('data-group', group);
+            el.setAttribute('data-next-index', '0');
+          }
 
-      if (style.element.styleSheet) {
-        style.parts.push(code);
-        style.element.styleSheet.cssText = style.parts
-          .filter(Boolean)
-          .join('\n');
-      } else {
-        const textNode = document.createTextNode(code);
-        const nodes = style.element.childNodes;
-        if (nodes[index]) style.element.removeChild(nodes[index]);
-        if (nodes.length) style.element.insertBefore(textNode, nodes[index]);
-        else style.element.appendChild(textNode);
+          head.appendChild(el);
+        }
+
+        if (isOldIE) {
+          index = parseInt(style.element.getAttribute('data-next-index'));
+          style.element.setAttribute('data-next-index', index + 1);
+        }
+
+        if (style.element.styleSheet) {
+          style.parts.push(code);
+          style.element.styleSheet.cssText = style.parts
+            .filter(Boolean)
+            .join('\n');
+        } else {
+          const textNode = document.createTextNode(code);
+          const nodes = style.element.childNodes;
+          if (nodes[index]) style.element.removeChild(nodes[index]);
+          if (nodes.length) style.element.insertBefore(textNode, nodes[index]);
+          else style.element.appendChild(textNode);
+        }
       }
     }
   }
-}
-/* style inject SSR */
+  /* style inject SSR */
+  
 
+  
+  var AButton = __vue_normalize__(
+    { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
+    __vue_inject_styles__,
+    __vue_script__,
+    __vue_scope_id__,
+    __vue_is_functional_template__,
+    __vue_module_identifier__,
+    __vue_create_injector__,
+    undefined
+  );
 
-var AButton = __vue_normalize__(
-  __vue_template__,
-  __vue_inject_styles__,
-  typeof __vue_script__ === 'undefined' ? {} : __vue_script__,
-  __vue_scope_id__,
-  __vue_is_functional_template__,
-  __vue_module_identifier__,
-  typeof __vue_create_injector__ !== 'undefined' ? __vue_create_injector__ : function () {},
-  typeof __vue_create_injector_ssr__ !== 'undefined' ? __vue_create_injector_ssr__ : function () {}
-);
-
 export default AButton;

dist/AppFooter.js

@@ -19,3 +19,5 @@ var slackLogo = 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNzBweCIgaGVpZ2h0PSI2OXB4IiB2aWV3Qm94PSIwIDAgNzAgNjkiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ4LjIgKDQ3MzI3KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5sb2dvLWZiLXNpbXBsZTwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJBc3luY3lfTGFuZGluZy1QYWdlX0ZpbmFsIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNDgxLjAwMDAwMCwgLTY4NzQuMDAwMDAwKSI+CiAgICAgICAgPGcgaWQ9IkVDT1NZU1RFTSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzc4LjAwMDAwMCwgNjU2My4wMDAwMDApIiBmaWxsLXJ1bGU9Im5vbnplcm8iPgogICAgICAgICAgICA8ZyBpZD0iQ0FSRFMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLCAyMzguMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iQ0FSRCI+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9ImxvZ28tZmItc2ltcGxlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMDMuNTAwMDAwLCA3My4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9ImxvZ28tc2xhY2stY29weSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLXBhdGgiIGZpbGw9IiM0NDQ0NDQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDM0LjUyMTgyMSwgMzQuNTg5NjAzKSByb3RhdGUoLTEwOC41MTgyOTYpIHRyYW5zbGF0ZSgtMzQuNTIxODIxLCAtMzQuNTg5NjAzKSAiIHg9IjI5Ljg1MDA1NiIgeT0iMjkuNjk5MzA3NCIgd2lkdGg9IjkuMzQzNTMwNDIiIGhlaWdodD0iOS43ODA1OTIwNyI+PC9yZWN0PgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS1wYXRoIiBmaWxsPSIjRkZGRkZGIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNC41MjE5NjUsIDM0LjU4OTYwMykgcm90YXRlKC0xMDguNTE4Mjk2KSB0cmFuc2xhdGUoLTM0LjUyMTk2NSwgLTM0LjU4OTYwMykgIiB4PSIyOS44NTAxOTk4IiB5PSIyOS42OTkzMDc0IiB3aWR0aD0iOS4zNDM1MzA0MiIgaGVpZ2h0PSI5Ljc4MDU5MjA3Ij48L3JlY3Q+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNjYuMTI1LDI1LjAyNzM5NzMgQzU4LjkzNzUsMS4yOTQ1MjA1NSA0OC43MzEyNSwtNC4xNzEyMzI4OCAyNS4wMTI1LDIuODc2NzEyMzMgQzEuMjkzNzUsMTAuMDY4NDkzMiAtNC4xNjg3NSwyMC4yODA4MjE5IDIuODc1LDQ0LjAxMzY5ODYgQzEwLjA2MjUsNjcuNzQ2NTc1MyAyMC4yNjg3NSw3My4yMTIzMjg4IDQzLjk4NzUsNjYuMTY0MzgzNiBDNjcuNzA2MjUsNTguOTcyNjAyNyA3My4xNjg3NSw0OC43NjAyNzQgNjYuMTI1LDI1LjAyNzM5NzMgWiBNNTQuMDUsNDAuNDE3ODA4MiBMNDkuNTkzNzUsNDEuODU2MTY0NCBMNTEuMTc1LDQ2LjQ1ODkwNDEgQzUxLjc1LDQ4LjMyODc2NzEgNTAuNzQzNzUsNTAuMzQyNDY1OCA0OC44NzUsNTAuOTE3ODA4MiBDNDguNDQzNzUsNTEuMDYxNjQzOCA0OC4wMTI1LDUxLjA2MTY0MzggNDcuNTgxMjUsNTEuMDYxNjQzOCBDNDYuMTQzNzUsNTEuMDYxNjQzOCA0NC43MDYyNSw1MC4wNTQ3OTQ1IDQ0LjI3NSw0OC42MTY0Mzg0IEw0Mi42OTM3NSw0NC4wMTM2OTg2IEwzMy40OTM3NSw0Ny4wMzQyNDY2IEwzNS4wNzUsNTEuNjM2OTg2MyBDMzUuNjUsNTMuNTA2ODQ5MyAzNC42NDM3NSw1NS41MjA1NDc5IDMyLjc3NSw1Ni4wOTU4OTA0IEMzMi4zNDM3NSw1Ni4yMzk3MjYgMzEuOTEyNSw1Ni4yMzk3MjYgMzEuNDgxMjUsNTYuMjM5NzI2IEMzMC4wNDM3NSw1Ni4yMzk3MjYgMjguNjA2MjUsNTUuMjMyODc2NyAyOC4xNzUsNTMuNzk0NTIwNSBMMjYuNTkzNzUsNDkuMTkxNzgwOCBMMjIuMTM3NSw1MC42MzAxMzcgQzIxLjcwNjI1LDUwLjc3Mzk3MjYgMjEuMjc1LDUwLjc3Mzk3MjYgMjAuODQzNzUsNTAuNzczOTcyNiBDMTkuNDA2MjUsNTAuNzczOTcyNiAxNy45Njg3NSw0OS43NjcxMjMzIDE3LjUzNzUsNDguMzI4NzY3MSBDMTYuOTYyNSw0Ni40NTg5MDQxIDE3Ljk2ODc1LDQ0LjQ0NTIwNTUgMTkuODM3NSw0My44Njk4NjMgTDI0LjI5Mzc1LDQyLjQzMTUwNjggTDIxLjU2MjUsMzMuOTQ1MjA1NSBMMTcuMTA2MjUsMzUuMzgzNTYxNiBDMTYuNjc1LDM1LjUyNzM5NzMgMTYuMjQzNzUsMzUuNTI3Mzk3MyAxNS44MTI1LDM1LjUyNzM5NzMgQzE0LjM3NSwzNS41MjczOTczIDEyLjkzNzUsMzQuNTIwNTQ3OSAxMi41MDYyNSwzMy4wODIxOTE4IEMxMS45MzEyNSwzMS4yMTIzMjg4IDEyLjkzNzUsMjkuMTk4NjMwMSAxNC44MDYyNSwyOC42MjMyODc3IEwxOS4yNjI1LDI3LjE4NDkzMTUgTDE3LjY4MTI1LDIyLjU4MjE5MTggQzE3LjEwNjI1LDIwLjcxMjMyODggMTguMTEyNSwxOC42OTg2MzAxIDE5Ljk4MTI1LDE4LjEyMzI4NzcgQzIxLjg1LDE3LjU0Nzk0NTIgMjMuODYyNSwxOC41NTQ3OTQ1IDI0LjQzNzUsMjAuNDI0NjU3NSBMMjYuMDE4NzUsMjUuMDI3Mzk3MyBMMzUuMjE4NzUsMjIuMDA2ODQ5MyBMMzMuNjM3NSwxNy40MDQxMDk2IEMzMy4wNjI1LDE1LjUzNDI0NjYgMzQuMDY4NzUsMTMuNTIwNTQ3OSAzNS45Mzc1LDEyLjk0NTIwNTUgQzM3LjgwNjI1LDEyLjM2OTg2MyAzOS44MTg3NSwxMy4zNzY3MTIzIDQwLjM5Mzc1LDE1LjI0NjU3NTMgTDQxLjk3NSwxOS44NDkzMTUxIEw0Ni40MzEyNSwxOC40MTA5NTg5IEM0OC4zLDE3LjgzNTYxNjQgNTAuMzEyNSwxOC44NDI0NjU4IDUwLjg4NzUsMjAuNzEyMzI4OCBDNTEuNDYyNSwyMi41ODIxOTE4IDUwLjQ1NjI1LDI0LjU5NTg5MDQgNDguNTg3NSwyNS4xNzEyMzI5IEw0NC4xMzEyNSwyNi42MDk1ODkgTDQ3LjE1LDM1LjUyNzM5NzMgTDUxLjYwNjI1LDM0LjA4OTA0MTEgQzUzLjQ3NSwzMy41MTM2OTg2IDU1LjQ4NzUsMzQuNTIwNTQ3OSA1Ni4wNjI1LDM2LjM5MDQxMSBDNTcuMDY4NzUsMzcuODI4NzY3MSA1Ni4wNjI1LDM5Ljg0MjQ2NTggNTQuMDUsNDAuNDE3ODA4MiBaIiBpZD0iU2hhcGUiIGZpbGw9IiNGRkZGRkYiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+';
 
-const __vue_script__ = script;
+/* script */
+            const __vue_script__ = script;
+            
 /* template */
@@ -39,115 +41,141 @@ var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"app-footer"},[_c('div',{staticClass:"columns"},[_vm._m(0),_vm._v(" "),_vm._m(1),_vm._v(" "),_vm._m(2),_vm._v(" "),_c('div',{staticClass:"column"},[_c('div',[_c('a',{attrs:{"href":"http://asyncy.click/slack","target":"_blank","rel":"noopener"}},[_c('img',{style:({
 
-const __vue_template__ = typeof __vue_render__ !== 'undefined'
-  ? { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ }
-  : {};
-/* style */
-const __vue_inject_styles__ = undefined;
-/* scoped */
-const __vue_scope_id__ = "data-v-1c5ac8e4";
-/* module identifier */
-const __vue_module_identifier__ = undefined;
-/* functional template */
-const __vue_is_functional_template__ = false;
-/* component normalizer */
-function __vue_normalize__(
-  template, style, script$$1,
-  scope, functional, moduleIdentifier,
-  createInjector, createInjectorSSR
-) {
-  const component = (typeof script$$1 === 'function' ? script$$1.options : script$$1) || {};
+  /* style */
+  const __vue_inject_styles__ = function (inject) {
+    if (!inject) return
+    inject("data-v-6858addc_0", { source: "\n.app-footer[data-v-6858addc]{font-family:Graphik Web,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Helvetica,Arial,sans-serif;background:#111;font-size:.9em;padding-top:75px;padding-bottom:55px\n}\n.app-footer .columns[data-v-6858addc]{max-width:1000px;margin:0 auto;padding:0 25px\n}\n.ul[data-v-6858addc]{list-style:none;padding-left:0;text-align:left\n}\n.li[data-v-6858addc]{font-size:1.1em;margin-bottom:.5em\n}\n.li a[data-v-6858addc]{color:#a3a3a3;font-size:.95em;font-weight:400;line-height:1.6em;text-decoration:none\n}\n.li a[data-v-6858addc]:hover{color:#fff;transition:color .3s ease-out;-webkit-transition:color .3s ease-out;-moz-transition:color .3s ease-out;-o-transition:color .3s ease-out;transition:color .3s ease-out\n}\n.menu-header[data-v-6858addc]{font-size:1em;color:#fff;margin-bottom:1em;text-align:left\n}\n.copyright[data-v-6858addc]{color:#888;margin-top:1em\n}", map: undefined, media: undefined });
 
-  if (!component.render) {
-    component.render = template.render;
-    component.staticRenderFns = template.staticRenderFns;
-    component._compiled = true;
+  };
+  /* scoped */
+  const __vue_scope_id__ = "data-v-6858addc";
+  /* module identifier */
+  const __vue_module_identifier__ = undefined;
+  /* functional template */
+  const __vue_is_functional_template__ = false;
+  /* component normalizer */
+  function __vue_normalize__(
+    template, style, script$$1,
+    scope, functional, moduleIdentifier,
+    createInjector, createInjectorSSR
+  ) {
+    const component = (typeof script$$1 === 'function' ? script$$1.options : script$$1) || {};
 
-    if (functional) component.functional = true;
-  }
+    if (!component.render) {
+      component.render = template.render;
+      component.staticRenderFns = template.staticRenderFns;
+      component._compiled = true;
 
-  component._scopeId = scope;
+      if (functional) component.functional = true;
+    }
 
-  return component
-}
-/* style inject */
-function __vue_create_injector__() {
-  const head = document.head || document.getElementsByTagName('head')[0];
-  const styles = __vue_create_injector__.styles || (__vue_create_injector__.styles = {});
-  const isOldIE =
-    typeof navigator !== 'undefined' &&
-    /msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());
+    component._scopeId = scope;
 
-  return function addStyle(id, css) {
-    if (document.querySelector('style[data-vue-ssr-id~="' + id + '"]')) return // SSR styles are present.
+    {
+      let hook;
+      if (style) {
+        hook = function(context) {
+          style.call(this, createInjector(context));
+        };
+      }
 
-    const group = isOldIE ? css.media || 'default' : id;
-    const style = styles[group] || (styles[group] = { ids: [], parts: [], element: undefined });
+      if (hook !== undefined) {
+        if (component.functional) {
+          // register for functional component in vue file
+          const originalRender = component.render;
+          component.render = function renderWithStyleInjection(h, context) {
+            hook.call(context);
+            return originalRender(h, context)
+          };
+        } else {
+          // inject component registration as beforeCreate hook
+          const existing = component.beforeCreate;
+          component.beforeCreate = existing ? [].concat(existing, hook) : [hook];
+        }
+      }
+    }
 
-    if (!style.ids.includes(id)) {
-      let code = css.source;
-      let index = style.ids.length;
+    return component
+  }
+  /* style inject */
+  function __vue_create_injector__() {
+    const head = document.head || document.getElementsByTagName('head')[0];
+    const styles = __vue_create_injector__.styles || (__vue_create_injector__.styles = {});
+    const isOldIE =
+      typeof navigator !== 'undefined' &&
+      /msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());
 
-      style.ids.push(id);
+    return function addStyle(id, css) {
+      if (document.querySelector('style[data-vue-ssr-id~="' + id + '"]')) return // SSR styles are present.
 
-      if (css.map) {
-        // https://developer.chrome.com/devtools/docs/javascript-debugging
-        // this makes source maps inside style tags work properly in Chrome
-        code += '\n/*# sourceURL=' + css.map.sources[0] + ' */';
-        // http://stackoverflow.com/a/26603875
-        code +=
-          '\n/*# sourceMappingURL=data:application/json;base64,' +
-          btoa(unescape(encodeURIComponent(JSON.stringify(css.map)))) +
-          ' */';
-      }
+      const group = isOldIE ? css.media || 'default' : id;
+      const style = styles[group] || (styles[group] = { ids: [], parts: [], element: undefined });
 
-      if (isOldIE) {
-        style.element = style.element || document.querySelector('style[data-group=' + group + ']');
-      }
+      if (!style.ids.includes(id)) {
+        let code = css.source;
+        let index = style.ids.length;
 
-      if (!style.element) {
-        const el = style.element = document.createElement('style');
-        el.type = 'text/css';
+        style.ids.push(id);
 
-        if (css.media) el.setAttribute('media', css.media);
+        if (css.map) {
+          // https://developer.chrome.com/devtools/docs/javascript-debugging
+          // this makes source maps inside style tags work properly in Chrome
+          code += '\n/*# sourceURL=' + css.map.sources[0] + ' */';
+          // http://stackoverflow.com/a/26603875
+          code +=
+            '\n/*# sourceMappingURL=data:application/json;base64,' +
+            btoa(unescape(encodeURIComponent(JSON.stringify(css.map)))) +
+            ' */';
+        }
+
         if (isOldIE) {
-          el.setAttribute('data-group', group);
-          el.setAttribute('data-next-index', '0');
+          style.element = style.element || document.querySelector('style[data-group=' + group + ']');
         }
 
-        head.appendChild(el);
-      }
+        if (!style.element) {
+          const el = style.element = document.createElement('style');
+          el.type = 'text/css';
 
-      if (isOldIE) {
-        index = parseInt(style.element.getAttribute('data-next-index'));
-        style.element.setAttribute('data-next-index', index + 1);
-      }
+          if (css.media) el.setAttribute('media', css.media);
+          if (isOldIE) {
+            el.setAttribute('data-group', group);
+            el.setAttribute('data-next-index', '0');
+          }
 
-      if (style.element.styleSheet) {
-        style.parts.push(code);
-        style.element.styleSheet.cssText = style.parts
-          .filter(Boolean)
-          .join('\n');
-      } else {
-        const textNode = document.createTextNode(code);
-        const nodes = style.element.childNodes;
-        if (nodes[index]) style.element.removeChild(nodes[index]);
-        if (nodes.length) style.element.insertBefore(textNode, nodes[index]);
-        else style.element.appendChild(textNode);
+          head.appendChild(el);
+        }
+
+        if (isOldIE) {
+          index = parseInt(style.element.getAttribute('data-next-index'));
+          style.element.setAttribute('data-next-index', index + 1);
+        }
+
+        if (style.element.styleSheet) {
+          style.parts.push(code);
+          style.element.styleSheet.cssText = style.parts
+            .filter(Boolean)
+            .join('\n');
+        } else {
+          const textNode = document.createTextNode(code);
+          const nodes = style.element.childNodes;
+          if (nodes[index]) style.element.removeChild(nodes[index]);
+          if (nodes.length) style.element.insertBefore(textNode, nodes[index]);
+          else style.element.appendChild(textNode);
+        }
       }
     }
   }
-}
-/* style inject SSR */
+  /* style inject SSR */
+  
 
+  
+  var AppFooter = __vue_normalize__(
+    { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
+    __vue_inject_styles__,
+    __vue_script__,
+    __vue_scope_id__,
+    __vue_is_functional_template__,
+    __vue_module_identifier__,
+    __vue_create_injector__,
+    undefined
+  );
 
-var AppFooter = __vue_normalize__(
-  __vue_template__,
-  __vue_inject_styles__,
-  typeof __vue_script__ === 'undefined' ? {} : __vue_script__,
-  __vue_scope_id__,
-  __vue_is_functional_template__,
-  __vue_module_identifier__,
-  typeof __vue_create_injector__ !== 'undefined' ? __vue_create_injector__ : function () {},
-  typeof __vue_create_injector_ssr__ !== 'undefined' ? __vue_create_injector_ssr__ : function () {}
-);
-
 export default AppFooter;

dist/AppHeader.js

@@ -0,1 +1,169 @@
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+var script = {
+  props: ['items', 'linkComponent'],
+};
+
+/* script */
+            const __vue_script__ = script;
+            
+/* template */
+var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"dropdown-container"},[_c('div',{staticClass:"dropdown-trigger"},[_vm._t("default")],2),_vm._v(" "),_c('div',{staticClass:"dropdown-menu"},[_c('div',{staticClass:"dropdown-content"},_vm._l((_vm.items),function(item){return _c('div',{key:item.text,staticClass:"dropdown-item"},[(_vm.linkComponent)?_c(_vm.linkComponent,{tag:"component",attrs:{"to":item.to}},[_vm._v(_vm._s(item.text))]):_c('a',{attrs:{"href":item.to}},[_vm._v(_vm._s(item.text))])],1)}))])])};
+var __vue_staticRenderFns__ = [];
+
+  /* style */
+  const __vue_inject_styles__ = function (inject) {
+    if (!inject) return
+    inject("data-v-2b3386e8_0", { source: "\n.dropdown-container[data-v-2b3386e8]{display:inline-block;position:relative\n}\n.dropdown-container:hover .dropdown-menu[data-v-2b3386e8]{display:block\n}\n.dropdown-menu[data-v-2b3386e8]{display:none;position:absolute;top:100%;z-index:20;right:0;padding-top:14px\n}\n.dropdown-content[data-v-2b3386e8]{padding:.5rem 0;border-radius:4px;background:#363636\n}\n.dropdown-item[data-v-2b3386e8]{font-size:.9rem;padding:.375rem 1rem;line-height:1.5;padding-right:3rem;text-align:left;white-space:nowrap\n}\n.dropdown-item a[data-v-2b3386e8]{color:#fff\n}\n.dropdown-item a[data-v-2b3386e8]:hover{color:#d1d1d1\n}", map: undefined, media: undefined });
+
+  };
+  /* scoped */
+  const __vue_scope_id__ = "data-v-2b3386e8";
+  /* module identifier */
+  const __vue_module_identifier__ = undefined;
+  /* functional template */
+  const __vue_is_functional_template__ = false;
+  /* component normalizer */
+  function __vue_normalize__(
+    template, style, script$$1,
+    scope, functional, moduleIdentifier,
+    createInjector, createInjectorSSR
+  ) {
+    const component = (typeof script$$1 === 'function' ? script$$1.options : script$$1) || {};
+
+    if (!component.render) {
+      component.render = template.render;
+      component.staticRenderFns = template.staticRenderFns;
+      component._compiled = true;
+
+      if (functional) component.functional = true;
+    }
+
+    component._scopeId = scope;
+
+    {
+      let hook;
+      if (style) {
+        hook = function(context) {
+          style.call(this, createInjector(context));
+        };
+      }
+
+      if (hook !== undefined) {
+        if (component.functional) {
+          // register for functional component in vue file
+          const originalRender = component.render;
+          component.render = function renderWithStyleInjection(h, context) {
+            hook.call(context);
+            return originalRender(h, context)
+          };
+        } else {
+          // inject component registration as beforeCreate hook
+          const existing = component.beforeCreate;
+          component.beforeCreate = existing ? [].concat(existing, hook) : [hook];
+        }
+      }
+    }
+
+    return component
+  }
+  /* style inject */
+  function __vue_create_injector__() {
+    const head = document.head || document.getElementsByTagName('head')[0];
+    const styles = __vue_create_injector__.styles || (__vue_create_injector__.styles = {});
+    const isOldIE =
+      typeof navigator !== 'undefined' &&
+      /msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());
+
+    return function addStyle(id, css) {
+      if (document.querySelector('style[data-vue-ssr-id~="' + id + '"]')) return // SSR styles are present.
+
+      const group = isOldIE ? css.media || 'default' : id;
+      const style = styles[group] || (styles[group] = { ids: [], parts: [], element: undefined });
+
+      if (!style.ids.includes(id)) {
+        let code = css.source;
+        let index = style.ids.length;
+
+        style.ids.push(id);
+
+        if (css.map) {
+          // https://developer.chrome.com/devtools/docs/javascript-debugging
+          // this makes source maps inside style tags work properly in Chrome
+          code += '\n/*# sourceURL=' + css.map.sources[0] + ' */';
+          // http://stackoverflow.com/a/26603875
+          code +=
+            '\n/*# sourceMappingURL=data:application/json;base64,' +
+            btoa(unescape(encodeURIComponent(JSON.stringify(css.map)))) +
+            ' */';
+        }
+
+        if (isOldIE) {
+          style.element = style.element || document.querySelector('style[data-group=' + group + ']');
+        }
+
+        if (!style.element) {
+          const el = style.element = document.createElement('style');
+          el.type = 'text/css';
+
+          if (css.media) el.setAttribute('media', css.media);
+          if (isOldIE) {
+            el.setAttribute('data-group', group);
+            el.setAttribute('data-next-index', '0');
+          }
+
+          head.appendChild(el);
+        }
+
+        if (isOldIE) {
+          index = parseInt(style.element.getAttribute('data-next-index'));
+          style.element.setAttribute('data-next-index', index + 1);
+        }
+
+        if (style.element.styleSheet) {
+          style.parts.push(code);
+          style.element.styleSheet.cssText = style.parts
+            .filter(Boolean)
+            .join('\n');
+        } else {
+          const textNode = document.createTextNode(code);
+          const nodes = style.element.childNodes;
+          if (nodes[index]) style.element.removeChild(nodes[index]);
+          if (nodes.length) style.element.insertBefore(textNode, nodes[index]);
+          else style.element.appendChild(textNode);
+        }
+      }
+    }
+  }
+  /* style inject SSR */
+  
+
+  
+  var Dropdown = __vue_normalize__(
+    { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
+    __vue_inject_styles__,
+    __vue_script__,
+    __vue_scope_id__,
+    __vue_is_functional_template__,
+    __vue_module_identifier__,
+    __vue_create_injector__,
+    undefined
+  );
+
 var logo = 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTczcHgiIGhlaWdodD0iMTlweCIgdmlld0JveD0iMCAwIDE3MyAxOSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBza2V0Y2h0b29sIDQ5ICg1MTAwMikgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+NjA2MzRBNzEtOTc0RC00QkNELTg2NDEtRTg2NTU3QzE3MDA1QDN4PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBza2V0Y2h0b29sLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJNYWluIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iSGVhZGVyIiBmaWxsPSIjRkZGRkZGIj4KICAgICAgICAgICAgPGcgaWQ9IkxvZ290eXBlIj4KICAgICAgICAgICAgICAgIDxnPgogICAgICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cC0zIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzMi4wMDAwMDAsIDAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik03LjQxMTc2NDcxLDcuODQ3NjYwODcgQzQuNTI5NDExNzYsNy4xODY3OTEzIDMuODcwNTg4MjQsNi43NzM3NDc4MyAzLjg3MDU4ODI0LDUuNDUyMDA4NyBDMy44NzA1ODgyNCwzLjc5OTgzNDc4IDQuOTQxMTc2NDcsMy4xMzg5NjUyMiA2LjY3MDU4ODI0LDMuMTM4OTY1MjIgQzguMzE3NjQ3MDYsMy4xMzg5NjUyMiA5LjcxNzY0NzA2LDMuNzk5ODM0NzggMTAuNzA1ODgyNCw0LjYyNTkyMTc0IEwxMS4wMzUyOTQxLDQuOTU2MzU2NTIgTDEyLjc2NDcwNTksMi4yMzAyNjk1NyBMMTIuNTE3NjQ3MSwxLjk4MjQ0MzQ4IEMxMS4xMTc2NDcxLDAuODI1OTIxNzM5IDkuMDU4ODIzNTMsLTAuMDAwMTY1MjE3MzkxIDYuNjcwNTg4MjQsLTAuMDAwMTY1MjE3MzkxIEMzLjEyOTQxMTc2LC0wLjAwMDE2NTIxNzM5MSAwLjY1ODgyMzUyOSwyLjE0NzY2MDg3IDAuNjU4ODIzNTI5LDUuNDUyMDA4NyBDMC42NTg4MjM1MjksOC4yNjA3MDQzNSAyLjMwNTg4MjM1LDkuOTk1NDg2OTYgNi41ODgyMzUyOSwxMC45MDQxODI2IEM5LjQ3MDU4ODI0LDExLjU2NTA1MjIgMTAuMjk0MTE3NiwxMi4xNDMzMTMgMTAuMjk0MTE3NiwxMy4zODI0NDM1IEMxMC4yOTQxMTc2LDE0Ljk1MjAwODcgOS4wNTg4MjM1MywxNS43NzgwOTU3IDcuMDgyMzUyOTQsMTUuODYwNzA0MyBDNS4zNTI5NDExOCwxNS44NjA3MDQzIDMuNDU4ODIzNTMsMTUuMTE3MjI2MSAyLjM4ODIzNTI5LDEzLjk2MDcwNDMgTDIuMDU4ODIzNTMsMTMuNjMwMjY5NiBMMC4yNDcwNTg4MjQsMTYuMzU2MzU2NSBMMC40OTQxMTc2NDcsMTYuNjA0MTgyNiBDMi4xNDExNzY0NywxOC4wOTExMzkxIDQuNDQ3MDU4ODIsMTguOTE3MjI2MSA3LDE4LjkxNzIyNjEgQzEwLjg3MDU4ODIsMTguOTE3MjI2MSAxMy41MDU4ODI0LDE2LjYwNDE4MjYgMTMuNTA1ODgyNCwxMy4yMTcyMjYxIEMxMy41MDU4ODI0LDEwLjQwODUzMDQgMTEuNjExNzY0Nyw4LjY3Mzc0NzgzIDcuNDExNzY0NzEsNy44NDc2NjA4NyIgaWQ9IkZpbGwtMSI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iRmlsbC00IiBwb2ludHM9IjY5LjQ1NzcxMTQgNy4xNjc0MjA4MSA2NC44MDU5NzAxIDAgNjEgMCA2Ny44NTA3NDYzIDEwLjUwNjc4NzMgNjcuODUwNzQ2MyAxOCA2OC4yNzM2MzE4IDE4IDcxLjE0OTI1MzcgMTggNzEuMTQ5MjUzNyAxMC40MjUzMzk0IDc4IDAgNzQuMTA5NDUyNyAwIj48L3BvbHlnb24+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTgiPgogICAgICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iRmlsbC02IiBwb2ludHM9IjguNDE4OTY2NjcgMC4wODI1MjYwODcgOC4xNzYxMDk1MiAwLjA4MjUyNjA4NyAtOC4wOTUyMzgxZS0wNSAxOC42Njk0ODI2IDMuMzk5OTE5MDUgMTguNjY5NDgyNiA4LjQxODk2NjY3IDYuODU2NDM5MTMgMTMuNDM4MDE0MyAxOC42Njk0ODI2IDEzLjc2MTgyMzggMTguNjY5NDgyNiAxNi44MzgwMTQzIDE4LjY2OTQ4MjYgOC43NDI3NzYxOSAwLjA4MjUyNjA4NyI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iRmlsbC05IiBwb2ludHM9IjE2OS4xMDk0NTMgMCAxNjQuNDU3NzExIDcuMTY3NDIwODEgMTU5Ljg5MDU0NyAwIDE1NiAwIDE2Mi44NTA3NDYgMTAuNTA2Nzg3MyAxNjIuODUwNzQ2IDE4IDE2My4yNzM2MzIgMTggMTY2LjE0OTI1NCAxOCAxNjYuMTQ5MjU0IDEwLjQyNTMzOTQgMTczIDAiPjwvcG9seWdvbj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAtMTMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDk0LjAwMDAwMCwgMC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9IkZpbGwtMTEiIHBvaW50cz0iMTEuNDE2ODMzMyAxMS40ODI3NzM5IDEuMjUwMTY2NjcgMC4wODI3NzM5MTMgMC45MTYgMC4wODI3NzM5MTMgMC40OTkzMzMzMzMgMC4wODI3NzM5MTMgMC40OTkzMzMzMzMgMTguNjY5NzMwNCAzLjc1MDE2NjY3IDE4LjY2OTczMDQgMy43NTAxNjY2NyA3LjYwMDE2NTIyIDE0LjAwMDE2NjcgMTkuMDAwMTY1MiAxNC4xNjY4MzMzIDE5LjAwMDE2NTIgMTQuMjQ5MzMzMyAxOS4wMDAxNjUyIDE0LjY2NiAxOS4wMDAxNjUyIDE0LjY2NiAwLjQxMzIwODY5NiAxMS40MTY4MzMzIDAuNDEzMjA4Njk2Ij48L3BvbHlnb24+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cC0xNiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTI1LjAwMDAwMCwgMC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTE0LjM2NTM0LDEzLjg3ODM0MzUgQzEzLjI1OTQ5LDE1LjExNzQ3MzkgMTEuODE1MzQsMTUuOTQzNTYwOSA5Ljg1OTQ5LDE1Ljk0MzU2MDkgQzYuMjkwMzQsMTUuOTQzNTYwOSAzLjkwOTQ5LDEzLjMwMDA4MjYgMy44MjUzNCw5LjU4MjY5MTMgQzMuODI1MzQsNS43ODI2OTEzIDYuMjA0NDksMy4yMjE4MjE3NCA5Ljg1OTQ5LDMuMTM5MjEzMDQgQzExLjcyOTQ5LDMuMTM5MjEzMDQgMTMuMTc1MzQsMy45NjUzIDE0LjE5NTM0LDUuMDM5MjEzMDQgTDE0LjUzNDQ5LDUuMzY5NjQ3ODMgTDE2LjY1OTQ5LDIuOTczOTk1NjUgTDE2LjQwNDQ5LDIuNzI2MTY5NTcgQzE0LjcwNDQ5LDAuOTkxMzg2OTU3IDEyLjU3OTQ5LDAuMDgyNjkxMzA0MyA5Ljg1OTQ5LDAuMDgyNjkxMzA0MyBDNC40MjAzNCwwLjA4MjY5MTMwNDMgMC41MDk0OSw0LjEzMDUxNzM5IDAuNTA5NDksOS41ODI2OTEzIEMwLjUwOTQ5LDE0Ljk1MjI1NjUgNC40MjAzNCwxOS4wMDAwODI2IDkuODU5NDksMTkuMDAwMDgyNiBDMTIuNDk1MzQsMTkuMDAwMDgyNiAxNC43OTAzNCwxOC4wOTEzODcgMTYuNDkwMzQsMTYuMjczOTk1NyBMMTYuNzQ1MzQsMTYuMDI2MTY5NiBMMTQuNjIwMzQsMTMuNTQ3OTA4NyBMMTQuMzY1MzQsMTMuODc4MzQzNSBaIiBpZD0iRmlsbC0xNCI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+';
@@ -5,4 +173,5 @@
 
-var script = {
+var script$1 = {
   props: ['links', 'linkComponent', 'showSearch', 'onSearch', 'placeholderText'],
+  components: { Dropdown },
   data() {
@@ -39,7 +208,9 @@ return {
 
-const __vue_script__ = script;
+/* script */
+            const __vue_script__$1 = script$1;
+            
 /* template */
-var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"app-header"},[_c('div',{staticClass:"columns app-header-columns is-mobile"},[_c('div',{staticClass:"column logo-container align-center"},[_c(_vm.linkComponent,{tag:"component",attrs:{"to":"/"}},[_c('img',{style:({
-          margin: '12px 0',
-        }),attrs:{"src":_vm.logo,"alt":"Asyncy"}})])],1),_vm._v(" "),_c('div',{staticClass:"column is-hidden-touch"}),_vm._v(" "),(_vm.showSearch)?_c('div',{staticClass:"column align-center is-hidden-mobile search-container is-2"},[_c('form',{staticClass:"header-form",on:{"submit":function($event){$event.preventDefault();return _vm.onSubmit($event)}}},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.search),expression:"search"}],staticClass:"header-search-bar",attrs:{"placeholder":_vm.placeholder},domProps:{"value":(_vm.search)},on:{"input":function($event){if($event.target.composing){ return; }_vm.search=$event.target.value;}}})])]):_vm._e(),_vm._v(" "),_c('div',{staticClass:"column is-hidden-touch"}),_vm._v(" "),_c('div',{staticClass:"column is-hidden-touch is-narrow align-center"},[_c('nav',[_c('ul',{staticClass:"links"},_vm._l((_vm.headerLinks),function(link,index){return _c('li',{key:index,staticClass:"web-header-link"},[(!link.items && !link.button)?_c('span',{staticClass:"link"},[_c(_vm.linkComponent,{tag:"component",attrs:{"to":link.to}},[_vm._v(_vm._s(link.text))])],1):_vm._e(),_vm._v(" "),(link.button)?_c('button',{staticClass:"header-button"},[_vm._v(_vm._s(link.text))]):_vm._e(),_vm._v(" "),(link.items)?_c('div',{staticClass:"dropdown is-hoverable is-right"},[_c('div',{staticClass:"dropdown-trigger"},[_c('span',{staticClass:"dropdown-header-text",domProps:{"innerHTML":_vm._s(link.text)}})]),_vm._v(" "),_c('div',{staticClass:"dropdown-menu",attrs:{"role":"menu"}},[_c('div',{staticClass:"dropdown-content"},_vm._l((link.items),function(item,index){return _c(_vm.linkComponent,{key:index,tag:"component",staticClass:"dropdown-item",attrs:{"to":item.to}},[_vm._v("\n                    "+_vm._s(item.text)+"\n                  ")])}))])]):_vm._e()])}))])]),_vm._v(" "),_c('div',{staticClass:"column is-hidden-desktop is-narrow align-center hamburger-container"},[_c('div',{staticClass:"mobile-menu-icon-hamburger"},[_c('a',{staticClass:"icon",on:{"click":_vm.openMenu}},[_vm._v("☰")])])])]),_vm._v(" "),(_vm.mobileMenuOpen)?_c('div',{staticClass:"mobile-menu"},[_c('div',{staticClass:"mobile-menu-icon-close"},[_c('a',{staticClass:"icon",on:{"click":_vm.closeMenu}},[_vm._v("✕")])]),_vm._v(" "),_c('nav',[_c('ul',{staticClass:"mobile-links"},_vm._l((_vm.mobileHeaderLinks),function(link,index){return _c('div',{key:index},[(!link.items)?_c('li',{staticClass:"column",style:({
+var __vue_render__$1 = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"app-header"},[_c('div',{staticClass:"columns app-header-columns is-mobile"},[_c('div',{staticClass:"column logo-container align-center is-narrow"},[_c(_vm.linkComponent,{tag:"component",attrs:{"to":"/"}},[_c('img',{style:({
+          margin: '6px 0 0 0'
+        }),attrs:{"src":_vm.logo,"alt":"Asyncy"}})])],1),_vm._v(" "),_c('div',{staticClass:"column is-hidden-touch"}),_vm._v(" "),(_vm.showSearch)?_c('div',{staticClass:"column align-center is-hidden-mobile search-container is-narrow"},[_c('form',{staticClass:"header-form",on:{"submit":function($event){$event.preventDefault();return _vm.onSubmit($event)}}},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.search),expression:"search"}],staticClass:"header-search-bar",attrs:{"placeholder":_vm.placeholder},domProps:{"value":(_vm.search)},on:{"input":function($event){if($event.target.composing){ return; }_vm.search=$event.target.value;}}})])]):_vm._e(),_vm._v(" "),_c('div',{staticClass:"column is-hidden-touch"}),_vm._v(" "),_c('div',{staticClass:"column is-hidden-touch is-narrow align-center"},[_c('nav',[_c('ul',{staticClass:"links"},_vm._l((_vm.headerLinks),function(link,index){return _c('li',{key:index,staticClass:"web-header-link"},[(!link.items && !link.button)?_c('span',{staticClass:"link"},[_c(_vm.linkComponent,{tag:"component",attrs:{"to":link.to}},[_vm._v(_vm._s(link.text))])],1):_vm._e(),_vm._v(" "),(link.button)?_c('button',{staticClass:"header-button"},[_vm._v(_vm._s(link.text))]):_vm._e(),_vm._v(" "),(link.items)?_c('dropdown',{attrs:{"items":link.items}},[_c('span',{staticClass:"dropdown-header-text",attrs:{"link-component":_vm.linkComponent},domProps:{"innerHTML":_vm._s(link.text)}})]):_vm._e()],1)}))])]),_vm._v(" "),_c('div',{staticClass:"column is-hidden-desktop align-center hamburger-container"},[_c('div',{staticClass:"mobile-menu-icon-hamburger"},[_c('a',{staticClass:"icon",on:{"click":_vm.openMenu}},[_vm._v("☰")])])])]),_vm._v(" "),(_vm.mobileMenuOpen)?_c('div',{staticClass:"mobile-menu"},[_c('div',{staticClass:"mobile-menu-icon-close"},[_c('a',{staticClass:"icon",on:{"click":_vm.closeMenu}},[_vm._v("✕")])]),_vm._v(" "),_c('nav',[_c('ul',{staticClass:"mobile-links"},_vm._l((_vm.mobileHeaderLinks),function(link,index){return _c('div',{key:index},[(!link.items)?_c('li',{staticClass:"column",style:({
             padding: '22px',
@@ -49,117 +220,143 @@ })},[_c('span',{staticClass:"link",on:{"click":_vm.closeMenu}},[_c(_vm.linkComponent,{tag:"component",attrs:{"to":link.to}},[_vm._v(_vm._s(link.text))])],1)]):_vm._l((link.items),function(item,index){return _c('li',{key:index,staticClass:"column",style:({
           })},[_c('span',{staticClass:"link",on:{"click":_vm.closeMenu}},[_c(_vm.linkComponent,{tag:"component",attrs:{"to":item.to}},[_vm._v(_vm._s(item.text))])],1)])})],2)}))])]):_vm._e()])};
-var __vue_staticRenderFns__ = [];
+var __vue_staticRenderFns__$1 = [];
 
-const __vue_template__ = typeof __vue_render__ !== 'undefined'
-  ? { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ }
-  : {};
-/* style */
-const __vue_inject_styles__ = undefined;
-/* scoped */
-const __vue_scope_id__ = "data-v-0d877287";
-/* module identifier */
-const __vue_module_identifier__ = undefined;
-/* functional template */
-const __vue_is_functional_template__ = false;
-/* component normalizer */
-function __vue_normalize__(
-  template, style, script$$1,
-  scope, functional, moduleIdentifier,
-  createInjector, createInjectorSSR
-) {
-  const component = (typeof script$$1 === 'function' ? script$$1.options : script$$1) || {};
+  /* style */
+  const __vue_inject_styles__$1 = function (inject) {
+    if (!inject) return
+    inject("data-v-7aa7cd76_0", { source: "\n.app-header[data-v-7aa7cd76]{font-family:Graphik Web,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:#111;padding-top:10px;padding-bottom:10px;min-height:66px;display:flex;align-items:center\n}\n.app-header .app-header-columns[data-v-7aa7cd76]{flex-grow:1;margin:0 auto;max-width:1440px;padding:0 25px\n}\n.logo-container[data-v-7aa7cd76]{margin:0\n}\n.mobile-menu[data-v-7aa7cd76]{position:fixed;background:#111;text-align:right;width:100vw;height:100vh;left:0;top:0;padding:23px;z-index:3000\n}\n.hamburger-container[data-v-7aa7cd76]{justify-content:flex-end;margin-left:30px\n}\n.hamburger-container .mobile-menu-icon-hamburger[data-v-7aa7cd76]{font-size:32px;line-height:20px;text-align:right;vertical-align:top\n}\n.mobile-menu-icon-close[data-v-7aa7cd76]{width:100%;font-size:2em;padding-bottom:25px\n}\n.icon[data-v-7aa7cd76]{color:#fff;cursor:pointer\n}\n.mobile-links[data-v-7aa7cd76]{text-align:center;font-size:1.2em;padding-left:0\n}\n.links[data-v-7aa7cd76]{text-align:right;font-size:1.06em;margin:0;padding:0\n}\n.links .web-header-link[data-v-7aa7cd76]{display:inline;margin-left:90px\n}\n.links .web-header-link[data-v-7aa7cd76]:first-child{margin-left:0\n}\n.links .web-header-link[data-v-7aa7cd76]:first-child:nth-last-child(5),.links .web-header-link:first-child:nth-last-child(5)~.web-header-link[data-v-7aa7cd76]{margin-left:65px\n}\n.header-button[data-v-7aa7cd76]{color:#fff;padding:13px 22px;border-radius:6px;cursor:pointer;background-color:#111;border:1px solid #8f8f8f;text-align:center;transition:all .2s;font-size:.9em\n}\n.header-button[data-v-7aa7cd76]:hover{color:#111;background-color:#fff;border-color:#111\n}\n.link[data-v-7aa7cd76]{position:relative\n}\n.link a[data-v-7aa7cd76]{color:#fff;font-weight:400;font-size:.9em;cursor:pointer\n}\n.link[data-v-7aa7cd76]:before{content:\"\";position:absolute;width:100%;height:2px;bottom:-9px;background-color:#888;visibility:hidden;transform:scaleX(0);transition:all .15s ease-out 0s\n}\n.link[data-v-7aa7cd76]:hover:before{visibility:visible;transform:scaleX(1)\n}\n.link:hover a[data-v-7aa7cd76]{color:#d1d1d1;transition:all .15s ease-in-out 0s\n}\n.dropdown-header-text[data-v-7aa7cd76]{color:#fff;font-size:.9em\n}\n.dropdown[data-v-7aa7cd76]{vertical-align:baseline\n}\n.dropdown-menu[data-v-7aa7cd76]{min-width:130px\n}\n.dropdown-item[data-v-7aa7cd76]{font-weight:400;font-size:.9em;padding-right:0;cursor:pointer\n}\n.dropdown-content[data-v-7aa7cd76]{text-align:left\n}\n.header-form[data-v-7aa7cd76]{width:100%\n}\n.search-container[data-v-7aa7cd76]{margin-left:2rem\n}\n.header-search-bar[data-v-7aa7cd76]{font-size:1em;border-radius:6px;border:1px solid transparent;padding:12px 20px;background-color:#232323;color:#bebebe;transition:all .2s ease-in-out;outline:0;width:100%\n}\n.header-search-bar[data-v-7aa7cd76]:focus{border-color:#515cf9;filter:brightness(120%);color:#fff\n}\n.align-center[data-v-7aa7cd76]{padding:0;display:flex;align-items:center\n}", map: undefined, media: undefined });
 
-  if (!component.render) {
-    component.render = template.render;
-    component.staticRenderFns = template.staticRenderFns;
-    component._compiled = true;
+  };
+  /* scoped */
+  const __vue_scope_id__$1 = "data-v-7aa7cd76";
+  /* module identifier */
+  const __vue_module_identifier__$1 = undefined;
+  /* functional template */
+  const __vue_is_functional_template__$1 = false;
+  /* component normalizer */
+  function __vue_normalize__$1(
+    template, style, script,
+    scope, functional, moduleIdentifier,
+    createInjector, createInjectorSSR
+  ) {
+    const component = (typeof script === 'function' ? script.options : script) || {};
 
-    if (functional) component.functional = true;
-  }
+    if (!component.render) {
+      component.render = template.render;
+      component.staticRenderFns = template.staticRenderFns;
+      component._compiled = true;
 
-  component._scopeId = scope;
+      if (functional) component.functional = true;
+    }
 
-  return component
-}
-/* style inject */
-function __vue_create_injector__() {
-  const head = document.head || document.getElementsByTagName('head')[0];
-  const styles = __vue_create_injector__.styles || (__vue_create_injector__.styles = {});
-  const isOldIE =
-    typeof navigator !== 'undefined' &&
-    /msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());
+    component._scopeId = scope;
 
-  return function addStyle(id, css) {
-    if (document.querySelector('style[data-vue-ssr-id~="' + id + '"]')) return // SSR styles are present.
+    {
+      let hook;
+      if (style) {
+        hook = function(context) {
+          style.call(this, createInjector(context));
+        };
+      }
 
-    const group = isOldIE ? css.media || 'default' : id;
-    const style = styles[group] || (styles[group] = { ids: [], parts: [], element: undefined });
+      if (hook !== undefined) {
+        if (component.functional) {
+          // register for functional component in vue file
+          const originalRender = component.render;
+          component.render = function renderWithStyleInjection(h, context) {
+            hook.call(context);
+            return originalRender(h, context)
+          };
+        } else {
+          // inject component registration as beforeCreate hook
+          const existing = component.beforeCreate;
+          component.beforeCreate = existing ? [].concat(existing, hook) : [hook];
+        }
+      }
+    }
 
-    if (!style.ids.includes(id)) {
-      let code = css.source;
-      let index = style.ids.length;
+    return component
+  }
+  /* style inject */
+  function __vue_create_injector__$1() {
+    const head = document.head || document.getElementsByTagName('head')[0];
+    const styles = __vue_create_injector__$1.styles || (__vue_create_injector__$1.styles = {});
+    const isOldIE =
+      typeof navigator !== 'undefined' &&
+      /msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());
 
-      style.ids.push(id);
+    return function addStyle(id, css) {
+      if (document.querySelector('style[data-vue-ssr-id~="' + id + '"]')) return // SSR styles are present.
 
-      if (css.map) {
-        // https://developer.chrome.com/devtools/docs/javascript-debugging
-        // this makes source maps inside style tags work properly in Chrome
-        code += '\n/*# sourceURL=' + css.map.sources[0] + ' */';
-        // http://stackoverflow.com/a/26603875
-        code +=
-          '\n/*# sourceMappingURL=data:application/json;base64,' +
-          btoa(unescape(encodeURIComponent(JSON.stringify(css.map)))) +
-          ' */';
-      }
+      const group = isOldIE ? css.media || 'default' : id;
+      const style = styles[group] || (styles[group] = { ids: [], parts: [], element: undefined });
 
-      if (isOldIE) {
-        style.element = style.element || document.querySelector('style[data-group=' + group + ']');
-      }
+      if (!style.ids.includes(id)) {
+        let code = css.source;
+        let index = style.ids.length;
 
-      if (!style.element) {
-        const el = style.element = document.createElement('style');
-        el.type = 'text/css';
+        style.ids.push(id);
 
-        if (css.media) el.setAttribute('media', css.media);
+        if (css.map) {
+          // https://developer.chrome.com/devtools/docs/javascript-debugging
+          // this makes source maps inside style tags work properly in Chrome
+          code += '\n/*# sourceURL=' + css.map.sources[0] + ' */';
+          // http://stackoverflow.com/a/26603875
+          code +=
+            '\n/*# sourceMappingURL=data:application/json;base64,' +
+            btoa(unescape(encodeURIComponent(JSON.stringify(css.map)))) +
+            ' */';
+        }
+
         if (isOldIE) {
-          el.setAttribute('data-group', group);
-          el.setAttribute('data-next-index', '0');
+          style.element = style.element || document.querySelector('style[data-group=' + group + ']');
         }
 
-        head.appendChild(el);
-      }
+        if (!style.element) {
+          const el = style.element = document.createElement('style');
+          el.type = 'text/css';
 
-      if (isOldIE) {
-        index = parseInt(style.element.getAttribute('data-next-index'));
-        style.element.setAttribute('data-next-index', index + 1);
-      }
+          if (css.media) el.setAttribute('media', css.media);
+          if (isOldIE) {
+            el.setAttribute('data-group', group);
+            el.setAttribute('data-next-index', '0');
+          }
 
-      if (style.element.styleSheet) {
-        style.parts.push(code);
-        style.element.styleSheet.cssText = style.parts
-          .filter(Boolean)
-          .join('\n');
-      } else {
-        const textNode = document.createTextNode(code);
-        const nodes = style.element.childNodes;
-        if (nodes[index]) style.element.removeChild(nodes[index]);
-        if (nodes.length) style.element.insertBefore(textNode, nodes[index]);
-        else style.element.appendChild(textNode);
+          head.appendChild(el);
+        }
+
+        if (isOldIE) {
+          index = parseInt(style.element.getAttribute('data-next-index'));
+          style.element.setAttribute('data-next-index', index + 1);
+        }
+
+        if (style.element.styleSheet) {
+          style.parts.push(code);
+          style.element.styleSheet.cssText = style.parts
+            .filter(Boolean)
+            .join('\n');
+        } else {
+          const textNode = document.createTextNode(code);
+          const nodes = style.element.childNodes;
+          if (nodes[index]) style.element.removeChild(nodes[index]);
+          if (nodes.length) style.element.insertBefore(textNode, nodes[index]);
+          else style.element.appendChild(textNode);
+        }
       }
     }
   }
-}
-/* style inject SSR */
+  /* style inject SSR */
+  
 
+  
+  var AppHeader = __vue_normalize__$1(
+    { render: __vue_render__$1, staticRenderFns: __vue_staticRenderFns__$1 },
+    __vue_inject_styles__$1,
+    __vue_script__$1,
+    __vue_scope_id__$1,
+    __vue_is_functional_template__$1,
+    __vue_module_identifier__$1,
+    __vue_create_injector__$1,
+    undefined
+  );
 
-var AppHeader = __vue_normalize__(
-  __vue_template__,
-  __vue_inject_styles__,
-  typeof __vue_script__ === 'undefined' ? {} : __vue_script__,
-  __vue_scope_id__,
-  __vue_is_functional_template__,
-  __vue_module_identifier__,
-  typeof __vue_create_injector__ !== 'undefined' ? __vue_create_injector__ : function () {},
-  typeof __vue_create_injector_ssr__ !== 'undefined' ? __vue_create_injector_ssr__ : function () {}
-);
-
 export default AppHeader;

dist/CookiesBanner.js

@@ -1452,3 +1452,3 @@ function createCommonjsModule(fn, module) {
 
-  if (locale.includes('-')) {
+  if (locale.indexOf('-') >= 0) {
     code = locale.split('-')[1];
@@ -1612,3 +1612,5 @@ }
 
-const __vue_script__ = script;
+/* script */
+            const __vue_script__ = script;
+            
 /* template */
@@ -1618,115 +1620,141 @@ var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.active)?_c('div',[_c('transition',{attrs:{"name":"fade"}},[(_vm.show && !_vm.showRevoked)?_c('div',{staticClass:"cookies-banner"},[_c('div',{staticClass:"side1"},[_vm._v("\n        We use cookies to track your usage of this site. We also share information about your usage with third-party services to help improve your experience. We will never track you without your permission.\n      ")]),_vm._v(" "),_c('div',{staticClass:"side2"},[_c('button',{staticClass:"cookie-button",on:{"click":_vm.allowAllCookies}},[_vm._v("Allow all cookies")])])]):_vm._e()]),_vm._v(" "),_c('transition',{attrs:{"name":"fade"}},[(_vm.showThanks)?_c('div',{staticClass:"cookies-banner"},[_vm._v("\n      Thanks! 🎉 You can always revoke your consent at the bottom of the page.\n    ")]):_vm._e()]),_vm._v(" "),_c('transition',{attrs:{"name":"fade"}},[(_vm.showRevoked)?_c('div',{staticClass:"cookies-banner"},[_vm._v("\n      Your consent has been revoked. We won't track you any longer.\n    ")]):_vm._e()]),_vm._v(" "),(!_vm.show)?_c('div',{staticClass:"revoke-banner"},[_vm._v("\n    Thanks for letting us use cookies! "),_c('a',{attrs:{"href":"javascript:void(0)"},on:{"click":_vm.revokeConsent}},[_vm._v("Revoke your consent.")])]):_vm._e()],1):_vm._e()};
 
-const __vue_template__ = typeof __vue_render__ !== 'undefined'
-  ? { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ }
-  : {};
-/* style */
-const __vue_inject_styles__ = undefined;
-/* scoped */
-const __vue_scope_id__ = "data-v-129c153c";
-/* module identifier */
-const __vue_module_identifier__ = undefined;
-/* functional template */
-const __vue_is_functional_template__ = false;
-/* component normalizer */
-function __vue_normalize__(
-  template, style, script$$1,
-  scope, functional, moduleIdentifier,
-  createInjector, createInjectorSSR
-) {
-  const component = (typeof script$$1 === 'function' ? script$$1.options : script$$1) || {};
+  /* style */
+  const __vue_inject_styles__ = function (inject) {
+    if (!inject) return
+    inject("data-v-070732a1_0", { source: "\n.cookies-banner[data-v-070732a1]{font-family:Graphik Web,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Helvetica,Arial,sans-serif;background-color:#111;color:#fff;padding:25px;width:100%;display:flex;position:fixed;z-index:200;bottom:0;opacity:.9;pointer-events:none\n}\n.side1[data-v-070732a1]{line-height:1.8em;display:inline-block;width:70%;flex-grow:1\n}\n.side2[data-v-070732a1]{flex-grow:1;display:inline-flex;justify-content:center;align-items:center\n}\n.cookie-button[data-v-070732a1]{color:#fff;background-color:#515cf9;font-size:1.1em;border:none;padding:15px 20px;border-radius:3px;transition:all .2s;pointer-events:auto;opacity:1\n}\n.cookie-button[data-v-070732a1]:hover{filter:brightness(125%)\n}\n.fade-enter-active[data-v-070732a1],.fade-leave-active[data-v-070732a1]{transition:opacity .5s\n}\n.fade-enter[data-v-070732a1],.fade-leave-to[data-v-070732a1]{opacity:0\n}\n.revoke-banner[data-v-070732a1]{text-align:center;font-family:Graphik Web,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Helvetica,Arial,sans-serif;background-color:#111;font-size:.8em;color:#666;width:100%;padding:25px\n}", map: undefined, media: undefined });
 
-  if (!component.render) {
-    component.render = template.render;
-    component.staticRenderFns = template.staticRenderFns;
-    component._compiled = true;
+  };
+  /* scoped */
+  const __vue_scope_id__ = "data-v-070732a1";
+  /* module identifier */
+  const __vue_module_identifier__ = undefined;
+  /* functional template */
+  const __vue_is_functional_template__ = false;
+  /* component normalizer */
+  function __vue_normalize__(
+    template, style, script$$1,
+    scope, functional, moduleIdentifier,
+    createInjector, createInjectorSSR
+  ) {
+    const component = (typeof script$$1 === 'function' ? script$$1.options : script$$1) || {};
 
-    if (functional) component.functional = true;
-  }
+    if (!component.render) {
+      component.render = template.render;
+      component.staticRenderFns = template.staticRenderFns;
+      component._compiled = true;
 
-  component._scopeId = scope;
+      if (functional) component.functional = true;
+    }
 
-  return component
-}
-/* style inject */
-function __vue_create_injector__() {
-  const head = document.head || document.getElementsByTagName('head')[0];
-  const styles = __vue_create_injector__.styles || (__vue_create_injector__.styles = {});
-  const isOldIE =
-    typeof navigator !== 'undefined' &&
-    /msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());
+    component._scopeId = scope;
 
-  return function addStyle(id, css) {
-    if (document.querySelector('style[data-vue-ssr-id~="' + id + '"]')) return // SSR styles are present.
+    {
+      let hook;
+      if (style) {
+        hook = function(context) {
+          style.call(this, createInjector(context));
+        };
+      }
 
-    const group = isOldIE ? css.media || 'default' : id;
-    const style = styles[group] || (styles[group] = { ids: [], parts: [], element: undefined });
+      if (hook !== undefined) {
+        if (component.functional) {
+          // register for functional component in vue file
+          const originalRender = component.render;
+          component.render = function renderWithStyleInjection(h, context) {
+            hook.call(context);
+            return originalRender(h, context)
+          };
+        } else {
+          // inject component registration as beforeCreate hook
+          const existing = component.beforeCreate;
+          component.beforeCreate = existing ? [].concat(existing, hook) : [hook];
+        }
+      }
+    }
 
-    if (!style.ids.includes(id)) {
-      let code = css.source;
-      let index = style.ids.length;
+    return component
+  }
+  /* style inject */
+  function __vue_create_injector__() {
+    const head = document.head || document.getElementsByTagName('head')[0];
+    const styles = __vue_create_injector__.styles || (__vue_create_injector__.styles = {});
+    const isOldIE =
+      typeof navigator !== 'undefined' &&
+      /msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());
 
-      style.ids.push(id);
+    return function addStyle(id, css) {
+      if (document.querySelector('style[data-vue-ssr-id~="' + id + '"]')) return // SSR styles are present.
 
-      if (css.map) {
-        // https://developer.chrome.com/devtools/docs/javascript-debugging
-        // this makes source maps inside style tags work properly in Chrome
-        code += '\n/*# sourceURL=' + css.map.sources[0] + ' */';
-        // http://stackoverflow.com/a/26603875
-        code +=
-          '\n/*# sourceMappingURL=data:application/json;base64,' +
-          btoa(unescape(encodeURIComponent(JSON.stringify(css.map)))) +
-          ' */';
-      }
+      const group = isOldIE ? css.media || 'default' : id;
+      const style = styles[group] || (styles[group] = { ids: [], parts: [], element: undefined });
 
-      if (isOldIE) {
-        style.element = style.element || document.querySelector('style[data-group=' + group + ']');
-      }
+      if (!style.ids.includes(id)) {
+        let code = css.source;
+        let index = style.ids.length;
 
-      if (!style.element) {
-        const el = style.element = document.createElement('style');
-        el.type = 'text/css';
+        style.ids.push(id);
 
-        if (css.media) el.setAttribute('media', css.media);
+        if (css.map) {
+          // https://developer.chrome.com/devtools/docs/javascript-debugging
+          // this makes source maps inside style tags work properly in Chrome
+          code += '\n/*# sourceURL=' + css.map.sources[0] + ' */';
+          // http://stackoverflow.com/a/26603875
+          code +=
+            '\n/*# sourceMappingURL=data:application/json;base64,' +
+            btoa(unescape(encodeURIComponent(JSON.stringify(css.map)))) +
+            ' */';
+        }
+
         if (isOldIE) {
-          el.setAttribute('data-group', group);
-          el.setAttribute('data-next-index', '0');
+          style.element = style.element || document.querySelector('style[data-group=' + group + ']');
         }
 
-        head.appendChild(el);
-      }
+        if (!style.element) {
+          const el = style.element = document.createElement('style');
+          el.type = 'text/css';
 
-      if (isOldIE) {
-        index = parseInt(style.element.getAttribute('data-next-index'));
-        style.element.setAttribute('data-next-index', index + 1);
-      }
+          if (css.media) el.setAttribute('media', css.media);
+          if (isOldIE) {
+            el.setAttribute('data-group', group);
+            el.setAttribute('data-next-index', '0');
+          }
 
-      if (style.element.styleSheet) {
-        style.parts.push(code);
-        style.element.styleSheet.cssText = style.parts
-          .filter(Boolean)
-          .join('\n');
-      } else {
-        const textNode = document.createTextNode(code);
-        const nodes = style.element.childNodes;
-        if (nodes[index]) style.element.removeChild(nodes[index]);
-        if (nodes.length) style.element.insertBefore(textNode, nodes[index]);
-        else style.element.appendChild(textNode);
+          head.appendChild(el);
+        }
+
+        if (isOldIE) {
+          index = parseInt(style.element.getAttribute('data-next-index'));
+          style.element.setAttribute('data-next-index', index + 1);
+        }
+
+        if (style.element.styleSheet) {
+          style.parts.push(code);
+          style.element.styleSheet.cssText = style.parts
+            .filter(Boolean)
+            .join('\n');
+        } else {
+          const textNode = document.createTextNode(code);
+          const nodes = style.element.childNodes;
+          if (nodes[index]) style.element.removeChild(nodes[index]);
+          if (nodes.length) style.element.insertBefore(textNode, nodes[index]);
+          else style.element.appendChild(textNode);
+        }
       }
     }
   }
-}
-/* style inject SSR */
+  /* style inject SSR */
+  
 
+  
+  var CookiesBanner = __vue_normalize__(
+    { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
+    __vue_inject_styles__,
+    __vue_script__,
+    __vue_scope_id__,
+    __vue_is_functional_template__,
+    __vue_module_identifier__,
+    __vue_create_injector__,
+    undefined
+  );
 
-var CookiesBanner = __vue_normalize__(
-  __vue_template__,
-  __vue_inject_styles__,
-  typeof __vue_script__ === 'undefined' ? {} : __vue_script__,
-  __vue_scope_id__,
-  __vue_is_functional_template__,
-  __vue_module_identifier__,
-  typeof __vue_create_injector__ !== 'undefined' ? __vue_create_injector__ : function () {},
-  typeof __vue_create_injector_ssr__ !== 'undefined' ? __vue_create_injector_ssr__ : function () {}
-);
-
 export default CookiesBanner;

dist/HeroBackground.js

@@ -42,3 +42,5 @@ //
 
-const __vue_script__ = script;
+/* script */
+            const __vue_script__ = script;
+            
 /* template */
@@ -73,115 +75,141 @@ var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:"left-image",style:({
 
-const __vue_template__ = typeof __vue_render__ !== 'undefined'
-  ? { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ }
-  : {};
-/* style */
-const __vue_inject_styles__ = undefined;
-/* scoped */
-const __vue_scope_id__ = "data-v-24f16287";
-/* module identifier */
-const __vue_module_identifier__ = undefined;
-/* functional template */
-const __vue_is_functional_template__ = false;
-/* component normalizer */
-function __vue_normalize__(
-  template, style, script$$1,
-  scope, functional, moduleIdentifier,
-  createInjector, createInjectorSSR
-) {
-  const component = (typeof script$$1 === 'function' ? script$$1.options : script$$1) || {};
+  /* style */
+  const __vue_inject_styles__ = function (inject) {
+    if (!inject) return
+    inject("data-v-1ec7cd83_0", { source: "\n.left-image[data-v-1ec7cd83],.right-image[data-v-1ec7cd83]{pointer-events:none\n}\n@media (max-width:1250px) and (min-width:1101px){\n.left-image[data-v-1ec7cd83]{left:calc(100vw - 1265px)!important\n}\n.right-image[data-v-1ec7cd83]{width:calc(-780px + 100vw)!important\n}\n}\n@media (max-width:1100px) and (min-width:626px){\n.left-image[data-v-1ec7cd83]{left:-155px!important\n}\n.right-image[data-v-1ec7cd83]{width:326px!important\n}\n}\n@media (max-width:625px){\n.left-image[data-v-1ec7cd83]{left:-270px!important\n}\n.right-image[data-v-1ec7cd83]{width:215px!important\n}\n}", map: undefined, media: undefined });
 
-  if (!component.render) {
-    component.render = template.render;
-    component.staticRenderFns = template.staticRenderFns;
-    component._compiled = true;
+  };
+  /* scoped */
+  const __vue_scope_id__ = "data-v-1ec7cd83";
+  /* module identifier */
+  const __vue_module_identifier__ = undefined;
+  /* functional template */
+  const __vue_is_functional_template__ = false;
+  /* component normalizer */
+  function __vue_normalize__(
+    template, style, script$$1,
+    scope, functional, moduleIdentifier,
+    createInjector, createInjectorSSR
+  ) {
+    const component = (typeof script$$1 === 'function' ? script$$1.options : script$$1) || {};
 
-    if (functional) component.functional = true;
-  }
+    if (!component.render) {
+      component.render = template.render;
+      component.staticRenderFns = template.staticRenderFns;
+      component._compiled = true;
 
-  component._scopeId = scope;
+      if (functional) component.functional = true;
+    }
 
-  return component
-}
-/* style inject */
-function __vue_create_injector__() {
-  const head = document.head || document.getElementsByTagName('head')[0];
-  const styles = __vue_create_injector__.styles || (__vue_create_injector__.styles = {});
-  const isOldIE =
-    typeof navigator !== 'undefined' &&
-    /msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());
+    component._scopeId = scope;
 
-  return function addStyle(id, css) {
-    if (document.querySelector('style[data-vue-ssr-id~="' + id + '"]')) return // SSR styles are present.
+    {
+      let hook;
+      if (style) {
+        hook = function(context) {
+          style.call(this, createInjector(context));
+        };
+      }
 
-    const group = isOldIE ? css.media || 'default' : id;
-    const style = styles[group] || (styles[group] = { ids: [], parts: [], element: undefined });
+      if (hook !== undefined) {
+        if (component.functional) {
+          // register for functional component in vue file
+          const originalRender = component.render;
+          component.render = function renderWithStyleInjection(h, context) {
+            hook.call(context);
+            return originalRender(h, context)
+          };
+        } else {
+          // inject component registration as beforeCreate hook
+          const existing = component.beforeCreate;
+          component.beforeCreate = existing ? [].concat(existing, hook) : [hook];
+        }
+      }
+    }
 
-    if (!style.ids.includes(id)) {
-      let code = css.source;
-      let index = style.ids.length;
+    return component
+  }
+  /* style inject */
+  function __vue_create_injector__() {
+    const head = document.head || document.getElementsByTagName('head')[0];
+    const styles = __vue_create_injector__.styles || (__vue_create_injector__.styles = {});
+    const isOldIE =
+      typeof navigator !== 'undefined' &&
+      /msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());
 
-      style.ids.push(id);
+    return function addStyle(id, css) {
+      if (document.querySelector('style[data-vue-ssr-id~="' + id + '"]')) return // SSR styles are present.
 
-      if (css.map) {
-        // https://developer.chrome.com/devtools/docs/javascript-debugging
-        // this makes source maps inside style tags work properly in Chrome
-        code += '\n/*# sourceURL=' + css.map.sources[0] + ' */';
-        // http://stackoverflow.com/a/26603875
-        code +=
-          '\n/*# sourceMappingURL=data:application/json;base64,' +
-          btoa(unescape(encodeURIComponent(JSON.stringify(css.map)))) +
-          ' */';
-      }
+      const group = isOldIE ? css.media || 'default' : id;
+      const style = styles[group] || (styles[group] = { ids: [], parts: [], element: undefined });
 
-      if (isOldIE) {
-        style.element = style.element || document.querySelector('style[data-group=' + group + ']');
-      }
+      if (!style.ids.includes(id)) {
+        let code = css.source;
+        let index = style.ids.length;
 
-      if (!style.element) {
-        const el = style.element = document.createElement('style');
-        el.type = 'text/css';
+        style.ids.push(id);
 
-        if (css.media) el.setAttribute('media', css.media);
+        if (css.map) {
+          // https://developer.chrome.com/devtools/docs/javascript-debugging
+          // this makes source maps inside style tags work properly in Chrome
+          code += '\n/*# sourceURL=' + css.map.sources[0] + ' */';
+          // http://stackoverflow.com/a/26603875
+          code +=
+            '\n/*# sourceMappingURL=data:application/json;base64,' +
+            btoa(unescape(encodeURIComponent(JSON.stringify(css.map)))) +
+            ' */';
+        }
+
         if (isOldIE) {
-          el.setAttribute('data-group', group);
-          el.setAttribute('data-next-index', '0');
+          style.element = style.element || document.querySelector('style[data-group=' + group + ']');
         }
 
-        head.appendChild(el);
-      }
+        if (!style.element) {
+          const el = style.element = document.createElement('style');
+          el.type = 'text/css';
 
-      if (isOldIE) {
-        index = parseInt(style.element.getAttribute('data-next-index'));
-        style.element.setAttribute('data-next-index', index + 1);
-      }
+          if (css.media) el.setAttribute('media', css.media);
+          if (isOldIE) {
+            el.setAttribute('data-group', group);
+            el.setAttribute('data-next-index', '0');
+          }
 
-      if (style.element.styleSheet) {
-        style.parts.push(code);
-        style.element.styleSheet.cssText = style.parts
-          .filter(Boolean)
-          .join('\n');
-      } else {
-        const textNode = document.createTextNode(code);
-        const nodes = style.element.childNodes;
-        if (nodes[index]) style.element.removeChild(nodes[index]);
-        if (nodes.length) style.element.insertBefore(textNode, nodes[index]);
-        else style.element.appendChild(textNode);
+          head.appendChild(el);
+        }
+
+        if (isOldIE) {
+          index = parseInt(style.element.getAttribute('data-next-index'));
+          style.element.setAttribute('data-next-index', index + 1);
+        }
+
+        if (style.element.styleSheet) {
+          style.parts.push(code);
+          style.element.styleSheet.cssText = style.parts
+            .filter(Boolean)
+            .join('\n');
+        } else {
+          const textNode = document.createTextNode(code);
+          const nodes = style.element.childNodes;
+          if (nodes[index]) style.element.removeChild(nodes[index]);
+          if (nodes.length) style.element.insertBefore(textNode, nodes[index]);
+          else style.element.appendChild(textNode);
+        }
       }
     }
   }
-}
-/* style inject SSR */
+  /* style inject SSR */
+  
 
+  
+  var HeroBackground = __vue_normalize__(
+    { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
+    __vue_inject_styles__,
+    __vue_script__,
+    __vue_scope_id__,
+    __vue_is_functional_template__,
+    __vue_module_identifier__,
+    __vue_create_injector__,
+    undefined
+  );
 
-var HeroBackground = __vue_normalize__(
-  __vue_template__,
-  __vue_inject_styles__,
-  typeof __vue_script__ === 'undefined' ? {} : __vue_script__,
-  __vue_scope_id__,
-  __vue_is_functional_template__,
-  __vue_module_identifier__,
-  typeof __vue_create_injector__ !== 'undefined' ? __vue_create_injector__ : function () {},
-  typeof __vue_create_injector_ssr__ !== 'undefined' ? __vue_create_injector_ssr__ : function () {}
-);
-
 export default HeroBackground;

package.json

 {
   "name": "asyncy-ui-components",
-  "version": "0.0.20",
+  "version": "0.1.0",
   "description": "Shared components for Asyncy",
@@ -12,5 +12,9 @@ "main": "index.js",
   "devDependencies": {
+    "@storybook/addon-knobs": "^3.4.8",
+    "@storybook/addon-storysource": "^3.4.8",
+    "@storybook/vue": "^3.4.7",
     "babel-core": "^6.26.3",
-    "@storybook/vue": "^3.4.7",
+    "bulma-stylus": "^0.4.0",
     "eslint-plugin-vue": "^4.5.0",
+    "npm-run-all": "^4.1.3",
     "rollup": "^0.60.2",
@@ -24,3 +28,6 @@ "rollup-plugin-commonjs": "^9.1.3",
     "sass-loader": "^7.0.3",
-    "vue-loader": "^14.2.1",
+    "storybook": "^1.0.0",
+    "stylus": "^0.54.5",
+    "stylus-loader": "^3.0.2",
+    "vue-loader": "^15.2.4",
     "vue-template-compiler": "^2.5.16"
@@ -31,3 +38,5 @@ },
     "watch": "NODE_ENV=production ./node_modules/.bin/rollup --config build/rollup.config.js -w",
-    "storybook": "start-storybook -p 9001 -c .storybook"
+    "dev": "run-p storybook watch",
+    "storybook": "start-storybook -p 9001 -c .storybook",
+    "storybook-build": "build-storybook -c .storybook -o dist/"
   },
@@ -34,0 +43,0 @@ "repository": {

README.md

@@ -5,3 +5,3 @@ # Component library for Asyncy
 ```
-npm run storybook
+npm run dev # will also build components using rollup
 ```
@@ -8,0 +8,0 @@

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Native code

Supply chain risk

Contains native code (e.g., compiled binaries or shared libraries). Including native code can obscure malicious behavior.

Found 55 instances in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

6210631

increased by2810.64%

Number of package files

112

increased by261.29%

Lines of code

19398

increased by638.69%

Worsened metrics

Dev dependency count

20

increased by53.85%

Number of medium supply chain risk alerts

56

increased byInfinity%

No dependency changes