{"version":3,"sources":["webpack:///./src/components/Page-header.vue","webpack:///src/components/Page-header.vue","webpack:///./src/components/Page-header.vue?95ad","webpack:///./src/components/Page-header.vue?f09d","webpack:///./src/assets/images/small/img-4.jpg","webpack:///./src/assets/images/small/img-1.jpg","webpack:///./src/assets/images/small/img-6.jpg","webpack:///./src/views/pages/extras/lightbox.vue","webpack:///src/views/pages/extras/lightbox.vue","webpack:///./src/views/pages/extras/lightbox.vue?a366","webpack:///./src/views/pages/extras/lightbox.vue?27e3","webpack:///./src/assets/images/small/img-2.jpg","webpack:///./src/assets/images/small/img-3.jpg","webpack:///./src/assets/images/small/img-5.jpg","webpack:///./src/assets/images/small/img-7.jpg"],"names":["render","_vm","this","_c","_self","staticClass","class","layoutType","_v","_s","title","attrs","items","staticRenderFns","components","props","type","String","default","Array","computed","layoutComputed","component","module","exports","require","on","$event","singleImage","_l","imgs","src","index","key","click","showImg","visible","handleHide","captionimgs","showCaptiomImg","visibleCaption","handleCaptionHide","directives","name","rawName","modifiers","page","meta","content","appConfig","description","Layout","PageHeader","data","text","href","active","methods"],"mappings":"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","file":"js/chunk-6d7cca10.bd5933af.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12\"},[_c('div',{staticClass:\"page-title-box\",class:{\n        'page-title-box-alt':\n          _vm.layoutType !== 'vertical' && _vm.layoutType !== 'two-column',\n      }},[_c('h4',{staticClass:\"page-title\"},[_vm._v(_vm._s(_vm.title))]),_c('div',{staticClass:\"page-title-right\"},[_c('b-breadcrumb',{staticClass:\"m-0\",attrs:{\"items\":_vm.items}})],1)])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\nimport { layoutComputed } from \"@/state/helpers\";\n\n/**\n * Page-header component\n */\nexport default {\n  components: {},\n  props: {\n    title: {\n      type: String,\n      default: \"\",\n    },\n    items: {\n      type: Array,\n      default: () => {\n        return [];\n      },\n    },\n  },\n  computed: {\n    ...layoutComputed,\n  },\n};\n</script>\n\n<template>\n  <!-- start page title -->\n  <div class=\"row\">\n    <div class=\"col-12\">\n      <div\n        class=\"page-title-box\"\n        :class=\"{\n          'page-title-box-alt':\n            layoutType !== 'vertical' && layoutType !== 'two-column',\n        }\"\n      >\n        <h4 class=\"page-title\">{{ title }}</h4>\n        <div class=\"page-title-right\">\n          <b-breadcrumb :items=\"items\" class=\"m-0\"></b-breadcrumb>\n        </div>\n      </div>\n    </div>\n  </div>\n  <!-- end page title -->\n</template>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Page-header.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Page-header.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Page-header.vue?vue&type=template&id=14ebe7ac\"\nimport script from \"./Page-header.vue?vue&type=script&lang=js\"\nexport * from \"./Page-header.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/img-4.44deaa8d.jpg\";","module.exports = __webpack_public_path__ + \"img/img-1.b09925e5.jpg\";","module.exports = __webpack_public_path__ + \"img/img-6.442ffbf6.jpg\";","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('Layout',[_c('PageHeader',{attrs:{\"title\":_vm.title,\"items\":_vm.items}}),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-6\"},[_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"card-body\"},[_c('h4',{staticClass:\"header-title\"},[_vm._v(\"Single image lightbox\")]),_c('p',{staticClass:\"sub-header\"},[_vm._v(\"Example of image popup.\")]),_c('div',{staticClass:\"popup-gallery\"},[_c('img',{attrs:{\"src\":require(\"@/assets/images/small/img-1.jpg\"),\"width\":\"120\"},on:{\"click\":function($event){_vm.singleImage = true}}}),_c('vue-easy-lightbox',{attrs:{\"visible\":_vm.singleImage,\"imgs\":require('@/assets/images/small/img-1.jpg')},on:{\"hide\":function($event){_vm.singleImage = false}}})],1)])])]),_c('div',{staticClass:\"col-lg-6\"},[_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"card-body\"},[_c('h4',{staticClass:\"header-title\"},[_vm._v(\"Lightbox gallery\")]),_c('p',{staticClass:\"sub-header\"},[_vm._v(\" In this example lazy-loading of images is enabled for the next image based on move direction. \")]),_c('div',{staticClass:\"popup-gallery\"},[_vm._l((_vm.imgs),function(src,index){return _c('div',{key:index,staticClass:\"float-left\",on:{\"click\":() => _vm.showImg(index)}},[_c('img',{attrs:{\"src\":src,\"width\":\"120\"}})])}),_c('vue-easy-lightbox',{attrs:{\"visible\":_vm.visible,\"imgs\":_vm.imgs,\"index\":_vm.index},on:{\"hide\":_vm.handleHide}})],2)])])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-6\"},[_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"card-body\"},[_c('h4',{staticClass:\"header-title\"},[_vm._v(\"Caption\")]),_c('p',{staticClass:\"sub-header\"},[_vm._v(\"Show caption with popup.\")]),_c('div',{staticClass:\"popup-gallery\"},[_vm._l((_vm.captionimgs),function(src,index){return _c('div',{key:index,staticClass:\"float-left\",on:{\"click\":() => _vm.showCaptiomImg(index)}},[_c('img',{attrs:{\"src\":src.src,\"width\":\"275\"}})])}),_c('vue-easy-lightbox',{attrs:{\"visible\":_vm.visibleCaption,\"imgs\":_vm.captionimgs,\"index\":_vm.index},on:{\"hide\":_vm.handleCaptionHide}})],2)])])]),_c('div',{staticClass:\"col-lg-6\"},[_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"card-body\"},[_c('h4',{staticClass:\"card-title mb-4\"},[_vm._v(\"Popup with form\")]),_c('div',[_c('a',{directives:[{name:\"b-modal\",rawName:\"v-b-modal.modal-1\",modifiers:{\"modal-1\":true}}],staticClass:\"popup-form btn btn-primary\",attrs:{\"href\":\"javascript: void(0);\"}},[_vm._v(\"Popup form\")]),_c('b-modal',{attrs:{\"id\":\"modal-1\",\"title\":\"Form\",\"hide-footer\":\"\",\"size\":\"lg\",\"centered\":\"\"}},[_c('div',{staticClass:\"card-body\"},[_c('form',[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-4\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{attrs:{\"for\":\"name\"}},[_vm._v(\"Name\")]),_c('input',{staticClass:\"form-control\",attrs:{\"type\":\"text\",\"id\":\"name\",\"placeholder\":\"Enter Name\"}})])]),_c('div',{staticClass:\"col-lg-4\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{attrs:{\"for\":\"email\"}},[_vm._v(\"Email\")]),_c('input',{staticClass:\"form-control\",attrs:{\"type\":\"email\",\"id\":\"email\",\"placeholder\":\"Enter Email\"}})])]),_c('div',{staticClass:\"col-lg-4\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{attrs:{\"for\":\"password\"}},[_vm._v(\"Password\")]),_c('input',{staticClass:\"form-control\",attrs:{\"type\":\"text\",\"id\":\"password\",\"placeholder\":\"Enter Password\"}})])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-12\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{attrs:{\"for\":\"subject\"}},[_vm._v(\"Subject\")]),_c('textarea',{staticClass:\"form-control\",attrs:{\"id\":\"subject\",\"rows\":\"3\"}})])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-12\"},[_c('div',{staticClass:\"text-right\"},[_c('button',{staticClass:\"btn btn-primary\",attrs:{\"type\":\"submit\"}},[_vm._v(\" Submit \")])])])])])])])],1)])])])])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\nimport Layout from \"../../layouts/main\";\nimport PageHeader from \"@/components/Page-header\";\nimport appConfig from \"../../../../app.config\";\n\n/**\n * Lightbox component\n */\nexport default {\n  page: {\n    title: \"Lightbox\",\n    meta: [{ name: \"description\", content: appConfig.description }],\n  },\n  components: {\n    Layout,\n    PageHeader,\n  },\n  data() {\n    return {\n      title: \"Lightbox\",\n      items: [\n        {\n          text: \"Minton\",\n          href: \"/\",\n        },\n        {\n          text: \"Extras\",\n          href: \"/\",\n        },\n        {\n          text: \"Lightbox\",\n          active: true,\n        },\n      ],\n      visible: false,\n      singleImage: false,\n      visibleCaption: false,\n      index: 0, // default: 0\n      imgs: [\n        require(\"@/assets/images/small/img-1.jpg\"),\n        require(\"@/assets/images/small/img-2.jpg\"),\n        require(\"@/assets/images/small/img-3.jpg\"),\n        require(\"@/assets/images/small/img-4.jpg\"),\n        require(\"@/assets/images/small/img-5.jpg\"),\n        require(\"@/assets/images/small/img-6.jpg\"),\n      ],\n      captionimgs: [\n        {\n          src: require(\"@/assets/images/small/img-3.jpg\"),\n          title: \"Caption 1\",\n        },\n        {\n          src: require(\"@/assets/images/small/img-7.jpg\"),\n          title: \"Caption 2\",\n        },\n      ],\n    };\n  },\n  methods: {\n    showImg(index) {\n      this.index = index;\n      this.visible = true;\n    },\n    handleHide() {\n      this.visible = false;\n    },\n    showCaptiomImg(index) {\n      this.index = index;\n      this.visibleCaption = true;\n    },\n    handleCaptionHide() {\n      this.visibleCaption = false;\n    },\n  },\n};\n</script>\n\n<template>\n  <Layout>\n    <PageHeader :title=\"title\" :items=\"items\" />\n    <div class=\"row\">\n      <div class=\"col-lg-6\">\n        <div class=\"card\">\n          <div class=\"card-body\">\n            <h4 class=\"header-title\">Single image lightbox</h4>\n            <p class=\"sub-header\">Example of image popup.</p>\n            <div class=\"popup-gallery\">\n              <img\n                src=\"@/assets/images/small/img-1.jpg\"\n                width=\"120\"\n                @click=\"singleImage = true\"\n              />\n              <vue-easy-lightbox\n                :visible=\"singleImage\"\n                :imgs=\"require('@/assets/images/small/img-1.jpg')\"\n                @hide=\"singleImage = false\"\n              ></vue-easy-lightbox>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"col-lg-6\">\n        <div class=\"card\">\n          <div class=\"card-body\">\n            <h4 class=\"header-title\">Lightbox gallery</h4>\n            <p class=\"sub-header\">\n              In this example lazy-loading of images is enabled for the next\n              image based on move direction.\n            </p>\n            <div class=\"popup-gallery\">\n              <div\n                v-for=\"(src, index) in imgs\"\n                :key=\"index\"\n                class=\"float-left\"\n                @click=\"() => showImg(index)\"\n              >\n                <img :src=\"src\" width=\"120\" />\n              </div>\n              <vue-easy-lightbox\n                :visible=\"visible\"\n                :imgs=\"imgs\"\n                :index=\"index\"\n                @hide=\"handleHide\"\n              ></vue-easy-lightbox>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"row\">\n      <div class=\"col-lg-6\">\n        <div class=\"card\">\n          <div class=\"card-body\">\n            <h4 class=\"header-title\">Caption</h4>\n            <p class=\"sub-header\">Show caption with popup.</p>\n            <div class=\"popup-gallery\">\n              <div\n                v-for=\"(src, index) in captionimgs\"\n                :key=\"index\"\n                class=\"float-left\"\n                @click=\"() => showCaptiomImg(index)\"\n              >\n                <img :src=\"src.src\" width=\"275\" />\n              </div>\n              <vue-easy-lightbox\n                :visible=\"visibleCaption\"\n                :imgs=\"captionimgs\"\n                :index=\"index\"\n                @hide=\"handleCaptionHide\"\n              ></vue-easy-lightbox>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"col-lg-6\">\n        <div class=\"card\">\n          <div class=\"card-body\">\n            <h4 class=\"card-title mb-4\">Popup with form</h4>\n            <div>\n              <a\n                class=\"popup-form btn btn-primary\"\n                href=\"javascript: void(0);\"\n                v-b-modal.modal-1\n                >Popup form</a\n              >\n\n              <b-modal id=\"modal-1\" title=\"Form\" hide-footer size=\"lg\" centered>\n                <div class=\"card-body\">\n                  <form>\n                    <div class=\"row\">\n                      <div class=\"col-lg-4\">\n                        <div class=\"form-group\">\n                          <label for=\"name\">Name</label>\n                          <input\n                            type=\"text\"\n                            class=\"form-control\"\n                            id=\"name\"\n                            placeholder=\"Enter Name\"\n                          />\n                        </div>\n                      </div>\n                      <div class=\"col-lg-4\">\n                        <div class=\"form-group\">\n                          <label for=\"email\">Email</label>\n                          <input\n                            type=\"email\"\n                            class=\"form-control\"\n                            id=\"email\"\n                            placeholder=\"Enter Email\"\n                          />\n                        </div>\n                      </div>\n                      <div class=\"col-lg-4\">\n                        <div class=\"form-group\">\n                          <label for=\"password\">Password</label>\n                          <input\n                            type=\"text\"\n                            class=\"form-control\"\n                            id=\"password\"\n                            placeholder=\"Enter Password\"\n                          />\n                        </div>\n                      </div>\n                    </div>\n                    <div class=\"row\">\n                      <div class=\"col-lg-12\">\n                        <div class=\"form-group\">\n                          <label for=\"subject\">Subject</label>\n                          <textarea\n                            class=\"form-control\"\n                            id=\"subject\"\n                            rows=\"3\"\n                          ></textarea>\n                        </div>\n                      </div>\n                    </div>\n                    <div class=\"row\">\n                      <div class=\"col-lg-12\">\n                        <div class=\"text-right\">\n                          <button type=\"submit\" class=\"btn btn-primary\">\n                            Submit\n                          </button>\n                        </div>\n                      </div>\n                    </div>\n                  </form>\n                </div>\n              </b-modal>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </Layout>\n</template>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./lightbox.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./lightbox.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./lightbox.vue?vue&type=template&id=4f1fef04\"\nimport script from \"./lightbox.vue?vue&type=script&lang=js\"\nexport * from \"./lightbox.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/img-2.2e41d62d.jpg\";","module.exports = __webpack_public_path__ + \"img/img-3.b16e3ed0.jpg\";","module.exports = __webpack_public_path__ + \"img/img-5.0381bf0c.jpg\";","module.exports = __webpack_public_path__ + \"img/img-7.eba70577.jpg\";"],"sourceRoot":""}