{"version":3,"sources":["webpack:///./src/views/components/vuesax/popup/Popup.vue?1a70","webpack:///./src/views/components/vuesax/popup/PopupDefault.vue?91aa","webpack:///src/views/components/vuesax/popup/PopupDefault.vue","webpack:///./src/views/components/vuesax/popup/PopupDefault.vue?241a","webpack:///./src/views/components/vuesax/popup/PopupDefault.vue","webpack:///./src/views/components/vuesax/popup/PopupInnerPopup.vue?c34c","webpack:///src/views/components/vuesax/popup/PopupInnerPopup.vue","webpack:///./src/views/components/vuesax/popup/PopupInnerPopup.vue?695c","webpack:///./src/views/components/vuesax/popup/PopupInnerPopup.vue","webpack:///./src/views/components/vuesax/popup/PopupFullscreen.vue?080b","webpack:///src/views/components/vuesax/popup/PopupFullscreen.vue","webpack:///./src/views/components/vuesax/popup/PopupFullscreen.vue?0c9b","webpack:///./src/views/components/vuesax/popup/PopupFullscreen.vue","webpack:///./src/views/components/vuesax/popup/PopupBackground.vue?b98c","webpack:///src/views/components/vuesax/popup/PopupBackground.vue","webpack:///./src/views/components/vuesax/popup/PopupBackground.vue?cf86","webpack:///./src/views/components/vuesax/popup/PopupBackground.vue","webpack:///src/views/components/vuesax/popup/Popup.vue","webpack:///./src/views/components/vuesax/popup/Popup.vue?dd92","webpack:///./src/views/components/vuesax/popup/Popup.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticRenderFns","_v","staticClass","on","$event","popupActive","slot","component","popupActive2","model","value","callback","$$v","value1","expression","value2","popupActive3","directives","name","rawName","domProps","target","composing","colorx"],"mappings":"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","file":"js/chunk-2d229da4.e3d86ec0.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"popup-demo\"}},[_c('popup-default'),_c('popup-inner-popup'),_c('popup-fullscreen'),_c('popup-background')],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vx-card',{attrs:{\"title\":\"Default\",\"code-toggler\":\"\"}},[_c('p',[_vm._v(\"To implement the popup we have the component \"),_c('code',[_vm._v(\"vs-popup\")])]),_c('div',{staticClass:\"demo-alignment\"},[_c('vs-button',{attrs:{\"color\":\"primary\",\"type\":\"filled\"},on:{\"click\":function($event){_vm.popupActive=true}}},[_vm._v(\"Open Default popup\")]),_c('vs-popup',{staticClass:\"holamundo\",attrs:{\"title\":\"Lorem ipsum dolor sit amet\",\"active\":_vm.popupActive},on:{\"update:active\":function($event){_vm.popupActive=$event}}},[_c('p',[_vm._v(\" Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.\")])])],1),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<template>\\n  <div class=\\\"demo-alignment\\\">\\n\\n    <vs-button @click=\\\"popupActive=true\\\" color=\\\"primary\\\" type=\\\"border\\\">Open Default popup</vs-button>\\n\\n    <vs-popup class=\\\"holamundo\\\" title=\\\"Lorem ipsum dolor sit amet\\\" :active.sync=\\\"popupActive\\\">\\n      <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>\\n    </vs-popup>\\n  </div>\\n</template>\\n\\n<script>\\nexport default {\\n  data() {\\n    return {\\n      popupActive: false,\\n    }\\n  }\\n}\\n</script>\\n        \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\r\n    File Name: PopupDefault.vue\r\n    Description: Rendering of default pagination\r\n    ----------------------------------------------------------------------------------------\r\n    Item Name: Vuesax Admin - VueJS Dashboard Admin Template\r\n      Author: Pixinvent\r\n    Author URL: http://www.themeforest.net/user/pixinvent\r\n========================================================================================== -->\r\n\r\n\r\n<template>\r\n    <vx-card title=\"Default\" code-toggler>\r\n        \r\n        <p>To implement the popup we have the component <code>vs-popup</code></p>\r\n        \r\n        <div class=\"demo-alignment\">\r\n\r\n            <vs-button @click=\"popupActive=true\" color=\"primary\" type=\"filled\">Open Default popup</vs-button>\r\n\r\n            <vs-popup class=\"holamundo\"  title=\"Lorem ipsum dolor sit amet\" :active.sync=\"popupActive\">\r\n                <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>\r\n            </vs-popup>\r\n        </div>\r\n\r\n        <template slot=\"codeContainer\">\r\n&lt;template&gt;\r\n  &lt;div class=&quot;demo-alignment&quot;&gt;\r\n\r\n    &lt;vs-button @click=&quot;popupActive=true&quot; color=&quot;primary&quot; type=&quot;border&quot;&gt;Open Default popup&lt;/vs-button&gt;\r\n\r\n    &lt;vs-popup class=&quot;holamundo&quot; title=&quot;Lorem ipsum dolor sit amet&quot; :active.sync=&quot;popupActive&quot;&gt;\r\n      &lt;p&gt; Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.&lt;/p&gt;\r\n    &lt;/vs-popup&gt;\r\n  &lt;/div&gt;\r\n&lt;/template&gt;\r\n\r\n&lt;script&gt;\r\nexport default {\r\n  data() {\r\n    return {\r\n      popupActive: false,\r\n    }\r\n  }\r\n}\r\n&lt;/script&gt;\r\n        </template>\r\n\r\n    </vx-card>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    data() {\r\n        return {\r\n            popupActive: false,\r\n        }\r\n    }\r\n}\r\n</script>","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/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!./PopupDefault.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/@vue/cli-plugin-babel/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!./PopupDefault.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PopupDefault.vue?vue&type=template&id=3de9c896&\"\nimport script from \"./PopupDefault.vue?vue&type=script&lang=js&\"\nexport * from \"./PopupDefault.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vx-card',{attrs:{\"title\":\"Inner Popup\",\"code-toggler\":\"\"}},[_c('p',[_vm._v(\"You can add one popup inside another\")]),_c('div',{staticClass:\"demo-alignment\"},[_c('vs-button',{attrs:{\"color\":\"primary\",\"type\":\"filled\"},on:{\"click\":function($event){_vm.popupActive2=true}}},[_vm._v(\"Open Popup\")]),_c('vs-popup',{attrs:{\"classContent\":\"popup-example\",\"title\":\"Lorem ipsum dolor sit amet\",\"active\":_vm.popupActive2},on:{\"update:active\":function($event){_vm.popupActive2=$event}}},[_c('vs-input',{staticClass:\"inputx mb-3\",attrs:{\"placeholder\":\"Placeholder\"},model:{value:(_vm.value1),callback:function ($$v) {_vm.value1=$$v},expression:\"value1\"}}),_c('vs-input',{staticClass:\"inputx mb-3\",attrs:{\"disabled\":\"\",\"placeholder\":\"Disabled\"},model:{value:(_vm.value2),callback:function ($$v) {_vm.value2=$$v},expression:\"value2\"}}),_c('vs-button',{attrs:{\"color\":\"primary\",\"type\":\"filled\"},on:{\"click\":function($event){_vm.popupActive3=true}}},[_vm._v(\"Open Inner Popup\")]),_c('vs-popup',{attrs:{\"title\":\"Inner popup\",\"active\":_vm.popupActive3},on:{\"update:active\":function($event){_vm.popupActive3=$event}}},[_c('p',[_vm._v(\"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\")])])],1)],1),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<template>\\n  <div class=\\\"demo-alignment\\\">\\n\\n    <vs-button @click=\\\"popupActive2=true\\\" color=\\\"primary\\\" type=\\\"filled\\\">Open Popup</vs-button>\\n\\n    <vs-popup classContent=\\\"popup-example\\\" title=\\\"Lorem ipsum dolor sit amet\\\" :active.sync=\\\"popupActive2\\\">\\n      <vs-input class=\\\"inputx mb-3\\\" placeholder=\\\"Placeholder\\\" v-model=\\\"value1\\\" />\\n      <vs-input disabled class=\\\"inputx mb-3\\\" placeholder=\\\"Disabled\\\" v-model=\\\"value2\\\" />\\n      <vs-button @click=\\\"popupActive3=true\\\" color=\\\"primary\\\" type=\\\"filled\\\">Open Inner Popup</vs-button>\\n\\n      <vs-popup title=\\\"Inner popup\\\" :active.sync=\\\"popupActive3\\\">\\n        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>\\n      </vs-popup>\\n    </vs-popup>\\n  </div>\\n</template>\\n\\n<script>\\nexport default {\\n  data() {\\n    return {\\n      value1: '',\\n      value2: '',\\n      popupActive2: false,\\n      popupActive3: false\\n    }\\n  }\\n}\\n</script>\\n        \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\r\n    File Name: PopupInnerPopup.vue\r\n    Description: create inner popup\r\n    ----------------------------------------------------------------------------------------\r\n    Item Name: Vuesax Admin - VueJS Dashboard Admin Template\r\n      Author: Pixinvent\r\n    Author URL: http://www.themeforest.net/user/pixinvent\r\n========================================================================================== -->\r\n\r\n\r\n<template>\r\n    <vx-card title=\"Inner Popup\" code-toggler>\r\n        \r\n        <p>You can add one popup inside another</p>\r\n        \r\n        <div class=\"demo-alignment\">\r\n\r\n            <vs-button @click=\"popupActive2=true\" color=\"primary\" type=\"filled\">Open Popup</vs-button>\r\n\r\n            <vs-popup classContent=\"popup-example\" title=\"Lorem ipsum dolor sit amet\" :active.sync=\"popupActive2\">\r\n                <vs-input class=\"inputx mb-3\" placeholder=\"Placeholder\" v-model=\"value1\" />\r\n                <vs-input disabled class=\"inputx mb-3\" placeholder=\"Disabled\" v-model=\"value2\" />\r\n                <vs-button @click=\"popupActive3=true\" color=\"primary\" type=\"filled\">Open Inner Popup</vs-button>\r\n\r\n                <vs-popup title=\"Inner popup\" :active.sync=\"popupActive3\">\r\n                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>\r\n                </vs-popup>\r\n            </vs-popup>\r\n        </div>\r\n\r\n        <template slot=\"codeContainer\">\r\n&lt;template&gt;\r\n  &lt;div class=&quot;demo-alignment&quot;&gt;\r\n\r\n    &lt;vs-button @click=&quot;popupActive2=true&quot; color=&quot;primary&quot; type=&quot;filled&quot;&gt;Open Popup&lt;/vs-button&gt;\r\n\r\n    &lt;vs-popup classContent=&quot;popup-example&quot; title=&quot;Lorem ipsum dolor sit amet&quot; :active.sync=&quot;popupActive2&quot;&gt;\r\n      &lt;vs-input class=&quot;inputx mb-3&quot; placeholder=&quot;Placeholder&quot; v-model=&quot;value1&quot; /&gt;\r\n      &lt;vs-input disabled class=&quot;inputx mb-3&quot; placeholder=&quot;Disabled&quot; v-model=&quot;value2&quot; /&gt;\r\n      &lt;vs-button @click=&quot;popupActive3=true&quot; color=&quot;primary&quot; type=&quot;filled&quot;&gt;Open Inner Popup&lt;/vs-button&gt;\r\n\r\n      &lt;vs-popup title=&quot;Inner popup&quot; :active.sync=&quot;popupActive3&quot;&gt;\r\n        &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.&lt;/p&gt;\r\n      &lt;/vs-popup&gt;\r\n    &lt;/vs-popup&gt;\r\n  &lt;/div&gt;\r\n&lt;/template&gt;\r\n\r\n&lt;script&gt;\r\nexport default {\r\n  data() {\r\n    return {\r\n      value1: &apos;&apos;,\r\n      value2: &apos;&apos;,\r\n      popupActive2: false,\r\n      popupActive3: false\r\n    }\r\n  }\r\n}\r\n&lt;/script&gt;\r\n        </template>\r\n\r\n    </vx-card>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    data() {\r\n        return {\r\n            value1: '',\r\n            value2: '',\r\n            popupActive2: false,\r\n            popupActive3: false\r\n        }\r\n    }\r\n}\r\n</script>","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/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!./PopupInnerPopup.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/@vue/cli-plugin-babel/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!./PopupInnerPopup.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PopupInnerPopup.vue?vue&type=template&id=8d46b7b0&\"\nimport script from \"./PopupInnerPopup.vue?vue&type=script&lang=js&\"\nexport * from \"./PopupInnerPopup.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vx-card',{attrs:{\"title\":\"Fullscreen\",\"code-toggler\":\"\"}},[_c('p',[_vm._v(\"the popup can be full screen you just have to add the property \"),_c('code',[_vm._v(\"fullscreen\")])]),_c('div',{staticClass:\"demo-alignment\"},[_c('vs-button',{attrs:{\"color\":\"primary\"},on:{\"click\":function($event){_vm.popupActive=true}}},[_vm._v(\"Open fullscreen popup\")]),_c('vs-popup',{attrs:{\"fullscreen\":\"\",\"title\":\"fullscreen\",\"active\":_vm.popupActive},on:{\"update:active\":function($event){_vm.popupActive=$event}}},[_c('p',[_vm._v(\" Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\")])])],1),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<template>\\n  <div class=\\\"demo-alignment\\\">\\n      <vs-button @click=\\\"popupActive=true\\\" color=\\\"primary\\\">Open fullscreen popup</vs-button>\\n      <vs-popup fullscreen title=\\\"fullscreen\\\" :active.sync=\\\"popupActive\\\">\\n        <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>\\n      </vs-popup>\\n  </div>\\n</template>\\n\\n<script>\\nexport default {\\n  data() {\\n    return {\\n      popupActive: false,\\n    }\\n  }\\n}\\n</script>\\n        \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\r\n    File Name: PopupFullscreen.vue\r\n    Description: Open popup in fullscreen\r\n    ----------------------------------------------------------------------------------------\r\n    Item Name: Vuesax Admin - VueJS Dashboard Admin Template\r\n      Author: Pixinvent\r\n    Author URL: http://www.themeforest.net/user/pixinvent\r\n========================================================================================== -->\r\n\r\n\r\n<template>\r\n    <vx-card title=\"Fullscreen\" code-toggler>\r\n        \r\n        <p>the popup can be full screen you just have to add the property <code>fullscreen</code></p>\r\n        \r\n        <div class=\"demo-alignment\">\r\n            <vs-button @click=\"popupActive=true\" color=\"primary\">Open fullscreen popup</vs-button>\r\n            <vs-popup fullscreen title=\"fullscreen\" :active.sync=\"popupActive\">\r\n                <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>\r\n            </vs-popup>\r\n        </div>\r\n\r\n        <template slot=\"codeContainer\">\r\n&lt;template&gt;\r\n  &lt;div class=&quot;demo-alignment&quot;&gt;\r\n      &lt;vs-button @click=&quot;popupActive=true&quot; color=&quot;primary&quot;&gt;Open fullscreen popup&lt;/vs-button&gt;\r\n      &lt;vs-popup fullscreen title=&quot;fullscreen&quot; :active.sync=&quot;popupActive&quot;&gt;\r\n        &lt;p&gt; Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.&lt;/p&gt;\r\n      &lt;/vs-popup&gt;\r\n  &lt;/div&gt;\r\n&lt;/template&gt;\r\n\r\n&lt;script&gt;\r\nexport default {\r\n  data() {\r\n    return {\r\n      popupActive: false,\r\n    }\r\n  }\r\n}\r\n&lt;/script&gt;\r\n        </template>\r\n\r\n    </vx-card>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    data() {\r\n        return {\r\n            popupActive: false,\r\n        }\r\n    }\r\n}\r\n</script>","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/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!./PopupFullscreen.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/@vue/cli-plugin-babel/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!./PopupFullscreen.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PopupFullscreen.vue?vue&type=template&id=e0e50010&\"\nimport script from \"./PopupFullscreen.vue?vue&type=script&lang=js&\"\nexport * from \"./PopupFullscreen.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vx-card',{attrs:{\"title\":\"Background\",\"code-toggler\":\"\"}},[_c('p',[_vm._v(\"You can change the background of the property with the property \"),_c('code',[_vm._v(\"background-color\")]),_vm._v(\" or if you want to change the color of the popup you can use the property \"),_c('code',[_vm._v(\"background-color-popup\")])]),_c('div',{staticClass:\"demo-alignment\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.colorx),expression:\"colorx\"}],attrs:{\"type\":\"color\",\"name\":\"\",\"value\":\"\"},domProps:{\"value\":(_vm.colorx)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.colorx=$event.target.value}}}),_c('vs-button',{attrs:{\"color\":_vm.colorx,\"type\":\"filled\"},on:{\"click\":function($event){_vm.popupActive=true}}},[_vm._v(\"Open background popup\")]),_c('vs-popup',{attrs:{\"background-color\":\"rgba(255,255,255,.6)\",\"background-color-popup\":_vm.colorx,\"title\":\"Background\",\"active\":_vm.popupActive},on:{\"update:active\":function($event){_vm.popupActive=$event}}},[_c('p',[_vm._v(\" Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.\")])])],1),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<template>\\n  <div class=\\\"demo-alignment\\\">\\n\\n      <input v-model=\\\"colorx\\\" type=\\\"color\\\" name=\\\"\\\" value=\\\"\\\">\\n      <vs-button :color=\\\"colorx\\\" @click=\\\"popupActive=true\\\" type=\\\"filled\\\">Open background popup</vs-button>\\n\\n      <vs-popup background-color=\\\"rgba(255,255,255,.6)\\\" :background-color-popup=\\\"colorx\\\" class=\\\"\\\"  title=\\\"Background\\\" :active.sync=\\\"popupActive\\\">\\n        <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>\\n      </vs-popup>\\n  </div>\\n</template>\\n\\n<script>\\nexport default {\\n  data() {\\n    return {\\n      colorx:\\\"#e1e1e1\\\",\\n      popupActive: false,\\n    }\\n  }\\n}\\n</script>\\n        \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\r\n    File Name: PopupBackground.vue\r\n    Description: Change background when popup opens\r\n    ----------------------------------------------------------------------------------------\r\n    Item Name: Vuesax Admin - VueJS Dashboard Admin Template\r\n      Author: Pixinvent\r\n    Author URL: http://www.themeforest.net/user/pixinvent\r\n========================================================================================== -->\r\n\r\n\r\n<template>\r\n    <vx-card title=\"Background\" code-toggler>\r\n        \r\n        <p>You can change the background of the property with the property <code>background-color</code> or if you want to change the color of the popup you can use the property <code>background-color-popup</code></p>\r\n        \r\n        <div class=\"demo-alignment\">\r\n            <input v-model=\"colorx\" type=\"color\" name=\"\" value=\"\">\r\n            <vs-button :color=\"colorx\" @click=\"popupActive=true\" type=\"filled\">Open background popup</vs-button>\r\n\r\n            <vs-popup background-color=\"rgba(255,255,255,.6)\" :background-color-popup=\"colorx\" class=\"\"  title=\"Background\" :active.sync=\"popupActive\">\r\n                <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>\r\n            </vs-popup>\r\n        </div>\r\n\r\n        <template slot=\"codeContainer\">\r\n&lt;template&gt;\r\n  &lt;div class=&quot;demo-alignment&quot;&gt;\r\n\r\n      &lt;input v-model=&quot;colorx&quot; type=&quot;color&quot; name=&quot;&quot; value=&quot;&quot;&gt;\r\n      &lt;vs-button :color=&quot;colorx&quot; @click=&quot;popupActive=true&quot; type=&quot;filled&quot;&gt;Open background popup&lt;/vs-button&gt;\r\n\r\n      &lt;vs-popup background-color=&quot;rgba(255,255,255,.6)&quot; :background-color-popup=&quot;colorx&quot; class=&quot;&quot;  title=&quot;Background&quot; :active.sync=&quot;popupActive&quot;&gt;\r\n        &lt;p&gt; Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.&lt;/p&gt;\r\n      &lt;/vs-popup&gt;\r\n  &lt;/div&gt;\r\n&lt;/template&gt;\r\n\r\n&lt;script&gt;\r\nexport default {\r\n  data() {\r\n    return {\r\n      colorx:&quot;#e1e1e1&quot;,\r\n      popupActive: false,\r\n    }\r\n  }\r\n}\r\n&lt;/script&gt;\r\n        </template>\r\n\r\n    </vx-card>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    data() {\r\n        return {\r\n            colorx:\"#e1e1e1\",\r\n            popupActive: false,\r\n        }\r\n    }\r\n}\r\n</script>","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/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!./PopupBackground.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/@vue/cli-plugin-babel/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!./PopupBackground.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PopupBackground.vue?vue&type=template&id=250a7b8a&\"\nimport script from \"./PopupBackground.vue?vue&type=script&lang=js&\"\nexport * from \"./PopupBackground.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","<!-- =========================================================================================\r\n    File Name: Popup.vue\r\n    Description: Popup - Imports all page portions\r\n    ----------------------------------------------------------------------------------------\r\n    Item Name: Vuesax Admin - VueJS Dashboard Admin Template\r\n      Author: Pixinvent\r\n    Author URL: http://www.themeforest.net/user/pixinvent\r\n========================================================================================== -->\r\n\r\n\r\n<template>\r\n    <div id=\"popup-demo\">\r\n        <popup-default></popup-default>\r\n        <popup-inner-popup></popup-inner-popup>\r\n        <popup-fullscreen></popup-fullscreen>\r\n        <popup-background></popup-background>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport PopupDefault from './PopupDefault.vue'\r\nimport PopupInnerPopup from './PopupInnerPopup.vue'\r\nimport PopupFullscreen from './PopupFullscreen.vue'\r\nimport PopupBackground from './PopupBackground.vue'\r\n\r\nexport default{\r\n    components: {\r\n        PopupDefault,\r\n        PopupInnerPopup,\r\n        PopupFullscreen,\r\n        PopupBackground,\r\n    }   \r\n}\r\n</script>","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/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!./Popup.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/@vue/cli-plugin-babel/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!./Popup.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Popup.vue?vue&type=template&id=770f02aa&\"\nimport script from \"./Popup.vue?vue&type=script&lang=js&\"\nexport * from \"./Popup.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":""}