/home/henzagold/admin_report/js/ Current File: //home/henzagold/admin_report/js/chunk-2d2136cd.eb51dbfd.js.map
{"version":3,"sources":["webpack:///./src/views/ui-elements/card/CardColors.vue","webpack:///src/views/ui-elements/card/CardColors.vue","webpack:///./src/views/ui-elements/card/CardColors.vue?d53d","webpack:///./src/views/ui-elements/card/CardColors.vue?119b"],"names":["render","_vm","this","_c","_self","staticClass","attrs","_v","slot","card_bg_img_1","card_bg_img_2","staticRenderFns","component"],"mappings":"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","file":"js/chunk-2d2136cd.eb51dbfd.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col w-full sm:w-1/2 md:w-1/2 lg:w-1/2 xl:w-1/2 mb-base\"},[_c('vx-card',{attrs:{\"title\":\"Title Color\",\"title-color\":\"primary\",\"subtitle\":\"Brownie pastry chocolate pastry chocolate pudding.\",\"code-toggler\":\"\"}},[_c('p',{staticClass:\"mb-3\"},[_vm._v(\"You can use \"),_c('code',[_vm._v(\"title-color\")]),_vm._v(\" prop to change color of title of card. This prop supports hex, rgba, rgb and theme colors.\")]),_c('p',{staticClass:\"mb-3\"},[_vm._v(\"Oat cake powder sesame snaps. Chocolate bar dessert bonbon chocolate bar pudding apple pie muffin chocolate ice cream. I love bear claw I love.\")]),_c('template',{slot:\"codeContainer\"})],2)],1),_c('div',{staticClass:\"vx-col w-full sm:w-1/2 md:w-1/2 lg:w-1/2 xl:w-1/2 mb-base\"},[_c('vx-card',{attrs:{\"title\":\"Title Color\",\"title-color\":\"success\",\"subtitle\":\"Brownie pastry chocolate pastry chocolate pudding.\",\"code-toggler\":\"\"}},[_c('p',{staticClass:\"mb-3\"},[_vm._v(\"You can use \"),_c('code',[_vm._v(\"title-color\")]),_vm._v(\" prop to change color of title of card. This prop supports hex, rgba, rgb and theme colors.\")]),_c('p',{staticClass:\"mb-3\"},[_vm._v(\"Oat cake powder sesame snaps. Chocolate bar dessert bonbon chocolate bar pudding apple pie muffin chocolate ice cream. I love bear claw I love.\")]),_c('template',{slot:\"codeContainer\"})],2)],1),_c('div',{staticClass:\"vx-col w-full sm:w-1/2 md:w-1/2 lg:w-1/2 xl:w-1/2 mb-base\"},[_c('vx-card',{attrs:{\"title\":\"Subtitle Color\",\"title-color\":\"primary\",\"subtitle-color\":\"warning\",\"subtitle\":\"Brownie pastry chocolate pastry chocolate pudding.\",\"code-toggler\":\"\"}},[_c('p',{staticClass:\"mb-3\"},[_vm._v(\"You can use \"),_c('code',[_vm._v(\"subtitle-color\")]),_vm._v(\" prop to change color of subtitle of card. This prop supports hex, rgba, rgb and theme colors.\")]),_c('template',{slot:\"codeContainer\"})],2)],1),_c('div',{staticClass:\"vx-col w-full sm:w-1/2 md:w-1/2 lg:w-1/2 xl:w-1/2 mb-base\"},[_c('vx-card',{attrs:{\"title\":\"Content Color\",\"title-color\":\"primary\",\"content-color\":\"warning\",\"subtitle\":\"Brownie pastry chocolate pastry chocolate pudding.\",\"code-toggler\":\"\"}},[_c('p',{staticClass:\"mb-3\"},[_vm._v(\"You can use \"),_c('code',[_vm._v(\"content-color\")]),_vm._v(\" prop to change color of title of card. This prop supports hex, rgba, rgb and theme colors.\")]),_c('template',{slot:\"codeContainer\"})],2)],1),_c('div',{staticClass:\"vx-col w-full sm:w-1/2 md:w-1/2 lg:w-1/2 xl:w-1/2 mb-base\"},[_c('vx-card',{attrs:{\"title\":\"Background Color\",\"title-color\":\"#fff\",\"card-background\":\"primary\",\"content-color\":\"#fff\",\"code-toggler\":\"\"}},[_c('p',{staticClass:\"mb-3\"},[_vm._v(\"You can use \"),_c('strong',[_vm._v(\"card-background\")]),_vm._v(\" prop to change background color of card. This prop supports hex, rgba, rgb and theme colors.\")]),_c('p',{staticClass:\"mb-3\"},[_vm._v(\"Oat cake powder sesame snaps. Chocolate bar dessert bonbon chocolate bar pudding apple pie muffin chocolate ice cream. I love bear claw I love.\")]),_c('template',{slot:\"codeContainer\"})],2)],1),_c('div',{staticClass:\"vx-col w-full sm:w-1/2 md:w-1/2 lg:w-1/2 xl:w-1/2 mb-base\"},[_c('vx-card',{attrs:{\"title\":\"Background Color\",\"title-color\":\"#fff\",\"card-background\":\"success\",\"content-color\":\"#fff\",\"code-toggler\":\"\"}},[_c('p',{staticClass:\"mb-3\"},[_vm._v(\"You can use \"),_c('strong',[_vm._v(\"card-background\")]),_vm._v(\" prop to change background color of card. This prop supports hex, rgba, rgb and theme colors.\")]),_c('p',{staticClass:\"mb-3\"},[_vm._v(\"Oat cake powder sesame snaps. Chocolate bar dessert bonbon chocolate bar pudding apple pie muffin chocolate ice cream. I love bear claw I love.\")]),_c('template',{slot:\"codeContainer\"})],2)],1),_c('div',{staticClass:\"vx-col w-full sm:w-1/2 md:w-1/2 lg:w-1/2 xl:w-1/2 mb-base\"},[_c('vx-card',{attrs:{\"title\":\"Gradient Background Color\",\"title-color\":\"#fff\",\"content-color\":\"#fff\",\"card-background\":\"linear-gradient(120deg, #7f7fd5, #86a8e7, #91eae4)\",\"code-toggler\":\"\"}},[_c('p',{staticClass:\"mb-3\"},[_vm._v(\"You can use \"),_c('strong',[_vm._v(\"card-background\")]),_vm._v(\" prop to change background color of card. This prop supports hex, rgba, rgb and theme colors.\")]),_c('p',{staticClass:\"mb-3\"},[_vm._v(\"Oat cake powder sesame snaps. Chocolate bar dessert bonbon chocolate bar pudding apple pie muffin chocolate ice cream. I love bear claw I love.\")]),_c('template',{slot:\"codeContainer\"})],2)],1),_c('div',{staticClass:\"vx-col w-full sm:w-1/2 md:w-1/2 lg:w-1/2 xl:w-1/2 mb-base\"},[_c('vx-card',{attrs:{\"title\":\"Gradient Background Color\",\"title-color\":\"#fff\",\"content-color\":\"#fff\",\"card-background\":\"linear-gradient(to right, #56ab2f, #a8e063)\",\"code-toggler\":\"\"}},[_c('p',{staticClass:\"mb-3\"},[_vm._v(\"You can use \"),_c('strong',[_vm._v(\"card-background\")]),_vm._v(\" prop to change background color of card. This prop supports hex, rgba, rgb and theme colors.\")]),_c('p',{staticClass:\"mb-3\"},[_vm._v(\"Oat cake powder sesame snaps. Chocolate bar dessert bonbon chocolate bar pudding apple pie muffin chocolate ice cream. I love bear claw I love.\")]),_c('template',{slot:\"codeContainer\"})],2)],1),_c('div',{staticClass:\"vx-col w-full sm:w-1/2 md:w-1/2 lg:w-1/2 xl:w-1/2 mb-base\"},[_c('vx-card',{staticClass:\"card-overlay bg-cover\",attrs:{\"title\":\"Gradient Background Image\",\"title-color\":\"#fff\",\"content-color\":\"#fff\",\"card-background\":'linear-gradient(120deg ,rgba(109,213,237,.8), rgba(33,147,176,0.5)), url(' + _vm.card_bg_img_1 + ')',\"code-toggler\":\"\"}},[_c('p',{staticClass:\"mb-3\"},[_vm._v(\"You can use \"),_c('strong',[_vm._v(\"card-background\")]),_vm._v(\" prop to change background of card. This prop supports hex, rgba, rgb and theme colors.\")]),_c('p',{staticClass:\"mb-3\"},[_vm._v(\"Oat cake powder sesame snaps. Chocolate bar dessert bonbon chocolate bar pudding apple pie muffin chocolate ice cream. I love bear claw I love.\")]),_c('template',{slot:\"codeContainer\"})],2)],1),_c('div',{staticClass:\"vx-col w-full sm:w-1/2 md:w-1/2 lg:w-1/2 xl:w-1/2 mb-base\"},[_c('vx-card',{staticClass:\"card-overlay bg-cover\",attrs:{\"title\":\"Gradient Background Image\",\"title-color\":\"#fff\",\"content-color\":\"#fff\",\"card-background\":'linear-gradient(120deg ,rgba(247,97,161,0.5), rgba(140,27,171,.8)), url(' + _vm.card_bg_img_2 + ')',\"code-toggler\":\"\"}},[_c('p',{staticClass:\"mb-3\"},[_vm._v(\"You can use \"),_c('strong',[_vm._v(\"card-background\")]),_vm._v(\" prop to change background of card. This prop supports hex, rgba, rgb and theme colors.\")]),_c('p',{staticClass:\"mb-3\"},[_vm._v(\"Oat cake powder sesame snaps. Chocolate bar dessert bonbon chocolate bar pudding apple pie muffin chocolate ice cream. I love bear claw I love.\")]),_c('template',{slot:\"codeContainer\"})],2)],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"vx-row\">\r\n\r\n        <!-- TITLE COLOR -->\r\n        <div class=\"vx-col w-full sm:w-1/2 md:w-1/2 lg:w-1/2 xl:w-1/2 mb-base\">\r\n            <vx-card\r\n                title=\"Title Color\"\r\n                title-color=\"primary\"\r\n                subtitle=\"Brownie pastry chocolate pastry chocolate pudding.\"\r\n                code-toggler>\r\n                <p class=\"mb-3\">You can use <code>title-color</code> prop to change color of title of card. This prop supports hex, rgba, rgb and theme colors.</p>\r\n                <p class=\"mb-3\">Oat cake powder sesame snaps. Chocolate bar dessert bonbon chocolate bar pudding apple pie muffin chocolate ice cream. I love bear claw I love.</p>\r\n\r\n                <template slot=\"codeContainer\"></template>\r\n            </vx-card>\r\n        </div>\r\n\r\n        <!-- TITLE COLOR -->\r\n        <div class=\"vx-col w-full sm:w-1/2 md:w-1/2 lg:w-1/2 xl:w-1/2 mb-base\">\r\n            <vx-card\r\n                title=\"Title Color\"\r\n                title-color=\"success\"\r\n                subtitle=\"Brownie pastry chocolate pastry chocolate pudding.\"\r\n                code-toggler>\r\n                <p class=\"mb-3\">You can use <code>title-color</code> prop to change color of title of card. This prop supports hex, rgba, rgb and theme colors.</p>\r\n                <p class=\"mb-3\">Oat cake powder sesame snaps. Chocolate bar dessert bonbon chocolate bar pudding apple pie muffin chocolate ice cream. I love bear claw I love.</p>\r\n\r\n                <template slot=\"codeContainer\"></template>\r\n            </vx-card>\r\n        </div>\r\n\r\n        <!-- SUBTITLE COLOR -->\r\n        <div class=\"vx-col w-full sm:w-1/2 md:w-1/2 lg:w-1/2 xl:w-1/2 mb-base\">\r\n            <vx-card\r\n                title=\"Subtitle Color\"\r\n                title-color=\"primary\"\r\n                subtitle-color=\"warning\"\r\n                subtitle=\"Brownie pastry chocolate pastry chocolate pudding.\"\r\n                code-toggler>\r\n                <p class=\"mb-3\">You can use <code>subtitle-color</code> prop to change color of subtitle of card. This prop supports hex, rgba, rgb and theme colors.</p>\r\n\r\n                <template slot=\"codeContainer\"></template>\r\n            </vx-card>\r\n        </div>\r\n\r\n        <!-- CONTENT COLOR -->\r\n        <div class=\"vx-col w-full sm:w-1/2 md:w-1/2 lg:w-1/2 xl:w-1/2 mb-base\">\r\n            <vx-card\r\n                title=\"Content Color\"\r\n                title-color=\"primary\"\r\n                content-color=\"warning\"\r\n                subtitle=\"Brownie pastry chocolate pastry chocolate pudding.\"\r\n                code-toggler>\r\n                <p class=\"mb-3\">You can use <code>content-color</code> prop to change color of title of card. This prop supports hex, rgba, rgb and theme colors.</p>\r\n\r\n                <template slot=\"codeContainer\"></template>\r\n            </vx-card>\r\n        </div>\r\n\r\n        <!-- Background Color -->\r\n        <div class=\"vx-col w-full sm:w-1/2 md:w-1/2 lg:w-1/2 xl:w-1/2 mb-base\">\r\n            <vx-card\r\n                title=\"Background Color\"\r\n                title-color=\"#fff\"\r\n                card-background=\"primary\"\r\n                content-color=\"#fff\"\r\n                code-toggler>\r\n                <p class=\"mb-3\">You can use <strong>card-background</strong> prop to change background color of card. This prop supports hex, rgba, rgb and theme colors.</p>\r\n                <p class=\"mb-3\">Oat cake powder sesame snaps. Chocolate bar dessert bonbon chocolate bar pudding apple pie muffin chocolate ice cream. I love bear claw I love.</p>\r\n\r\n                <template slot=\"codeContainer\"></template>\r\n            </vx-card>\r\n        </div>\r\n\r\n        <!-- Background Color -->\r\n        <div class=\"vx-col w-full sm:w-1/2 md:w-1/2 lg:w-1/2 xl:w-1/2 mb-base\">\r\n            <vx-card\r\n                title=\"Background Color\"\r\n                title-color=\"#fff\"\r\n                card-background=\"success\"\r\n                content-color=\"#fff\"\r\n                code-toggler>\r\n                <p class=\"mb-3\">You can use <strong>card-background</strong> prop to change background color of card. This prop supports hex, rgba, rgb and theme colors.</p>\r\n                <p class=\"mb-3\">Oat cake powder sesame snaps. Chocolate bar dessert bonbon chocolate bar pudding apple pie muffin chocolate ice cream. I love bear claw I love.</p>\r\n\r\n                <template slot=\"codeContainer\"></template>\r\n            </vx-card>\r\n        </div>\r\n\r\n        <!-- Gradient Background Color -->\r\n        <div class=\"vx-col w-full sm:w-1/2 md:w-1/2 lg:w-1/2 xl:w-1/2 mb-base\">\r\n            <vx-card\r\n                title=\"Gradient Background Color\"\r\n                title-color=\"#fff\"\r\n                content-color=\"#fff\"\r\n                card-background=\"linear-gradient(120deg, #7f7fd5, #86a8e7, #91eae4)\"\r\n                code-toggler>\r\n                <p class=\"mb-3\">You can use <strong>card-background</strong> prop to change background color of card. This prop supports hex, rgba, rgb and theme colors.</p>\r\n                <p class=\"mb-3\">Oat cake powder sesame snaps. Chocolate bar dessert bonbon chocolate bar pudding apple pie muffin chocolate ice cream. I love bear claw I love.</p>\r\n\r\n                <template slot=\"codeContainer\"></template>\r\n            </vx-card>\r\n        </div>\r\n\r\n\r\n        <!-- Gradient Background Color -->\r\n        <div class=\"vx-col w-full sm:w-1/2 md:w-1/2 lg:w-1/2 xl:w-1/2 mb-base\">\r\n            <vx-card\r\n                title=\"Gradient Background Color\"\r\n                title-color=\"#fff\"\r\n                content-color=\"#fff\"\r\n                card-background=\"linear-gradient(to right, #56ab2f, #a8e063)\"\r\n                code-toggler>\r\n                <p class=\"mb-3\">You can use <strong>card-background</strong> prop to change background color of card. This prop supports hex, rgba, rgb and theme colors.</p>\r\n                <p class=\"mb-3\">Oat cake powder sesame snaps. Chocolate bar dessert bonbon chocolate bar pudding apple pie muffin chocolate ice cream. I love bear claw I love.</p>\r\n\r\n                <template slot=\"codeContainer\"></template>\r\n            </vx-card>\r\n        </div>\r\n\r\n\r\n        <!-- Gradient Background Image -->\r\n        <div class=\"vx-col w-full sm:w-1/2 md:w-1/2 lg:w-1/2 xl:w-1/2 mb-base\">\r\n            <vx-card\r\n                title=\"Gradient Background Image\"\r\n                title-color=\"#fff\"\r\n                content-color=\"#fff\"\r\n                :card-background=\"'linear-gradient(120deg ,rgba(109,213,237,.8), rgba(33,147,176,0.5)), url(' + card_bg_img_1 + ')'\"\r\n                class=\"card-overlay bg-cover\"\r\n                code-toggler>\r\n                <p class=\"mb-3\">You can use <strong>card-background</strong> prop to change background of card. This prop supports hex, rgba, rgb and theme colors.</p>\r\n                <p class=\"mb-3\">Oat cake powder sesame snaps. Chocolate bar dessert bonbon chocolate bar pudding apple pie muffin chocolate ice cream. I love bear claw I love.</p>\r\n\r\n                <template slot=\"codeContainer\"></template>\r\n            </vx-card>\r\n        </div>\r\n\r\n\r\n        <!-- Gradient Background Image -->\r\n        <div class=\"vx-col w-full sm:w-1/2 md:w-1/2 lg:w-1/2 xl:w-1/2 mb-base\">\r\n            <vx-card\r\n                title=\"Gradient Background Image\"\r\n                title-color=\"#fff\"\r\n                content-color=\"#fff\"\r\n                :card-background=\"'linear-gradient(120deg ,rgba(247,97,161,0.5), rgba(140,27,171,.8)), url(' + card_bg_img_2 + ')'\"\r\n                class=\"card-overlay bg-cover\"\r\n                code-toggler>\r\n                <p class=\"mb-3\">You can use <strong>card-background</strong> prop to change background of card. This prop supports hex, rgba, rgb and theme colors.</p>\r\n                <p class=\"mb-3\">Oat cake powder sesame snaps. Chocolate bar dessert bonbon chocolate bar pudding apple pie muffin chocolate ice cream. I love bear claw I love.</p>\r\n\r\n                <template slot=\"codeContainer\"></template>\r\n            </vx-card>\r\n        </div>\r\n\r\n\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nexport default{\r\n  // data () {\r\n  //   return {\r\n  //     card_bg_img_1: require('@/assets/images/pages/card-bg-image-demo-1.jpg'),\r\n  //     card_bg_img_2: require('@/assets/images/pages/card-bg-image-demo-2.jpg')\r\n  //   }\r\n  // }\r\n}\r\n</script>\r\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!./CardColors.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!./CardColors.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CardColors.vue?vue&type=template&id=42861693&\"\nimport script from \"./CardColors.vue?vue&type=script&lang=js&\"\nexport * from \"./CardColors.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"],"sourceRoot":""}