{"version":3,"sources":["webpack:///./src/app/features/suppliers/features/new-supplier/NewSupplier.vue?cbe2","webpack:///src/app/features/suppliers/features/new-supplier/NewSupplier.vue","webpack:///./src/app/features/suppliers/features/new-supplier/NewSupplier.vue?868c","webpack:///./src/app/features/suppliers/features/new-supplier/NewSupplier.vue","webpack:///./src/app/components/Checkbox.vue?5561","webpack:///src/app/components/Checkbox.vue","webpack:///./src/app/components/Checkbox.vue?e1d4","webpack:///./src/app/components/Checkbox.vue","webpack:///./src/app/components/Checkbox.vue?90d9","webpack:///./src/app/features/suppliers/features/new-supplier/NewSupplier.vue?e3fc"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","directives","name","rawName","attrs","newSupplier","staticRenderFns","components","computed","$store","getters","mounted","dispatch","component","class","checked","modified","readonly","size","on","$event","type","indexOf","_k","keyCode","key","preventDefault","toggle","_v","model","prop","event","props","Boolean","default","String","methods","$emit"],"mappings":"gJAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACF,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,MAAM,CAACE,YAAY,yBAAyB,CAACF,EAAG,MAAM,CAACG,WAAW,CAAC,CAACC,KAAK,aAAaC,QAAQ,iBAAiBH,YAAY,gBAAgBI,MAAM,CAAC,qBAAqB,aAAa,CAACN,EAAG,sBAAsB,CAACM,MAAM,CAAC,SAAWV,EAAIW,gBAAgB,UACraC,EAAkB,G,oCCgBtB,GACEJ,KAAM,cACNK,WAAY,CAAd,4BAEEC,SAAU,CACRH,YADJ,WAEM,OAAOV,KAAKc,OAAOC,QAAQ,EAAjC,oBAGEC,QATF,WAUIhB,KAAKc,OAAOG,SAAS,EAAzB,6DC3BiZ,I,wBCQ7YC,EAAY,eACd,EACApB,EACAa,GACA,EACA,KACA,WACA,MAIa,aAAAO,E,6CCnBf,IAAIpB,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,WAAWc,MAAM,CACnI,CAAE,aAAcpB,EAAIqB,SACpB,CAAE,cAAerB,EAAIsB,UACrB,CAAE,cAAetB,EAAIuB,UACrBvB,EAAIwB,MACJd,MAAM,CAAC,eAAeV,EAAIqB,QAAQ,KAAO,WAAW,SAAW,KAAKI,GAAG,CAAC,SAAW,SAASC,GAAQ,OAAIA,EAAOC,KAAKC,QAAQ,QAAQ5B,EAAI6B,GAAGH,EAAOI,QAAQ,QAAQ,GAAGJ,EAAOK,IAAI,UAAU/B,EAAI6B,GAAGH,EAAOI,QAAQ,QAAQ,GAAGJ,EAAOK,IAAI,CAAC,IAAI,aAAsB,MAAOL,EAAOM,iBAAwBhC,EAAIiC,OAAOP,KAAS,MAAQ,SAASA,GAAQ,OAAO1B,EAAIiC,YAAY,CAAEjC,EAAW,QAAEI,EAAG,oBAAoB,CAACM,MAAM,CAAC,KAAO,QAAQ,KAAO,QAAQN,EAAG,OAAO,CAACJ,EAAIkC,GAAG,QAAQ,IACjdtB,EAAkB,GCetB,GACEJ,KAAM,WACN2B,MAAO,CACLC,KAAM,UACNC,MAAO,UAETC,MAAO,CACLjB,QAAS,CACPM,KAAMY,QACNC,SAAS,GAEXjB,SAAU,CACRI,KAAMY,QACNC,SAAS,GAEXhB,KAAM,CACJG,KAAMc,OACND,QAAS,WAEXlB,SAAU,CACRK,KAAMY,QACNC,SAAS,IAGbE,QAAS,CACPT,OADJ,WAEWhC,KAAKsB,UACRtB,KAAK0C,MAAM,SAAU,CAA7B,2BChDiW,I,wBCQ7VxB,EAAY,eACd,EACApB,EACAa,GACA,EACA,KACA,WACA,MAIa,OAAAO,E,6CCnBf,yBAAujB,EAAG,G,kCCA1jB,yBAAynB,EAAG,G","file":"js/new-supplier.bbfea7cf.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"details-wrapper\"},[_c('div',{staticClass:\"details-body\"},[_c('div',{staticClass:\"content-panel-wrapper\"},[_c('div',{directives:[{name:\"scroll-spy\",rawName:\"v-scroll-spy\"}],staticClass:\"content-panel\",attrs:{\"data-scroll-spy-id\":\"main-tab\"}},[_c('SupplierDetailsForm',{attrs:{\"supplier\":_vm.newSupplier}})],1)])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"details-wrapper\">\n    <div class=\"details-body\">\n      <div class=\"content-panel-wrapper\">\n        <div v-scroll-spy data-scroll-spy-id=\"main-tab\" class=\"content-panel\">\n          <SupplierDetailsForm :supplier=\"newSupplier\" />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { AppActions } from '@/app/app.keys';\nimport { NewSupplierGetters } from './new-supplier.keys';\nimport SupplierDetailsForm from '../suppliers-details/components/SupplierDetailsForm';\n\nexport default {\n  name: 'NewSupplier',\n  components: { SupplierDetailsForm },\n\n  computed: {\n    newSupplier() {\n      return this.$store.getters[NewSupplierGetters.NewSupplier];\n    }\n  },\n  mounted() {\n    this.$store.dispatch(AppActions.SetPageTitle, this.$t('suppliers.labels.newSupplier'));\n  }\n};\n</script>\n\n<style scoped lang=\"scss\">\n@import '@/app/styles/colors.scss';\n@import '@/app/styles/variables.scss';\n\n.details-wrapper {\n  display: flex;\n  flex-direction: column;\n\n  background-color: $background-level-2;\n\n  .details-body {\n    position: relative;\n    flex-direction: row;\n    justify-content: space-between;\n    border-right: 4px solid rgba(255, 255, 255, 0);\n    &.modified {\n      border-right: 4px solid $modified-form;\n    }\n\n    .content-panel-wrapper {\n      flex: 0 85%;\n      .content-panel {\n        display: block;\n        background-color: $white;\n        padding: 60px;\n      }\n    }\n  }\n}\n</style>\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!./NewSupplier.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!./NewSupplier.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./NewSupplier.vue?vue&type=template&id=552bda81&scoped=true&\"\nimport script from \"./NewSupplier.vue?vue&type=script&lang=js&\"\nexport * from \"./NewSupplier.vue?vue&type=script&lang=js&\"\nimport style0 from \"./NewSupplier.vue?vue&type=style&index=0&id=552bda81&scoped=true&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  \"552bda81\",\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',{staticClass:\"checkbox\",class:[\n    { 'is-checked': _vm.checked },\n    { 'is-modified': _vm.modified },\n    { 'is-readonly': _vm.readonly },\n    _vm.size\n  ],attrs:{\"aria-checked\":_vm.checked,\"role\":\"checkbox\",\"tabindex\":\"0\"},on:{\"keypress\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\")&&_vm._k($event.keyCode,\"space\",32,$event.key,[\" \",\"Spacebar\"])){ return null; }$event.preventDefault();return _vm.toggle($event)},\"click\":function($event){return _vm.toggle()}}},[(_vm.checked)?_c('font-awesome-icon',{attrs:{\"icon\":\"check\",\"size\":\"lg\"}}):_c('span',[_vm._v(\" \")])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div\n    :class=\"[\n      { 'is-checked': checked },\n      { 'is-modified': modified },\n      { 'is-readonly': readonly },\n      size\n    ]\"\n    :aria-checked=\"checked\"\n    class=\"checkbox\"\n    role=\"checkbox\"\n    tabindex=\"0\"\n    @keypress.enter.space.prevent=\"toggle\"\n    @click=\"toggle()\"\n  >\n    <font-awesome-icon v-if=\"checked\" icon=\"check\" size=\"lg\" />\n    <!--Needed to prevent checkbox with 'tiny' style being displaced when unchecked -->\n    <span v-else>&nbsp;</span>\n  </div>\n</template>\n<script>\nexport default {\n  name: 'Checkbox',\n  model: {\n    prop: 'checked',\n    event: 'change'\n  },\n  props: {\n    checked: {\n      type: Boolean,\n      default: false\n    },\n    readonly: {\n      type: Boolean,\n      default: false\n    },\n    size: {\n      type: String,\n      default: 'regular'\n    },\n    modified: {\n      type: Boolean,\n      default: false\n    }\n  },\n  methods: {\n    toggle() {\n      if (!this.readonly) {\n        this.$emit('change', { checked: !this.checked });\n      }\n    }\n  }\n};\n</script>\n<style lang=\"scss\" scoped>\n@import '../styles/colors.scss';\n.checkbox {\n  background-color: $background-light;\n  text-align: center;\n  color: white;\n  &:hover {\n    cursor: pointer;\n  }\n\n  &.is-checked {\n    background-color: $text-color-dark-3;\n  }\n\n  &.is-readonly,\n  &[readonly] {\n    background-color: transparent;\n    color: $text-color-dark-3;\n  }\n\n  &.address-readonly {\n    background-color: $light-grey-1;\n    color: $text-color-dark-3;\n    pointer-events: none;\n  }\n\n  &.is-modified {\n    border: 2px solid $orange;\n  }\n  &:focus {\n    outline: none;\n  }\n  &.regular {\n    height: 37px;\n    width: 37px;\n    padding-top: 8px;\n  }\n  &.small {\n    width: 27px;\n    height: 27px;\n    padding-top: 4px;\n  }\n  &.tiny {\n    width: 20px;\n    height: 20px;\n    font-size: 0.5em;\n    display: inline-block;\n    margin: 0 5px;\n    line-height: 20px;\n  }\n}\n\n@media print {\n  .checkbox,\n  .checkbox.is-checked,\n  .checkbox.is-modified {\n    background-color: $white;\n    color: $black;\n  }\n}\n</style>\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!./Checkbox.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!./Checkbox.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Checkbox.vue?vue&type=template&id=1e0ae580&scoped=true&\"\nimport script from \"./Checkbox.vue?vue&type=script&lang=js&\"\nexport * from \"./Checkbox.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Checkbox.vue?vue&type=style&index=0&id=1e0ae580&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  \"1e0ae580\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Checkbox.vue?vue&type=style&index=0&id=1e0ae580&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Checkbox.vue?vue&type=style&index=0&id=1e0ae580&lang=scss&scoped=true&\"","import mod from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./NewSupplier.vue?vue&type=style&index=0&id=552bda81&scoped=true&lang=scss&\"; export default mod; export * from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./NewSupplier.vue?vue&type=style&index=0&id=552bda81&scoped=true&lang=scss&\""],"sourceRoot":""}