{"version":3,"sources":["webpack:///./src/views/apps/invoice/invoice-edit/InvoiceEdit.vue?319b","webpack:///src/views/apps/invoice/invoice-edit/InvoiceEdit.vue","webpack:///./src/views/apps/invoice/invoice-edit/InvoiceEdit.vue?15da","webpack:///./src/views/apps/invoice/invoice-edit/InvoiceEdit.vue","webpack:///./src/views/apps/invoice/invoice-edit/InvoiceEdit.vue?9c3e","webpack:///./src/views/apps/invoice/invoice-edit/InvoiceEdit.vue?8846","webpack:///./src/@core/mixins/ui/transition.js"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","undefined","invoiceData","_v","name","on","$event","preventDefault","model","value","callback","$$v","$set","expression","_s","client","company","address","country","contact","companyEmail","_e","ref","style","height","trHeight","_l","item","index","key","refInFor","$store","state","appConfig","isRTL","itemsOptions","val","updateItemForm","cost","qty","removeItem","$refs","$emit","directives","rawName","modifiers","addNewItemInItemForm","paymentMethods","staticRenderFns","components","BRow","BCol","BCard","BCardBody","BButton","BCardText","BForm","BFormGroup","BFormInput","BInputGroup","BInputGroupPrepend","BFormTextarea","BFormCheckbox","BPopover","BAlert","BLink","flatPickr","vSelect","Logo","InvoiceSidebarSendInvoice","InvoiceSidebarAddPayment","Ripple","VBToggle","mixins","heightTransition","watch","initTrHeight","mounted","created","window","addEventListener","destroyed","removeEventListener","methods","form","overflow","items","push","JSON","parse","stringify","itemFormBlankItem","$nextTick","trAddHeight","row","offsetHeight","setTimeout","splice","trTrimHeight","trSetHeight","scrollHeight","setup","INVOICE_APP_STORE_MODULE_NAME","store","hasModule","registerModule","invoiceStoreModule","onUnmounted","unregisterModule","paymentDetails","dispatch","id","router","currentRoute","params","then","response","data","invoice","itemTitle","description","note","paymentMethod","catch","error","status","component","heightValue","Number","substring","length"],"mappings":"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","file":"js/chunk-0e61888a.d05009c0.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',{staticClass:\"invoice-add-wrapper\"},[_c('b-alert',{attrs:{\"variant\":\"danger\",\"show\":_vm.invoiceData === undefined}},[_c('h4',{staticClass:\"alert-heading\"},[_vm._v(\" Error fetching invoice data \")]),_c('div',{staticClass:\"alert-body\"},[_vm._v(\" No invoice found with this invoice id. Check \"),_c('b-link',{staticClass:\"alert-link\",attrs:{\"to\":{ name: 'apps-invoice-list'}}},[_vm._v(\" Invoice List \")]),_vm._v(\" for other invoices. \")],1)]),(_vm.invoiceData)?_c('b-row',{staticClass:\"invoice-add\"},[_c('b-col',{attrs:{\"cols\":\"12\",\"xl\":\"9\",\"md\":\"8\"}},[_c('b-form',{on:{\"submit\":function($event){$event.preventDefault();}}},[_c('b-card',{staticClass:\"invoice-preview-card\",attrs:{\"no-body\":\"\"}},[_c('b-card-body',{staticClass:\"invoice-padding pb-0\"},[_c('div',{staticClass:\"d-flex justify-content-between flex-md-row flex-column invoice-spacing mt-0\"},[_c('div',[_c('div',{staticClass:\"logo-wrapper\"},[_c('logo'),_c('h3',{staticClass:\"text-primary invoice-logo\"},[_vm._v(\" Vuexy \")])],1),_c('b-card-text',{staticClass:\"mb-25\"},[_vm._v(\" Office 149, 450 South Brand Brooklyn \")]),_c('b-card-text',{staticClass:\"mb-25\"},[_vm._v(\" San Diego County, CA 91905, USA \")]),_c('b-card-text',{staticClass:\"mb-0\"},[_vm._v(\" +1 (123) 456 7891, +44 (876) 543 2198 \")])],1),_c('div',{staticClass:\"invoice-number-date mt-md-0 mt-2\"},[_c('div',{staticClass:\"d-flex align-items-center justify-content-md-end mb-1\"},[_c('h4',{staticClass:\"invoice-title\"},[_vm._v(\" Invoice \")]),_c('b-input-group',{staticClass:\"input-group-merge invoice-edit-input-group disabled\"},[_c('b-input-group-prepend',{attrs:{\"is-text\":\"\"}},[_c('feather-icon',{attrs:{\"icon\":\"HashIcon\"}})],1),_c('b-form-input',{attrs:{\"id\":\"invoice-data-id\",\"disabled\":\"\"},model:{value:(_vm.invoiceData.id),callback:function ($$v) {_vm.$set(_vm.invoiceData, \"id\", $$v)},expression:\"invoiceData.id\"}})],1)],1),_c('div',{staticClass:\"d-flex align-items-center mb-1\"},[_c('span',{staticClass:\"title\"},[_vm._v(\" Date: \")]),_c('flat-pickr',{staticClass:\"form-control invoice-edit-input\",model:{value:(_vm.invoiceData.issuedDate),callback:function ($$v) {_vm.$set(_vm.invoiceData, \"issuedDate\", $$v)},expression:\"invoiceData.issuedDate\"}})],1),_c('div',{staticClass:\"d-flex align-items-center\"},[_c('span',{staticClass:\"title\"},[_vm._v(\" Due Date: \")]),_c('flat-pickr',{staticClass:\"form-control invoice-edit-input\",model:{value:(_vm.invoiceData.dueDate),callback:function ($$v) {_vm.$set(_vm.invoiceData, \"dueDate\", $$v)},expression:\"invoiceData.dueDate\"}})],1)])])]),_c('hr',{staticClass:\"invoice-spacing\"}),_c('b-card-body',{staticClass:\"invoice-padding pt-0\"},[_c('b-row',{staticClass:\"invoice-spacing\"},[_c('b-col',{staticClass:\"mb-lg-1\",attrs:{\"cols\":\"12\",\"xl\":\"6\"}},[_c('h6',{staticClass:\"mb-2\"},[_vm._v(\" Invoice To: \")]),(_vm.invoiceData.client)?_c('div',{staticClass:\"mt-1\"},[_c('h6',{staticClass:\"mb-25\"},[_vm._v(\" \"+_vm._s(_vm.invoiceData.client.name)+\" \")]),_c('b-card-text',{staticClass:\"mb-25\"},[_vm._v(\" \"+_vm._s(_vm.invoiceData.client.company)+\" \")]),_c('b-card-text',{staticClass:\"mb-25\"},[_vm._v(\" \"+_vm._s(_vm.invoiceData.client.address)+\", \"+_vm._s(_vm.invoiceData.client.country)+\" \")]),_c('b-card-text',{staticClass:\"mb-25\"},[_vm._v(\" \"+_vm._s(_vm.invoiceData.client.contact)+\" \")]),_c('b-card-text',{staticClass:\"mb-0\"},[_vm._v(\" \"+_vm._s(_vm.invoiceData.client.companyEmail)+\" \")])],1):_vm._e()]),_c('b-col',{staticClass:\"mt-xl-0 mt-2 justify-content-end d-xl-flex d-block\",attrs:{\"xl\":\"6\",\"cols\":\"12\"}},[_c('div',[_c('h6',{staticClass:\"mb-2\"},[_vm._v(\" Payment Details: \")]),_c('table',[_c('tbody',[_c('tr',[_c('td',{staticClass:\"pr-1\"},[_vm._v(\" Total Due: \")]),_c('td',[_c('span',{staticClass:\"font-weight-bold\"},[_vm._v(\"$12,110.55\")])])]),_c('tr',[_c('td',{staticClass:\"pr-1\"},[_vm._v(\" Bank name: \")]),_c('td',[_vm._v(\"American Bank\")])]),_c('tr',[_c('td',{staticClass:\"pr-1\"},[_vm._v(\" Country: \")]),_c('td',[_vm._v(\"United States\")])]),_c('tr',[_c('td',{staticClass:\"pr-1\"},[_vm._v(\" IBAN: \")]),_c('td',[_vm._v(\"ETD95476213874685\")])]),_c('tr',[_c('td',{staticClass:\"pr-1\"},[_vm._v(\" SWIFT code: \")]),_c('td',[_vm._v(\"BR91905\")])])])])])])],1)],1),_c('b-card-body',{staticClass:\"invoice-padding form-item-section\"},[_c('div',{ref:\"form\",staticClass:\"repeater-form\",style:({height: _vm.trHeight})},_vm._l((_vm.invoiceData.items),function(item,index){return _c('b-row',{key:index,ref:\"row\",refInFor:true,staticClass:\"pb-2\"},[_c('b-col',{attrs:{\"cols\":\"12\"}},[_c('div',{staticClass:\"d-none d-lg-flex\"},[_c('b-row',{staticClass:\"flex-grow-1 px-1\"},[_c('b-col',{attrs:{\"cols\":\"12\",\"lg\":\"5\"}},[_vm._v(\" Item \")]),_c('b-col',{attrs:{\"cols\":\"12\",\"lg\":\"3\"}},[_vm._v(\" Cost \")]),_c('b-col',{attrs:{\"cols\":\"12\",\"lg\":\"2\"}},[_vm._v(\" Qty \")]),_c('b-col',{attrs:{\"cols\":\"12\",\"lg\":\"2\"}},[_vm._v(\" Price \")])],1),_c('div',{staticClass:\"form-item-action-col\"})],1),_c('div',{staticClass:\"d-flex border rounded\"},[_c('b-row',{staticClass:\"flex-grow-1 p-2\"},[_c('b-col',{attrs:{\"cols\":\"12\",\"lg\":\"5\"}},[_c('label',{staticClass:\"d-inline d-lg-none\"},[_vm._v(\"Item\")]),_c('v-select',{staticClass:\"mb-2 item-selector-title\",attrs:{\"dir\":_vm.$store.state.appConfig.isRTL ? 'rtl' : 'ltr',\"options\":_vm.itemsOptions,\"label\":\"itemTitle\",\"clearable\":false,\"placeholder\":\"Select Item\"},on:{\"input\":function (val) { return _vm.updateItemForm(index, val); }},model:{value:(item.itemTitle),callback:function ($$v) {_vm.$set(item, \"itemTitle\", $$v)},expression:\"item.itemTitle\"}})],1),_c('b-col',{attrs:{\"cols\":\"12\",\"lg\":\"3\"}},[_c('label',{staticClass:\"d-inline d-lg-none\"},[_vm._v(\"Cost\")]),_c('b-form-input',{staticClass:\"mb-2\",attrs:{\"type\":\"number\"},model:{value:(item.cost),callback:function ($$v) {_vm.$set(item, \"cost\", $$v)},expression:\"item.cost\"}})],1),_c('b-col',{attrs:{\"cols\":\"12\",\"lg\":\"2\"}},[_c('label',{staticClass:\"d-inline d-lg-none\"},[_vm._v(\"Qty\")]),_c('b-form-input',{staticClass:\"mb-2\",attrs:{\"type\":\"number\"},model:{value:(item.qty),callback:function ($$v) {_vm.$set(item, \"qty\", $$v)},expression:\"item.qty\"}})],1),_c('b-col',{attrs:{\"cols\":\"12\",\"lg\":\"2\"}},[_c('label',{staticClass:\"d-inline d-lg-none\"},[_vm._v(\"Price\")]),_c('p',{staticClass:\"mb-1\"},[_vm._v(\" $\"+_vm._s(item.cost * item.qty)+\" \")])]),_c('b-col',{attrs:{\"cols\":\"12\",\"lg\":\"5\"}},[_c('label',{staticClass:\"d-inline d-lg-none\"},[_vm._v(\"Description\")]),_c('b-form-textarea',{staticClass:\"mb-2 mb-lg-0\",model:{value:(item.description),callback:function ($$v) {_vm.$set(item, \"description\", $$v)},expression:\"item.description\"}})],1),_c('b-col',[_c('p',{staticClass:\"mb-0\"},[_vm._v(\" Discount: 0% 0% 0% \")])])],1),_c('div',{staticClass:\"d-flex flex-column justify-content-between border-left py-50 px-25\"},[_c('feather-icon',{staticClass:\"cursor-pointer\",attrs:{\"size\":\"16\",\"icon\":\"XIcon\"},on:{\"click\":function($event){return _vm.removeItem(index)}}}),_c('feather-icon',{staticClass:\"cursor-pointer\",attrs:{\"id\":(\"form-item-settings-icon-\" + index),\"size\":\"16\",\"icon\":\"SettingsIcon\"}}),_c('b-popover',{ref:(\"form-item-settings-popover-\" + index),refInFor:true,attrs:{\"target\":(\"form-item-settings-icon-\" + index),\"triggers\":\"click\",\"placement\":\"lefttop\"}},[_c('b-form',{on:{\"submit\":function($event){$event.preventDefault();}}},[_c('b-row',[_c('b-col',{attrs:{\"cols\":\"12\"}},[_c('b-form-group',{attrs:{\"label\":\"Discount(%)\",\"label-for\":(\"setting-item-\" + index + \"-discount\")}},[_c('b-form-input',{attrs:{\"id\":(\"setting-item-\" + index + \"-discount\"),\"value\":null,\"type\":\"number\"}})],1)],1),_c('b-col',{attrs:{\"cols\":\"6\"}},[_c('b-form-group',{attrs:{\"label\":\"Tax 1\",\"label-for\":(\"setting-item-\" + index + \"-tax-1\")}},[_c('v-select',{attrs:{\"dir\":_vm.$store.state.appConfig.isRTL ? 'rtl' : 'ltr',\"value\":'10%',\"options\":['0%', '1%', '10%', '14%', '18%'],\"input-id\":(\"setting-item-\" + index + \"-tax-1\"),\"clearable\":false}})],1)],1),_c('b-col',{attrs:{\"cols\":\"6\"}},[_c('b-form-group',{attrs:{\"label\":\"Tax 2\",\"label-for\":(\"setting-item-\" + index + \"-tax-2\")}},[_c('v-select',{attrs:{\"dir\":_vm.$store.state.appConfig.isRTL ? 'rtl' : 'ltr',\"value\":'10%',\"options\":['0%', '1%', '10%', '14%', '18%'],\"input-id\":(\"setting-item-\" + index + \"-tax-2\"),\"clearable\":false}})],1)],1),_c('b-col',{staticClass:\"d-flex justify-content-between mt-1\",attrs:{\"cols\":\"12\"}},[_c('b-button',{attrs:{\"variant\":\"outline-primary\"},on:{\"click\":function () {_vm.$refs[(\"form-item-settings-popover-\" + index)][0].$emit('close')}}},[_vm._v(\" Apply \")]),_c('b-button',{attrs:{\"variant\":\"outline-secondary\"},on:{\"click\":function () {_vm.$refs[(\"form-item-settings-popover-\" + index)][0].$emit('close')}}},[_vm._v(\" Cancel \")])],1)],1)],1)],1)],1)],1)])],1)}),1),_c('b-button',{directives:[{name:\"ripple\",rawName:\"v-ripple.400\",value:('rgba(255, 255, 255, 0.15)'),expression:\"'rgba(255, 255, 255, 0.15)'\",modifiers:{\"400\":true}}],attrs:{\"size\":\"sm\",\"variant\":\"primary\"},on:{\"click\":_vm.addNewItemInItemForm}},[_vm._v(\" Add Item \")])],1),_c('b-card-body',{staticClass:\"invoice-padding pb-0\"},[_c('b-row',[_c('b-col',{staticClass:\"mt-md-0 mt-3 d-flex align-items-center\",attrs:{\"cols\":\"12\",\"md\":\"6\",\"order\":\"2\",\"order-md\":\"1\"}},[_c('label',{staticClass:\"text-nowrap mr-50\",attrs:{\"for\":\"invoice-data-sales-person\"}},[_vm._v(\"Sales Person:\")]),_c('b-form-input',{attrs:{\"id\":\"invoice-data-sales-person\",\"placeholder\":\"Edward Crowley\"},model:{value:(_vm.invoiceData.salesPerson),callback:function ($$v) {_vm.$set(_vm.invoiceData, \"salesPerson\", $$v)},expression:\"invoiceData.salesPerson\"}})],1),_c('b-col',{staticClass:\"mt-md-6 d-flex justify-content-end\",attrs:{\"cols\":\"12\",\"md\":\"6\",\"order\":\"1\",\"order-md\":\"2\"}},[_c('div',{staticClass:\"invoice-total-wrapper\"},[_c('div',{staticClass:\"invoice-total-item\"},[_c('p',{staticClass:\"invoice-total-title\"},[_vm._v(\" Subtotal: \")]),_c('p',{staticClass:\"invoice-total-amount\"},[_vm._v(\" $1800 \")])]),_c('div',{staticClass:\"invoice-total-item\"},[_c('p',{staticClass:\"invoice-total-title\"},[_vm._v(\" Discount: \")]),_c('p',{staticClass:\"invoice-total-amount\"},[_vm._v(\" $28 \")])]),_c('div',{staticClass:\"invoice-total-item\"},[_c('p',{staticClass:\"invoice-total-title\"},[_vm._v(\" Tax: \")]),_c('p',{staticClass:\"invoice-total-amount\"},[_vm._v(\" 21% \")])]),_c('hr',{staticClass:\"my-50\"}),_c('div',{staticClass:\"invoice-total-item\"},[_c('p',{staticClass:\"invoice-total-title\"},[_vm._v(\" Total: \")]),_c('p',{staticClass:\"invoice-total-amount\"},[_vm._v(\" $1690 \")])])])])],1)],1),_c('hr',{staticClass:\"invoice-spacing\"}),_c('b-card-body',{staticClass:\"invoice-padding pt-0\"},[_c('span',{staticClass:\"font-weight-bold\"},[_vm._v(\"Note: \")]),_c('b-form-textarea',{model:{value:(_vm.invoiceData.note),callback:function ($$v) {_vm.$set(_vm.invoiceData, \"note\", $$v)},expression:\"invoiceData.note\"}})],1)],1)],1)],1),_c('b-col',{staticClass:\"invoice-actions\",attrs:{\"cols\":\"12\",\"md\":\"4\",\"xl\":\"3\"}},[_c('b-card',[_c('b-button',{directives:[{name:\"ripple\",rawName:\"v-ripple.400\",value:('rgba(255, 255, 255, 0.15)'),expression:\"'rgba(255, 255, 255, 0.15)'\",modifiers:{\"400\":true}},{name:\"b-toggle\",rawName:\"v-b-toggle.sidebar-send-invoice\",modifiers:{\"sidebar-send-invoice\":true}}],staticClass:\"mb-75\",attrs:{\"variant\":\"primary\",\"block\":\"\"}},[_vm._v(\" Send Invoice \")]),_c('b-button',{directives:[{name:\"ripple\",rawName:\"v-ripple.400\",value:('rgba(113, 102, 240, 0.15)'),expression:\"'rgba(113, 102, 240, 0.15)'\",modifiers:{\"400\":true}}],staticClass:\"mb-75\",attrs:{\"variant\":\"outline-primary\",\"block\":\"\"}},[_vm._v(\" Preview \")]),_c('b-button',{directives:[{name:\"ripple\",rawName:\"v-ripple.400\",value:('rgba(113, 102, 240, 0.15)'),expression:\"'rgba(113, 102, 240, 0.15)'\",modifiers:{\"400\":true}}],attrs:{\"variant\":\"outline-primary\",\"block\":\"\"}},[_vm._v(\" Save \")]),_c('b-button',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.sidebar-invoice-add-payment\",modifiers:{\"sidebar-invoice-add-payment\":true}},{name:\"ripple\",rawName:\"v-ripple.400\",value:('rgba(255, 255, 255, 0.15)'),expression:\"'rgba(255, 255, 255, 0.15)'\",modifiers:{\"400\":true}}],staticClass:\"mb-75\",attrs:{\"variant\":\"success\",\"block\":\"\"}},[_vm._v(\" Add Payment \")])],1),_c('div',{staticClass:\"mt-2\"},[_c('b-form-group',{attrs:{\"label\":\"Accept Payment Via\",\"label-for\":\"payment-method\"}},[_c('v-select',{staticClass:\"payment-selector\",attrs:{\"dir\":_vm.$store.state.appConfig.isRTL ? 'rtl' : 'ltr',\"options\":_vm.paymentMethods,\"input-id\":\"payment-method\",\"clearable\":false},model:{value:(_vm.invoiceData.paymentMethod),callback:function ($$v) {_vm.$set(_vm.invoiceData, \"paymentMethod\", $$v)},expression:\"invoiceData.paymentMethod\"}})],1),_c('div',{staticClass:\"d-flex justify-content-between align-items-center\"},[_c('label',{attrs:{\"for\":\"patymentTerms\"}},[_vm._v(\"Payment Terms\")]),_c('b-form-checkbox',{attrs:{\"id\":\"patymentTerms\",\"checked\":true,\"switch\":\"\"}})],1),_c('div',{staticClass:\"d-flex justify-content-between align-items-center my-1\"},[_c('label',{attrs:{\"for\":\"clientNotes\"}},[_vm._v(\"Client Notes\")]),_c('b-form-checkbox',{attrs:{\"id\":\"clientNotes\",\"checked\":true,\"switch\":\"\"}})],1),_c('div',{staticClass:\"d-flex justify-content-between align-items-center\"},[_c('label',{attrs:{\"for\":\"paymentStub\"}},[_vm._v(\"Payment Stub\")]),_c('b-form-checkbox',{attrs:{\"id\":\"paymentStub\",\"switch\":\"\"}})],1)],1)],1)],1):_vm._e(),_c('invoice-sidebar-send-invoice'),_c('invoice-sidebar-add-payment')],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <section class=\"invoice-add-wrapper\">\r\n    <!-- Alert: No item found -->\r\n    <b-alert\r\n      variant=\"danger\"\r\n      :show=\"invoiceData === undefined\"\r\n    >\r\n      <h4 class=\"alert-heading\">\r\n        Error fetching invoice data\r\n      </h4>\r\n      <div class=\"alert-body\">\r\n        No invoice found with this invoice id. Check\r\n        <b-link\r\n          class=\"alert-link\"\r\n          :to=\"{ name: 'apps-invoice-list'}\"\r\n        >\r\n          Invoice List\r\n        </b-link>\r\n        for other invoices.\r\n      </div>\r\n    </b-alert>\r\n\r\n    <b-row\r\n      v-if=\"invoiceData\"\r\n      class=\"invoice-add\"\r\n    >\r\n\r\n      <!-- Col: Left (Invoice Container) -->\r\n      <b-col\r\n        cols=\"12\"\r\n        xl=\"9\"\r\n        md=\"8\"\r\n      >\r\n        <b-form @submit.prevent>\r\n          <b-card\r\n            no-body\r\n            class=\"invoice-preview-card\"\r\n          >\r\n            <!-- Header -->\r\n            <b-card-body class=\"invoice-padding pb-0\">\r\n\r\n              <div class=\"d-flex justify-content-between flex-md-row flex-column invoice-spacing mt-0\">\r\n\r\n                <!-- Header: Left Content -->\r\n                <div>\r\n                  <div class=\"logo-wrapper\">\r\n                    <logo />\r\n                    <h3 class=\"text-primary invoice-logo\">\r\n                      Vuexy\r\n                    </h3>\r\n                  </div>\r\n                  <b-card-text class=\"mb-25\">\r\n                    Office 149, 450 South Brand Brooklyn\r\n                  </b-card-text>\r\n                  <b-card-text class=\"mb-25\">\r\n                    San Diego County, CA 91905, USA\r\n                  </b-card-text>\r\n                  <b-card-text class=\"mb-0\">\r\n                    +1 (123) 456 7891, +44 (876) 543 2198\r\n                  </b-card-text>\r\n                </div>\r\n\r\n                <!-- Header: Right Content -->\r\n                <div class=\"invoice-number-date mt-md-0 mt-2\">\r\n                  <div class=\"d-flex align-items-center justify-content-md-end mb-1\">\r\n                    <h4 class=\"invoice-title\">\r\n                      Invoice\r\n                    </h4>\r\n                    <b-input-group class=\"input-group-merge invoice-edit-input-group disabled\">\r\n                      <b-input-group-prepend is-text>\r\n                        <feather-icon icon=\"HashIcon\" />\r\n                      </b-input-group-prepend>\r\n                      <b-form-input\r\n                        id=\"invoice-data-id\"\r\n                        v-model=\"invoiceData.id\"\r\n                        disabled\r\n                      />\r\n                    </b-input-group>\r\n                  </div>\r\n                  <div class=\"d-flex align-items-center mb-1\">\r\n                    <span class=\"title\">\r\n                      Date:\r\n                    </span>\r\n                    <flat-pickr\r\n                      v-model=\"invoiceData.issuedDate\"\r\n                      class=\"form-control invoice-edit-input\"\r\n                    />\r\n                  </div>\r\n                  <div class=\"d-flex align-items-center\">\r\n                    <span class=\"title\">\r\n                      Due Date:\r\n                    </span>\r\n                    <flat-pickr\r\n                      v-model=\"invoiceData.dueDate\"\r\n                      class=\"form-control invoice-edit-input\"\r\n                    />\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </b-card-body>\r\n\r\n            <!-- Spacer -->\r\n            <hr class=\"invoice-spacing\">\r\n\r\n            <!-- Invoice Client & Payment Details -->\r\n            <b-card-body\r\n              class=\"invoice-padding pt-0\"\r\n            >\r\n              <b-row class=\"invoice-spacing\">\r\n\r\n                <!-- Col: Invoice To -->\r\n                <b-col\r\n                  cols=\"12\"\r\n                  xl=\"6\"\r\n                  class=\"mb-lg-1\"\r\n                >\r\n                  <h6 class=\"mb-2\">\r\n                    Invoice To:\r\n                  </h6>\r\n\r\n                  <!-- Selected Client -->\r\n                  <div\r\n                    v-if=\"invoiceData.client\"\r\n                    class=\"mt-1\"\r\n                  >\r\n                    <h6 class=\"mb-25\">\r\n                      {{ invoiceData.client.name }}\r\n                    </h6>\r\n                    <b-card-text class=\"mb-25\">\r\n                      {{ invoiceData.client.company }}\r\n                    </b-card-text>\r\n                    <b-card-text class=\"mb-25\">\r\n                      {{ invoiceData.client.address }}, {{ invoiceData.client.country }}\r\n                    </b-card-text>\r\n                    <b-card-text class=\"mb-25\">\r\n                      {{ invoiceData.client.contact }}\r\n                    </b-card-text>\r\n                    <b-card-text class=\"mb-0\">\r\n                      {{ invoiceData.client.companyEmail }}\r\n                    </b-card-text>\r\n                  </div>\r\n                </b-col>\r\n\r\n                <!-- Col: Payment Details -->\r\n                <b-col\r\n                  xl=\"6\"\r\n                  cols=\"12\"\r\n                  class=\"mt-xl-0 mt-2 justify-content-end d-xl-flex d-block\"\r\n                >\r\n                  <div>\r\n                    <h6 class=\"mb-2\">\r\n                      Payment Details:\r\n                    </h6>\r\n                    <table>\r\n                      <tbody>\r\n                        <tr>\r\n                          <td class=\"pr-1\">\r\n                            Total Due:\r\n                          </td>\r\n                          <td><span class=\"font-weight-bold\">$12,110.55</span></td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td class=\"pr-1\">\r\n                            Bank name:\r\n                          </td>\r\n                          <td>American Bank</td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td class=\"pr-1\">\r\n                            Country:\r\n                          </td>\r\n                          <td>United States</td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td class=\"pr-1\">\r\n                            IBAN:\r\n                          </td>\r\n                          <td>ETD95476213874685</td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td class=\"pr-1\">\r\n                            SWIFT code:\r\n                          </td>\r\n                          <td>BR91905</td>\r\n                        </tr>\r\n                      </tbody>\r\n                    </table>\r\n                  </div>\r\n                </b-col>\r\n              </b-row>\r\n            </b-card-body>\r\n\r\n            <!-- Items Section -->\r\n            <b-card-body class=\"invoice-padding form-item-section\">\r\n              <div\r\n                ref=\"form\"\r\n                class=\"repeater-form\"\r\n                :style=\"{height: trHeight}\"\r\n              >\r\n                <b-row\r\n                  v-for=\"(item, index) in invoiceData.items\"\r\n                  :key=\"index\"\r\n                  ref=\"row\"\r\n                  class=\"pb-2\"\r\n                >\r\n\r\n                  <!-- Item Form -->\r\n                  <!-- ? This will be in loop => So consider below markup for single item -->\r\n                  <b-col cols=\"12\">\r\n\r\n                    <!-- ? Flex to keep separate width for XIcon and SettingsIcon -->\r\n                    <div class=\"d-none d-lg-flex\">\r\n                      <b-row class=\"flex-grow-1 px-1\">\r\n                        <!-- Single Item Form Headers -->\r\n                        <b-col\r\n                          cols=\"12\"\r\n                          lg=\"5\"\r\n                        >\r\n                          Item\r\n                        </b-col>\r\n                        <b-col\r\n                          cols=\"12\"\r\n                          lg=\"3\"\r\n                        >\r\n                          Cost\r\n                        </b-col>\r\n                        <b-col\r\n                          cols=\"12\"\r\n                          lg=\"2\"\r\n                        >\r\n                          Qty\r\n                        </b-col>\r\n                        <b-col\r\n                          cols=\"12\"\r\n                          lg=\"2\"\r\n                        >\r\n                          Price\r\n                        </b-col>\r\n                      </b-row>\r\n                      <div class=\"form-item-action-col\" />\r\n                    </div>\r\n\r\n                    <!-- Form Input Fields OR content inside bordered area  -->\r\n                    <!-- ? Flex to keep separate width for XIcon and SettingsIcon -->\r\n                    <div class=\"d-flex border rounded\">\r\n                      <b-row class=\"flex-grow-1 p-2\">\r\n                        <!-- Single Item Form Headers -->\r\n                        <b-col\r\n                          cols=\"12\"\r\n                          lg=\"5\"\r\n                        >\r\n                          <label class=\"d-inline d-lg-none\">Item</label>\r\n                          <v-select\r\n                            v-model=\"item.itemTitle\"\r\n                            :dir=\"$store.state.appConfig.isRTL ? 'rtl' : 'ltr'\"\r\n                            :options=\"itemsOptions\"\r\n                            label=\"itemTitle\"\r\n                            :clearable=\"false\"\r\n                            class=\"mb-2 item-selector-title\"\r\n                            placeholder=\"Select Item\"\r\n                            @input=\"val => updateItemForm(index, val)\"\r\n                          />\r\n                        </b-col>\r\n                        <b-col\r\n                          cols=\"12\"\r\n                          lg=\"3\"\r\n                        >\r\n                          <label class=\"d-inline d-lg-none\">Cost</label>\r\n                          <b-form-input\r\n                            v-model=\"item.cost\"\r\n                            type=\"number\"\r\n                            class=\"mb-2\"\r\n                          />\r\n                        </b-col>\r\n                        <b-col\r\n                          cols=\"12\"\r\n                          lg=\"2\"\r\n                        >\r\n                          <label class=\"d-inline d-lg-none\">Qty</label>\r\n                          <b-form-input\r\n                            v-model=\"item.qty\"\r\n                            type=\"number\"\r\n                            class=\"mb-2\"\r\n                          />\r\n                        </b-col>\r\n                        <b-col\r\n                          cols=\"12\"\r\n                          lg=\"2\"\r\n                        >\r\n                          <label class=\"d-inline d-lg-none\">Price</label>\r\n                          <p class=\"mb-1\">\r\n                            ${{ item.cost * item.qty }}\r\n                          </p>\r\n                        </b-col>\r\n                        <b-col\r\n                          cols=\"12\"\r\n                          lg=\"5\"\r\n                        >\r\n                          <label class=\"d-inline d-lg-none\">Description</label>\r\n                          <b-form-textarea\r\n                            v-model=\"item.description\"\r\n                            class=\"mb-2 mb-lg-0\"\r\n                          />\r\n                        </b-col>\r\n                        <b-col>\r\n                          <p class=\"mb-0\">\r\n                            Discount: 0% 0% 0%\r\n                          </p>\r\n                        </b-col>\r\n                      </b-row>\r\n                      <div class=\"d-flex flex-column justify-content-between border-left py-50 px-25\">\r\n                        <feather-icon\r\n                          size=\"16\"\r\n                          icon=\"XIcon\"\r\n                          class=\"cursor-pointer\"\r\n                          @click=\"removeItem(index)\"\r\n                        />\r\n                        <feather-icon\r\n                          :id=\"`form-item-settings-icon-${index}`\"\r\n                          size=\"16\"\r\n                          icon=\"SettingsIcon\"\r\n                          class=\"cursor-pointer\"\r\n                        />\r\n\r\n                        <!-- Setting Item Form -->\r\n                        <b-popover\r\n                          :ref=\"`form-item-settings-popover-${index}`\"\r\n                          :target=\"`form-item-settings-icon-${index}`\"\r\n                          triggers=\"click\"\r\n                          placement=\"lefttop\"\r\n                        >\r\n                          <b-form @submit.prevent>\r\n                            <b-row>\r\n\r\n                              <!-- Field: Discount -->\r\n                              <b-col cols=\"12\">\r\n                                <b-form-group\r\n                                  label=\"Discount(%)\"\r\n                                  :label-for=\"`setting-item-${index}-discount`\"\r\n                                >\r\n                                  <b-form-input\r\n                                    :id=\"`setting-item-${index}-discount`\"\r\n                                    :value=\"null\"\r\n                                    type=\"number\"\r\n                                  />\r\n                                </b-form-group>\r\n                              </b-col>\r\n\r\n                              <!-- Field: Tax 1 -->\r\n                              <b-col cols=\"6\">\r\n                                <b-form-group\r\n                                  label=\"Tax 1\"\r\n                                  :label-for=\"`setting-item-${index}-tax-1`\"\r\n                                >\r\n                                  <v-select\r\n                                    :dir=\"$store.state.appConfig.isRTL ? 'rtl' : 'ltr'\"\r\n                                    :value=\"'10%'\"\r\n                                    :options=\"['0%', '1%', '10%', '14%', '18%']\"\r\n                                    :input-id=\"`setting-item-${index}-tax-1`\"\r\n                                    :clearable=\"false\"\r\n                                  />\r\n                                </b-form-group>\r\n                              </b-col>\r\n\r\n                              <!-- Field: Tax 2 -->\r\n                              <b-col cols=\"6\">\r\n                                <b-form-group\r\n                                  label=\"Tax 2\"\r\n                                  :label-for=\"`setting-item-${index}-tax-2`\"\r\n                                >\r\n                                  <v-select\r\n                                    :dir=\"$store.state.appConfig.isRTL ? 'rtl' : 'ltr'\"\r\n                                    :value=\"'10%'\"\r\n                                    :options=\"['0%', '1%', '10%', '14%', '18%']\"\r\n                                    :input-id=\"`setting-item-${index}-tax-2`\"\r\n                                    :clearable=\"false\"\r\n                                  />\r\n                                </b-form-group>\r\n                              </b-col>\r\n\r\n                              <b-col\r\n                                cols=\"12\"\r\n                                class=\"d-flex justify-content-between mt-1\"\r\n                              >\r\n                                <b-button\r\n                                  variant=\"outline-primary\"\r\n                                  @click=\"() => {$refs[`form-item-settings-popover-${index}`][0].$emit('close')}\"\r\n                                >\r\n                                  Apply\r\n                                </b-button>\r\n                                <b-button\r\n                                  variant=\"outline-secondary\"\r\n                                  @click=\"() => {$refs[`form-item-settings-popover-${index}`][0].$emit('close')}\"\r\n                                >\r\n                                  Cancel\r\n                                </b-button>\r\n                              </b-col>\r\n                            </b-row>\r\n                          </b-form>\r\n                        </b-popover>\r\n                      </div>\r\n                    </div>\r\n                  </b-col>\r\n                </b-row>\r\n              </div>\r\n              <b-button\r\n                v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\r\n                size=\"sm\"\r\n                variant=\"primary\"\r\n                @click=\"addNewItemInItemForm\"\r\n              >\r\n                Add Item\r\n              </b-button>\r\n            </b-card-body>\r\n\r\n            <!-- Invoice Description: Total -->\r\n            <b-card-body class=\"invoice-padding pb-0\">\r\n              <b-row>\r\n\r\n                <!-- Col: Sales Persion -->\r\n                <b-col\r\n                  cols=\"12\"\r\n                  md=\"6\"\r\n                  class=\"mt-md-0 mt-3 d-flex align-items-center\"\r\n                  order=\"2\"\r\n                  order-md=\"1\"\r\n                >\r\n                  <label\r\n                    for=\"invoice-data-sales-person\"\r\n                    class=\"text-nowrap mr-50\"\r\n                  >Sales Person:</label>\r\n                  <b-form-input\r\n                    id=\"invoice-data-sales-person\"\r\n                    v-model=\"invoiceData.salesPerson\"\r\n                    placeholder=\"Edward Crowley\"\r\n                  />\r\n                </b-col>\r\n\r\n                <!-- Col: Total -->\r\n                <b-col\r\n                  cols=\"12\"\r\n                  md=\"6\"\r\n                  class=\"mt-md-6 d-flex justify-content-end\"\r\n                  order=\"1\"\r\n                  order-md=\"2\"\r\n                >\r\n                  <div class=\"invoice-total-wrapper\">\r\n                    <div class=\"invoice-total-item\">\r\n                      <p class=\"invoice-total-title\">\r\n                        Subtotal:\r\n                      </p>\r\n                      <p class=\"invoice-total-amount\">\r\n                        $1800\r\n                      </p>\r\n                    </div>\r\n                    <div class=\"invoice-total-item\">\r\n                      <p class=\"invoice-total-title\">\r\n                        Discount:\r\n                      </p>\r\n                      <p class=\"invoice-total-amount\">\r\n                        $28\r\n                      </p>\r\n                    </div>\r\n                    <div class=\"invoice-total-item\">\r\n                      <p class=\"invoice-total-title\">\r\n                        Tax:\r\n                      </p>\r\n                      <p class=\"invoice-total-amount\">\r\n                        21%\r\n                      </p>\r\n                    </div>\r\n                    <hr class=\"my-50\">\r\n                    <div class=\"invoice-total-item\">\r\n                      <p class=\"invoice-total-title\">\r\n                        Total:\r\n                      </p>\r\n                      <p class=\"invoice-total-amount\">\r\n                        $1690\r\n                      </p>\r\n                    </div>\r\n                  </div>\r\n                </b-col>\r\n              </b-row>\r\n            </b-card-body>\r\n\r\n            <!-- Spacer -->\r\n            <hr class=\"invoice-spacing\">\r\n\r\n            <!-- Note -->\r\n            <b-card-body class=\"invoice-padding pt-0\">\r\n              <span class=\"font-weight-bold\">Note: </span>\r\n              <b-form-textarea v-model=\"invoiceData.note\" />\r\n            </b-card-body>\r\n          </b-card>\r\n        </b-form>\r\n      </b-col>\r\n\r\n      <!-- Right Col: Card -->\r\n      <b-col\r\n        cols=\"12\"\r\n        md=\"4\"\r\n        xl=\"3\"\r\n        class=\"invoice-actions\"\r\n      >\r\n\r\n        <!-- Action Buttons -->\r\n        <b-card>\r\n\r\n          <!-- Button: Send Invoice -->\r\n          <b-button\r\n            v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\r\n            v-b-toggle.sidebar-send-invoice\r\n            variant=\"primary\"\r\n            class=\"mb-75\"\r\n            block\r\n          >\r\n            Send Invoice\r\n          </b-button>\r\n\r\n          <!-- Button: DOwnload -->\r\n          <b-button\r\n            v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n            variant=\"outline-primary\"\r\n            class=\"mb-75\"\r\n            block\r\n          >\r\n            Preview\r\n          </b-button>\r\n\r\n          <!-- Button: Print -->\r\n          <b-button\r\n            v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n            variant=\"outline-primary\"\r\n            block\r\n          >\r\n            Save\r\n          </b-button>\r\n\r\n          <!-- Button: Add Payment -->\r\n          <b-button\r\n            v-b-toggle.sidebar-invoice-add-payment\r\n            v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\r\n            variant=\"success\"\r\n            class=\"mb-75\"\r\n            block\r\n          >\r\n            Add Payment\r\n          </b-button>\r\n        </b-card>\r\n\r\n        <!-- Payment Method -->\r\n        <div class=\"mt-2\">\r\n          <b-form-group\r\n            label=\"Accept Payment Via\"\r\n            label-for=\"payment-method\"\r\n          >\r\n            <v-select\r\n              v-model=\"invoiceData.paymentMethod\"\r\n              :dir=\"$store.state.appConfig.isRTL ? 'rtl' : 'ltr'\"\r\n              :options=\"paymentMethods\"\r\n              input-id=\"payment-method\"\r\n              class=\"payment-selector\"\r\n              :clearable=\"false\"\r\n            />\r\n          </b-form-group>\r\n\r\n          <!-- ? Below values are not adding invoiceData to keep invoiceData more generic and less confusing  -->\r\n\r\n          <!-- Payment Terms -->\r\n          <div class=\"d-flex justify-content-between align-items-center\">\r\n            <label for=\"patymentTerms\">Payment Terms</label>\r\n            <b-form-checkbox\r\n              id=\"patymentTerms\"\r\n              :checked=\"true\"\r\n              switch\r\n            />\r\n          </div>\r\n\r\n          <!-- Client Notes -->\r\n          <div class=\"d-flex justify-content-between align-items-center my-1\">\r\n            <label for=\"clientNotes\">Client Notes</label>\r\n            <b-form-checkbox\r\n              id=\"clientNotes\"\r\n              :checked=\"true\"\r\n              switch\r\n            />\r\n          </div>\r\n\r\n          <!-- Payment Stub -->\r\n          <div class=\"d-flex justify-content-between align-items-center\">\r\n            <label for=\"paymentStub\">Payment Stub</label>\r\n            <b-form-checkbox\r\n              id=\"paymentStub\"\r\n              switch\r\n            />\r\n          </div>\r\n        </div>\r\n      </b-col>\r\n    </b-row>\r\n\r\n    <invoice-sidebar-send-invoice />\r\n    <invoice-sidebar-add-payment />\r\n  </section>\r\n</template>\r\n\r\n<script>\r\nimport Logo from '@core/layouts/components/Logo.vue'\r\nimport { ref, onUnmounted } from '@vue/composition-api'\r\nimport { heightTransition } from '@core/mixins/ui/transition'\r\nimport Ripple from 'vue-ripple-directive'\r\nimport store from '@/store'\r\nimport router from '@/router'\r\nimport {\r\n  BRow, BCol, BCard, BCardBody, BButton, BCardText, BForm, BFormGroup, BFormInput, BInputGroup, BInputGroupPrepend, BFormTextarea, BFormCheckbox, BPopover, BAlert, BLink, VBToggle,\r\n} from 'bootstrap-vue'\r\nimport vSelect from 'vue-select'\r\nimport flatPickr from 'vue-flatpickr-component'\r\nimport invoiceStoreModule from '../invoiceStoreModule'\r\nimport InvoiceSidebarSendInvoice from '../InvoiceSidebarSendInvoice.vue'\r\nimport InvoiceSidebarAddPayment from '../InvoiceSidebarAddPayment.vue'\r\n\r\nexport default {\r\n  components: {\r\n    BRow,\r\n    BCol,\r\n    BCard,\r\n    BCardBody,\r\n    BButton,\r\n    BCardText,\r\n    BForm,\r\n    BFormGroup,\r\n    BFormInput,\r\n    BInputGroup,\r\n    BInputGroupPrepend,\r\n    BFormTextarea,\r\n    BFormCheckbox,\r\n    BPopover,\r\n    BAlert,\r\n    BLink,\r\n    flatPickr,\r\n    vSelect,\r\n    Logo,\r\n    InvoiceSidebarSendInvoice,\r\n    InvoiceSidebarAddPayment,\r\n  },\r\n  directives: {\r\n    Ripple,\r\n    'b-toggle': VBToggle,\r\n  },\r\n  mixins: [heightTransition],\r\n\r\n  // Reset Tr Height if data changes\r\n  watch: {\r\n    // eslint-disable-next-line func-names\r\n    'invoiceData.items': function () {\r\n      this.initTrHeight()\r\n    },\r\n  },\r\n  mounted() {\r\n    this.initTrHeight()\r\n  },\r\n  created() {\r\n    window.addEventListener('resize', this.initTrHeight)\r\n  },\r\n  destroyed() {\r\n    window.removeEventListener('resize', this.initTrHeight)\r\n  },\r\n  methods: {\r\n    addNewItemInItemForm() {\r\n      this.$refs.form.style.overflow = 'hidden'\r\n      this.invoiceData.items.push(JSON.parse(JSON.stringify(this.itemFormBlankItem)))\r\n\r\n      this.$nextTick(() => {\r\n        this.trAddHeight(this.$refs.row[0].offsetHeight)\r\n        setTimeout(() => {\r\n          this.$refs.form.style.overflow = null\r\n        }, 350)\r\n      })\r\n    },\r\n    removeItem(index) {\r\n      this.invoiceData.items.splice(index, 1)\r\n      this.trTrimHeight(this.$refs.row[0].offsetHeight)\r\n    },\r\n    initTrHeight() {\r\n      this.trSetHeight(null)\r\n      this.$nextTick(() => {\r\n        this.trSetHeight(this.$refs.form ? this.$refs.form.scrollHeight : 0)\r\n      })\r\n    },\r\n  },\r\n  setup() {\r\n    const INVOICE_APP_STORE_MODULE_NAME = 'app-invoice'\r\n\r\n    // Register module\r\n    if (!store.hasModule(INVOICE_APP_STORE_MODULE_NAME)) store.registerModule(INVOICE_APP_STORE_MODULE_NAME, invoiceStoreModule)\r\n\r\n    // UnRegister on leave\r\n    onUnmounted(() => {\r\n      if (store.hasModule(INVOICE_APP_STORE_MODULE_NAME)) store.unregisterModule(INVOICE_APP_STORE_MODULE_NAME)\r\n    })\r\n\r\n    const invoiceData = ref(null)\r\n    const paymentDetails = ref({})\r\n\r\n    store.dispatch('app-invoice/fetchInvoice', { id: router.currentRoute.params.id })\r\n      .then(response => {\r\n        invoiceData.value = response.data.invoice\r\n        paymentDetails.value = response.data.paymentDetails\r\n\r\n        // ? We are adding some extra data in response for data purpose\r\n        // * Your response will contain this extra data\r\n        // ? [Purpose is to make it more API friendly and less static as possible]\r\n        invoiceData.value.items = [{\r\n          itemTitle: 'App Design',\r\n          cost: 24,\r\n          qty: 2,\r\n          description: 'Designed UI kit & app pages.',\r\n        }]\r\n        invoiceData.value.note = 'It was a pleasure working with you and your team. We hope you will keep us in mind for future freelance projects. Thank You!'\r\n        invoiceData.value.paymentMethod = 'Bank Account'\r\n      })\r\n      .catch(error => {\r\n        if (error.response.status === 404) {\r\n          invoiceData.value = undefined\r\n        }\r\n      })\r\n\r\n    const itemFormBlankItem = {\r\n      item: null,\r\n      cost: 0,\r\n      qty: 0,\r\n      description: '',\r\n    }\r\n\r\n    const itemsOptions = [\r\n      {\r\n        itemTitle: 'App Design',\r\n        cost: 24,\r\n        qty: 1,\r\n        description: 'Designed UI kit & app pages.',\r\n      },\r\n      {\r\n        itemTitle: 'App Customization',\r\n        cost: 26,\r\n        qty: 1,\r\n        description: 'Customization & Bug Fixes.',\r\n      },\r\n      {\r\n        itemTitle: 'ABC Template',\r\n        cost: 28,\r\n        qty: 1,\r\n        description: 'Bootstrap 4 admin template.',\r\n      },\r\n      {\r\n        itemTitle: 'App Development',\r\n        cost: 32,\r\n        qty: 1,\r\n        description: 'Native App Development.',\r\n      },\r\n    ]\r\n\r\n    const updateItemForm = (index, val) => {\r\n      const { cost, qty, description } = val\r\n      invoiceData.value.items[index].cost = cost\r\n      invoiceData.value.items[index].qty = qty\r\n      invoiceData.value.items[index].description = description\r\n    }\r\n\r\n    const paymentMethods = [\r\n      'Bank Account',\r\n      'PayPal',\r\n      'UPI Transfer',\r\n    ]\r\n\r\n    return {\r\n      invoiceData,\r\n      itemsOptions,\r\n      updateItemForm,\r\n      itemFormBlankItem,\r\n      paymentMethods,\r\n    }\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n@import '@core/scss/vue/libs/vue-select.scss';\r\n@import '@core/scss/vue/libs/vue-flatpicker.scss';\r\n</style>\r\n\r\n<style lang=\"scss\" scoped>\r\n@import \"~@core/scss/base/pages/app-invoice.scss\";\r\n\r\n.form-item-section {\r\nbackground-color:$product-details-bg;\r\n}\r\n\r\n.form-item-action-col {\r\n  width: 27px;\r\n}\r\n\r\n.repeater-form {\r\n  // overflow: hidden;\r\n  transition: .35s height;\r\n}\r\n\r\n.v-select {\r\n  &.item-selector-title,\r\n  &.payment-selector {\r\n    background-color: #fff;\r\n\r\n    .dark-layout & {\r\n      background-color: unset;\r\n    }\r\n  }\r\n}\r\n\r\n.dark-layout {\r\n  .form-item-section {\r\n    background-color: $theme-dark-body-bg;\r\n\r\n    .row .border {\r\n      background-color: $theme-dark-card-bg;\r\n    }\r\n\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./InvoiceEdit.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./InvoiceEdit.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./InvoiceEdit.vue?vue&type=template&id=36ff53bc&scoped=true&\"\nimport script from \"./InvoiceEdit.vue?vue&type=script&lang=js&\"\nexport * from \"./InvoiceEdit.vue?vue&type=script&lang=js&\"\nimport style0 from \"./InvoiceEdit.vue?vue&type=style&index=0&id=36ff53bc&prod&lang=scss&\"\nimport style1 from \"./InvoiceEdit.vue?vue&type=style&index=1&id=36ff53bc&prod&lang=scss&scoped=true&\"\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  \"36ff53bc\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./InvoiceEdit.vue?vue&type=style&index=0&id=36ff53bc&prod&lang=scss&\"","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./InvoiceEdit.vue?vue&type=style&index=1&id=36ff53bc&prod&lang=scss&scoped=true&\"","export const heightTransition = {\r\n  /*\r\n\r\n    HowTo:\r\n      1. Add dynamic style to element and set style as `trHeight`\r\n      2. Set transition speed using `transition: 0.35s height;` <= you can use appropriate value;\r\n      3. Optionally you can set `overflow: hidden;` to hide element overflow while height is animated.\r\n      4. Set initial height using `trSetHeight` before any operation. [mounted hook is recommended - You can use `ref` for dynamic contents]\r\n      5. Toggle height using height operations 🍻\r\n      6. Toggle usage of $nextTick for height operations is any issue occur [experimental] 🔬\r\n\r\n  */\r\n\r\n  data() {\r\n    return {\r\n      trHeight: null,\r\n    }\r\n  },\r\n  methods: {\r\n    trAddHeight(val) {\r\n      // Add height to existing height\r\n      // Usage: Where new element is append or more height is added (e.g. list append)\r\n\r\n      /* Assumes:\r\n       - Height is assigned and is `String`\r\n       - Incoming value is valid number in `Number` or `String`\r\n      */\r\n      const heightValue = Number(this.trHeight.substring(0, this.trHeight.length - 2))\r\n      this.trHeight = `${heightValue + Number(val)}px`\r\n    },\r\n    trTrimHeight(val) {\r\n      // Remove height from existing height\r\n      // Usage: Where new element is removed or height is remove (e.g. list pop/ele remove)\r\n\r\n      /* Assumes:\r\n       - Height is assigned and is `String`\r\n       - Incoming value is valid number in `Number` or `String`\r\n      */\r\n      const heightValue = Number(this.trHeight.substring(0, this.trHeight.length - 2))\r\n      this.trHeight = `${heightValue - Number(val)}px`\r\n    },\r\n    trSetHeight(val) {\r\n      // Set height\r\n      // Usage: Mostly for assigning initial value from mounted hook\r\n\r\n      /* Assumes:\r\n       - Height is not assigned and what to assign for add/remove operation\r\n       - What to set height at something for odd usage\r\n       - Incoming value is valid number in `Number` or `String`\r\n      */\r\n      if (val === null) this.trHeight = 'auto'\r\n      else this.trHeight = `${Number(val)}px`\r\n    },\r\n  },\r\n}\r\n\r\n// Ignore below for now. We will remove it when we add more transition in future.\r\nexport const _ = null\r\n"],"sourceRoot":""}