\n {{ $t(\"text.subdomain-description\") }}\n
\n \n {{ $t(\"text.subdomain-advice\") }}\n
\n \n {{ $t(\"error.field-required\") }}\n
\n \n {{ $t(\"error.invalid-subdomain\") }}\n
\n \n \n \n {{ $t(\"button.visit-online-shop\") }}\n \n \n\n \n \n {{ $t(`button.${!shop.enabled ? \"enable\" : \"disable\"}`) }}\n \n\n \n {{ $t(\"button.save\") }}\n \n \n
\n \n {{ $t(\"text.name-description\") }}\n
\n \n {{ $t(\"text.name-advice\") }}\n
\n \n {{ $t(\"error.field-required\") }}\n
\n \n \n \n {{ $t(\"button.save\") }}\n \n \n
\n \n {{ $t(\"text.language-description\") }}\n
\n \n {{ $t(\"text.language-advice\") }}\n
\n \n {{ $t(\"error.field-required\") }}\n
\n \n \n \n {{ $t(\"button.save\") }}\n \n \n
\n \n {{ $t(\"text.name-description\") }}\n
\n \n {{ $t(\"text.name-advice\") }}\n
\n \n \n {{ $t(\"text.name-description\") }}\n
\n \n {{ $t(\"text.name-advice\") }}\n
\n \n \n {{ $t(\"text.name-description\") }}\n
\n \n {{ $t(\"text.name-advice\") }}\n
\n \n \n {{ $t(\"text.name-description\") }}\n
\n \n {{ $t(\"text.name-advice\") }}\n
\n \n \n \n {{ $t(\"button.save\") }}\n \n \n
\n \n \n \n \n \n \n \n\n \n \n \n \n \n \n \n \n \n\n \n \n \n \n \n\n \n \n \n \n \n\n \n \n \n \n \n \n \n\n \n \n \n \n \n \n \n\n \n \n \n \n \n\n \n \n \n \n \n\n \n \n \n \n \n \n \n\n \n \n \n \n \n \n \n\n \n \n \n \n \n\n \n \n \n \n \n\n \n \n \n \n \n \n \n\n \n \n\n \n \n \n\n \n
\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./customize-about.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./customize-about.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./customize-about.vue?vue&type=template&id=9d389682&\"\nimport script from \"./customize-about.vue?vue&type=script&lang=js&\"\nexport * from \"./customize-about.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('h5',[_vm._v(_vm._s(_vm.$t(\"text.contact\")))]),_c('b-form',{staticClass:\"mt-2\",on:{\"submit\":function($event){$event.preventDefault();return _vm.shopMinePut.apply(null, arguments)}}},[_c('b-row',[_c('b-col',{attrs:{\"cols\":\"12\",\"sm\":\"12\",\"md\":\"6\"}},[_c('b-form-group',{attrs:{\"id\":\"email-group\",\"label-for\":\"email\"}},[_c('b-form-label',{attrs:{\"label\":_vm.$t('label.email'),\"target\":\"help-email-contact\"}},[_c('div',{staticClass:\"text-muted\"},[_vm._v(_vm._s(_vm.$t(\"text.name-description\")))]),_c('div',{staticClass:\"text-info mt-2\"},[_c('i',[_vm._v(_vm._s(_vm.$t(\"text.name-advice\")))])])]),_c('b-form-input',{class:{ 'is-invalid': _vm.$v.email.$error },attrs:{\"id\":\"email\",\"type\":\"email\",\"formatter\":_vm.formatToLowerCase,\"trim\":\"\",\"disabled\":_vm.executing},model:{value:(_vm.email),callback:function ($$v) {_vm.email=$$v},expression:\"email\"}}),(!_vm.$v.email.required)?_c('div',{staticClass:\"invalid-feedback\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"error.field-required\"))+\" \")]):_vm._e(),(_vm.email != null && !_vm.$v.email.email)?_c('div',{staticClass:\"invalid-feedback\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"error.invalid-email\"))+\" \")]):_vm._e()],1)],1),_c('b-col',{attrs:{\"cols\":\"12\",\"sm\":\"12\",\"md\":\"6\"}},[_c('b-form-group',{attrs:{\"id\":\"phone-group\",\"label-for\":\"phone\"}},[_c('b-form-label',{attrs:{\"label\":_vm.$t('label.phone'),\"target\":\"help-phone-contact\"}},[_c('div',{staticClass:\"text-muted\"},[_vm._v(_vm._s(_vm.$t(\"text.name-description\")))]),_c('div',{staticClass:\"text-info mt-2\"},[_c('i',[_vm._v(_vm._s(_vm.$t(\"text.name-advice\")))])])]),_c('vue-tel-input',{class:{ 'is-invalid': _vm.$v.phone.$error },attrs:{\"aria-describedby\":\"input-live-help input-live-feedback\",\"required\":\"\"},on:{\"validate\":function (value) { return (_vm.validPhone = value); }},model:{value:(_vm.phone),callback:function ($$v) {_vm.phone=$$v},expression:\"phone\"}}),(!_vm.$v.phone.required)?_c('div',{staticClass:\"invalid-feedback\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"error.field-required\"))+\" \")]):_vm._e(),(!_vm.$v.phone.isValid)?_c('div',{staticClass:\"invalid-feedback\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"error.invalid-phone-number\"))+\" \")]):_vm._e()],1)],1),_c('b-col',{attrs:{\"cols\":\"12\",\"sm\":\"12\",\"md\":\"6\"}},[_c('b-form-group',{attrs:{\"id\":\"country-group\",\"label-for\":\"country\"}},[_c('b-form-label',{attrs:{\"label\":_vm.$t('label.country'),\"target\":\"help-country-contact\"}},[_c('div',{staticClass:\"text-muted\"},[_vm._v(_vm._s(_vm.$t(\"text.name-description\")))]),_c('div',{staticClass:\"text-info mt-2\"},[_c('i',[_vm._v(_vm._s(_vm.$t(\"text.name-advice\")))])])]),_c('SelectCountry',{class:{ 'is-invalid': _vm.$v.country.$error },attrs:{\"for\":\"country\"},model:{value:(_vm.country),callback:function ($$v) {_vm.country=$$v},expression:\"country\"}}),(!_vm.$v.country.required)?_c('div',{staticClass:\"invalid-feedback\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"error.field-required\"))+\" \")]):_vm._e()],1)],1),_c('b-col',{attrs:{\"cols\":\"12\",\"sm\":\"12\",\"md\":\"6\"}},[_c('b-form-group',{attrs:{\"label-for\":\"address-en\"}},[_c('b-form-label',{attrs:{\"label\":_vm.$t('label.address'),\"target\":\"help-address-contact\"}},[_c('div',{staticClass:\"text-muted\"},[_vm._v(_vm._s(_vm.$t(\"text.name-description\")))]),_c('div',{staticClass:\"text-info mt-2\"},[_c('i',[_vm._v(_vm._s(_vm.$t(\"text.name-advice\")))])])]),_c('TextEditor',{model:{value:(_vm.address),callback:function ($$v) {_vm.address=$$v},expression:\"address\"}})],1)],1),_c('b-col',{attrs:{\"cols\":\"12\",\"sm\":\"12\",\"md\":\"6\"}},[_c('b-form-group',{attrs:{\"id\":\"whatsapp-group\",\"label-for\":\"whatsapp\"}},[_c('b-form-label',{attrs:{\"label\":\"WhatsApp\",\"target\":\"help-whatsapp-contact\"}},[_c('div',{staticClass:\"text-muted\"},[_vm._v(_vm._s(_vm.$t(\"text.name-description\")))]),_c('div',{staticClass:\"text-info mt-2\"},[_c('i',[_vm._v(_vm._s(_vm.$t(\"text.name-advice\")))])])]),_c('vue-tel-input',{class:{ 'is-invalid': _vm.$v.whatsapp.$error },attrs:{\"aria-describedby\":\"input-live-help input-live-feedback\",\"required\":\"\"},on:{\"validate\":function (value) { return (_vm.validWhatsapp = value); }},model:{value:(_vm.whatsapp),callback:function ($$v) {_vm.whatsapp=$$v},expression:\"whatsapp\"}}),(!_vm.$v.whatsapp.isValid)?_c('div',{staticClass:\"invalid-feedback\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"error.invalid-phone-number\"))+\" \")]):_vm._e()],1)],1),_c('b-col',{attrs:{\"cols\":\"12\",\"sm\":\"12\",\"md\":\"6\"}},[_c('b-form-group',{attrs:{\"id\":\"facebook-group\",\"label\":\"Facebook\",\"label-for\":\"facebook\"}},[_c('b-form-input',{attrs:{\"id\":\"facebook\",\"type\":\"text\",\"trim\":\"\",\"disabled\":_vm.executing},model:{value:(_vm.facebook),callback:function ($$v) {_vm.facebook=$$v},expression:\"facebook\"}})],1)],1),_c('b-col',{attrs:{\"cols\":\"12\",\"sm\":\"12\",\"md\":\"6\"}},[_c('b-form-group',{attrs:{\"id\":\"instagram-group\",\"label\":\"Instagram\",\"label-for\":\"instagram\"}},[_c('b-form-input',{attrs:{\"id\":\"instagram\",\"type\":\"text\",\"trim\":\"\",\"disabled\":_vm.executing},model:{value:(_vm.instagram),callback:function ($$v) {_vm.instagram=$$v},expression:\"instagram\"}})],1)],1),_c('b-col',{attrs:{\"cols\":\"12\",\"sm\":\"12\",\"md\":\"6\"}},[_c('b-form-group',{attrs:{\"id\":\"linkedin-group\",\"label\":\"LinkedIn\",\"label-for\":\"linkedin\"}},[_c('b-form-input',{attrs:{\"id\":\"linkedin\",\"type\":\"text\",\"trim\":\"\",\"disabled\":_vm.executing},model:{value:(_vm.linkedin),callback:function ($$v) {_vm.linkedin=$$v},expression:\"linkedin\"}})],1)],1),_c('b-col',{attrs:{\"cols\":\"12\",\"sm\":\"12\",\"md\":\"6\"}},[_c('b-form-group',{attrs:{\"id\":\"twitter-group\",\"label\":\"Twitter\",\"label-for\":\"twitter\"}},[_c('b-form-input',{attrs:{\"id\":\"twitter\",\"type\":\"text\",\"trim\":\"\",\"disabled\":_vm.executing},model:{value:(_vm.twitter),callback:function ($$v) {_vm.twitter=$$v},expression:\"twitter\"}})],1)],1),_c('b-col',{attrs:{\"cols\":\"12\",\"sm\":\"12\",\"md\":\"6\"}},[_c('b-form-group',{attrs:{\"id\":\"youtube-group\",\"label\":\"YouTube\",\"label-for\":\"youtube\"}},[_c('b-form-input',{attrs:{\"id\":\"youtube\",\"type\":\"text\",\"trim\":\"\",\"disabled\":_vm.executing},model:{value:(_vm.youtube),callback:function ($$v) {_vm.youtube=$$v},expression:\"youtube\"}})],1)],1),_c('b-col',{attrs:{\"cols\":\"12\",\"sm\":\"12\",\"md\":\"6\"}},[_c('b-form-group',{attrs:{\"id\":\"tiktok-group\",\"label\":\"TikTok\",\"label-for\":\"tiktok\"}},[_c('b-form-input',{attrs:{\"id\":\"tiktok\",\"type\":\"text\",\"trim\":\"\",\"disabled\":_vm.executing},model:{value:(_vm.tiktok),callback:function ($$v) {_vm.tiktok=$$v},expression:\"tiktok\"}})],1)],1),_c('b-col',{attrs:{\"cols\":\"12\",\"sm\":\"6\"}},[_c('label',[_vm._v(_vm._s(_vm.$t(\"text.image\")))]),_c('Filepond',{attrs:{\"refId\":\"contact-image\",\"acceptedFileTypes\":['image/*'],\"required\":\"\"},model:{value:(_vm.image),callback:function ($$v) {_vm.image=$$v},expression:\"image\"}})],1)],1),_c('div',{staticClass:\"text-right\"},[(\n (!_vm.lodash.isNil(_vm.shop.contact) &&\n (!_vm.lodash.isEqual(_vm.shop.contact.address, _vm.address) ||\n !_vm.lodash.isEqual(_vm.shop.contact.email, _vm.email) ||\n !_vm.lodash.isEqual(_vm.shop.contact.phone, _vm.phone) ||\n (!_vm.lodash.isNil(_vm.country) &&\n !_vm.lodash.isNil(_vm.shop.contact.country) &&\n !_vm.lodash.isEqual(_vm.shop.contact.country, _vm.country.id)) ||\n !_vm.lodash.isEqual(_vm.shop.contact.whatsapp, _vm.whatsapp) ||\n !_vm.lodash.isEqual(_vm.shop.contact.facebook, _vm.facebook) ||\n !_vm.lodash.isEqual(_vm.shop.contact.instagram, _vm.instagram) ||\n !_vm.lodash.isEqual(_vm.shop.contact.linkedin, _vm.linkedin) ||\n !_vm.lodash.isEqual(_vm.shop.contact.twitter, _vm.twitter) ||\n !_vm.lodash.isEqual(_vm.shop.contact.youtube, _vm.youtube) ||\n !_vm.lodash.isEqual(_vm.shop.contact.tiktok, _vm.tiktok) ||\n !_vm.lodash.isEqual(_vm.shop.contact.image, _vm.image))) ||\n _vm.lodash.isNil(_vm.shop.contact)\n )?[_c('b-button',{staticClass:\"ml-3\",attrs:{\"variant\":\"primary\",\"type\":\"submit\",\"disabled\":_vm.executing || _vm.$v.$pending}},[_vm._v(_vm._s(_vm.$t(\"button.save\")))])]:_vm._e()],2)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n\n\n {{ $t(\"text.about\") }}
\n\n {{ $t(\"text.name-description\") }}\n
\n \n {{ $t(\"text.name-advice\") }}\n
\n \n {{ $t(\"error.field-required\") }}\n
\n \n {{ $t(\"text.name-description\") }}\n
\n \n {{ $t(\"text.name-advice\") }}\n
\n \n \n {{ $t(\"error.field-required\") }}\n
\n \n {{ $t(\"text.name-description\") }}\n
\n \n {{ $t(\"text.name-advice\") }}\n
\n \n \n {{ $t(\"text.name-description\") }}\n
\n \n {{ $t(\"text.name-advice\") }}\n
\n \n {{ $t(\"text.name-description\") }}\n
\n \n {{ $t(\"text.name-advice\") }}\n
\n \n {{ $t(\"error.field-required\") }}\n
\n \n {{ $t(\"text.name-description\") }}\n
\n \n {{ $t(\"text.name-advice\") }}\n
\n \n \n {{ $t(\"error.field-required\") }}\n
\n \n {{ $t(\"text.name-description\") }}\n
\n \n {{ $t(\"text.name-advice\") }}\n
\n \n \n {{ $t(\"text.name-description\") }}\n
\n \n {{ $t(\"text.name-advice\") }}\n
\n \n {{ $t(\"text.name-description\") }}\n
\n \n {{ $t(\"text.name-advice\") }}\n
\n \n {{ $t(\"error.field-required\") }}\n
\n \n {{ $t(\"text.name-description\") }}\n
\n \n {{ $t(\"text.name-advice\") }}\n
\n \n \n {{ $t(\"error.field-required\") }}\n
\n \n {{ $t(\"text.name-description\") }}\n
\n \n {{ $t(\"text.name-advice\") }}\n
\n \n \n {{ $t(\"text.name-description\") }}\n
\n \n {{ $t(\"text.name-advice\") }}\n
\n \n \n
\n \n {{ $t(\"text.name-description\") }}\n
\n \n {{ $t(\"text.name-advice\") }}\n
\n \n \n \n
\n \n {{ $t(\"text.name-description\") }}\n
\n \n {{ $t(\"text.name-advice\") }}\n
\n \n \n \n \n {{ $t(\"button.save\") }}\n \n \n
\n \n \n \n \n \n \n \n \n {{ $t(\"error.invalid-email\") }}\n
\n \n \n\n {{ $t(\"text.contact\") }}
\n\n{{ $t(\"text.name-description\") }}
\n \n {{ $t(\"text.name-advice\") }}\n
\n \n \n {{ $t(\"error.field-required\") }}\n
\n {{ $t(\"text.name-description\") }}
\n \n {{ $t(\"text.name-advice\") }}\n
\n \n \n {{ $t(\"error.field-required\") }}\n
\n \n {{ $t(\"error.invalid-phone-number\") }}\n
\n {{ $t(\"text.name-description\") }}
\n \n {{ $t(\"text.name-advice\") }}\n
\n \n \n {{ $t(\"error.field-required\") }}\n
\n {{ $t(\"text.name-description\") }}
\n \n {{ $t(\"text.name-advice\") }}\n
\n \n {{ $t(\"text.name-description\") }}
\n \n {{ $t(\"text.name-advice\") }}\n
\n \n {{ $t(\"error.invalid-phone-number\") }}\n
\n \n \n {{ $t(\"button.save\") }} \n \n
\n \n \n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./customize-contact.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./customize-contact.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./customize-contact.vue?vue&type=template&id=5b1070fe&\"\nimport script from \"./customize-contact.vue?vue&type=script&lang=js&\"\nexport * from \"./customize-contact.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('b-row',[_c('b-col',{attrs:{\"align-self\":\"center\"}},[_c('h5',[_vm._v(_vm._s(_vm.$t(\"text.images\")))])])],1),_c('b-form',{on:{\"submit\":function($event){$event.preventDefault();return _vm.shopMinePut.apply(null, arguments)}}},[_c('b-row',[_c('b-col',{attrs:{\"cols\":\"12\"}},[_c('div',[_c('b-form-label',{attrs:{\"label\":_vm.$t('text.footer-image'),\"target\":\"help-images-footer-image\"}},[_c('div',{staticClass:\"text-muted\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"text.name-description\"))+\" \")]),_c('div',{staticClass:\"text-info mt-2\"},[_c('i',[_vm._v(_vm._s(_vm.$t(\"text.name-advice\")))])])]),_c('Filepond',{attrs:{\"refId\":\"footer-image\",\"acceptedFileTypes\":['image/*'],\"imageCropAspectRatio\":'0.15',\"required\":\"\"},model:{value:(_vm.footerImage),callback:function ($$v) {_vm.footerImage=$$v},expression:\"footerImage\"}})],1)])],1),_c('div',{staticClass:\"text-right\"},[(_vm.isPendingChanges)?[_c('b-button',{staticClass:\"ml-3\",attrs:{\"variant\":\"primary\",\"type\":\"submit\",\"disabled\":_vm.executing || _vm.$v.$pending}},[_vm._v(\" \"+_vm._s(_vm.$t(\"button.save\"))+\" \")])]:_vm._e()],2)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n\n\n \n \n \n \n \n\n \n \n \n \n \n\n \n
\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./customize-images.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./customize-images.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./customize-images.vue?vue&type=template&id=6befa4a3&\"\nimport script from \"./customize-images.vue?vue&type=script&lang=js&\"\nexport * from \"./customize-images.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","\n\n\n {{ $t(\"text.images\") }}
\n\n \n
\n \n {{ $t(\"text.name-description\") }}\n
\n \n {{ $t(\"text.name-advice\") }}\n
\n \n \n \n \n {{ $t(\"button.save\") }}\n \n \n
\n \n \n \n (pendingChangesSubdomain = value)\"\n />\n \n \n (pendingChangesName = value)\"\n />\n \n \n (pendingChangesLanguage = value)\"\n />\n \n \n\n
\n\n (pendingChangesAppearance = value)\"\n />\n\n
\n\n (pendingChangesAbout = value)\"\n />\n\n
\n\n (pendingChangesContact = value)\"\n />\n\n
\n\n (pendingChangesImages = value)\"\n />\n
\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./shop-customizer.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./shop-customizer.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./shop-customizer.vue?vue&type=template&id=7451f9ea&\"\nimport script from \"./shop-customizer.vue?vue&type=script&lang=js&\"\nexport * from \"./shop-customizer.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('Loader',{attrs:{\"loading\":_vm.loading && _vm.lodash.isEmpty(_vm.items),\"relative\":\"\"}},[_c('div',{staticClass:\"text-right\"},[_c('b-button',{directives:[{name:\"b-modal\",rawName:\"v-b-modal\",value:(\"modal-new-product\"),expression:\"`modal-new-product`\"}],staticClass:\"w-xs\",attrs:{\"variant\":\"primary\",\"size\":\"sm\"}},[_c('i',{staticClass:\"bx bx-plus font-size-18 align-middle\"}),_vm._v(\" \"+_vm._s(_vm.$t(\"button.new\"))+\" \")]),_c('ModalProduct',{attrs:{\"id\":\"modal-new-product\"},on:{\"success\":_vm.refresh}})],1),_c('div',{staticClass:\"mt-4\"},[_c('div',{staticClass:\"table-responsive\"},[_c('table',{staticClass:\"table table-centered mb-0 table-nowrap\"},[_c('thead',{staticClass:\"thead-light\"},[_c('tr',[_c('th',[_vm._v(_vm._s(_vm.$t(\"table.th.product\")))]),_c('th',[_vm._v(_vm._s(_vm.$t(\"table.th.product-description\")))]),_c('th',[_vm._v(_vm._s(_vm.$t(\"table.th.quantity\")))]),_c('th',[_vm._v(_vm._s(_vm.$t(\"table.th.dropshipping\")))]),_c('th',[_vm._v(_vm._s(_vm.$t(\"table.th.status\")))]),_c('th',{staticClass:\"text-center\"},[_vm._v(_vm._s(_vm.$t(\"table.th.actions\")))])])]),_c('tbody',[_vm._l((_vm.items),function(item){return [_c('tr',{key:(\"product-item-\" + (item._id))},[_c('td',[_c('ImageView',{staticStyle:{\"aspect-ratio\":\"1 !important\"},attrs:{\"src\":item.media[0].src,\"width\":\"100\",\"fluid\":\"\"}})],1),_c('td',[_c('h5',{staticClass:\"font-size-14 text-truncate text-dark\",domProps:{\"innerHTML\":_vm._s(\n _vm.lodash.truncate(_vm.internationalize(item.title), {\n length: 50,\n separator: ' ',\n })\n )}})]),_c('td',[_vm._v(\" \"+_vm._s(_vm.lodash.sumBy( _vm.lodash.filter(item.stock, { archived: false }), \"quantity\" ))+\" \")]),_c('td',[_c('h5',[_c('b-badge',{attrs:{\"variant\":item.dropshipping ? 'success' : 'danger'}},[_vm._v(\" \"+_vm._s(item.dropshipping ? _vm.$t(\"text.enabled\") : _vm.$t(\"text.disabled\"))+\" \")])],1)]),_c('td',[_c('h5',[_c('b-badge',{attrs:{\"variant\":item.enabled ? 'success' : 'danger'}},[_vm._v(\" \"+_vm._s(item.enabled ? _vm.$t(\"text.enabled\") : _vm.$t(\"text.disabled\"))+\" \")])],1)]),_c('td',{staticClass:\"text-center\"},[_c('b-button-group',[_c('b-button',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover\",modifiers:{\"hover\":true}},{name:\"b-modal\",rawName:\"v-b-modal\",value:((\"modal-edit-product-\" + (item._id))),expression:\"`modal-edit-product-${item._id}`\"}],staticClass:\"py-0 px-1\",attrs:{\"variant\":\"none\",\"title\":_vm.$t('button.edit')}},[_c('i',{staticClass:\"bx bx-edit h3 text-warning align-middle mb-0\"})]),_c('b-button',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover\",modifiers:{\"hover\":true}},{name:\"b-modal\",rawName:\"v-b-modal\",value:((\"modal-shipping-product-\" + (item._id))),expression:\"`modal-shipping-product-${item._id}`\"}],staticClass:\"py-0 px-1\",attrs:{\"variant\":\"none\",\"title\":_vm.$t('button.shipping-availability')}},[_c('i',{staticClass:\"bx bxs-truck h3 text-warning align-middle mb-0\"})]),_c('b-button',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover\",modifiers:{\"hover\":true}},{name:\"b-modal\",rawName:\"v-b-modal\",value:((\"modal-edit-product-customizer-\" + (item._id))),expression:\"`modal-edit-product-customizer-${item._id}`\"}],staticClass:\"py-0 px-1\",attrs:{\"variant\":\"none\",\"title\":_vm.$t('button.customize'),\"disabled\":_vm.loading}},[_c('i',{staticClass:\"bx bx bx-customize h3 text-primary align-middle mb-0\"})]),_c('b-button',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover\",modifiers:{\"hover\":true}},{name:\"b-modal\",rawName:\"v-b-modal\",value:((\"modal-delete-product-\" + (item._id))),expression:\"`modal-delete-product-${item._id}`\"}],staticClass:\"py-0 px-1\",attrs:{\"variant\":\"none\",\"title\":_vm.$t('button.delete'),\"disabled\":_vm.loading}},[_c('i',{staticClass:\"bx bx-trash h3 text-danger align-middle mb-0\"})]),_c('b-button',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover\",modifiers:{\"hover\":true}},{name:\"b-modal\",rawName:\"v-b-modal\",value:((\"modal-enabled-product-\" + (item._id))),expression:\"`modal-enabled-product-${item._id}`\"}],staticClass:\"py-0 px-1\",attrs:{\"variant\":\"none\",\"title\":_vm.$t((\"button.\" + (!item.enabled ? 'enable' : 'disable'))),\"disabled\":_vm.loading}},[_c('i',{class:(\"\\n bx bx-\" + (item.enabled ? 'check-square' : 'square') + \"\\n h3\\n text-success\\n align-middle\\n mb-0\")})])],1),_c('ModalProduct',{attrs:{\"id\":(\"modal-edit-product-\" + (item._id)),\"item\":item},on:{\"success\":_vm.refresh}}),_c('ModalProductShippingAvailability',{attrs:{\"id\":(\"modal-shipping-product-\" + (item._id)),\"item\":item},on:{\"success\":_vm.refresh}}),_c('ModalProductCustomizer',{attrs:{\"id\":(\"modal-edit-product-customizer-\" + (item._id)),\"product\":item}}),_c('ModalDelete',{attrs:{\"id\":(\"modal-delete-product-\" + (item._id)),\"payload\":{ shop: _vm.shop._id, product: item._id },\"method\":\"shopIdProductIdDelete\"},on:{\"success\":_vm.refresh}}),_c('ModalConfirmation',{attrs:{\"id\":(\"modal-enabled-product-\" + (item._id)),\"title\":_vm.$t((\"text.\" + (!item.enabled ? 'enable' : 'disable'))),\"message\":_vm.$t(\n (\"text.\" + (!item.enabled\n ? 'enable-product-request'\n : 'disable-product-request'))\n ),\"payload\":{\n shop: _vm.shop._id,\n product: item._id,\n data: {\n enabled: !item.enabled,\n },\n },\"method\":\"shopIdProductIdPut\"},on:{\"success\":_vm.refresh}})],1)])]})],2)])])]),(_vm.total > _vm.limit)?_c('b-pagination',{staticClass:\"pagination pagination-rounded mb-0\",attrs:{\"per-page\":_vm.limit,\"total-rows\":_vm.total,\"disabled\":_vm.loading,\"align\":\"center\"},model:{value:(_vm.page),callback:function ($$v) {_vm.page=$$v},expression:\"page\"}}):_vm._e(),(!_vm.loading && _vm.lodash.isEmpty(_vm.items))?[_c('Empty')]:_vm._e()],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-modal',{attrs:{\"id\":_vm.id,\"centered\":\"\",\"title\":_vm.$t((\"text.\" + (_vm.lodash.isNil(_vm.item) ? 'new' : 'edit'))),\"title-class\":\"font-18\",\"size\":\"lg\",\"scrollable\":\"\",\"no-close-on-backdrop\":\"\",\"no-close-on-esc\":\"\",\"no-enforce-focus\":\"\"},on:{\"show\":_vm.init,\"hide\":_vm.reset},scopedSlots:_vm._u([{key:\"modal-footer\",fn:function(){return [_c('b-button',{attrs:{\"variant\":\"outline-secondary\",\"disabled\":_vm.executing},on:{\"click\":function($event){return _vm.$bvModal.hide(_vm.id)}}},[_vm._v(_vm._s(_vm.$t(\"button.cancel\")))]),_c('b-button',{attrs:{\"variant\":\"primary\",\"disabled\":_vm.executing || _vm.$v.$error},on:{\"click\":function($event){_vm.lodash.isNil(_vm.item) ? _vm.shopIdProductPost() : _vm.shopIdProductIdPut()}}},[(_vm.executing)?[_c('i',{staticClass:\"bx bx-loader bx-spin font-size-18 align-middle mr-2\"})]:_vm._e(),_vm._v(\" \"+_vm._s(_vm.$t(\"button.accept\"))+\" \")],2)]},proxy:true}])},[_c('b-alert',{attrs:{\"variant\":\"danger\",\"dismissible\":\"\"},model:{value:(_vm.hasError),callback:function ($$v) {_vm.hasError=$$v},expression:\"hasError\"}},[_vm._v(_vm._s(_vm.error))]),_c('b-form',{ref:\"form\"},[_c('b-row',[_c('b-col',[(!_vm.lodash.isNil(_vm.account) && _vm.account.profile.supplier == true)?_c('b-form-group',{staticClass:\"text-left\"},[_c('b-form-checkbox',{attrs:{\"id\":\"dropshipping\",\"size\":\"lg\",\"switch\":\"\"},model:{value:(_vm.product.dropshipping),callback:function ($$v) {_vm.$set(_vm.product, \"dropshipping\", $$v)},expression:\"product.dropshipping\"}},[_c('label',{staticClass:\"font-size-14 text-muted mb-0\"},[_vm._v(_vm._s(_vm.$t(\"label.dropshipping\")))])])],1):_vm._e()],1),_c('b-col',{staticClass:\"text-right\"},[_c('Language',{attrs:{\"required-languages\":[_vm.shop.language]},model:{value:(_vm.language),callback:function ($$v) {_vm.language=$$v},expression:\"language\"}})],1)],1),(_vm.language == 'en')?[_c('b-form-group',{attrs:{\"label\":(\"\" + (_vm.$t('label.title'))),\"label-for\":\"title-en\"}},[_c('b-form-input',{class:{ 'is-invalid': _vm.$v.product.title.en.$error },attrs:{\"id\":\"title-en\",\"type\":\"text\",\"trim\":\"\"},model:{value:(_vm.product.title.en),callback:function ($$v) {_vm.$set(_vm.product.title, \"en\", $$v)},expression:\"product.title.en\"}}),(!_vm.$v.product.title.en.required)?_c('div',{staticClass:\"invalid-feedback\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"error.field-required\"))+\" \")]):_vm._e()],1),_c('b-form-group',{attrs:{\"label\":(\"\" + (_vm.$t('label.description'))),\"label-for\":\"description-en\"}},[_c('TextEditor',{class:{ 'is-invalid': _vm.$v.product.description.en.$error },model:{value:(_vm.product.description.en),callback:function ($$v) {_vm.$set(_vm.product.description, \"en\", $$v)},expression:\"product.description.en\"}}),(!_vm.$v.product.description.en.required)?_c('div',{staticClass:\"invalid-feedback\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"error.field-required\"))+\" \")]):_vm._e()],1)]:(_vm.language == 'es')?[_c('b-form-group',{attrs:{\"label\":(\"\" + (_vm.$t('label.title'))),\"label-for\":\"title-es\"}},[_c('b-form-input',{class:{ 'is-invalid': _vm.$v.product.title.es.$error },attrs:{\"id\":\"title-es\",\"type\":\"text\",\"trim\":\"\"},model:{value:(_vm.product.title.es),callback:function ($$v) {_vm.$set(_vm.product.title, \"es\", $$v)},expression:\"product.title.es\"}}),(!_vm.$v.product.title.es.required)?_c('div',{staticClass:\"invalid-feedback\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"error.field-required\"))+\" \")]):_vm._e()],1),_c('b-form-group',{attrs:{\"label\":(\"\" + (_vm.$t('label.description'))),\"label-for\":\"description-es\"}},[_c('TextEditor',{class:{ 'is-invalid': _vm.$v.product.description.es.$error },model:{value:(_vm.product.description.es),callback:function ($$v) {_vm.$set(_vm.product.description, \"es\", $$v)},expression:\"product.description.es\"}}),(!_vm.$v.product.description.es.required)?_c('div',{staticClass:\"invalid-feedback\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"error.field-required\"))+\" \")]):_vm._e()],1)]:(_vm.language == 'pt')?[_c('b-form-group',{attrs:{\"label\":(\"\" + (_vm.$t('label.title'))),\"label-for\":\"title-pt\"}},[_c('b-form-input',{class:{ 'is-invalid': _vm.$v.product.title.pt.$error },attrs:{\"id\":\"title-pt\",\"type\":\"text\",\"trim\":\"\"},model:{value:(_vm.product.title.pt),callback:function ($$v) {_vm.$set(_vm.product.title, \"pt\", $$v)},expression:\"product.title.pt\"}}),(!_vm.$v.product.title.pt.required)?_c('div',{staticClass:\"invalid-feedback\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"error.field-required\"))+\" \")]):_vm._e()],1),_c('b-form-group',{attrs:{\"label\":(\"\" + (_vm.$t('label.description'))),\"label-for\":\"description-pt\"}},[_c('TextEditor',{class:{ 'is-invalid': _vm.$v.product.description.pt.$error },model:{value:(_vm.product.description.pt),callback:function ($$v) {_vm.$set(_vm.product.description, \"pt\", $$v)},expression:\"product.description.pt\"}}),(!_vm.$v.product.description.pt.required)?_c('div',{staticClass:\"invalid-feedback\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"error.field-required\"))+\" \")]):_vm._e()],1)]:_vm._e(),_c('b-form-group',{attrs:{\"label\":_vm.$t('label.tags'),\"label-for\":\"tags\"}},[_c('b-form-tags',{class:{ 'is-invalid': _vm.$v.product.tags.$error },attrs:{\"input-id\":\"tags\",\"remove-on-delete\":\"\",\"tag-pills\":\"\",\"tag-variant\":\"success\",\"placeholder\":\"\",\"addButtonText\":_vm.$t('button.add'),\"addButtonVariant\":\"primary\"},model:{value:(_vm.product.tags),callback:function ($$v) {_vm.$set(_vm.product, \"tags\", $$v)},expression:\"product.tags\"}}),(!_vm.$v.product.tags.required)?_c('div',{staticClass:\"invalid-feedback\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"error.field-required\"))+\" \")]):_vm._e()],1),_c('b-form-group',{attrs:{\"label\":(\"\" + (_vm.$t('label.categories')))}},[_c('SelectCategories',{class:{ 'is-invalid': _vm.$v.product.categories.$error },model:{value:(_vm.product.categories),callback:function ($$v) {_vm.$set(_vm.product, \"categories\", $$v)},expression:\"product.categories\"}}),(!_vm.$v.product.categories.required)?_c('div',{staticClass:\"invalid-feedback\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"error.field-required\"))+\" \")]):_vm._e()],1),(_vm.lodash.isNil(_vm.item))?[_c('b-form-group',{attrs:{\"label\":_vm.$t('label.price'),\"label-for\":\"price\"}},[_c('b-form-input',{class:{ 'is-invalid': _vm.$v.product.price.$error },attrs:{\"id\":\"price\",\"type\":\"number\",\"trim\":\"\",\"step\":\"0.01\",\"min\":\"0\"},model:{value:(_vm.product.price),callback:function ($$v) {_vm.$set(_vm.product, \"price\", $$v)},expression:\"product.price\"}}),(!_vm.$v.product.price.required)?_c('div',{staticClass:\"invalid-feedback\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"error.field-required\"))+\" \")]):_vm._e(),(!_vm.$v.product.price.minValue)?_c('div',{staticClass:\"invalid-feedback\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"error.min-value\", { value: 0 }))+\" \")]):_vm._e()],1),_c('b-form-group',{attrs:{\"label\":_vm.$t('label.quantity'),\"label-for\":\"quantity\"}},[_c('b-form-input',{class:{ 'is-invalid': _vm.$v.product.quantity.$error },attrs:{\"id\":\"quantity\",\"type\":\"number\",\"trim\":\"\",\"min\":\"0\"},model:{value:(_vm.product.quantity),callback:function ($$v) {_vm.$set(_vm.product, \"quantity\", $$v)},expression:\"product.quantity\"}}),(!_vm.$v.product.quantity.required)?_c('div',{staticClass:\"invalid-feedback\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"error.field-required\"))+\" \")]):_vm._e(),(!_vm.$v.product.quantity.minValue)?_c('div',{staticClass:\"invalid-feedback\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"error.min-value\", { value: 0 }))+\" \")]):_vm._e()],1),_c('b-form-group',{attrs:{\"label\":_vm.$t('label.commissionable-percentage'),\"label-for\":\"commissionable-percentage\"}},[_c('b-form-input',{class:{\n 'is-invalid': _vm.$v.product.commissionablePercentage.$error,\n },attrs:{\"id\":\"commissionable-percentage\",\"type\":\"number\",\"trim\":\"\",\"step\":\"0.01\",\"min\":\"0\",\"max\":\"100\"},model:{value:(_vm.product.commissionablePercentage),callback:function ($$v) {_vm.$set(_vm.product, \"commissionablePercentage\", $$v)},expression:\"product.commissionablePercentage\"}}),(!_vm.$v.product.commissionablePercentage.required)?_c('div',{staticClass:\"invalid-feedback\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"error.field-required\"))+\" \")]):_vm._e(),(!_vm.$v.product.commissionablePercentage.minValue)?_c('div',{staticClass:\"invalid-feedback\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"error.min-value\", { value: 0 }))+\" \")]):_vm._e(),(!_vm.$v.product.commissionablePercentage.maxValue)?_c('div',{staticClass:\"invalid-feedback\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"error.max-value\", { value: 100 }))+\" \")]):_vm._e()],1)]:_vm._e(),_c('b-form-group',{attrs:{\"label\":_vm.$t('label.images'),\"label-for\":\"images\"}},[_c('Filepond',{attrs:{\"refId\":(\"product-\" + (_vm.lodash.isNil(_vm.item) ? 'new' : _vm.item._id)),\"allowMultiple\":\"\",\"acceptedFileTypes\":['image/*'],\"required\":\"\",\"imageCropAspectRatio\":\"1:1\"},model:{value:(_vm.product.media),callback:function ($$v) {_vm.$set(_vm.product, \"media\", $$v)},expression:\"product.media\"}})],1)],2)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('multiselect',{key:\"select-categories\",attrs:{\"options\":_vm.filteredCategories,\"disabled\":_vm.lodash.isEmpty(_vm.categories) || _vm.disabled,\"loading\":_vm.loading,\"showNoResults\":false,\"placeholder\":(\"--\" + (_vm.$t('placeholder.select')) + \"--\"),\"showLabels\":false,\"close-on-select\":false,\"label\":\"name\",\"track-by\":\"_id\",\"multiple\":\"\",\"max-height\":150,\"internalSearch\":false},on:{\"search-change\":_vm.filter},scopedSlots:_vm._u([{key:\"tag\",fn:function(ref){\nvar option = ref.option;\nvar remove = ref.remove;\nreturn [_c('b-badge',{staticClass:\"mr-2\",attrs:{\"variant\":\"success\",\"pill\":\"\"}},[_c('span',[_vm._v(_vm._s(_vm.internationalize(option.name)))]),_c('b-button',{staticClass:\"ml-1 my-0 p-0 text-dangers\",staticStyle:{\"font-weight\":\"900\",\"font-size\":\"13px\",\"line-height\":\"1\"},attrs:{\"type\":\"button\",\"variant\":\"none\"},on:{\"click\":function($event){$event.preventDefault();},\"mousedown\":function($event){$event.preventDefault();$event.stopPropagation();return remove(option, $event)}}},[_vm._v(\" × \")])],1)]}},{key:\"option\",fn:function(props){return [_c('span',[_vm._v(_vm._s(_vm.internationalize(props.option.name)))])]}}]),model:{value:(_vm.selectedCategories),callback:function ($$v) {_vm.selectedCategories=$$v},expression:\"selectedCategories\"}})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n\n {{ $t(\"text.basic-information\") }}
\n\n\n
{{ $t(\"text.appearance\") }}
\n\n\n
\n\n
\n\n
\n {{ $t(\"error.field-required\") }}\n
\n \n {{ $t(\"error.field-required\") }}\n
\n \n {{ $t(\"error.field-required\") }}\n
\n \n {{ $t(\"error.field-required\") }}\n
\n \n {{ $t(\"error.field-required\") }}\n
\n \n {{ $t(\"error.field-required\") }}\n
\n \n {{ $t(\"error.min-value\", { value: 0 }) }}\n
\n \n {{ $t(\"error.field-required\") }}\n
\n \n {{ $t(\"error.min-value\", { value: 0 }) }}\n
\n \n \n
\n\n \n
\n
\n\n \n
\n \n \n \n
\n\n \n \n \n \n \n
\n\n \n \n \n \n
\n\n \n \n \n
\n\n \n {{ $t(\"error.field-required\") }}\n
\n \n {{ $t(\"error.min-value\", { value: 0 }) }}\n
\n \n {{ $t(\"error.max-value\", { value: 100 }) }}\n
\n \n \n \n
\n \n\n \n {{ $t(\"error.field-required\") }}\n
\n \n {{ $t(\"error.min-value\", { value: 0 }) }}\n
\n \n
\n
\n\n \n
\n \n \n \n
\n\n \n \n \n \n
\n\n \n {{ $t(\"error.field-required\") }}\n
\n \n \n \n
\n\n \n {{ $t(\"error.field-required\") }}\n
\n \n \n \n
\n \n\n \n {{ $t(\"error.field-required\") }}\n
\n \n
\n
\n\n \n
\n \n \n \n
\n\n \n \n \n \n \n
\n \n\n 1\">\n \n {{ $t(\"error.field-required\") }}\n
\n \n {{ $t(\"error.min-value\", { value: 0 }) }}\n
\n \n
\n
\n\n \n
\n \n {{ $t(\"button.delete\") }}\n \n
\n \n \n\n \n {{ $t(\"error.field-required\") }}\n
\n \n {{ $t(\"error.field-required\") }}\n
\n \n {{ $t(\"error.field-required\") }}\n
\n \n {{ $t(\"error.field-required\") }}\n
\n \n {{ $t(\"error.field-required\") }}\n
\n \n \n {{ $t(\"error.field-required\") }}\n
\n \n {{ $t(\"error.min-value\", { value: 0 }) }}\n
\n \n {{ $t(\"error.field-required\") }}\n
\n \n {{ $t(\"error.min-value\", { value: 0 }) }}\n
\n \n
\n \n \n \n \n \n \n
\n \n \n {{ `${option._id.name}` }}
\n \n\n \n \n
\n \n \n \n {{ $t(\"button.new\") }}\n \n\n
\n\n \n \n \n \n \n \n \n \n \n \n
\n \n \n {{ `${option._id.name}:` }}
\n \n\n \n
\n {{ choice.label }}
\n\n \n \n \n\n \n \n \n\n
\n \n \n \n \n {{ $t(\"button.new\") }}\n \n\n
\n\n \n \n \n {{ $t(\"button.new\") }}\n \n\n
\n\n \n
\n\n \n \n \n
\n
\n | {{ $t(\"table.th.product\") }} | \n{{ $t(\"table.th.product-description\") }} | \n{{ $t(\"table.th.quantity\") }} | \n{{ $t(\"table.th.dropshipping\") }} | \n{{ $t(\"table.th.status\") }} | \n{{ $t(\"table.th.actions\") }} | \n
|---|---|---|---|---|---|
| \n | \n \n | \n \n {{\n lodash.sumBy(\n lodash.filter(item.stock, { archived: false }),\n \"quantity\"\n )\n }}\n | \n\n \n \n | \n \n \n \n | \n \n | \n
{{ $t(\"label.search\") }}
\n \n\n {{ $t(\"label.availability-by-country\") }}\n
\n\n {{ $t(\"text.category\") }}\n
\n\n \n {{\n $t(\"button.add-to-my-shop\")\n }}\n {{ $t(\"button.remove-from-my-shop\") }}\n \n
\n\n {{ lodash.join(item.tags, \", \") }}
\n\n {{\n lodash.truncate(internationalize(item.title), {\n length: 50,\n separator: /,? +/,\n })\n }}\n
\n\n\n {{\n lodash.isArray(item.price)\n ? `$${item.price[0].value} ${item.price[0].currency} - $${item.price[1].value} ${item.price[1].currency}`\n : `$${item.price.value} ${item.price.currency}`\n }}\n
\n\n\n {{\n !lodash.includes(shop.dropshipping, item._id)\n ? $t(\"text.add-to-my-shop-request\")\n : $t(\"text.remove-from-my-shop-request\")\n }}\n
\n\n \n\n \n \n \n \n \n
\n \n\n \n \n \n {{ $t(\"button.new\") }}\n \n
\n\n \n \n \n {{ $t(\"button.edit\") }}\n \n\n \n \n {{ $t(\"button.delete\") }}\n \n\n
\n \n \n \n\n\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./banners.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./banners.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./banners.vue?vue&type=template&id=b86c5882&\"\nimport script from \"./banners.vue?vue&type=script&lang=js&\"\nexport * from \"./banners.vue?vue&type=script&lang=js&\"\nimport style0 from \"./banners.vue?vue&type=style&index=0&lang=scss&\"\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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(!_vm.lodash.isNil(_vm.overview))?_c('b-row',[_c('b-col',{attrs:{\"cols\":\"12\",\"md\":\"3\"}},[_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"card-body\"},[_c('div',{staticClass:\"d-flex align-items-center mb-3\"},[_c('div',{staticClass:\"avatar-xs mr-3\"},[_c('span',{staticClass:\"avatar-title rounded-circle bg-soft-primary text-primary font-size-18\"},[_c('i',{staticClass:\"bx bx-purchase-tag-alt\"})])]),_c('h5',{staticClass:\"font-size-14 mb-0\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"text.total-sales\"))+\" \")])]),_c('div',{staticClass:\"text-muted mt-4\"},[_c('Loader',{attrs:{\"loading\":_vm.loading,\"relative\":\"\",\"min-height\":0}},[_c('h4',[_vm._v(\" \"+_vm._s(_vm.total)+\" \")])])],1)])])]),_c('b-col',{attrs:{\"cols\":\"12\",\"md\":\"3\"}},[_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"card-body\"},[_c('div',{staticClass:\"d-flex align-items-center mb-3\"},[_c('div',{staticClass:\"avatar-xs mr-3\"},[_c('span',{staticClass:\"avatar-title rounded-circle bg-soft-primary text-primary font-size-18\"},[_c('i',{staticClass:\"bx bx-dollar\"})])]),_c('h5',{staticClass:\"font-size-14 mb-0\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"text.full-value\"))+\" \")])]),_c('div',{staticClass:\"text-muted mt-4\"},[_c('h4',[_vm._v(\" \"+_vm._s((\"$\" + (_vm.lodash.floor( _vm.overview.shopSaleBonusTotal + _vm.overview.shopDropshippingSaleBonusTotal, 2 )) + \" USD\"))+\" \")])])])])]),_c('b-col',{attrs:{\"cols\":\"12\",\"md\":\"3\"}},[_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"card-body\"},[_c('div',{staticClass:\"d-flex align-items-center mb-3\"},[_c('div',{staticClass:\"avatar-xs mr-3\"},[_c('span',{staticClass:\"avatar-title rounded-circle bg-soft-primary text-primary font-size-18\"},[_c('i',{staticClass:\"bx bx-dollar\"})])]),_c('h5',{staticClass:\"font-size-14 mb-0\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"text.own-sales\"))+\" \")])]),_c('div',{staticClass:\"text-muted mt-4\"},[_c('h4',[_vm._v(\" \"+_vm._s((\"$\" + (_vm.lodash.floor(_vm.overview.shopSaleBonusTotal, 2)) + \" USD\"))+\" \")])])])])]),_c('b-col',{attrs:{\"cols\":\"12\",\"md\":\"3\"}},[_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"card-body\"},[_c('div',{staticClass:\"d-flex align-items-center mb-3\"},[_c('div',{staticClass:\"avatar-xs mr-3\"},[_c('span',{staticClass:\"avatar-title rounded-circle bg-soft-primary text-primary font-size-18\"},[_c('i',{staticClass:\"bx bx-dollar\"})])]),_c('h5',{staticClass:\"font-size-14 mb-0\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"text.dropshipping-sales\"))+\" \")])]),_c('div',{staticClass:\"text-muted mt-4\"},[_c('h4',[_vm._v(\" \"+_vm._s((\"$\" + (_vm.lodash.floor( _vm.overview.shopDropshippingSaleBonusTotal, 2 )) + \" USD\"))+\" \")])])])])])],1):_vm._e(),_c('b-row',[_c('b-col',{attrs:{\"cols\":\"12\",\"xl\":\"4\"}},[_c('OrdersByState')],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"card-body\"},[_c('h4',{staticClass:\"card-title mb-4\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"text.orders-by-state\"))+\" \")]),_c('Loader',{attrs:{\"loading\":_vm.loading,\"relative\":\"\"}},[(!_vm.loading && _vm.lodash.isEmpty(_vm.series))?[_c('Empty')]:_c('div',[_c('apexchart',{staticClass:\"apex-charts\",attrs:{\"dir\":\"ltr\",\"height\":\"240\",\"series\":_vm.series,\"options\":{\n chart: {\n type: 'donut',\n height: 240,\n },\n labels: _vm.labels,\n colors: _vm.colors,\n legend: {\n show: false,\n },\n plotOptions: {\n pie: {\n donut: {\n size: '70%',\n },\n },\n },\n }}})],1),_c('div',{staticClass:\"text-center text-muted\"},[_c('b-row',[_vm._l((_vm.series),function(item,index){return [_c('b-col',{key:(\"serie-\" + index),attrs:{\"cols\":\"4\"}},[_c('div',{staticClass:\"mt-4\"},[_c('p',{staticClass:\"mb-2 text-truncate\"},[_c('i',{staticClass:\"mdi mdi-circle mr-1\",style:((\"color: \" + (_vm.colors[index]) + \";\"))}),_vm._v(\" \"+_vm._s(_vm.labels[index])+\" \")]),_c('h5',[_vm._v(\" \"+_vm._s(_vm.series[index])+\" \")])])])]})],2)],1)],2)],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n\n\n \n
\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./orders-by-state.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./orders-by-state.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./orders-by-state.vue?vue&type=template&id=da441a36&\"\nimport script from \"./orders-by-state.vue?vue&type=script&lang=js&\"\nexport * from \"./orders-by-state.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","\n \n \n \n \n
\n \n {{ $t(\"text.orders-by-state\") }}\n
\n\n\n \n
\n\n \n \n \n \n \n \n \n
\n \n
\n \n
\n {{ series[index] }}\n
\n\n \n \n \n \n \n \n \n \n \n \n\n \n \n \n \n
\n\n\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./summary.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./summary.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./summary.vue?vue&type=template&id=8d5609d0&\"\nimport script from \"./summary.vue?vue&type=script&lang=js&\"\nexport * from \"./summary.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('Loader',{attrs:{\"loading\":_vm.loading && _vm.lodash.isEmpty(_vm.items),\"relative\":\"\"}},[_c('div',{staticClass:\"d-lg-flex\"},[_c('div',{staticClass:\"chat-leftsidebar mr-lg-4\"},[_c('div',{staticClass:\"chat-leftsidebar-nav\"},[_c('b-card-text',[_c('div',[_c('h5',{staticClass:\"font-size-14 mb-3\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"text.tickets\"))+\" \")]),_c('SimpleBar',{staticStyle:{\"max-height\":\"410px\"},attrs:{\"id\":\"chat-list\"}},[_c('ul',{staticClass:\"list-unstyled chat-list\"},_vm._l((_vm.items),function(item){return _c('li',{key:(\"ticket-\" + (item._id)),class:{ active: _vm.lodash.isEqual(_vm.ticket, item) },staticStyle:{\"background\":\"#f8f8fb\"},on:{\"click\":function($event){_vm.ticket = item}}},[_c('a',{attrs:{\"href\":\"javascript: void(0);\"}},[_c('div',{staticClass:\"media\"},[_c('div',{staticClass:\"avatar-xs align-self-center mr-3\"},[_c('span',{staticClass:\"avatar-title rounded-circle bg-soft-primary text-primary\"},[(!_vm.lodash.isEmpty(item.sender.fullname))?[_vm._v(\" \"+_vm._s(item.sender.fullname.charAt(0))+\" \")]:[_vm._v(\" \"+_vm._s(item.sender.alias.charAt(0))+\" \")]],2)]),_c('div',{staticClass:\"media-body overflow-hidden\"},[_c('h5',{staticClass:\"text-truncate font-size-14 mb-1\"},[(!_vm.lodash.isEmpty(item.sender.fullname))?[_vm._v(\" \"+_vm._s(item.sender.fullname)+\" \")]:[_vm._v(\" \"+_vm._s(item.sender.alias)+\" \")]],2),_c('p',{staticClass:\"text-truncate mb-0\"},[_vm._v(\" \"+_vm._s(item.subject)+\" \")])]),_c('div',{staticClass:\"font-size-11 ml-2\"},[_vm._v(\" \"+_vm._s(_vm.$moment( _vm.lodash.last(item.comments).timestamp ).format(\"L\"))+\" \")])])])])}),0)]),(_vm.total > _vm.limit)?_c('b-pagination',{staticClass:\"pagination pagination-rounded mb-0\",attrs:{\"per-page\":_vm.limit,\"total-rows\":_vm.total,\"disabled\":_vm.loading,\"align\":\"center\"},model:{value:(_vm.page),callback:function ($$v) {_vm.page=$$v},expression:\"page\"}}):_vm._e()],1)])],1)]),(!_vm.lodash.isNil(_vm.ticket))?[_c('div',{staticClass:\"w-100 user-chat\"},[_c('div',{staticClass:\"card border rounded\"},[_c('div',{staticClass:\"p-4 border-bottom\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-4 col-9\"},[_c('div',{staticClass:\"media\"},[_c('div',{staticClass:\"avatar-xs align-self-center mr-3\"},[_c('span',{staticClass:\"avatar-title rounded-circle bg-soft-primary text-primary\"},[(!_vm.lodash.isEmpty(_vm.ticket.sender.fullname))?[_vm._v(\" \"+_vm._s(_vm.ticket.sender.fullname.charAt(0))+\" \")]:[_vm._v(\" \"+_vm._s(_vm.ticket.sender.alias.charAt(0))+\" \")]],2)]),_c('div',{staticClass:\"media-body overflow-hidden\"},[_c('h5',{staticClass:\"text-truncate font-size-14 mb-1\"},[(!_vm.lodash.isEmpty(_vm.ticket.sender.fullname))?[_vm._v(\" \"+_vm._s(_vm.ticket.sender.fullname)+\" \")]:[_vm._v(\" \"+_vm._s(_vm.ticket.sender.alias)+\" \")]],2),_c('p',{staticClass:\"text-truncate mb-0\"},[_vm._v(\" \"+_vm._s(_vm.ticket.subject)+\" \")]),_c('a',{attrs:{\"href\":(\"mailto:\" + (_vm.ticket.sender.email))}},[_vm._v(\" \"+_vm._s(_vm.ticket.sender.email)+\" \")])])])])])]),_c('div',{staticClass:\"chat-users\"},[_c('div',{staticClass:\"chat-conversation p-3\"},[_c('SimpleBar',{ref:\"current\",staticStyle:{\"max-height\":\"470px\"},attrs:{\"id\":\"containerElement\"}},[_c('ul',{staticClass:\"list-unstyled\"},[_vm._l((_vm.ticket.comments),function(item,index){return [_c('li',{key:(\"comment-\" + index),class:{\n right:\n !_vm.lodash.isNil(_vm.account) &&\n _vm.account.username == item.sender.email,\n }},[_c('div',{staticClass:\"conversation-list\"},[_c('div',{staticClass:\"ctext-wrap\"},[_c('div',{staticClass:\"conversation-name\"},[_vm._v(\" \"+_vm._s(item.sender.fullname)+\" \")]),_c('p',{domProps:{\"innerHTML\":_vm._s(_vm.toHTML(item.comment))}}),_c('p',{staticClass:\"chat-time mb-0\"},[_c('i',{staticClass:\"bx bx-time-five align-middle mr-1\"}),_vm._v(\" \"+_vm._s(_vm.$moment(item.timestamp).format(\"LLLL\"))+\" \")])])])])]})],2)])],1),(!_vm.lodash.isNil(_vm.ticket.sender.id))?_c('div',{staticClass:\"p-3 chat-input-section\"},[_c('form',{ref:\"form\",staticClass:\"row\",on:{\"submit\":function($event){$event.preventDefault();return _vm.supportTicketIdCommentPost.apply(null, arguments)}}},[_c('div',{staticClass:\"col\"},[_c('div',{staticClass:\"position-relative\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.comment),expression:\"comment\"}],staticClass:\"form-control chat-input\",class:{ 'is-invalid': _vm.$v.comment.$error },staticStyle:{\"padding-right\":\"12px\"},attrs:{\"type\":\"text\",\"placeholder\":_vm.$t('label.enter-message'),\"disabled\":_vm.executing},domProps:{\"value\":(_vm.comment)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.comment=$event.target.value}}}),(!_vm.$v.comment.required)?_c('div',{staticClass:\"invalid-feedback\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"error.field-required\"))+\" \")]):_vm._e()])]),_c('div',{staticClass:\"col-auto\"},[_c('button',{staticClass:\"btn btn-primary btn-rounded chat-send w-md\",attrs:{\"type\":\"submit\",\"disabled\":_vm.executing}},[_c('span',{staticClass:\"d-none d-sm-inline-block mr-2\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"button.send\"))+\" \")]),_c('i',{staticClass:\"mdi mdi-send\"})])])])]):_vm._e()])])])]:_vm._e()],2),(!_vm.loading && _vm.lodash.isEmpty(_vm.items))?[_c('Empty')]:_vm._e()],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","/**\n * SimpleBar.js - v5.3.0\n * Scrollbars, simpler.\n * https://grsmto.github.io/simplebar/\n *\n * Made by Adrien Denat from a fork by Jonathan Nicol\n * Under MIT License\n */\n\nimport 'core-js/modules/es.array.for-each';\nimport 'core-js/modules/web.dom-collections.for-each';\nimport canUseDOM from 'can-use-dom';\nimport 'core-js/modules/es.array.filter';\nimport 'core-js/modules/es.array.iterator';\nimport 'core-js/modules/es.object.assign';\nimport 'core-js/modules/es.object.to-string';\nimport 'core-js/modules/es.parse-int';\nimport 'core-js/modules/es.string.iterator';\nimport 'core-js/modules/es.weak-map';\nimport 'core-js/modules/web.dom-collections.iterator';\nimport throttle from 'lodash.throttle';\nimport debounce from 'lodash.debounce';\nimport memoize from 'lodash.memoize';\nimport ResizeObserver from 'resize-observer-polyfill';\nimport 'core-js/modules/es.array.reduce';\nimport 'core-js/modules/es.function.name';\nimport 'core-js/modules/es.regexp.exec';\nimport 'core-js/modules/es.string.match';\nimport 'core-js/modules/es.string.replace';\n\nvar cachedScrollbarWidth = null;\nvar cachedDevicePixelRatio = null;\n\nif (canUseDOM) {\n window.addEventListener('resize', function () {\n if (cachedDevicePixelRatio !== window.devicePixelRatio) {\n cachedDevicePixelRatio = window.devicePixelRatio;\n cachedScrollbarWidth = null;\n }\n });\n}\n\nfunction scrollbarWidth() {\n if (cachedScrollbarWidth === null) {\n if (typeof document === 'undefined') {\n cachedScrollbarWidth = 0;\n return cachedScrollbarWidth;\n }\n\n var body = document.body;\n var box = document.createElement('div');\n box.classList.add('simplebar-hide-scrollbar');\n body.appendChild(box);\n var width = box.getBoundingClientRect().right;\n body.removeChild(box);\n cachedScrollbarWidth = width;\n }\n\n return cachedScrollbarWidth;\n}\n\n// Helper function to retrieve options from element attributes\nvar getOptions = function getOptions(obj) {\n var options = Array.prototype.reduce.call(obj, function (acc, attribute) {\n var option = attribute.name.match(/data-simplebar-(.+)/);\n\n if (option) {\n var key = option[1].replace(/\\W+(.)/g, function (x, chr) {\n return chr.toUpperCase();\n });\n\n switch (attribute.value) {\n case 'true':\n acc[key] = true;\n break;\n\n case 'false':\n acc[key] = false;\n break;\n\n case undefined:\n acc[key] = true;\n break;\n\n default:\n acc[key] = attribute.value;\n }\n }\n\n return acc;\n }, {});\n return options;\n};\nfunction getElementWindow(element) {\n if (!element || !element.ownerDocument || !element.ownerDocument.defaultView) {\n return window;\n }\n\n return element.ownerDocument.defaultView;\n}\nfunction getElementDocument(element) {\n if (!element || !element.ownerDocument) {\n return document;\n }\n\n return element.ownerDocument;\n}\n\nvar SimpleBar =\n/*#__PURE__*/\nfunction () {\n function SimpleBar(element, options) {\n var _this = this;\n\n this.onScroll = function () {\n var elWindow = getElementWindow(_this.el);\n\n if (!_this.scrollXTicking) {\n elWindow.requestAnimationFrame(_this.scrollX);\n _this.scrollXTicking = true;\n }\n\n if (!_this.scrollYTicking) {\n elWindow.requestAnimationFrame(_this.scrollY);\n _this.scrollYTicking = true;\n }\n };\n\n this.scrollX = function () {\n if (_this.axis.x.isOverflowing) {\n _this.showScrollbar('x');\n\n _this.positionScrollbar('x');\n }\n\n _this.scrollXTicking = false;\n };\n\n this.scrollY = function () {\n if (_this.axis.y.isOverflowing) {\n _this.showScrollbar('y');\n\n _this.positionScrollbar('y');\n }\n\n _this.scrollYTicking = false;\n };\n\n this.onMouseEnter = function () {\n _this.showScrollbar('x');\n\n _this.showScrollbar('y');\n };\n\n this.onMouseMove = function (e) {\n _this.mouseX = e.clientX;\n _this.mouseY = e.clientY;\n\n if (_this.axis.x.isOverflowing || _this.axis.x.forceVisible) {\n _this.onMouseMoveForAxis('x');\n }\n\n if (_this.axis.y.isOverflowing || _this.axis.y.forceVisible) {\n _this.onMouseMoveForAxis('y');\n }\n };\n\n this.onMouseLeave = function () {\n _this.onMouseMove.cancel();\n\n if (_this.axis.x.isOverflowing || _this.axis.x.forceVisible) {\n _this.onMouseLeaveForAxis('x');\n }\n\n if (_this.axis.y.isOverflowing || _this.axis.y.forceVisible) {\n _this.onMouseLeaveForAxis('y');\n }\n\n _this.mouseX = -1;\n _this.mouseY = -1;\n };\n\n this.onWindowResize = function () {\n // Recalculate scrollbarWidth in case it's a zoom\n _this.scrollbarWidth = _this.getScrollbarWidth();\n\n _this.hideNativeScrollbar();\n };\n\n this.hideScrollbars = function () {\n _this.axis.x.track.rect = _this.axis.x.track.el.getBoundingClientRect();\n _this.axis.y.track.rect = _this.axis.y.track.el.getBoundingClientRect();\n\n if (!_this.isWithinBounds(_this.axis.y.track.rect)) {\n _this.axis.y.scrollbar.el.classList.remove(_this.classNames.visible);\n\n _this.axis.y.isVisible = false;\n }\n\n if (!_this.isWithinBounds(_this.axis.x.track.rect)) {\n _this.axis.x.scrollbar.el.classList.remove(_this.classNames.visible);\n\n _this.axis.x.isVisible = false;\n }\n };\n\n this.onPointerEvent = function (e) {\n var isWithinTrackXBounds, isWithinTrackYBounds;\n _this.axis.x.track.rect = _this.axis.x.track.el.getBoundingClientRect();\n _this.axis.y.track.rect = _this.axis.y.track.el.getBoundingClientRect();\n\n if (_this.axis.x.isOverflowing || _this.axis.x.forceVisible) {\n isWithinTrackXBounds = _this.isWithinBounds(_this.axis.x.track.rect);\n }\n\n if (_this.axis.y.isOverflowing || _this.axis.y.forceVisible) {\n isWithinTrackYBounds = _this.isWithinBounds(_this.axis.y.track.rect);\n } // If any pointer event is called on the scrollbar\n\n\n if (isWithinTrackXBounds || isWithinTrackYBounds) {\n // Preventing the event's default action stops text being\n // selectable during the drag.\n e.preventDefault(); // Prevent event leaking\n\n e.stopPropagation();\n\n if (e.type === 'mousedown') {\n if (isWithinTrackXBounds) {\n _this.axis.x.scrollbar.rect = _this.axis.x.scrollbar.el.getBoundingClientRect();\n\n if (_this.isWithinBounds(_this.axis.x.scrollbar.rect)) {\n _this.onDragStart(e, 'x');\n } else {\n _this.onTrackClick(e, 'x');\n }\n }\n\n if (isWithinTrackYBounds) {\n _this.axis.y.scrollbar.rect = _this.axis.y.scrollbar.el.getBoundingClientRect();\n\n if (_this.isWithinBounds(_this.axis.y.scrollbar.rect)) {\n _this.onDragStart(e, 'y');\n } else {\n _this.onTrackClick(e, 'y');\n }\n }\n }\n }\n };\n\n this.drag = function (e) {\n var eventOffset;\n var track = _this.axis[_this.draggedAxis].track;\n var trackSize = track.rect[_this.axis[_this.draggedAxis].sizeAttr];\n var scrollbar = _this.axis[_this.draggedAxis].scrollbar;\n var contentSize = _this.contentWrapperEl[_this.axis[_this.draggedAxis].scrollSizeAttr];\n var hostSize = parseInt(_this.elStyles[_this.axis[_this.draggedAxis].sizeAttr], 10);\n e.preventDefault();\n e.stopPropagation();\n\n if (_this.draggedAxis === 'y') {\n eventOffset = e.pageY;\n } else {\n eventOffset = e.pageX;\n } // Calculate how far the user's mouse is from the top/left of the scrollbar (minus the dragOffset).\n\n\n var dragPos = eventOffset - track.rect[_this.axis[_this.draggedAxis].offsetAttr] - _this.axis[_this.draggedAxis].dragOffset; // Convert the mouse position into a percentage of the scrollbar height/width.\n\n var dragPerc = dragPos / (trackSize - scrollbar.size); // Scroll the content by the same percentage.\n\n var scrollPos = dragPerc * (contentSize - hostSize); // Fix browsers inconsistency on RTL\n\n if (_this.draggedAxis === 'x') {\n scrollPos = _this.isRtl && SimpleBar.getRtlHelpers().isRtlScrollbarInverted ? scrollPos - (trackSize + scrollbar.size) : scrollPos;\n scrollPos = _this.isRtl && SimpleBar.getRtlHelpers().isRtlScrollingInverted ? -scrollPos : scrollPos;\n }\n\n _this.contentWrapperEl[_this.axis[_this.draggedAxis].scrollOffsetAttr] = scrollPos;\n };\n\n this.onEndDrag = function (e) {\n var elDocument = getElementDocument(_this.el);\n var elWindow = getElementWindow(_this.el);\n e.preventDefault();\n e.stopPropagation();\n\n _this.el.classList.remove(_this.classNames.dragging);\n\n elDocument.removeEventListener('mousemove', _this.drag, true);\n elDocument.removeEventListener('mouseup', _this.onEndDrag, true);\n _this.removePreventClickId = elWindow.setTimeout(function () {\n // Remove these asynchronously so we still suppress click events\n // generated simultaneously with mouseup.\n elDocument.removeEventListener('click', _this.preventClick, true);\n elDocument.removeEventListener('dblclick', _this.preventClick, true);\n _this.removePreventClickId = null;\n });\n };\n\n this.preventClick = function (e) {\n e.preventDefault();\n e.stopPropagation();\n };\n\n this.el = element;\n this.minScrollbarWidth = 20;\n this.options = Object.assign({}, SimpleBar.defaultOptions, {}, options);\n this.classNames = Object.assign({}, SimpleBar.defaultOptions.classNames, {}, this.options.classNames);\n this.axis = {\n x: {\n scrollOffsetAttr: 'scrollLeft',\n sizeAttr: 'width',\n scrollSizeAttr: 'scrollWidth',\n offsetSizeAttr: 'offsetWidth',\n offsetAttr: 'left',\n overflowAttr: 'overflowX',\n dragOffset: 0,\n isOverflowing: true,\n isVisible: false,\n forceVisible: false,\n track: {},\n scrollbar: {}\n },\n y: {\n scrollOffsetAttr: 'scrollTop',\n sizeAttr: 'height',\n scrollSizeAttr: 'scrollHeight',\n offsetSizeAttr: 'offsetHeight',\n offsetAttr: 'top',\n overflowAttr: 'overflowY',\n dragOffset: 0,\n isOverflowing: true,\n isVisible: false,\n forceVisible: false,\n track: {},\n scrollbar: {}\n }\n };\n this.removePreventClickId = null; // Don't re-instantiate over an existing one\n\n if (SimpleBar.instances.has(this.el)) {\n return;\n }\n\n this.recalculate = throttle(this.recalculate.bind(this), 64);\n this.onMouseMove = throttle(this.onMouseMove.bind(this), 64);\n this.hideScrollbars = debounce(this.hideScrollbars.bind(this), this.options.timeout);\n this.onWindowResize = debounce(this.onWindowResize.bind(this), 64, {\n leading: true\n });\n SimpleBar.getRtlHelpers = memoize(SimpleBar.getRtlHelpers);\n this.init();\n }\n /**\n * Static properties\n */\n\n /**\n * Helper to fix browsers inconsistency on RTL:\n * - Firefox inverts the scrollbar initial position\n * - IE11 inverts both scrollbar position and scrolling offset\n * Directly inspired by @KingSora's OverlayScrollbars https://github.com/KingSora/OverlayScrollbars/blob/master/js/OverlayScrollbars.js#L1634\n */\n\n\n SimpleBar.getRtlHelpers = function getRtlHelpers() {\n var dummyDiv = document.createElement('div');\n dummyDiv.innerHTML = '';\n var scrollbarDummyEl = dummyDiv.firstElementChild;\n document.body.appendChild(scrollbarDummyEl);\n var dummyContainerChild = scrollbarDummyEl.firstElementChild;\n scrollbarDummyEl.scrollLeft = 0;\n var dummyContainerOffset = SimpleBar.getOffset(scrollbarDummyEl);\n var dummyContainerChildOffset = SimpleBar.getOffset(dummyContainerChild);\n scrollbarDummyEl.scrollLeft = 999;\n var dummyContainerScrollOffsetAfterScroll = SimpleBar.getOffset(dummyContainerChild);\n return {\n // determines if the scrolling is responding with negative values\n isRtlScrollingInverted: dummyContainerOffset.left !== dummyContainerChildOffset.left && dummyContainerChildOffset.left - dummyContainerScrollOffsetAfterScroll.left !== 0,\n // determines if the origin scrollbar position is inverted or not (positioned on left or right)\n isRtlScrollbarInverted: dummyContainerOffset.left !== dummyContainerChildOffset.left\n };\n };\n\n SimpleBar.getOffset = function getOffset(el) {\n var rect = el.getBoundingClientRect();\n var elDocument = getElementDocument(el);\n var elWindow = getElementWindow(el);\n return {\n top: rect.top + (elWindow.pageYOffset || elDocument.documentElement.scrollTop),\n left: rect.left + (elWindow.pageXOffset || elDocument.documentElement.scrollLeft)\n };\n };\n\n var _proto = SimpleBar.prototype;\n\n _proto.init = function init() {\n // Save a reference to the instance, so we know this DOM node has already been instancied\n SimpleBar.instances.set(this.el, this); // We stop here on server-side\n\n if (canUseDOM) {\n this.initDOM();\n this.scrollbarWidth = this.getScrollbarWidth();\n this.recalculate();\n this.initListeners();\n }\n };\n\n _proto.initDOM = function initDOM() {\n var _this2 = this;\n\n // make sure this element doesn't have the elements yet\n if (Array.prototype.filter.call(this.el.children, function (child) {\n return child.classList.contains(_this2.classNames.wrapper);\n }).length) {\n // assume that element has his DOM already initiated\n this.wrapperEl = this.el.querySelector(\".\" + this.classNames.wrapper);\n this.contentWrapperEl = this.options.scrollableNode || this.el.querySelector(\".\" + this.classNames.contentWrapper);\n this.contentEl = this.options.contentNode || this.el.querySelector(\".\" + this.classNames.contentEl);\n this.offsetEl = this.el.querySelector(\".\" + this.classNames.offset);\n this.maskEl = this.el.querySelector(\".\" + this.classNames.mask);\n this.placeholderEl = this.findChild(this.wrapperEl, \".\" + this.classNames.placeholder);\n this.heightAutoObserverWrapperEl = this.el.querySelector(\".\" + this.classNames.heightAutoObserverWrapperEl);\n this.heightAutoObserverEl = this.el.querySelector(\".\" + this.classNames.heightAutoObserverEl);\n this.axis.x.track.el = this.findChild(this.el, \".\" + this.classNames.track + \".\" + this.classNames.horizontal);\n this.axis.y.track.el = this.findChild(this.el, \".\" + this.classNames.track + \".\" + this.classNames.vertical);\n } else {\n // Prepare DOM\n this.wrapperEl = document.createElement('div');\n this.contentWrapperEl = document.createElement('div');\n this.offsetEl = document.createElement('div');\n this.maskEl = document.createElement('div');\n this.contentEl = document.createElement('div');\n this.placeholderEl = document.createElement('div');\n this.heightAutoObserverWrapperEl = document.createElement('div');\n this.heightAutoObserverEl = document.createElement('div');\n this.wrapperEl.classList.add(this.classNames.wrapper);\n this.contentWrapperEl.classList.add(this.classNames.contentWrapper);\n this.offsetEl.classList.add(this.classNames.offset);\n this.maskEl.classList.add(this.classNames.mask);\n this.contentEl.classList.add(this.classNames.contentEl);\n this.placeholderEl.classList.add(this.classNames.placeholder);\n this.heightAutoObserverWrapperEl.classList.add(this.classNames.heightAutoObserverWrapperEl);\n this.heightAutoObserverEl.classList.add(this.classNames.heightAutoObserverEl);\n\n while (this.el.firstChild) {\n this.contentEl.appendChild(this.el.firstChild);\n }\n\n this.contentWrapperEl.appendChild(this.contentEl);\n this.offsetEl.appendChild(this.contentWrapperEl);\n this.maskEl.appendChild(this.offsetEl);\n this.heightAutoObserverWrapperEl.appendChild(this.heightAutoObserverEl);\n this.wrapperEl.appendChild(this.heightAutoObserverWrapperEl);\n this.wrapperEl.appendChild(this.maskEl);\n this.wrapperEl.appendChild(this.placeholderEl);\n this.el.appendChild(this.wrapperEl);\n }\n\n if (!this.axis.x.track.el || !this.axis.y.track.el) {\n var track = document.createElement('div');\n var scrollbar = document.createElement('div');\n track.classList.add(this.classNames.track);\n scrollbar.classList.add(this.classNames.scrollbar);\n track.appendChild(scrollbar);\n this.axis.x.track.el = track.cloneNode(true);\n this.axis.x.track.el.classList.add(this.classNames.horizontal);\n this.axis.y.track.el = track.cloneNode(true);\n this.axis.y.track.el.classList.add(this.classNames.vertical);\n this.el.appendChild(this.axis.x.track.el);\n this.el.appendChild(this.axis.y.track.el);\n }\n\n this.axis.x.scrollbar.el = this.axis.x.track.el.querySelector(\".\" + this.classNames.scrollbar);\n this.axis.y.scrollbar.el = this.axis.y.track.el.querySelector(\".\" + this.classNames.scrollbar);\n\n if (!this.options.autoHide) {\n this.axis.x.scrollbar.el.classList.add(this.classNames.visible);\n this.axis.y.scrollbar.el.classList.add(this.classNames.visible);\n }\n\n this.el.setAttribute('data-simplebar', 'init');\n };\n\n _proto.initListeners = function initListeners() {\n var _this3 = this;\n\n var elWindow = getElementWindow(this.el); // Event listeners\n\n if (this.options.autoHide) {\n this.el.addEventListener('mouseenter', this.onMouseEnter);\n }\n\n ['mousedown', 'click', 'dblclick'].forEach(function (e) {\n _this3.el.addEventListener(e, _this3.onPointerEvent, true);\n });\n ['touchstart', 'touchend', 'touchmove'].forEach(function (e) {\n _this3.el.addEventListener(e, _this3.onPointerEvent, {\n capture: true,\n passive: true\n });\n });\n this.el.addEventListener('mousemove', this.onMouseMove);\n this.el.addEventListener('mouseleave', this.onMouseLeave);\n this.contentWrapperEl.addEventListener('scroll', this.onScroll); // Browser zoom triggers a window resize\n\n elWindow.addEventListener('resize', this.onWindowResize); // Hack for https://github.com/WICG/ResizeObserver/issues/38\n\n var resizeObserverStarted = false;\n var resizeObserver = elWindow.ResizeObserver || ResizeObserver;\n this.resizeObserver = new resizeObserver(function () {\n if (!resizeObserverStarted) return;\n\n _this3.recalculate();\n });\n this.resizeObserver.observe(this.el);\n this.resizeObserver.observe(this.contentEl);\n elWindow.requestAnimationFrame(function () {\n resizeObserverStarted = true;\n }); // This is required to detect horizontal scroll. Vertical scroll only needs the resizeObserver.\n\n this.mutationObserver = new elWindow.MutationObserver(this.recalculate);\n this.mutationObserver.observe(this.contentEl, {\n childList: true,\n subtree: true,\n characterData: true\n });\n };\n\n _proto.recalculate = function recalculate() {\n var elWindow = getElementWindow(this.el);\n this.elStyles = elWindow.getComputedStyle(this.el);\n this.isRtl = this.elStyles.direction === 'rtl';\n var isHeightAuto = this.heightAutoObserverEl.offsetHeight <= 1;\n var isWidthAuto = this.heightAutoObserverEl.offsetWidth <= 1;\n var contentElOffsetWidth = this.contentEl.offsetWidth;\n var contentWrapperElOffsetWidth = this.contentWrapperEl.offsetWidth;\n var elOverflowX = this.elStyles.overflowX;\n var elOverflowY = this.elStyles.overflowY;\n this.contentEl.style.padding = this.elStyles.paddingTop + \" \" + this.elStyles.paddingRight + \" \" + this.elStyles.paddingBottom + \" \" + this.elStyles.paddingLeft;\n this.wrapperEl.style.margin = \"-\" + this.elStyles.paddingTop + \" -\" + this.elStyles.paddingRight + \" -\" + this.elStyles.paddingBottom + \" -\" + this.elStyles.paddingLeft;\n var contentElScrollHeight = this.contentEl.scrollHeight;\n var contentElScrollWidth = this.contentEl.scrollWidth;\n this.contentWrapperEl.style.height = isHeightAuto ? 'auto' : '100%'; // Determine placeholder size\n\n this.placeholderEl.style.width = isWidthAuto ? contentElOffsetWidth + \"px\" : 'auto';\n this.placeholderEl.style.height = contentElScrollHeight + \"px\";\n var contentWrapperElOffsetHeight = this.contentWrapperEl.offsetHeight;\n this.axis.x.isOverflowing = contentElScrollWidth > contentElOffsetWidth;\n this.axis.y.isOverflowing = contentElScrollHeight > contentWrapperElOffsetHeight; // Set isOverflowing to false if user explicitely set hidden overflow\n\n this.axis.x.isOverflowing = elOverflowX === 'hidden' ? false : this.axis.x.isOverflowing;\n this.axis.y.isOverflowing = elOverflowY === 'hidden' ? false : this.axis.y.isOverflowing;\n this.axis.x.forceVisible = this.options.forceVisible === 'x' || this.options.forceVisible === true;\n this.axis.y.forceVisible = this.options.forceVisible === 'y' || this.options.forceVisible === true;\n this.hideNativeScrollbar(); // Set isOverflowing to false if scrollbar is not necessary (content is shorter than offset)\n\n var offsetForXScrollbar = this.axis.x.isOverflowing ? this.scrollbarWidth : 0;\n var offsetForYScrollbar = this.axis.y.isOverflowing ? this.scrollbarWidth : 0;\n this.axis.x.isOverflowing = this.axis.x.isOverflowing && contentElScrollWidth > contentWrapperElOffsetWidth - offsetForYScrollbar;\n this.axis.y.isOverflowing = this.axis.y.isOverflowing && contentElScrollHeight > contentWrapperElOffsetHeight - offsetForXScrollbar;\n this.axis.x.scrollbar.size = this.getScrollbarSize('x');\n this.axis.y.scrollbar.size = this.getScrollbarSize('y');\n this.axis.x.scrollbar.el.style.width = this.axis.x.scrollbar.size + \"px\";\n this.axis.y.scrollbar.el.style.height = this.axis.y.scrollbar.size + \"px\";\n this.positionScrollbar('x');\n this.positionScrollbar('y');\n this.toggleTrackVisibility('x');\n this.toggleTrackVisibility('y');\n }\n /**\n * Calculate scrollbar size\n */\n ;\n\n _proto.getScrollbarSize = function getScrollbarSize(axis) {\n if (axis === void 0) {\n axis = 'y';\n }\n\n if (!this.axis[axis].isOverflowing) {\n return 0;\n }\n\n var contentSize = this.contentEl[this.axis[axis].scrollSizeAttr];\n var trackSize = this.axis[axis].track.el[this.axis[axis].offsetSizeAttr];\n var scrollbarSize;\n var scrollbarRatio = trackSize / contentSize; // Calculate new height/position of drag handle.\n\n scrollbarSize = Math.max(~~(scrollbarRatio * trackSize), this.options.scrollbarMinSize);\n\n if (this.options.scrollbarMaxSize) {\n scrollbarSize = Math.min(scrollbarSize, this.options.scrollbarMaxSize);\n }\n\n return scrollbarSize;\n };\n\n _proto.positionScrollbar = function positionScrollbar(axis) {\n if (axis === void 0) {\n axis = 'y';\n }\n\n if (!this.axis[axis].isOverflowing) {\n return;\n }\n\n var contentSize = this.contentWrapperEl[this.axis[axis].scrollSizeAttr];\n var trackSize = this.axis[axis].track.el[this.axis[axis].offsetSizeAttr];\n var hostSize = parseInt(this.elStyles[this.axis[axis].sizeAttr], 10);\n var scrollbar = this.axis[axis].scrollbar;\n var scrollOffset = this.contentWrapperEl[this.axis[axis].scrollOffsetAttr];\n scrollOffset = axis === 'x' && this.isRtl && SimpleBar.getRtlHelpers().isRtlScrollingInverted ? -scrollOffset : scrollOffset;\n var scrollPourcent = scrollOffset / (contentSize - hostSize);\n var handleOffset = ~~((trackSize - scrollbar.size) * scrollPourcent);\n handleOffset = axis === 'x' && this.isRtl && SimpleBar.getRtlHelpers().isRtlScrollbarInverted ? handleOffset + (trackSize - scrollbar.size) : handleOffset;\n scrollbar.el.style.transform = axis === 'x' ? \"translate3d(\" + handleOffset + \"px, 0, 0)\" : \"translate3d(0, \" + handleOffset + \"px, 0)\";\n };\n\n _proto.toggleTrackVisibility = function toggleTrackVisibility(axis) {\n if (axis === void 0) {\n axis = 'y';\n }\n\n var track = this.axis[axis].track.el;\n var scrollbar = this.axis[axis].scrollbar.el;\n\n if (this.axis[axis].isOverflowing || this.axis[axis].forceVisible) {\n track.style.visibility = 'visible';\n this.contentWrapperEl.style[this.axis[axis].overflowAttr] = 'scroll';\n } else {\n track.style.visibility = 'hidden';\n this.contentWrapperEl.style[this.axis[axis].overflowAttr] = 'hidden';\n } // Even if forceVisible is enabled, scrollbar itself should be hidden\n\n\n if (this.axis[axis].isOverflowing) {\n scrollbar.style.display = 'block';\n } else {\n scrollbar.style.display = 'none';\n }\n };\n\n _proto.hideNativeScrollbar = function hideNativeScrollbar() {\n this.offsetEl.style[this.isRtl ? 'left' : 'right'] = this.axis.y.isOverflowing || this.axis.y.forceVisible ? \"-\" + this.scrollbarWidth + \"px\" : 0;\n this.offsetEl.style.bottom = this.axis.x.isOverflowing || this.axis.x.forceVisible ? \"-\" + this.scrollbarWidth + \"px\" : 0;\n }\n /**\n * On scroll event handling\n */\n ;\n\n _proto.onMouseMoveForAxis = function onMouseMoveForAxis(axis) {\n if (axis === void 0) {\n axis = 'y';\n }\n\n this.axis[axis].track.rect = this.axis[axis].track.el.getBoundingClientRect();\n this.axis[axis].scrollbar.rect = this.axis[axis].scrollbar.el.getBoundingClientRect();\n var isWithinScrollbarBoundsX = this.isWithinBounds(this.axis[axis].scrollbar.rect);\n\n if (isWithinScrollbarBoundsX) {\n this.axis[axis].scrollbar.el.classList.add(this.classNames.hover);\n } else {\n this.axis[axis].scrollbar.el.classList.remove(this.classNames.hover);\n }\n\n if (this.isWithinBounds(this.axis[axis].track.rect)) {\n this.showScrollbar(axis);\n this.axis[axis].track.el.classList.add(this.classNames.hover);\n } else {\n this.axis[axis].track.el.classList.remove(this.classNames.hover);\n }\n };\n\n _proto.onMouseLeaveForAxis = function onMouseLeaveForAxis(axis) {\n if (axis === void 0) {\n axis = 'y';\n }\n\n this.axis[axis].track.el.classList.remove(this.classNames.hover);\n this.axis[axis].scrollbar.el.classList.remove(this.classNames.hover);\n };\n\n /**\n * Show scrollbar\n */\n _proto.showScrollbar = function showScrollbar(axis) {\n if (axis === void 0) {\n axis = 'y';\n }\n\n var scrollbar = this.axis[axis].scrollbar.el;\n\n if (!this.axis[axis].isVisible) {\n scrollbar.classList.add(this.classNames.visible);\n this.axis[axis].isVisible = true;\n }\n\n if (this.options.autoHide) {\n this.hideScrollbars();\n }\n }\n /**\n * Hide Scrollbar\n */\n ;\n\n /**\n * on scrollbar handle drag movement starts\n */\n _proto.onDragStart = function onDragStart(e, axis) {\n if (axis === void 0) {\n axis = 'y';\n }\n\n var elDocument = getElementDocument(this.el);\n var elWindow = getElementWindow(this.el);\n var scrollbar = this.axis[axis].scrollbar; // Measure how far the user's mouse is from the top of the scrollbar drag handle.\n\n var eventOffset = axis === 'y' ? e.pageY : e.pageX;\n this.axis[axis].dragOffset = eventOffset - scrollbar.rect[this.axis[axis].offsetAttr];\n this.draggedAxis = axis;\n this.el.classList.add(this.classNames.dragging);\n elDocument.addEventListener('mousemove', this.drag, true);\n elDocument.addEventListener('mouseup', this.onEndDrag, true);\n\n if (this.removePreventClickId === null) {\n elDocument.addEventListener('click', this.preventClick, true);\n elDocument.addEventListener('dblclick', this.preventClick, true);\n } else {\n elWindow.clearTimeout(this.removePreventClickId);\n this.removePreventClickId = null;\n }\n }\n /**\n * Drag scrollbar handle\n */\n ;\n\n _proto.onTrackClick = function onTrackClick(e, axis) {\n var _this4 = this;\n\n if (axis === void 0) {\n axis = 'y';\n }\n\n if (!this.options.clickOnTrack) return;\n var elWindow = getElementWindow(this.el);\n this.axis[axis].scrollbar.rect = this.axis[axis].scrollbar.el.getBoundingClientRect();\n var scrollbar = this.axis[axis].scrollbar;\n var scrollbarOffset = scrollbar.rect[this.axis[axis].offsetAttr];\n var hostSize = parseInt(this.elStyles[this.axis[axis].sizeAttr], 10);\n var scrolled = this.contentWrapperEl[this.axis[axis].scrollOffsetAttr];\n var t = axis === 'y' ? this.mouseY - scrollbarOffset : this.mouseX - scrollbarOffset;\n var dir = t < 0 ? -1 : 1;\n var scrollSize = dir === -1 ? scrolled - hostSize : scrolled + hostSize;\n\n var scrollTo = function scrollTo() {\n if (dir === -1) {\n if (scrolled > scrollSize) {\n var _this4$contentWrapper;\n\n scrolled -= _this4.options.clickOnTrackSpeed;\n\n _this4.contentWrapperEl.scrollTo((_this4$contentWrapper = {}, _this4$contentWrapper[_this4.axis[axis].offsetAttr] = scrolled, _this4$contentWrapper));\n\n elWindow.requestAnimationFrame(scrollTo);\n }\n } else {\n if (scrolled < scrollSize) {\n var _this4$contentWrapper2;\n\n scrolled += _this4.options.clickOnTrackSpeed;\n\n _this4.contentWrapperEl.scrollTo((_this4$contentWrapper2 = {}, _this4$contentWrapper2[_this4.axis[axis].offsetAttr] = scrolled, _this4$contentWrapper2));\n\n elWindow.requestAnimationFrame(scrollTo);\n }\n }\n };\n\n scrollTo();\n }\n /**\n * Getter for content element\n */\n ;\n\n _proto.getContentElement = function getContentElement() {\n return this.contentEl;\n }\n /**\n * Getter for original scrolling element\n */\n ;\n\n _proto.getScrollElement = function getScrollElement() {\n return this.contentWrapperEl;\n };\n\n _proto.getScrollbarWidth = function getScrollbarWidth() {\n // Try/catch for FF 56 throwing on undefined computedStyles\n try {\n // Detect browsers supporting CSS scrollbar styling and do not calculate\n if (getComputedStyle(this.contentWrapperEl, '::-webkit-scrollbar').display === 'none' || 'scrollbarWidth' in document.documentElement.style || '-ms-overflow-style' in document.documentElement.style) {\n return 0;\n } else {\n return scrollbarWidth();\n }\n } catch (e) {\n return scrollbarWidth();\n }\n };\n\n _proto.removeListeners = function removeListeners() {\n var _this5 = this;\n\n var elWindow = getElementWindow(this.el); // Event listeners\n\n if (this.options.autoHide) {\n this.el.removeEventListener('mouseenter', this.onMouseEnter);\n }\n\n ['mousedown', 'click', 'dblclick'].forEach(function (e) {\n _this5.el.removeEventListener(e, _this5.onPointerEvent, true);\n });\n ['touchstart', 'touchend', 'touchmove'].forEach(function (e) {\n _this5.el.removeEventListener(e, _this5.onPointerEvent, {\n capture: true,\n passive: true\n });\n });\n this.el.removeEventListener('mousemove', this.onMouseMove);\n this.el.removeEventListener('mouseleave', this.onMouseLeave);\n\n if (this.contentWrapperEl) {\n this.contentWrapperEl.removeEventListener('scroll', this.onScroll);\n }\n\n elWindow.removeEventListener('resize', this.onWindowResize);\n\n if (this.mutationObserver) {\n this.mutationObserver.disconnect();\n }\n\n if (this.resizeObserver) {\n this.resizeObserver.disconnect();\n } // Cancel all debounced functions\n\n\n this.recalculate.cancel();\n this.onMouseMove.cancel();\n this.hideScrollbars.cancel();\n this.onWindowResize.cancel();\n }\n /**\n * UnMount mutation observer and delete SimpleBar instance from DOM element\n */\n ;\n\n _proto.unMount = function unMount() {\n this.removeListeners();\n SimpleBar.instances.delete(this.el);\n }\n /**\n * Check if mouse is within bounds\n */\n ;\n\n _proto.isWithinBounds = function isWithinBounds(bbox) {\n return this.mouseX >= bbox.left && this.mouseX <= bbox.left + bbox.width && this.mouseY >= bbox.top && this.mouseY <= bbox.top + bbox.height;\n }\n /**\n * Find element children matches query\n */\n ;\n\n _proto.findChild = function findChild(el, query) {\n var matches = el.matches || el.webkitMatchesSelector || el.mozMatchesSelector || el.msMatchesSelector;\n return Array.prototype.filter.call(el.children, function (child) {\n return matches.call(child, query);\n })[0];\n };\n\n return SimpleBar;\n}();\n\nSimpleBar.defaultOptions = {\n autoHide: true,\n forceVisible: false,\n clickOnTrack: true,\n clickOnTrackSpeed: 40,\n classNames: {\n contentEl: 'simplebar-content',\n contentWrapper: 'simplebar-content-wrapper',\n offset: 'simplebar-offset',\n mask: 'simplebar-mask',\n wrapper: 'simplebar-wrapper',\n placeholder: 'simplebar-placeholder',\n scrollbar: 'simplebar-scrollbar',\n track: 'simplebar-track',\n heightAutoObserverWrapperEl: 'simplebar-height-auto-observer-wrapper',\n heightAutoObserverEl: 'simplebar-height-auto-observer',\n visible: 'simplebar-visible',\n horizontal: 'simplebar-horizontal',\n vertical: 'simplebar-vertical',\n hover: 'simplebar-hover',\n dragging: 'simplebar-dragging'\n },\n scrollbarMinSize: 25,\n scrollbarMaxSize: 0,\n timeout: 1000\n};\nSimpleBar.instances = new WeakMap();\n\nSimpleBar.initDOMLoadedElements = function () {\n document.removeEventListener('DOMContentLoaded', this.initDOMLoadedElements);\n window.removeEventListener('load', this.initDOMLoadedElements);\n Array.prototype.forEach.call(document.querySelectorAll('[data-simplebar]'), function (el) {\n if (el.getAttribute('data-simplebar') !== 'init' && !SimpleBar.instances.has(el)) new SimpleBar(el, getOptions(el.attributes));\n });\n};\n\nSimpleBar.removeObserver = function () {\n this.globalObserver.disconnect();\n};\n\nSimpleBar.initHtmlApi = function () {\n this.initDOMLoadedElements = this.initDOMLoadedElements.bind(this); // MutationObserver is IE11+\n\n if (typeof MutationObserver !== 'undefined') {\n // Mutation observer to observe dynamically added elements\n this.globalObserver = new MutationObserver(SimpleBar.handleMutations);\n this.globalObserver.observe(document, {\n childList: true,\n subtree: true\n });\n } // Taken from jQuery `ready` function\n // Instantiate elements already present on the page\n\n\n if (document.readyState === 'complete' || document.readyState !== 'loading' && !document.documentElement.doScroll) {\n // Handle it asynchronously to allow scripts the opportunity to delay init\n window.setTimeout(this.initDOMLoadedElements);\n } else {\n document.addEventListener('DOMContentLoaded', this.initDOMLoadedElements);\n window.addEventListener('load', this.initDOMLoadedElements);\n }\n};\n\nSimpleBar.handleMutations = function (mutations) {\n mutations.forEach(function (mutation) {\n Array.prototype.forEach.call(mutation.addedNodes, function (addedNode) {\n if (addedNode.nodeType === 1) {\n if (addedNode.hasAttribute('data-simplebar')) {\n !SimpleBar.instances.has(addedNode) && new SimpleBar(addedNode, getOptions(addedNode.attributes));\n } else {\n Array.prototype.forEach.call(addedNode.querySelectorAll('[data-simplebar]'), function (el) {\n if (el.getAttribute('data-simplebar') !== 'init' && !SimpleBar.instances.has(el)) new SimpleBar(el, getOptions(el.attributes));\n });\n }\n }\n });\n Array.prototype.forEach.call(mutation.removedNodes, function (removedNode) {\n if (removedNode.nodeType === 1) {\n if (removedNode.hasAttribute('[data-simplebar=\"init\"]')) {\n SimpleBar.instances.has(removedNode) && SimpleBar.instances.get(removedNode).unMount();\n } else {\n Array.prototype.forEach.call(removedNode.querySelectorAll('[data-simplebar=\"init\"]'), function (el) {\n SimpleBar.instances.has(el) && SimpleBar.instances.get(el).unMount();\n });\n }\n }\n });\n });\n};\n\nSimpleBar.getOptions = getOptions;\n/**\n * HTML API\n * Called only in a browser env.\n */\n\nif (canUseDOM) {\n SimpleBar.initHtmlApi();\n}\n\nexport default SimpleBar;\n//# sourceMappingURL=simplebar.esm.js.map\n","/**\n * simplebar-vue - v1.6.0\n * Vue component for SimpleBar\n * https://grsmto.github.io/simplebar/\n *\n * Made by Piers Olenski\n * Under MIT License\n */\n\nimport 'core-js/modules/es.array.concat';\nimport SimpleBar from 'simplebar';\n\n//\nvar script = {\n name: 'simplebar-vue',\n mounted: function mounted() {\n var options = SimpleBar.getOptions(this.$refs.element.attributes);\n this.SimpleBar = new SimpleBar(this.$refs.element, options);\n },\n computed: {\n scrollElement: function scrollElement() {\n return this.$refs.scrollElement;\n },\n contentElement: function contentElement() {\n return this.$refs.contentElement;\n }\n }\n};\n\nvar __vue_script__ = script;\n/* template */\n\nvar __vue_render__ = function __vue_render__() {\n var _vm = this;\n\n var _h = _vm.$createElement;\n\n var _c = _vm._self._c || _h;\n\n return _c(\"div\", {\n ref: \"element\"\n }, [_c(\"div\", {\n staticClass: \"simplebar-wrapper\"\n }, [_vm._m(0), _vm._v(\" \"), _c(\"div\", {\n staticClass: \"simplebar-mask\"\n }, [_c(\"div\", {\n staticClass: \"simplebar-offset\"\n }, [_c(\"div\", {\n ref: \"scrollElement\",\n staticClass: \"simplebar-content-wrapper\"\n }, [_c(\"div\", {\n ref: \"contentElement\",\n staticClass: \"simplebar-content\"\n }, [_vm._t(\"default\")], 2)])])]), _vm._v(\" \"), _c(\"div\", {\n staticClass: \"simplebar-placeholder\"\n })]), _vm._v(\" \"), _vm._m(1), _vm._v(\" \"), _vm._m(2)]);\n};\n\nvar __vue_staticRenderFns__ = [function () {\n var _vm = this;\n\n var _h = _vm.$createElement;\n\n var _c = _vm._self._c || _h;\n\n return _c(\"div\", {\n staticClass: \"simplebar-height-auto-observer-wrapper\"\n }, [_c(\"div\", {\n staticClass: \"simplebar-height-auto-observer\"\n })]);\n}, function () {\n var _vm = this;\n\n var _h = _vm.$createElement;\n\n var _c = _vm._self._c || _h;\n\n return _c(\"div\", {\n staticClass: \"simplebar-track simplebar-horizontal\"\n }, [_c(\"div\", {\n staticClass: \"simplebar-scrollbar\"\n })]);\n}, function () {\n var _vm = this;\n\n var _h = _vm.$createElement;\n\n var _c = _vm._self._c || _h;\n\n return _c(\"div\", {\n staticClass: \"simplebar-track simplebar-vertical\"\n }, [_c(\"div\", {\n staticClass: \"simplebar-scrollbar\"\n })]);\n}];\n__vue_render__._withStripped = true;\n/* style */\n\nvar __vue_inject_styles__ = undefined;\n/* scoped */\n\nvar __vue_scope_id__ = undefined;\n/* functional template */\n\nvar __vue_is_functional_template__ = false;\n/* component normalizer */\n\nfunction __vue_normalize__(template, style, script, scope, functional, moduleIdentifier, createInjector, createInjectorSSR) {\n var component = (typeof script === 'function' ? script.options : script) || {}; // For security concerns, we use only base name in production mode.\n\n component.__file = \"/Users/adriendenat/Sites/simplebar/packages/simplebar-vue/index.vue\";\n\n if (!component.render) {\n component.render = template.render;\n component.staticRenderFns = template.staticRenderFns;\n component._compiled = true;\n if (functional) component.functional = true;\n }\n\n component._scopeId = scope;\n\n return component;\n}\n/* style inject */\n\n/* style inject SSR */\n\n\nvar simplebar = __vue_normalize__({\n render: __vue_render__,\n staticRenderFns: __vue_staticRenderFns__\n}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__);\n\nexport default simplebar;\n","\n\n\n \n
\n \n
\n \n
\n \n \n \n \n
\n \n {{ $t(\"text.total-sales\") }}\n
\n\n \n \n
\n \n {{ total }}\n
\n\n
\n \n
\n \n
\n \n \n \n \n
\n \n {{ $t(\"text.full-value\") }}\n
\n\n
\n \n {{\n `$${lodash.floor(\n overview.shopSaleBonusTotal +\n overview.shopDropshippingSaleBonusTotal,\n 2\n )} USD`\n }}\n
\n\n
\n \n
\n \n
\n \n \n \n \n
\n \n {{ $t(\"text.own-sales\") }}\n
\n\n
\n \n {{ `$${lodash.floor(overview.shopSaleBonusTotal, 2)} USD` }}\n
\n\n
\n \n
\n \n
\n \n \n \n \n
\n \n {{ $t(\"text.dropshipping-sales\") }}\n
\n\n
\n \n {{\n `$${lodash.floor(\n overview.shopDropshippingSaleBonusTotal,\n 2\n )} USD`\n }}\n
\n\n \n \n
\n \n
\n \n
\n \n
\n\n \n
\n \n
\n \n
\n \n \n \n {{ ticket.sender.fullname.charAt(0) }}\n \n \n {{ ticket.sender.alias.charAt(0) }}\n \n \n
\n \n \n
\n
\n \n \n {{ ticket.sender.fullname }}\n \n \n {{ ticket.sender.alias }}\n \n
\n \n {{ ticket.subject }}\n
\n \n {{ ticket.sender.email }}\n \n\n \n \n
\n \n \n
\n - \n \n
\n
\n \n \n
\n \n {{ item.sender.fullname }}\n
\n \n \n \n {{ $moment(item.timestamp).format(\"LLLL\") }}\n
\n\n
\n \n
\n \n {{ $t(\"error.field-required\") }}\n
\n \n \n \n {{ $t(\"button.send\") }}\n \n \n \n
\n \n \n \n \n \n\n \n \n \n
\n \n {{ `${$t(\"text.name\")}: ` }}\n {{ internationalize(item.product.title) }}\n
\n\n\n {{ `${$t(\"text.quantity\")}: ` }}\n {{ item.quantity }}\n
\n\n\n {{ `${$t(\"text.price\")}: ` }}\n {{ `$ ${lodash.floor(item.stock.price.value, 2)}` }}\n
\n\n\n {{ `${$t(\"text.total\")}: ` }}\n {{ `$ ${lodash.floor(item.total, 2)}` }}\n
\n\n {{ `${$t(\"text.shop\")}: ` }}\n {{ item.shop.name }}\n
\n\n\n {{ `${$t(\"text.shop-origin\")}: ` }}\n {{ item.shopOrigin.name }}\n
\n\n\n SKU:\n {{ item.stock.sku }}\n
\n\n \n\n {{ `${$t(\"text.options\")}: ` }}\n
\n\n\n \n \n
\n \n \n \n \n {{ option.groupName }}: \n \n
\n \n \n \n \n {{ option.groupName }}: \n \n \n \n \n \n \n
\n \n {{ option.label }}\n
\n\n \n {{ option.groupName }}: \n \n \n \n
\n \n \n \n \n \n \n\n \n \n {{ `${$t(\"text.tracking\")}: ` }}\n {{ item.tracking.companyName }}\n \n {{ `(${item.tracking.trackingCode})` }}\n \n
\n \n\n\n {{ `${$t(\"text.shipping-detail\")}: ` }}\n\n \n \n {{ `${$t(\"label.contact-full-name\")}: ` }}\n {{ item.shippingDetail.shippingAddress.contact }}\n \n {{ `${$t(\"label.phone\")}: ` }}\n {{ item.shippingDetail.shippingAddress.phone }}\n \n {{ `${$t(\"label.zip-code\")}: ` }}\n {{ item.shippingDetail.shippingAddress.zipCode }}\n \n {{ `${$t(\"label.country\")}: ` }}\n \n {{ `${$t(\"label.full-address\")}: ` }}\n {{ item.shippingDetail.shippingAddress.address }}\n \n {{ `${$t(\"label.weekdays\")}: ` }}\n {{ pick.weekdays }} \n \n {{ `${$t(\"label.schedule\")}: ` }}\n {{ pick.schedule }} \n \n {{ `${$t(\"label.address\")}: ` }}\n {{ pick.address }} \n \n {{ `${$t(\"label.account-number\")}: ` }}\n {{ item.shippingDetail.lockerDetail.accountNumber }}\n \n {{ `${$t(\"label.phone-number\")}: ` }}\n {{ item.shippingDetail.lockerDetail.phoneNumber }}\n \n {{ `${$t(\"label.full-address\")}: ` }}\n {{ item.shippingDetail.lockerDetail.address }}\n \n \n \n \n {{ $t(\"label.courier\") }}:
\n\n \n \n \n \n \n \n \n {{ $t(\"label.pickup\") }}:
\n\n \n \n \n\n \n \n \n {{ $t(\"label.locker\") }}:
\n\n \n \n
\n {{ $t(\"error.field-required\") }}\n
\n \n {{ $t(\"error.field-required\") }}\n
\n \n \n
\n \n \n \n \n
\n \n
\n \n \n \n \n
\n \n
\n \n \n \n \n
\n \n
\n \n\n \n \n
\n \n {{\n !lodash.isNil(data.value.profile.firstname)\n ? `${data.value.profile.firstname} ${data.value.profile.lastname}`\n : `@${data.value.profile.alias}`\n }}\n
\n\n {{ data.value.username }}\n
\n