{"version":3,"sources":["webpack:///./src/views/marketing-budzet.vue","webpack:///src/views/marketing-budzet.vue","webpack:///./src/views/marketing-budzet.vue?55ed","webpack:///./src/views/marketing-budzet.vue?9896","webpack:///../../../src/components/VSkeletonLoader/VSkeletonLoader.ts","webpack:///./src/views/marketing-budzet.vue?5212","webpack:///../../../src/components/VBtn/index.ts"],"names":["attrs","staticClass","staticStyle","_c","key","on","is_loading","itemsPerPage","scopedSlots","_vm","item","_v","staticRenderFns","render","component","extend","name","props","boilerplate","Boolean","loading","loadingText","type","String","default","tile","transition","types","Object","computed","this","isLoading","undefined","$vuetify","lang","t","role","$attrs","themeClasses","elevationClasses","$scopedSlots","actions","article","avatar","button","card","chip","heading","image","paragraph","sentences","table","text","methods","children","$createElement","bone","length","split","generator","genStructure","Array","from","map","rootTypes","indexOf","mapBones","genBones","push","genBone","afterEnter","resetStyles","beforeEnter","onBeforeEnter","beforeLeave","onBeforeLeave","leaveCancelled","bones","replace","el","_initialStyle","display","style","setProperty","h","$listeners","class","classes","measurableStyles","genSkeleton"],"mappings":"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","file":"js/chunk-19beac82.8e2bfe76.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('v-sheet',{staticClass:\"pa-3 ma-3 mt-3 white--text gradient ml-8\",staticStyle:{\"display\":\"grid\",\"grid-template-columns\":\"1fr max-content max-content max-content\",\"align-items\":\"center\",\"border-radius\":\"1rem\"},attrs:{\"color\":\"primary\"}},[_c('div',{staticClass:\"primary pa-2 ml-3\",staticStyle:{\"text-align\":\"center\",\"position\":\"absolute\",\"left\":\"0rem\",\"top\":\"5.5rem\",\"border-radius\":\"50%\"}},[_c('sabira_icon',{staticClass:\"pa-2\",attrs:{\"icon\":\"money_bag\",\"height\":44,\"width\":44,\"fill\":\"#fff\"}})],1),_c('div',{staticClass:\"ml-10\",staticStyle:{\"display\":\"grid\"}},[_c('div',{staticStyle:{\"font-size\":\"1rem\",\"font-family\":\"'Open Sans'\",\"font-weight\":\"700\",\"color\":\"#fff\"}},[_vm._v(\"\\n        MARKETING BUDŽET\\n      \")])]),_c('div',{staticClass:\"mr-4\"},[_vm._v(\"Zapisi: \"+_vm._s(_vm.items.length))]),_c('v-tooltip',{attrs:{\"left\":\"\",\"color\":\"#e9c46a\",\"open-on-hover\":\"\",\"open-delay\":\"150\"},scopedSlots:_vm._u([{key:\"activator\",fn:function({ on, attrs }){return [_c('v-btn',_vm._g(_vm._b({attrs:{\"color\":\"transparent\",\"depressed\":\"\",\"icon\":\"\"},on:{\"click\":function($event){return _vm.new_item()}}},'v-btn',attrs,false),on),[_c('sabira_icon',{attrs:{\"icon\":\"plus\",\"strokewidth\":3,\"width\":34,\"height\":34,\"fill\":\"white\"}})],1)]}}])},[_c('span',[_vm._v(\"Novi budžet\")])])],1),_c('v-card',{staticClass:\"ma-4\",staticStyle:{\"border-radius\":\"1rem\"},attrs:{\"flat\":\"\",\"color\":\"tertiary\"}},[_c('v-card-text',[_c('div',{staticStyle:{\"display\":\"grid\",\"grid-template-columns\":\"max-content\",\"grid-column-gap\":\"1rem\",\"justify-content\":\"right\"}},[_c('sabira_marketing_header',{staticStyle:{\"margin-top\":\"0.25rem\"}})],1),(_vm.is_loading)?_c('v-card',{attrs:{\"flat\":\"\"}},[_c('v-skeleton-loader',{attrs:{\"type\":\"table, list-item@6\"}})],1):[_c('v-data-table',{staticStyle:{\"background\":\"transparent\"},attrs:{\"no-data-text\":\"Podaci ne postoje za odabranu kategoriju\",\"loading\":_vm.is_loading,\"items\":_vm.items,\"headers\":_vm.headers,\"options\":{ itemsPerPage: 50 },\"footer-props\":{\n            'items-per-page-options': [10, 25, 50, -1],\n            'items-per-page-text': 'Broj zapisa po stranici',\n            'items-per-page-all-text': 'Svi',\n            'page-text': '{0}-{1} od {2}',\n          }},scopedSlots:_vm._u([{key:`item.budget_ammount`,fn:function({ item }){return [_vm._v(\"\\n            \"+_vm._s(_vm.$n(parseFloat(item.budget_ammount).toFixed(2)))+\"\\n          \")]}},{key:`item.costs_suppliers`,fn:function({ item }){return [_vm._v(\"\\n            \"+_vm._s(_vm.$n(parseFloat(item.costs_suppliers).toFixed(2)))+\"\\n            \"),_c('v-chip',{staticStyle:{\"height\":\"1.5rem\",\"width\":\"4rem\",\"justify-content\":\"center\"},attrs:{\"label\":\"\",\"small\":\"\",\"text-color\":\"white\",\"color\":\"primary\"}},[_vm._v(_vm._s(_vm.$n(\n                  parseFloat(\n                    (item.costs_suppliers / item.budget_ammount) * 100\n                  ).toFixed(2)\n                ) + \"%\"))])]}},{key:`item.budget_remaining`,fn:function({ item }){return [_vm._v(\"\\n            \"+_vm._s(_vm.$n(parseFloat(item.budget_remaining).toFixed(2)))+\"\\n            \"),_c('v-chip',{staticStyle:{\"height\":\"1.5rem\",\"width\":\"4rem\",\"justify-content\":\"center\"},attrs:{\"label\":\"\",\"small\":\"\",\"text-color\":\"white\",\"color\":\"primary\"}},[_vm._v(_vm._s(_vm.$n(\n                  parseFloat(\n                    (item.budget_remaining / item.budget_ammount) * 100\n                  ).toFixed(2)\n                ) + \"%\"))])]}},{key:`item.articles_costs`,fn:function({ item }){return [_vm._v(\"\\n            \"+_vm._s(_vm.$n(parseFloat(item.articles_costs).toFixed(2)))+\"\\n            \"),_c('v-chip',{staticStyle:{\"height\":\"1.5rem\",\"width\":\"4rem\",\"justify-content\":\"center\"},attrs:{\"label\":\"\",\"small\":\"\",\"text-color\":\"white\",\"color\":\"primary\"}},[_vm._v(_vm._s(_vm.$n(\n                  parseFloat(\n                    (item.articles_costs / item.budget_ammount) * 100\n                  ).toFixed(2)\n                ) + \"%\"))])]}},{key:`item.other_expenses`,fn:function({ item }){return [_vm._v(\"\\n            \"+_vm._s(_vm.$n(parseFloat(item.other_expenses).toFixed(2)))+\"\\n            \"),_c('v-chip',{staticStyle:{\"height\":\"1.5rem\",\"width\":\"4rem\",\"justify-content\":\"center\"},attrs:{\"label\":\"\",\"small\":\"\",\"text-color\":\"white\",\"color\":\"primary\"}},[_vm._v(_vm._s(_vm.$n(\n                  parseFloat(\n                    (item.other_expenses / item.budget_ammount) * 100\n                  ).toFixed(2)\n                ) + \"%\"))])]}},{key:`item.total_expenses`,fn:function({ item }){return [_vm._v(\"\\n            \"+_vm._s(_vm.$n(\n                parseFloat(\n                  item.other_expenses +\n                    item.costs_suppliers +\n                    item.articles_costs\n                ).toFixed(2)\n              ))+\"\\n            \"),_c('v-chip',{staticStyle:{\"height\":\"1.5rem\",\"width\":\"4rem\",\"justify-content\":\"center\"},attrs:{\"label\":\"\",\"small\":\"\",\"text-color\":\"white\",\"color\":\"primary\"}},[_vm._v(_vm._s(_vm.$n(\n                  parseFloat(\n                    ((item.other_expenses +\n                      item.costs_suppliers +\n                      item.articles_costs) /\n                      item.budget_ammount) *\n                      100\n                  ).toFixed(2)\n                ) + \"%\"))])]}},{key:`item.actions`,fn:function({ item }){return [_c('v-btn',{attrs:{\"icon\":\"\",\"color\":\"primary\"},on:{\"click\":function($event){return _vm.open_item(item.id)}}},[_c('v-icon',[_vm._v(\"mdi-open-in-new\")])],1)]}}],null,true)})]],2)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <v-sheet\n      color=\"primary\"\n      class=\"pa-3 ma-3 mt-3 white--text gradient ml-8\"\n      style=\"display:grid; grid-template-columns: 1fr max-content max-content max-content; align-items:center;border-radius: 1rem;\"\n    >\n      <div\n        class=\"primary pa-2 ml-3\"\n        style=\"text-align:center;position:absolute;left: 0rem;top:5.5rem;border-radius: 50%;\"\n      >\n        <sabira_icon\n          icon=\"money_bag\"\n          :height=\"44\"\n          :width=\"44\"\n          class=\"pa-2\"\n          fill=\"#fff\"\n        ></sabira_icon>\n      </div>\n      <div style=\"display:grid;\" class=\"ml-10\">\n        <div\n          style=\"font-size: 1rem;font-family: 'Open Sans';font-weight: 700;color:#fff\"\n        >\n          MARKETING BUDŽET\n        </div>\n      </div>\n      <div class=\"mr-4\">Zapisi: {{ items.length }}</div>\n      <v-tooltip left color=\"#e9c46a\" open-on-hover open-delay=\"150\">\n        <template v-slot:activator=\"{ on, attrs }\">\n          <v-btn\n            @click=\"new_item()\"\n            color=\"transparent\"\n            depressed\n            icon\n            v-bind=\"attrs\"\n            v-on=\"on\"\n          >\n            <sabira_icon\n              icon=\"plus\"\n              :strokewidth=\"3\"\n              :width=\"34\"\n              :height=\"34\"\n              fill=\"white\"\n            ></sabira_icon>\n          </v-btn>\n        </template>\n        <span>Novi budžet</span>\n      </v-tooltip>\n    </v-sheet>\n    <v-card class=\"ma-4\" flat color=\"tertiary\" style=\"border-radius: 1rem;\">\n      <v-card-text>\n        <div\n          style=\"display:grid;grid-template-columns: max-content; grid-column-gap: 1rem; justify-content: right;\"\n        >\n          <sabira_marketing_header\n            style=\"margin-top:0.25rem;\"\n          ></sabira_marketing_header>\n        </div>\n        <v-card flat v-if=\"is_loading\">\n          <v-skeleton-loader type=\"table, list-item@6\" />\n        </v-card>\n        <template v-else>\n          <v-data-table\n            style=\"background: transparent;\"\n            no-data-text=\"Podaci ne postoje za odabranu kategoriju\"\n            :loading=\"is_loading\"\n            :items=\"items\"\n            :headers=\"headers\"\n            :options=\"{ itemsPerPage: 50 }\"\n            :footer-props=\"{\n              'items-per-page-options': [10, 25, 50, -1],\n              'items-per-page-text': 'Broj zapisa po stranici',\n              'items-per-page-all-text': 'Svi',\n              'page-text': '{0}-{1} od {2}',\n            }\"\n          >\n            <template v-slot:[`item.budget_ammount`]=\"{ item }\">\n              {{ $n(parseFloat(item.budget_ammount).toFixed(2)) }}\n            </template>\n            <template v-slot:[`item.costs_suppliers`]=\"{ item }\">\n              {{ $n(parseFloat(item.costs_suppliers).toFixed(2)) }}\n              <v-chip\n                label\n                small\n                text-color=\"white\"\n                color=\"primary\"\n                style=\"height:1.5rem;width:4rem;justify-content:center;\"\n                >{{\n                  $n(\n                    parseFloat(\n                      (item.costs_suppliers / item.budget_ammount) * 100\n                    ).toFixed(2)\n                  ) + \"%\"\n                }}</v-chip\n              >\n            </template>\n            <template v-slot:[`item.budget_remaining`]=\"{ item }\">\n              {{ $n(parseFloat(item.budget_remaining).toFixed(2)) }}\n              <v-chip\n                label\n                small\n                text-color=\"white\"\n                color=\"primary\"\n                style=\"height:1.5rem;width:4rem;justify-content:center;\"\n                >{{\n                  $n(\n                    parseFloat(\n                      (item.budget_remaining / item.budget_ammount) * 100\n                    ).toFixed(2)\n                  ) + \"%\"\n                }}</v-chip\n              >\n            </template>\n            <template v-slot:[`item.articles_costs`]=\"{ item }\">\n              {{ $n(parseFloat(item.articles_costs).toFixed(2)) }}\n              <v-chip\n                label\n                small\n                text-color=\"white\"\n                color=\"primary\"\n                style=\"height:1.5rem;width:4rem;justify-content:center;\"\n                >{{\n                  $n(\n                    parseFloat(\n                      (item.articles_costs / item.budget_ammount) * 100\n                    ).toFixed(2)\n                  ) + \"%\"\n                }}</v-chip\n              >\n            </template>\n            <template v-slot:[`item.other_expenses`]=\"{ item }\">\n              {{ $n(parseFloat(item.other_expenses).toFixed(2)) }}\n              <v-chip\n                label\n                small\n                text-color=\"white\"\n                color=\"primary\"\n                style=\"height:1.5rem;width:4rem;justify-content:center;\"\n                >{{\n                  $n(\n                    parseFloat(\n                      (item.other_expenses / item.budget_ammount) * 100\n                    ).toFixed(2)\n                  ) + \"%\"\n                }}</v-chip\n              >\n            </template>\n            <template v-slot:[`item.total_expenses`]=\"{ item }\">\n              {{\n                $n(\n                  parseFloat(\n                    item.other_expenses +\n                      item.costs_suppliers +\n                      item.articles_costs\n                  ).toFixed(2)\n                )\n              }}\n              <v-chip\n                label\n                small\n                text-color=\"white\"\n                color=\"primary\"\n                style=\"height:1.5rem;width:4rem;justify-content:center;\"\n                >{{\n                  $n(\n                    parseFloat(\n                      ((item.other_expenses +\n                        item.costs_suppliers +\n                        item.articles_costs) /\n                        item.budget_ammount) *\n                        100\n                    ).toFixed(2)\n                  ) + \"%\"\n                }}</v-chip\n              >\n            </template>\n            <template v-slot:[`item.actions`]=\"{ item }\">\n              <v-btn icon @click=\"open_item(item.id)\" color=\"primary\"\n                ><v-icon>mdi-open-in-new</v-icon></v-btn\n              >\n            </template>\n          </v-data-table>\n        </template>\n      </v-card-text>\n    </v-card>\n  </div>\n</template>\n\n<script>\nexport default {\n  components: {\n    sabira_icon: () => import(\"@/components/sabira_icon\"),\n    sabira_marketing_header: () => import(\"@/components/marketing_header\"),\n  },\n  name: \"MarketingBudzet\",\n  data() {\n    return {\n      is_loading: true,\n      items: [],\n      selected_id: null,\n      headers: [\n        {\n          text: \"ID\",\n          value: \"id\",\n          sortable: true,\n          align: \"left d-none\",\n        },\n        {\n          text: \"Period (god.)\",\n          value: \"year\",\n          sortable: true,\n          align: \"left\",\n        },\n        {\n          text: \"Ukupan budžet\",\n          value: \"budget_ammount\",\n          sortable: true,\n          align: \"right\",\n        },\n        {\n          text: \"Ukupni troškovi\",\n          value: \"total_expenses\",\n          sortable: true,\n          align: \"right\",\n        },\n        {\n          text: \"Dobavljački troškovi\",\n          value: \"costs_suppliers\",\n          sortable: true,\n          align: \"right\",\n        },\n        {\n          text: \"Troškovi usluga i roba\",\n          value: \"articles_costs\",\n          sortable: true,\n          align: \"right\",\n        },\n        {\n          text: \"Ostali troškovi\",\n          value: \"other_expenses\",\n          sortable: true,\n          align: \"right\",\n        },\n        {\n          text: \"Preostala sredstva\",\n          value: \"budget_remaining\",\n          sortable: true,\n          align: \"right\",\n        },\n        {\n          value: \"actions\",\n          sortable: false,\n          align: \"left\",\n        },\n      ],\n    };\n  },\n  methods: {\n    new_item() {\n      this.$webpageEventBus.$emit(\"show_marketing_budget\", 0);\n    },\n    open_item(id) {\n      this.$webpageEventBus.$emit(\"show_marketing_budget\", id);\n    },\n    get_marketing_budget() {\n      this.$http({\n        method: \"POST\",\n        url: \"/get_marketing_budget/\",\n        data: {\n          account_id: this.$store.getters.user.account_id,\n        },\n      })\n        .then((resp) => {\n          this.items = resp.data;\n        })\n        .finally(() => {\n          this.is_loading = false;\n        });\n    },\n  },\n  beforeMount() {\n    this.get_marketing_budget();\n  },\n  mounted() {\n    this.get_marketing_budget();\n    this.$webpageEventBus.$on(\"close_marketing_budget\", () => {\n      this.selected_id = null;\n    });\n    this.$webpageEventBus.$on(\"reload_data\", () => {\n      this.get_marketing_budget();\n    });\n  },\n};\n</script>\n<style scoped>\n.gradient {\n  background-image: linear-gradient(to right, #6172ca, #6cadd8);\n}\n.select {\n  width: 94px;\n}\n.v-tooltip__content {\n  color: black;\n  opacity: 1;\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!./marketing-budzet.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!./marketing-budzet.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./marketing-budzet.vue?vue&type=template&id=cbdeeb94&scoped=true\"\nimport script from \"./marketing-budzet.vue?vue&type=script&lang=js\"\nexport * from \"./marketing-budzet.vue?vue&type=script&lang=js\"\nimport style0 from \"./marketing-budzet.vue?vue&type=style&index=0&id=cbdeeb94&prod&scoped=true&lang=css\"\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  \"cbdeeb94\",\n  null\n  \n)\n\nexport default component.exports","// Styles\nimport './VSkeletonLoader.sass'\n\n// Mixins\nimport Elevatable from '../../mixins/elevatable'\nimport Measurable from '../../mixins/measurable'\nimport Themeable from '../../mixins/themeable'\n\n// Utilities\nimport mixins from '../../util/mixins'\n\n// Types\nimport { VNode } from 'vue'\nimport { getSlot } from '../../util/helpers'\nimport { PropValidator } from 'vue/types/options'\n\nexport interface HTMLSkeletonLoaderElement extends HTMLElement {\n  _initialStyle?: {\n    display: string | null\n    transition: string\n  }\n}\n\n/* @vue/component */\nexport default mixins(\n  Elevatable,\n  Measurable,\n  Themeable,\n).extend({\n  name: 'VSkeletonLoader',\n\n  props: {\n    boilerplate: Boolean,\n    loading: Boolean,\n    loadingText: {\n      type: String,\n      default: '$vuetify.loading',\n    },\n    tile: Boolean,\n    transition: String,\n    type: String,\n    types: {\n      type: Object,\n      default: () => ({}),\n    } as PropValidator<Record<string, string>>,\n  },\n\n  computed: {\n    attrs (): object {\n      if (!this.isLoading) return this.$attrs\n\n      return {\n        'aria-busy': !this.boilerplate ? true : undefined,\n        'aria-live': !this.boilerplate ? 'polite' : undefined,\n        'aria-label': !this.boilerplate ? this.$vuetify.lang.t(this.loadingText) : undefined,\n        role: !this.boilerplate ? 'alert' : undefined,\n        ...this.$attrs,\n      }\n    },\n    classes (): object {\n      return {\n        'v-skeleton-loader--boilerplate': this.boilerplate,\n        'v-skeleton-loader--is-loading': this.isLoading,\n        'v-skeleton-loader--tile': this.tile,\n        ...this.themeClasses,\n        ...this.elevationClasses,\n      }\n    },\n    isLoading (): boolean {\n      return !('default' in this.$scopedSlots) || this.loading\n    },\n    rootTypes (): Record<string, string> {\n      return {\n        actions: 'button@2',\n        article: 'heading, paragraph',\n        avatar: 'avatar',\n        button: 'button',\n        card: 'image, card-heading',\n        'card-avatar': 'image, list-item-avatar',\n        'card-heading': 'heading',\n        chip: 'chip',\n        'date-picker': 'list-item, card-heading, divider, date-picker-options, date-picker-days, actions',\n        'date-picker-options': 'text, avatar@2',\n        'date-picker-days': 'avatar@28',\n        heading: 'heading',\n        image: 'image',\n        'list-item': 'text',\n        'list-item-avatar': 'avatar, text',\n        'list-item-two-line': 'sentences',\n        'list-item-avatar-two-line': 'avatar, sentences',\n        'list-item-three-line': 'paragraph',\n        'list-item-avatar-three-line': 'avatar, paragraph',\n        paragraph: 'text@3',\n        sentences: 'text@2',\n        table: 'table-heading, table-thead, table-tbody, table-tfoot',\n        'table-heading': 'heading, text',\n        'table-thead': 'heading@6',\n        'table-tbody': 'table-row-divider@6',\n        'table-row-divider': 'table-row, divider',\n        'table-row': 'table-cell@6',\n        'table-cell': 'text',\n        'table-tfoot': 'text@2, avatar@2',\n        text: 'text',\n        ...this.types,\n      }\n    },\n  },\n\n  methods: {\n    genBone (text: string, children: VNode[]) {\n      return this.$createElement('div', {\n        staticClass: `v-skeleton-loader__${text} v-skeleton-loader__bone`,\n      }, children)\n    },\n    genBones (bone: string): VNode[] {\n      // e.g. 'text@3'\n      const [type, length] = bone.split('@') as [string, number]\n      const generator = () => this.genStructure(type)\n\n      // Generate a length array based upon\n      // value after @ in the bone string\n      return Array.from({ length }).map(generator)\n    },\n    // Fix type when this is merged\n    // https://github.com/microsoft/TypeScript/pull/33050\n    genStructure (type?: string): any {\n      let children = []\n      type = type || this.type || ''\n      const bone = this.rootTypes[type] || ''\n\n      // End of recursion, do nothing\n      /* eslint-disable-next-line no-empty, brace-style */\n      if (type === bone) {}\n      // Array of values - e.g. 'heading, paragraph, text@2'\n      else if (type.indexOf(',') > -1) return this.mapBones(type)\n      // Array of values - e.g. 'paragraph@4'\n      else if (type.indexOf('@') > -1) return this.genBones(type)\n      // Array of values - e.g. 'card@2'\n      else if (bone.indexOf(',') > -1) children = this.mapBones(bone)\n      // Array of values - e.g. 'list-item@2'\n      else if (bone.indexOf('@') > -1) children = this.genBones(bone)\n      // Single value - e.g. 'card-heading'\n      else if (bone) children.push(this.genStructure(bone))\n\n      return [this.genBone(type, children)]\n    },\n    genSkeleton () {\n      const children = []\n\n      if (!this.isLoading) children.push(getSlot(this))\n      else children.push(this.genStructure())\n\n      /* istanbul ignore else */\n      if (!this.transition) return children\n\n      /* istanbul ignore next */\n      return this.$createElement('transition', {\n        props: {\n          name: this.transition,\n        },\n        // Only show transition when\n        // content has been loaded\n        on: {\n          afterEnter: this.resetStyles,\n          beforeEnter: this.onBeforeEnter,\n          beforeLeave: this.onBeforeLeave,\n          leaveCancelled: this.resetStyles,\n        },\n      }, children)\n    },\n    mapBones (bones: string) {\n      // Remove spaces and return array of structures\n      return bones.replace(/\\s/g, '').split(',').map(this.genStructure)\n    },\n    onBeforeEnter (el: HTMLSkeletonLoaderElement) {\n      this.resetStyles(el)\n\n      if (!this.isLoading) return\n\n      el._initialStyle = {\n        display: el.style.display,\n        transition: el.style.transition,\n      }\n\n      el.style.setProperty('transition', 'none', 'important')\n    },\n    onBeforeLeave (el: HTMLSkeletonLoaderElement) {\n      el.style.setProperty('display', 'none', 'important')\n    },\n    resetStyles (el: HTMLSkeletonLoaderElement) {\n      if (!el._initialStyle) return\n\n      el.style.display = el._initialStyle.display || ''\n      el.style.transition = el._initialStyle.transition\n\n      delete el._initialStyle\n    },\n  },\n\n  render (h): VNode {\n    return h('div', {\n      staticClass: 'v-skeleton-loader',\n      attrs: this.attrs,\n      on: this.$listeners,\n      class: this.classes,\n      style: this.isLoading ? this.measurableStyles : undefined,\n    }, [this.genSkeleton()])\n  },\n})\n","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./marketing-budzet.vue?vue&type=style&index=0&id=cbdeeb94&prod&scoped=true&lang=css\"","import VBtn from './VBtn'\n\nexport { VBtn }\nexport default VBtn\n"],"sourceRoot":""}