@namelivia/vue-components 0.1.0 → 0.1.4

package/dist/index.esm.js

@@ -0,0 +1,350 @@
+var SectionTitle = {
+render: function(){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('h1',{staticClass:"text-center text-6xl leading-relaxed"},[_vm._v(" "+_vm._s(_vm.text)+" ")])},
+staticRenderFns: [],
+  props: {
+    text: String,
+  },
+};
+
+var Loading = {
+render: function(){var _vm=this;var _h=_vm.$createElement;_vm._self._c||_h;return _vm._m(0)},
+staticRenderFns: [function(){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('h1',{staticClass:"text-center.text-1xl.leading-relaxed"},[_vm._v(" Loading... ")]),_vm._v(" "),_c('div',{staticClass:"flex items-center justify-center space-x-2 animate-bounce"},[_c('div',{staticClass:"w-8 h-8 bg-blue-400 rounded-full"}),_vm._v(" "),_c('div',{staticClass:"w-8 h-8 bg-green-400 rounded-full"}),_vm._v(" "),_c('div',{staticClass:"w-8 h-8 bg-red-400 rounded-full"})])])}],
+  props: {
+    text: String,
+  },
+};
+
+var ResetButton = {
+render: function(){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('button',{staticClass:"bg-red-500 hover:bg-red-700 text-white font-bold py-2 px-4 rounded",attrs:{"type":"reset"}},[_vm._v(" "+_vm._s(_vm.text)+" ")])},
+staticRenderFns: [],
+  props: {
+    text: String,
+  },
+};
+
+var SubmitButton = {
+render: function(){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('button',{staticClass:"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded",attrs:{"type":"submit"}},[_vm._v(" "+_vm._s(_vm.text)+" ")])},
+staticRenderFns: [],
+  props: {
+    text: String,
+  },
+};
+
+var RegularButton = {
+render: function(){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('button',{staticClass:"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded",on:{"click":_vm.onClick}},[_vm._v(" "+_vm._s(_vm.text)+" ")])},
+staticRenderFns: [],
+  props: {
+    text: String,
+  },
+  methods: {
+    onClick(evt) {
+      this.$emit('click', evt);
+    }
+  }
+};
+
+var SecondaryButton = {
+render: function(){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('button',{staticClass:"bg-gray-500 hover:bg-gray-700 text-white font-bold py-2 px-4 rounded",on:{"click":_vm.onClick}},[_vm._v(" "+_vm._s(_vm.text)+" ")])},
+staticRenderFns: [],
+  props: {
+    text: String,
+  },
+  methods: {
+    onClick(evt) {
+      this.$emit('click', evt);
+    }
+  }
+};
+
+var DangerButton = {
+render: function(){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('button',{staticClass:"bg-red-500 hover:bg-red-700 text-white font-bold py-2 px-4 rounded",on:{"click":_vm.onClick}},[_vm._v(" "+_vm._s(_vm.text)+" ")])},
+staticRenderFns: [],
+  props: {
+    text: String,
+  },
+  methods: {
+    onClick(evt) {
+      this.$emit('click', evt);
+    }
+  }
+};
+
+var Card = {
+render: function(){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"max-w-sm rounded overflow-hidden shadow-lg"},[_vm._t("default")],2)},
+staticRenderFns: [],
+stub: 1
+};
+
+var CardImage = {
+render: function(){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('img',{ref:"image",staticClass:"w-full",attrs:{"src":_vm.src,"alt":_vm.alt}})},
+staticRenderFns: [],
+  props: {
+    src: String,
+    alt: String,
+  },
+  data: function () {
+    return {
+      imageWidth: 0,
+    }
+  },
+  methods: {
+    calculateWidth() {
+      return this.$refs.image.clientWidth
+    },
+  },
+  mounted: function () {
+    this.$emit('width', this.calculateWidth());
+  },
+};
+
+var CardBody = {
+render: function(){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"px-6 py-4"},[_c('div',{staticClass:"font-bold text-xl mb-2"},[_vm._v(_vm._s(_vm.title))]),_vm._v(" "),_c('p',{staticClass:"text-gray-700 text-base"},[_vm._t("default")],2)])},
+staticRenderFns: [],
+  props: {
+    title: String,
+  },
+};
+
+var Selector = {
+render: function(){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"mb-4"},[_c('label',{staticClass:"block text-gray-700 text-sm font-bold mb-2",attrs:{"for":_vm.id}},[_vm._v("\n    "+_vm._s(_vm.label)+"\n  ")]),_vm._v(" "),_c('div',{staticClass:"relative"},[_c('select',{directives:[{name:"model",rawName:"v-model",value:(_vm.selected),expression:"selected"}],staticClass:"block appearance-none w-full bg-gray-200 border border-gray-200 text-gray-700 py-3 px-4 pr-8 rounded leading-tight focus:outline-none focus:bg-white focus:border-gray-500",attrs:{"id":_vm.id},on:{"change":[function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = "_value" in o ? o._value : o.value;return val}); _vm.selected=$event.target.multiple ? $$selectedVal : $$selectedVal[0];},_vm.onChange]}},_vm._l((_vm.options),function(option){return _c('option',{key:option.value,attrs:{"disabled":option.disabled},domProps:{"value":option.value}},[_vm._v("\n        "+_vm._s(option.text)+"\n      ")])}),0),_vm._v(" "),_c('div',{staticClass:"pointer-events-none absolute inset-y-0 right-0 flex items-center px-2 text-gray-700"},[_c('svg',{staticClass:"fill-current h-4 w-4",attrs:{"xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 20 20"}},[_c('path',{attrs:{"d":"M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z"}})])])])])},
+staticRenderFns: [],
+  props: {
+    id: {
+      type: String,
+    },
+    label: {
+      type: String,
+    },
+    options: {
+      type: Array,
+    },
+  },
+  data() {
+    return {
+      selected: '',
+    }
+  },
+  methods: {
+    onChange() {
+      this.$emit('selected', this.selected);
+    },
+  },
+};
+
+var TextInput = {
+render: function(){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"mb-4"},[_c('label',{staticClass:"block text-gray-700 text-sm font-bold mb-2",attrs:{"for":_vm.id}},[_vm._v("\n    "+_vm._s(_vm.label)+"\n  ")]),_vm._v(" "),_c('input',{staticClass:"shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline",attrs:{"id":_vm.id,"name":_vm.id,"required":_vm.required,"placeholder":_vm.placeholder,"type":"text"},domProps:{"value":_vm.text},on:{"input":_vm.onInput}})])},
+staticRenderFns: [],
+  props: {
+    id: {
+      type: String,
+    },
+    required: {
+      type: Boolean,
+    },
+    placeholder: {
+      type: String,
+    },
+    label: {
+      type: String,
+    },
+    text: {
+      type: String,
+    },
+  },
+  methods: {
+    onInput(event) {
+      this.$emit('update', event.target.value);
+    },
+  },
+
+};
+
+var NumberInput = {
+render: function(){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"mb-4"},[_c('label',{staticClass:"block text-gray-700 text-sm font-bold mb-2",attrs:{"for":_vm.id}},[_vm._v("\n    "+_vm._s(_vm.label)+"\n  ")]),_vm._v(" "),_c('input',{staticClass:"shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline",attrs:{"id":_vm.id,"name":_vm.id,"required":_vm.required,"placeholder":_vm.placeholder,"type":"number","min":"1"},domProps:{"value":_vm.value},on:{"input":_vm.onInput}})])},
+staticRenderFns: [],
+  props: {
+    id: {
+      type: String,
+    },
+    required: {
+      type: Boolean,
+    },
+    placeholder: {
+      type: String,
+    },
+    label: {
+      type: String,
+    },
+    value: {
+      type: Number,
+    },
+  },
+  methods: {
+    onInput(event) {
+      this.$emit('update', event.target.value);
+    },
+  },
+
+};
+
+var ImageInput = {
+render: function(){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"mb-4"},[_c('label',{staticClass:"block text-gray-700 text-sm font-bold mb-2",attrs:{"for":_vm.id}},[_vm._v("\n    "+_vm._s(_vm.label)+"\n  ")]),_vm._v(" "),_c('input',{staticClass:"shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline",attrs:{"id":_vm.id,"name":_vm.id,"required":_vm.required,"placeholder":_vm.placeholder,"drop-placeholder":_vm.dropPlaceholder,"type":"file","accept":"image/*"},domProps:{"value":_vm.file},on:{"input":_vm.onInput}})])},
+staticRenderFns: [],
+  props: {
+    id: {
+      type: String,
+    },
+    required: {
+      type: Boolean,
+    },
+    placeholder: {
+      type: String,
+    },
+    dropPlaceholder: {
+      type: String,
+    },
+    label: {
+      type: String,
+    },
+    file: {
+      type: Object,
+    }
+  },
+  methods: {
+    onInput(event) {
+      this.$emit('update', event.target.files[0]);
+    },
+  },
+
+};
+
+var CardGrid = {
+render: function(){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"flex flex-wrap"},[_vm._t("default")],2)},
+staticRenderFns: [],
+stub: 1
+};
+
+var MobileNavigationLink = {
+render: function(){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('a',{class:_vm.linkClass,attrs:{"href":_vm.href,"aria-current":"page"}},[_vm._v("\n  "+_vm._s(_vm.text)+"\n")])},
+staticRenderFns: [],
+  props: {
+    text: {
+      type: String,
+    },
+    href: {
+      type: String,
+    },
+    current: {
+      type: Boolean,
+    },
+  },
+  computed: {
+    linkClass: function () {
+      if (this.current) {
+        return 'bg-gray-900 text-white block px-3 py-2 rounded-md text-base font-medium'
+      }
+      return 'text-gray-300 hover:bg-gray-700 hover:text-white block px-3 py-2 rounded-md text-base font-medium'
+    },
+  },
+};
+
+var MobileNavigationLinks = {
+render: function(){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"sm:hidden",attrs:{"id":"mobile-menu"}},[_c('div',{staticClass:"px-2 pt-2 pb-3 space-y-1"},_vm._l((_vm.links),function(link){return _c('mobile-navigation-link',{key:link.id,attrs:{"href":link.href,"text":link.text}})}),1)])},
+staticRenderFns: [],
+  components: {
+    MobileNavigationLink: MobileNavigationLink,
+  },
+  props: {
+    links: {
+      type: Array,
+    },
+  },
+};
+
+var NavigationLink = {
+render: function(){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('a',{class:_vm.linkClass,attrs:{"href":_vm.href,"aria-current":"page"}},[_vm._v("\n  "+_vm._s(_vm.text)+"\n")])},
+staticRenderFns: [],
+  props: {
+    text: {
+      type: String,
+    },
+    href: {
+      type: String,
+    },
+    current: {
+      type: Boolean,
+    },
+  },
+  computed: {
+    linkClass: function () {
+      if (this.current) {
+        return 'bg-gray-900 text-white px-3 py-2 rounded-md text-sm font-medium'
+      }
+      return 'text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium'
+    },
+  },
+};
+
+var NavigationLinks = {
+render: function(){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"hidden sm:block sm:ml-6"},[_c('div',{staticClass:"flex space-x-4"},_vm._l((_vm.links),function(link){return _c('navigation-link',{key:link.id,attrs:{"href":link.href,"text":link.text}})}),1)])},
+staticRenderFns: [],
+  components: {
+    NavigationLink: NavigationLink,
+  },
+  props: {
+    links: {
+      type: Array,
+    },
+  },
+};
+
+var NavbarTitle = {
+render: function(){var _vm=this;var _h=_vm.$createElement;_vm._self._c||_h;return _vm._m(0)},
+staticRenderFns: [function(){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"flex-shrink-0 flex items-center"},[_c('img',{staticClass:"block lg:hidden h-8 w-auto",attrs:{"src":"https://tailwindui.com/img/logos/workflow-mark-indigo-500.svg","alt":"Workflow"}}),_vm._v(" "),_c('img',{staticClass:"hidden lg:block h-8 w-auto",attrs:{"src":"https://tailwindui.com/img/logos/workflow-logo-indigo-500-mark-white-text.svg","alt":"Workflow"}})])}],
+stub: 1
+};
+
+var RightContent = {
+render: function(){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"absolute inset-y-0 right-0 flex items-center pr-2 sm:static sm:inset-auto sm:ml-6 sm:pr-0"},[_c('span',{staticClass:"bg-gray-800 p-1 text-gray-400"},[_vm._v(" "+_vm._s(_vm.$i18n.locale))]),_vm._v(" "),_c('span',{staticClass:"bg-gray-800 p-1 text-gray-400"},[_vm._v(" "+_vm._s(_vm.currentUserEmail)+" ")])])},
+staticRenderFns: [],
+  props: {
+    locale: {
+      type: String,
+    },
+    currentUserEmail: {
+      type: String,
+    },
+  },
+};
+
+var MobileMenuButton = {
+render: function(){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('button',{staticClass:"inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-white",attrs:{"type":"button","aria-controls":"mobile-menu","aria-expanded":"false"}},[_c('span',{staticClass:"sr-only"},[_vm._v("Open main menu")]),_vm._v(" "),_c('svg',{staticClass:"block h-6 w-6",attrs:{"xmlns":"http://www.w3.org/2000/svg","fill":"none","viewBox":"0 0 24 24","stroke":"currentColor","aria-hidden":"true"}},[_c('path',{attrs:{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2","d":"M4 6h16M4 12h16M4 18h16"}})]),_vm._v(" "),_c('svg',{staticClass:"hidden h-6 w-6",attrs:{"xmlns":"http://www.w3.org/2000/svg","fill":"none","viewBox":"0 0 24 24","stroke":"currentColor","aria-hidden":"true"}},[_c('path',{attrs:{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2","d":"M6 18L18 6M6 6l12 12"}})])])},
+staticRenderFns: [],
+stub: 1
+};
+
+var Navbar = {
+render: function(){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('nav',{staticClass:"bg-gray-800"},[_c('div',{staticClass:"max-w-7xl mx-auto px-2 sm:px-6 lg:px-8"},[_c('div',{staticClass:"relative flex items-center justify-between h-16"},[_c('div',{staticClass:"absolute inset-y-0 left-0 flex items-center sm:hidden"},[_c('mobile-menu-button')],1),_vm._v(" "),_c('div',{staticClass:"flex-1 flex items-center justify-center sm:items-stretch sm:justify-start"},[_c('navbar-title'),_vm._v(" "),_c('navigation-links',{attrs:{"links":_vm.links}})],1),_vm._v(" "),_c('right-content',{attrs:{"locale":_vm.locale,"current-user-email":_vm.currentUserEmail}})],1)]),_vm._v(" "),_c('mobile-navigation-links',{attrs:{"links":_vm.links}})],1)},
+staticRenderFns: [],
+  components: {
+    NavbarTitle: NavbarTitle,
+    NavigationLinks: NavigationLinks,
+    MobileNavigationLinks: MobileNavigationLinks,
+    RightContent: RightContent,
+    MobileMenuButton: MobileMenuButton,
+  },
+  props: {
+    links: {
+      type: Array,
+    },
+    locale: {
+      type: String,
+    },
+    currentUserEmail: {
+      type: String,
+    },
+  },
+};
+
+export { Card, CardBody, CardGrid, CardImage, DangerButton, ImageInput, Loading, Navbar, NumberInput, RegularButton, ResetButton, SecondaryButton, SectionTitle, Selector, SubmitButton, TextInput };
+//# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../src/SectionTitle.vue","../src/Loading.vue","../src/ResetButton.vue","../src/SubmitButton.vue","../src/RegularButton.vue","../src/SecondaryButton.vue","../src/DangerButton.vue","../src/Card.vue","../src/CardImage.vue","../src/CardBody.vue","../src/Selector.vue","../src/TextInput.vue","../src/NumberInput.vue","../src/ImageInput.vue","../src/CardGrid.vue","../src/MobileNavigationLink.vue","../src/MobileNavigationLinks.vue","../src/NavigationLink.vue","../src/NavigationLinks.vue","../src/NavbarTitle.vue","../src/RightContent.vue","../src/MobileMenuButton.vue","../src/Navbar.vue"],"sourcesContent":["<template>\n  <h1 class=\"text-center text-6xl leading-relaxed\"> {{text}} </h1>\n</template>\n\n<script lang=\"js\">\nexport default {\n  props: {\n    text: String,\n  },\n}\n</script>\n","<template>\n<div>\n  <h1 class=\"text-center.text-1xl.leading-relaxed\"> Loading... </h1>\n  <div class=\"flex items-center justify-center space-x-2 animate-bounce\">\n    <div class=\"w-8 h-8 bg-blue-400 rounded-full\" />\n    <div class=\"w-8 h-8 bg-green-400 rounded-full\" />\n    <div class=\"w-8 h-8 bg-red-400 rounded-full\" />\n  </div>\n</div>\n</template>\n\n<script lang=\"js\">\nexport default {\n  props: {\n    text: String,\n  },\n}\n</script>\n","<template>\n  <button type=\"reset\" class=\"bg-red-500 hover:bg-red-700 text-white font-bold py-2 px-4 rounded\"> {{text}} </button>\n</template>\n\n<script lang=\"js\">\nexport default {\n  props: {\n    text: String,\n  },\n}\n</script>\n","<template>\n  <button type=\"submit\" class=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded\"> {{text}} </button>\n</template>\n\n<script lang=\"js\">\nexport default {\n  props: {\n    text: String,\n  },\n}\n</script>\n","<template>\n  <button v-on:click=\"onClick\" class=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded\"> {{text}} </button>\n</template>\n\n<script lang=\"js\">\nexport default {\n  props: {\n    text: String,\n  },\n  methods: {\n    onClick(evt) {\n      this.$emit('click', evt)\n    }\n  }\n}\n</script>\n","<template>\n  <button v-on:click=\"onClick\" class=\"bg-gray-500 hover:bg-gray-700 text-white font-bold py-2 px-4 rounded\"> {{text}} </button>\n</template>\n\n<script lang=\"js\">\nexport default {\n  props: {\n    text: String,\n  },\n  methods: {\n    onClick(evt) {\n      this.$emit('click', evt)\n    }\n  }\n}\n</script>\n","<template>\n  <button v-on:click=\"onClick\" class=\"bg-red-500 hover:bg-red-700 text-white font-bold py-2 px-4 rounded\"> {{text}} </button>\n</template>\n\n<script lang=\"js\">\nexport default {\n  props: {\n    text: String,\n  },\n  methods: {\n    onClick(evt) {\n      this.$emit('click', evt)\n    }\n  }\n}\n</script>\n","<template>\n  <div class=\"max-w-sm rounded overflow-hidden shadow-lg\">\n    <slot></slot>\n  </div>\n</template>\n","<template>\n  <img class=\"w-full\" :src=\"src\" :alt=\"alt\" ref=\"image\"/>\n</template>\n\n<script lang=\"js\">\nexport default {\n  props: {\n    src: String,\n    alt: String,\n  },\n  data: function () {\n    return {\n      imageWidth: 0,\n    }\n  },\n  methods: {\n    calculateWidth() {\n      return this.$refs.image.clientWidth\n    },\n  },\n  mounted: function () {\n    this.$emit('width', this.calculateWidth())\n  },\n}\n</script>\n","<template>\n  <div class=\"px-6 py-4\">\n    <div class=\"font-bold text-xl mb-2\">{{ title }}</div>\n    <p class=\"text-gray-700 text-base\">\n      <slot></slot>\n    </p>\n  </div>\n</template>\n\n<script lang=\"js\">\nexport default {\n  props: {\n    title: String,\n  },\n}\n</script>\n","<template>\n  <div class=\"mb-4\">\n    <label class=\"block text-gray-700 text-sm font-bold mb-2\" :for=\"id\">\n      {{ label }}\n    </label>\n    <div class=\"relative\">\n      <select\n        :id=\"id\"\n        v-model=\"selected\"\n        class=\"block appearance-none w-full bg-gray-200 border border-gray-200 text-gray-700 py-3 px-4 pr-8 rounded leading-tight focus:outline-none focus:bg-white focus:border-gray-500\"\n        @change=\"onChange\"\n      >\n        <option\n          v-for=\"option in options\"\n          :key=\"option.value\"\n          :value=\"option.value\"\n          :disabled=\"option.disabled\"\n        >\n          {{ option.text }}\n        </option>\n      </select>\n      <div\n        class=\"pointer-events-none absolute inset-y-0 right-0 flex items-center px-2 text-gray-700\"\n      >\n        <svg\n          class=\"fill-current h-4 w-4\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 20 20\"\n        >\n          <path\n            d=\"M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z\"\n          />\n        </svg>\n      </div>\n    </div>\n  </div>\n</template>\n<script>\nexport default {\n  props: {\n    id: {\n      type: String,\n    },\n    label: {\n      type: String,\n    },\n    options: {\n      type: Array,\n    },\n  },\n  data() {\n    return {\n      selected: '',\n    }\n  },\n  methods: {\n    onChange() {\n      this.$emit('selected', this.selected)\n    },\n  },\n}\n</script>\n","<template>\n  <div class=\"mb-4\">\n    <label class=\"block text-gray-700 text-sm font-bold mb-2\" :for=\"id\">\n      {{ label }}\n    </label>\n    <input\n      class=\"shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline\"\n      :id=\"id\"\n      :name=\"id\"\n      :required=\"required\"\n      :placeholder=\"placeholder\"\n      :value=\"text\"\n      @input=\"onInput\"\n      type=\"text\"\n    />\n  </div>\n</template>\n<script>\nexport default {\n  props: {\n    id: {\n      type: String,\n    },\n    required: {\n      type: Boolean,\n    },\n    placeholder: {\n      type: String,\n    },\n    label: {\n      type: String,\n    },\n    text: {\n      type: String,\n    },\n  },\n  methods: {\n    onInput(event) {\n      this.$emit('update', event.target.value)\n    },\n  },\n\n}\n</script>\n","<template>\n  <div class=\"mb-4\">\n    <label class=\"block text-gray-700 text-sm font-bold mb-2\" :for=\"id\">\n      {{ label }}\n    </label>\n    <input\n      class=\"shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline\"\n      :id=\"id\"\n      :name=\"id\"\n      :required=\"required\"\n      :placeholder=\"placeholder\"\n      :value=\"value\"\n      @input=\"onInput\"\n      type=\"number\"\n      min=\"1\"\n    />\n  </div>\n</template>\n<script>\nexport default {\n  props: {\n    id: {\n      type: String,\n    },\n    required: {\n      type: Boolean,\n    },\n    placeholder: {\n      type: String,\n    },\n    label: {\n      type: String,\n    },\n    value: {\n      type: Number,\n    },\n  },\n  methods: {\n    onInput(event) {\n      this.$emit('update', event.target.value)\n    },\n  },\n\n}\n</script>\n","<template>\n  <div class=\"mb-4\">\n    <label class=\"block text-gray-700 text-sm font-bold mb-2\" :for=\"id\">\n      {{ label }}\n    </label>\n    <input\n      class=\"shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline\"\n      :id=\"id\"\n      :name=\"id\"\n      :required=\"required\"\n      :placeholder=\"placeholder\"\n      :value=\"file\"\n      :drop-placeholder=\"dropPlaceholder\"\n      @input=\"onInput\"\n      type=\"file\"\n      accept=\"image/*\"\n    />\n  </div>\n</template>\n<script>\nexport default {\n  props: {\n    id: {\n      type: String,\n    },\n    required: {\n      type: Boolean,\n    },\n    placeholder: {\n      type: String,\n    },\n    dropPlaceholder: {\n      type: String,\n    },\n    label: {\n      type: String,\n    },\n    file: {\n      type: Object,\n    }\n  },\n  methods: {\n    onInput(event) {\n      this.$emit('update', event.target.files[0])\n    },\n  },\n\n}\n</script>\n","<template>\n  <div class=\"flex flex-wrap\">\n    <slot></slot>\n  </div>\n</template>\n","<template>\n  <a :href=\"href\" :class=\"linkClass\" aria-current=\"page\">\n    {{ text }}\n  </a>\n</template>\n<script>\nexport default {\n  props: {\n    text: {\n      type: String,\n    },\n    href: {\n      type: String,\n    },\n    current: {\n      type: Boolean,\n    },\n  },\n  computed: {\n    linkClass: function () {\n      if (this.current) {\n        return 'bg-gray-900 text-white block px-3 py-2 rounded-md text-base font-medium'\n      }\n      return 'text-gray-300 hover:bg-gray-700 hover:text-white block px-3 py-2 rounded-md text-base font-medium'\n    },\n  },\n}\n</script>\n","<template>\n  <div id=\"mobile-menu\" class=\"sm:hidden\">\n    <div class=\"px-2 pt-2 pb-3 space-y-1\">\n      <mobile-navigation-link\n        v-for=\"link in links\"\n        :key=\"link.id\"\n        :href=\"link.href\"\n        :text=\"link.text\"\n      />\n    </div>\n  </div>\n</template>\n<script>\nimport MobileNavigationLink from './MobileNavigationLink.vue'\n\nexport default {\n  components: {\n    MobileNavigationLink: MobileNavigationLink,\n  },\n  props: {\n    links: {\n      type: Array,\n    },\n  },\n}\n</script>\n","<template>\n  <a :href=\"href\" :class=\"linkClass\" aria-current=\"page\">\n    {{ text }}\n  </a>\n</template>\n<script>\nexport default {\n  props: {\n    text: {\n      type: String,\n    },\n    href: {\n      type: String,\n    },\n    current: {\n      type: Boolean,\n    },\n  },\n  computed: {\n    linkClass: function () {\n      if (this.current) {\n        return 'bg-gray-900 text-white px-3 py-2 rounded-md text-sm font-medium'\n      }\n      return 'text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium'\n    },\n  },\n}\n</script>\n","<template>\n  <div class=\"hidden sm:block sm:ml-6\">\n    <div class=\"flex space-x-4\">\n      <navigation-link\n        v-for=\"link in links\"\n        :key=\"link.id\"\n        :href=\"link.href\"\n        :text=\"link.text\"\n      />\n    </div>\n  </div>\n</template>\n<script>\nimport NavigationLink from './NavigationLink.vue'\n\nexport default {\n  components: {\n    NavigationLink: NavigationLink,\n  },\n  props: {\n    links: {\n      type: Array,\n    },\n  },\n}\n</script>\n","<template>\n  <div class=\"flex-shrink-0 flex items-center\">\n    <img\n      class=\"block lg:hidden h-8 w-auto\"\n      src=\"https://tailwindui.com/img/logos/workflow-mark-indigo-500.svg\"\n      alt=\"Workflow\"\n    />\n    <img\n      class=\"hidden lg:block h-8 w-auto\"\n      src=\"https://tailwindui.com/img/logos/workflow-logo-indigo-500-mark-white-text.svg\"\n      alt=\"Workflow\"\n    />\n  </div>\n</template>\n","<template>\n  <div\n    class=\"absolute inset-y-0 right-0 flex items-center pr-2 sm:static sm:inset-auto sm:ml-6 sm:pr-0\"\n  >\n    <span class=\"bg-gray-800 p-1 text-gray-400\"> {{ $i18n.locale }}</span>\n    <span class=\"bg-gray-800 p-1 text-gray-400\"> {{ currentUserEmail }} </span>\n  </div>\n</template>\n<script>\nexport default {\n  props: {\n    locale: {\n      type: String,\n    },\n    currentUserEmail: {\n      type: String,\n    },\n  },\n}\n</script>\n","<template>\n  <button\n    type=\"button\"\n    class=\"inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-white\"\n    aria-controls=\"mobile-menu\"\n    aria-expanded=\"false\"\n  >\n    <span class=\"sr-only\">Open main menu</span>\n    <!--\n  Icon when menu is closed.\n\n  Heroicon name: outline/menu\n\n  Menu open: \"hidden\", Menu closed: \"block\"\n-->\n    <svg\n      class=\"block h-6 w-6\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      fill=\"none\"\n      viewBox=\"0 0 24 24\"\n      stroke=\"currentColor\"\n      aria-hidden=\"true\"\n    >\n      <path\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        stroke-width=\"2\"\n        d=\"M4 6h16M4 12h16M4 18h16\"\n      />\n    </svg>\n    <!--\n  Icon when menu is open.\n\n  Heroicon name: outline/x\n\n  Menu open: \"block\", Menu closed: \"hidden\"\n-->\n    <svg\n      class=\"hidden h-6 w-6\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      fill=\"none\"\n      viewBox=\"0 0 24 24\"\n      stroke=\"currentColor\"\n      aria-hidden=\"true\"\n    >\n      <path\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        stroke-width=\"2\"\n        d=\"M6 18L18 6M6 6l12 12\"\n      />\n    </svg>\n  </button>\n</template>\n","<template>\n  <nav class=\"bg-gray-800\">\n    <div class=\"max-w-7xl mx-auto px-2 sm:px-6 lg:px-8\">\n      <div class=\"relative flex items-center justify-between h-16\">\n        <div class=\"absolute inset-y-0 left-0 flex items-center sm:hidden\">\n          <mobile-menu-button />\n        </div>\n        <div\n          class=\"flex-1 flex items-center justify-center sm:items-stretch sm:justify-start\"\n        >\n          <navbar-title />\n          <navigation-links :links=\"links\" />\n        </div>\n        <right-content\n          :locale=\"locale\"\n          :current-user-email=\"currentUserEmail\"\n        />\n      </div>\n    </div>\n    <mobile-navigation-links :links=\"links\" />\n  </nav>\n</template>\n<script>\nimport MobileNavigationLinks from './MobileNavigationLinks.vue'\nimport NavigationLinks from './NavigationLinks.vue'\nimport NavbarTitle from './NavbarTitle.vue'\nimport RightContent from './RightContent.vue'\nimport MobileMenuButton from './MobileMenuButton.vue'\n\nexport default {\n  components: {\n    NavbarTitle: NavbarTitle,\n    NavigationLinks: NavigationLinks,\n    MobileNavigationLinks: MobileNavigationLinks,\n    RightContent: RightContent,\n    MobileMenuButton: MobileMenuButton,\n  },\n  props: {\n    links: {\n      type: Array,\n    },\n    locale: {\n      type: String,\n    },\n    currentUserEmail: {\n      type: String,\n    },\n  },\n}\n</script>\n"],"names":[],"mappings":"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"}