{"version":3,"sources":["webpack:///./src/views/components/vuesax/dialogs/Dialogs.vue?3adb","webpack:///./src/views/components/vuesax/dialogs/DialogsAlert.vue?7097","webpack:///src/views/components/vuesax/dialogs/DialogsAlert.vue","webpack:///./src/views/components/vuesax/dialogs/DialogsAlert.vue?6779","webpack:///./src/views/components/vuesax/dialogs/DialogsAlert.vue","webpack:///./src/views/components/vuesax/dialogs/DialogsConfirm.vue?e92c","webpack:///src/views/components/vuesax/dialogs/DialogsConfirm.vue","webpack:///./src/views/components/vuesax/dialogs/DialogsConfirm.vue?d287","webpack:///./src/views/components/vuesax/dialogs/DialogsConfirm.vue","webpack:///./src/views/components/vuesax/dialogs/DialogsPrompt.vue?8195","webpack:///src/views/components/vuesax/dialogs/DialogsPrompt.vue","webpack:///./src/views/components/vuesax/dialogs/DialogsPrompt.vue?2cd5","webpack:///./src/views/components/vuesax/dialogs/DialogsPrompt.vue","webpack:///src/views/components/vuesax/dialogs/Dialogs.vue","webpack:///./src/views/components/vuesax/dialogs/Dialogs.vue?ec9c","webpack:///./src/views/components/vuesax/dialogs/Dialogs.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","id","staticRenderFns","DialogsAlertvue_type_template_id_6782ceff_render","title","code-toggler","_v","subtitle","staticClass","color","type","on","click","$event","openAlert","slot","DialogsAlertvue_type_template_id_6782ceff_staticRenderFns","DialogsAlertvue_type_script_lang_js_","data","colorAlert","titleAlert","activeAlert","valueInput","methods","$vs","dialog","concat","text","accept","acceptAlert","notify","dialogs_DialogsAlertvue_type_script_lang_js_","component","Object","componentNormalizer","DialogsAlert","DialogsConfirmvue_type_template_id_068cfdfd_render","icon","active","openConfirm","DialogsConfirmvue_type_template_id_068cfdfd_staticRenderFns","DialogsConfirmvue_type_script_lang_js_","activeConfirm","dialogs_DialogsConfirmvue_type_script_lang_js_","DialogsConfirm_component","DialogsConfirm","DialogsPromptvue_type_template_id_4f9206b9_render","list","activePrompt","activePrompt2","_s","val","valMultipe","value1","value2","vs-active","vs-cancel","vs-accept","vs-close","close","update:vsActive","update:vs-active","placeholder","vs-placeholder","model","value","callback","$$v","expression","vs-is-valid","validName","clearValMultiple","$set","vs-icon","DialogsPromptvue_type_template_id_4f9206b9_staticRenderFns","DialogsPromptvue_type_script_lang_js_","computed","length","dialogs_DialogsPromptvue_type_script_lang_js_","DialogsPrompt_component","DialogsPrompt","Dialogsvue_type_script_lang_js_","components","dialogs_Dialogsvue_type_script_lang_js_","Dialogs_component","__webpack_exports__"],"mappings":"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","file":"js/chunk-2d0c04c4.9146244b.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"dialog-demo\"}},[_c('dialogs-alert'),_c('dialogs-confirm'),_c('dialogs-prompt')],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\":\"Alert\",\"code-toggler\":\"\"}},[_c('p',[_vm._v(\"To generate a dialog we have the global function $vs.dialog the parameters to generate the dialog are\")]),_c('vs-list',[_c('vs-list-item',{attrs:{\"title\":\"title\",\"subtitle\":\"title of the dialogue - String\"}}),_c('vs-list-item',{attrs:{\"title\":\"text\",\"subtitle\":\"internal text of the dialog - String\"}}),_c('vs-list-item',{attrs:{\"title\":\"color\",\"subtitle\":\"color of the component - Colors, RGB, HEX\"}}),_c('vs-list-item',{attrs:{\"title\":\"accept\",\"subtitle\":\"function that executes the user accept the dialog - Function\"}}),_c('vs-list-item',{attrs:{\"title\":\"cancel\",\"subtitle\":\"function that executes the user to cancel the dialog (if it is a confirm type) - Function\"}}),_c('vs-list-item',{attrs:{\"title\":\"type\",\"subtitle\":\"determines the type of dialog (alert or confirm) - alert, confirm\"}}),_c('vs-list-item',{attrs:{\"title\":\"buttonAccept\",\"subtitle\":\"determines the type of accept button - Boolean\"}}),_c('vs-list-item',{attrs:{\"title\":\"buttonCancel\",\"subtitle\":\"determines the type of cancel button - Boolean\"}})],1),_c('div',{staticClass:\"demo-alignment\"},[_c('vs-button',{attrs:{\"color\":\"primary\",\"type\":\"flat\"},on:{\"click\":function($event){return _vm.openAlert('primary')}}},[_vm._v(\"Alert Primary\")]),_c('vs-button',{attrs:{\"color\":\"success\",\"type\":\"flat\"},on:{\"click\":function($event){return _vm.openAlert('success')}}},[_vm._v(\"Alert Success\")]),_c('vs-button',{attrs:{\"color\":\"danger\",\"type\":\"flat\"},on:{\"click\":function($event){return _vm.openAlert('danger')}}},[_vm._v(\"Alert Danger\")]),_c('vs-button',{attrs:{\"color\":\"warning\",\"type\":\"flat\"},on:{\"click\":function($event){return _vm.openAlert('warning')}}},[_vm._v(\"Alert Warning\")]),_c('vs-button',{attrs:{\"color\":\"dark\",\"type\":\"flat\"},on:{\"click\":function($event){return _vm.openAlert('dark')}}},[_vm._v(\"Alert Dark\")]),_c('vs-button',{attrs:{\"color\":\"primary\",\"type\":\"gradient\"},on:{\"click\":function($event){return _vm.openAlert('#FF6F91')}}},[_vm._v(\"Alert Color RGB | HEX\")])],1),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<template>\\n  <vs-button @click=\\\"openAlert('primary')\\\" color=\\\"primary\\\" type=\\\"flat\\\">Alert Primary</vs-button>\\n  <vs-button @click=\\\"openAlert('success')\\\" color=\\\"success\\\" type=\\\"flat\\\">Alert Success</vs-button>\\n  <vs-button @click=\\\"openAlert('danger')\\\" color=\\\"danger\\\" type=\\\"flat\\\">Alert Danger</vs-button>\\n  <vs-button @click=\\\"openAlert('warning')\\\" color=\\\"warning\\\" type=\\\"flat\\\">Alert Warning</vs-button>\\n  <vs-button @click=\\\"openAlert('dark')\\\" color=\\\"dark\\\" type=\\\"flat\\\">Alert Dark</vs-button>\\n  <vs-button @click=\\\"openAlert('#FF6F91')\\\" color=\\\"primary\\\" type=\\\"gradient\\\">Alert Color RGB | HEX</vs-button>\\n</template>\\n\\n<script>\\nexport default {\\n  data:()=>({\\n    colorAlert:'primary',\\n    titleAlert:'Alert',\\n    activeAlert:false,\\n    valueInput:'',\\n  }),\\n  methods:{\\n    openAlert(color){\\n      this.colorAlert = color\\n      this.$vs.dialog({\\n        color:this.colorAlert,\\n        title: `Dialog - ${this.colorAlert}`,\\n        text: 'I love soufflé lollipop liquorice wafer jelly-o halvah sesame snaps. Pastry chocolate cake jelly-o carrot cake jelly topping croissant ice cream.',\\n        accept:this.acceptAlert\\n      })\\n    },\\n    acceptAlert(){\\n      this.$vs.notify({\\n        color:this.colorAlert,\\n        title:'Accept Selected',\\n        text:'Gingerbread soufflé biscuit oat cake.'\\n      })\\n    }\\n  }\\n}\\n</script>\\n        \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\r\n    File Name: DialogsAlert.vue\r\n    Description: Create alert dialogs\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=\"Alert\" code-toggler>\r\n\r\n        <p>To generate a dialog we have the global function $vs.dialog the parameters to generate the dialog are</p>\r\n        <vs-list>\r\n            <vs-list-item title=\"title\" subtitle=\"title of the dialogue - String\"></vs-list-item>\r\n            <vs-list-item title=\"text\" subtitle=\"internal text of the dialog - String\"></vs-list-item>\r\n            <vs-list-item title=\"color\" subtitle=\"color of the component - Colors, RGB, HEX\"></vs-list-item>\r\n            <vs-list-item title=\"accept\" subtitle=\"function that executes the user accept the dialog - Function\"></vs-list-item>\r\n            <vs-list-item title=\"cancel\" subtitle=\"function that executes the user to cancel the dialog (if it is a confirm type) - Function\"></vs-list-item>\r\n            <vs-list-item title=\"type\" subtitle=\"determines the type of dialog (alert or confirm) - alert, confirm\"></vs-list-item>\r\n            <vs-list-item title=\"buttonAccept\" subtitle=\"determines the type of accept button - Boolean\"></vs-list-item>\r\n            <vs-list-item title=\"buttonCancel\" subtitle=\"determines the type of cancel button - Boolean\"></vs-list-item>\r\n        </vs-list>\r\n\r\n        <div class=\"demo-alignment\">\r\n            <vs-button @click=\"openAlert('primary')\" color=\"primary\" type=\"flat\">Alert Primary</vs-button>\r\n            <vs-button @click=\"openAlert('success')\" color=\"success\" type=\"flat\">Alert Success</vs-button>\r\n            <vs-button @click=\"openAlert('danger')\" color=\"danger\" type=\"flat\">Alert Danger</vs-button>\r\n            <vs-button @click=\"openAlert('warning')\" color=\"warning\" type=\"flat\">Alert Warning</vs-button>\r\n            <vs-button @click=\"openAlert('dark')\" color=\"dark\" type=\"flat\">Alert Dark</vs-button>\r\n            <vs-button @click=\"openAlert('#FF6F91')\" color=\"primary\" type=\"gradient\">Alert Color RGB | HEX</vs-button>\r\n        </div>\r\n\r\n        <template slot=\"codeContainer\">\r\n&lt;template&gt;\r\n  &lt;vs-button @click=&quot;openAlert('primary')&quot; color=&quot;primary&quot; type=&quot;flat&quot;&gt;Alert Primary&lt;/vs-button&gt;\r\n  &lt;vs-button @click=&quot;openAlert('success')&quot; color=&quot;success&quot; type=&quot;flat&quot;&gt;Alert Success&lt;/vs-button&gt;\r\n  &lt;vs-button @click=&quot;openAlert('danger')&quot; color=&quot;danger&quot; type=&quot;flat&quot;&gt;Alert Danger&lt;/vs-button&gt;\r\n  &lt;vs-button @click=&quot;openAlert('warning')&quot; color=&quot;warning&quot; type=&quot;flat&quot;&gt;Alert Warning&lt;/vs-button&gt;\r\n  &lt;vs-button @click=&quot;openAlert('dark')&quot; color=&quot;dark&quot; type=&quot;flat&quot;&gt;Alert Dark&lt;/vs-button&gt;\r\n  &lt;vs-button @click=&quot;openAlert('#FF6F91')&quot; color=&quot;primary&quot; type=&quot;gradient&quot;&gt;Alert Color RGB | HEX&lt;/vs-button&gt;\r\n&lt;/template&gt;\r\n\r\n&lt;script&gt;\r\nexport default {\r\n  data:()=&gt;({\r\n    colorAlert:'primary',\r\n    titleAlert:'Alert',\r\n    activeAlert:false,\r\n    valueInput:'',\r\n  }),\r\n  methods:{\r\n    openAlert(color){\r\n      this.colorAlert = color\r\n      this.$vs.dialog({\r\n        color:this.colorAlert,\r\n        title: `Dialog - ${this.colorAlert}`,\r\n        text: 'I love soufflé lollipop liquorice wafer jelly-o halvah sesame snaps. Pastry chocolate cake jelly-o carrot cake jelly topping croissant ice cream.',\r\n        accept:this.acceptAlert\r\n      })\r\n    },\r\n    acceptAlert(){\r\n      this.$vs.notify({\r\n        color:this.colorAlert,\r\n        title:'Accept Selected',\r\n        text:'Gingerbread soufflé biscuit oat cake.'\r\n      })\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        colorAlert: 'primary',\r\n        titleAlert: 'Alert',\r\n        activeAlert: false,\r\n        valueInput: '',\r\n    }),\r\n    methods: {\r\n        openAlert(color) {\r\n            this.colorAlert = color\r\n            this.$vs.dialog({\r\n                color: this.colorAlert,\r\n                title: `Dialog - ${this.colorAlert}`,\r\n                text: 'I love soufflé lollipop liquorice wafer jelly-o halvah sesame snaps. Pastry chocolate cake jelly-o carrot cake jelly topping croissant ice cream.',\r\n                accept: this.acceptAlert\r\n            })\r\n        },\r\n        acceptAlert() {\r\n            this.$vs.notify({\r\n                color: this.colorAlert,\r\n                title: 'Accept Selected',\r\n                text: 'Gingerbread soufflé biscuit oat cake.'\r\n            })\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/@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!./DialogsAlert.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!./DialogsAlert.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DialogsAlert.vue?vue&type=template&id=6782ceff&\"\nimport script from \"./DialogsAlert.vue?vue&type=script&lang=js&\"\nexport * from \"./DialogsAlert.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\":\"Confirm\",\"code-toggler\":\"\"}},[_c('p',[_vm._v(\"If you need a dialog of type confirm you can do it just by changing the type as a parameter inside the main function\")]),_c('vs-alert',{staticClass:\"my-4\",attrs:{\"color\":\"primary\",\"icon\":\"new_releases\",\"active\":\"true\"}},[_c('p',[_vm._v(\"To do some action when the user approves or confirms we have the property accept:\"),_c('code',[_vm._v(\"myFunctionAccept\")])])]),_c('div',{staticClass:\"demo-alignment\"},[_c('vs-button',{attrs:{\"color\":\"danger\",\"type\":\"gradient\"},on:{\"click\":function($event){return _vm.openConfirm()}}},[_vm._v(\"Delete Image\")])],1),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<template>\\n  <vs-button @click=\\\"openConfirm()\\\" color=\\\"danger\\\" type=\\\"gradient\\\">Delete Image</vs-button>\\n</template>\\n\\n<script>\\nexport default {\\n  data: () => ({\\n    activeConfirm: false\\n  }),\\n  methods: {\\n    openConfirm() {\\n      this.$vs.dialog({\\n        type: 'confirm',\\n        color: 'danger',\\n        title: `Confirm`,\\n        text: 'Cake sesame snaps cupcake gingerbread danish I love gingerbread. Apple pie pie jujubes chupa chups.',\\n        accept: this.acceptAlert\\n      })\\n    },\\n    acceptAlert() {\\n      this.$vs.notify({\\n        color: 'danger',\\n        title: 'Deleted image',\\n        text: 'The selected image was successfully deleted'\\n      })\\n    },\\n  }\\n}\\n</script>\\n        \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\r\n    File Name: DialogsConfirm.vue\r\n    Description: Create Confirm dialogs\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=\"Confirm\" code-toggler>\r\n        \r\n        <p>If you need a dialog of type confirm you can do it just by changing the type as a parameter inside the main function</p>\r\n        \r\n        <vs-alert color=\"primary\" icon=\"new_releases\" active=\"true\" class=\"my-4\">\r\n            <p>To do some action when the user approves or confirms we have the property accept:<code>myFunctionAccept</code></p>\r\n        </vs-alert>\r\n\r\n        <div class=\"demo-alignment\">\r\n            <vs-button @click=\"openConfirm()\" color=\"danger\" type=\"gradient\">Delete Image</vs-button>\r\n        </div>\r\n\r\n        <template slot=\"codeContainer\">\r\n&lt;template&gt;\r\n  &lt;vs-button @click=&quot;openConfirm()&quot; color=&quot;danger&quot; type=&quot;gradient&quot;&gt;Delete Image&lt;/vs-button&gt;\r\n&lt;/template&gt;\r\n\r\n&lt;script&gt;\r\nexport default {\r\n  data: () =&gt; ({\r\n    activeConfirm: false\r\n  }),\r\n  methods: {\r\n    openConfirm() {\r\n      this.$vs.dialog({\r\n        type: 'confirm',\r\n        color: 'danger',\r\n        title: `Confirm`,\r\n        text: 'Cake sesame snaps cupcake gingerbread danish I love gingerbread. Apple pie pie jujubes chupa chups.',\r\n        accept: this.acceptAlert\r\n      })\r\n    },\r\n    acceptAlert() {\r\n      this.$vs.notify({\r\n        color: 'danger',\r\n        title: 'Deleted image',\r\n        text: 'The selected image was successfully deleted'\r\n      })\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        activeConfirm: false\r\n    }),\r\n    methods: {\r\n        openConfirm() {\r\n            this.$vs.dialog({\r\n                type: 'confirm',\r\n                color: 'danger',\r\n                title: `Confirm`,\r\n                text: 'Cake sesame snaps cupcake gingerbread danish I love gingerbread. Apple pie pie jujubes chupa chups.',\r\n                accept: this.acceptAlert\r\n            })\r\n        },\r\n        acceptAlert() {\r\n            this.$vs.notify({\r\n                color: 'danger',\r\n                title: 'Deleted image',\r\n                text: 'The selected image was successfully deleted'\r\n            })\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!./DialogsConfirm.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!./DialogsConfirm.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DialogsConfirm.vue?vue&type=template&id=068cfdfd&\"\nimport script from \"./DialogsConfirm.vue?vue&type=script&lang=js&\"\nexport * from \"./DialogsConfirm.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\":\"Prompt\",\"code-toggler\":\"\"}},[_c('p',[_vm._v(\"To add a dialog of type prompt we have a global function a completely independent component \"),_c('code',[_vm._v(\"vs-prompt\")]),_vm._v(\". This allows more flexibility with the input and ability to add any type of input and components\")]),_c('div',{staticClass:\"my-3\"},[_c('span',[_vm._v(\"The properties of the component are equivalent to those of the global function only with the vs before each property something like\")]),_c('vx-list',{attrs:{\"list\":[\"function: color\", \"component = vsColor\"]}})],1),_c('div',{staticClass:\"demo-alignment\"},[_c('vs-button',{attrs:{\"color\":\"primary\",\"type\":\"border\"},on:{\"click\":function($event){_vm.activePrompt = true}}},[_vm._v(\"Run prompt\")]),_c('vs-button',{attrs:{\"color\":\"primary\",\"type\":\"border\"},on:{\"click\":function($event){_vm.activePrompt2 = true}}},[_vm._v(\"Run prompt inputs\")]),_c('div',{staticClass:\"op-block\"},[_vm._v(\"Security Code: \"+_vm._s(_vm.val == null ? 'null' : _vm.val))]),_c('div',{staticClass:\"op-block\"},[_vm._v(\"\\n\\t\\t\\t\\tName: \"+_vm._s(_vm.valMultipe.value1)+\" |\\n\\t\\t\\t\\tLast Name: \"+_vm._s(_vm.valMultipe.value2)+\"\\n\\t\\t\\t\")])],1),_c('vs-prompt',{attrs:{\"vs-active\":_vm.activePrompt},on:{\"vs-cancel\":function($event){_vm.val=''},\"vs-accept\":_vm.acceptAlert,\"vs-close\":_vm.close,\"update:vsActive\":function($event){_vm.activePrompt=$event},\"update:vs-active\":function($event){_vm.activePrompt=$event}}},[_c('div',{staticClass:\"con-exemple-prompt\"},[_c('span',[_vm._v(\"Enter the security code\")]),_c('vs-input',{staticClass:\"mt-3 w-full\",attrs:{\"placeholder\":\"Code\",\"vs-placeholder\":\"Code\"},model:{value:(_vm.val),callback:function ($$v) {_vm.val=$$v},expression:\"val\"}})],1)]),_c('vs-prompt',{attrs:{\"vs-is-valid\":_vm.validName,\"vs-active\":_vm.activePrompt2},on:{\"vs-cancel\":_vm.clearValMultiple,\"vs-accept\":_vm.acceptAlert,\"vs-close\":_vm.close,\"update:vsActive\":function($event){_vm.activePrompt2=$event},\"update:vs-active\":function($event){_vm.activePrompt2=$event}}},[_c('div',{staticClass:\"con-exemple-prompt\"},[_vm._v(\"\\n\\t\\t\\t\\tEnter your first and last name to \"),_c('b',[_vm._v(\"continue\")]),_vm._v(\".\\n\\t\\t\\t\"),_c('vs-input',{staticClass:\"mt-4 mb-2 w-full\",attrs:{\"placeholder\":\"Name\"},model:{value:(_vm.valMultipe.value1),callback:function ($$v) {_vm.$set(_vm.valMultipe, \"value1\", $$v)},expression:\"valMultipe.value1\"}}),_c('vs-input',{staticClass:\"w-full\",attrs:{\"placeholder\":\"Last Name\"},model:{value:(_vm.valMultipe.value2),callback:function ($$v) {_vm.$set(_vm.valMultipe, \"value2\", $$v)},expression:\"valMultipe.value2\"}}),_c('vs-alert',{staticClass:\"mt-4\",attrs:{\"active\":!_vm.validName,\"color\":\"danger\",\"vs-icon\":\"new_releases\"}},[_vm._v(\"\\n\\t\\t\\t\\tFields can not be empty please enter the data\\n\\t\\t\\t\")])],1)]),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<template>\\n    <div class=\\\"demo-alignment\\\">\\n      <vs-button @click=\\\"activePrompt = true\\\" color=\\\"primary\\\" type=\\\"border\\\">Run prompt</vs-button>\\n      <vs-button @click=\\\"activePrompt2 = true\\\" color=\\\"primary\\\" type=\\\"border\\\">Run prompt inputs</vs-button>\\n      <div class=\\\"op-block\\\">Security Code: \"+_vm._s(\"\\{\\{ val == null ? 'null' : val \\}\\}\")+\" </div>\\n      <div class=\\\"op-block\\\">\\n        Name: \"+_vm._s(\"\\{\\{ valMultipe.value1 \\}\\}\")+\" | Last Name: \"+_vm._s(\"\\{\\{ valMultipe.value2 \\}\\}\")+\"\\n      </div>\\n\\n    </div>\\n\\n    <vs-prompt\\n      @vs-cancel=\\\"val=''\\\"\\n      @vs-accept=\\\"acceptAlert\\\"\\n      @vs-close=\\\"close\\\"\\n      :vs-active.sync=\\\"activePrompt\\\">\\n      <div class=\\\"con-exemple-prompt\\\">\\n        <span>Enter the security code</span>\\n      <vs-input placeholder=\\\"Code\\\" vs-placeholder=\\\"Code\\\" v-model=\\\"val\\\" class=\\\"mt-3 w-full\\\" />\\n      </div>\\n    </vs-prompt>\\n\\n    <vs-prompt\\n      @vs-cancel=\\\"clearValMultiple\\\"\\n      @vs-accept=\\\"acceptAlert\\\"\\n      @vs-close=\\\"close\\\"\\n      :vs-is-valid=\\\"validName\\\"\\n      :vs-active.sync=\\\"activePrompt2\\\">\\n      <div class=\\\"con-exemple-prompt\\\">\\n        Enter your first and last name to <b>continue</b>.\\n      <vs-input placeholder=\\\"Name\\\" v-model=\\\"valMultipe.value1\\\" class=\\\"mt-4 mb-2 w-full\\\" />\\n      <vs-input placeholder=\\\"Last Name\\\" v-model=\\\"valMultipe.value2\\\" class=\\\"w-full\\\" />\\n\\n      <vs-alert :vs-active=\\\"!validName\\\" color=\\\"danger\\\" vs-icon=\\\"new_releases\\\" >\\n        Fields can not be empty please enter the data\\n      </vs-alert>\\n      </div>\\n    </vs-prompt>\\n</template>\\n\\n<script>\\nexport default {\\n  data(){\\n    return {\\n      activePrompt:false,\\n      activePrompt2:false,\\n      val:'',\\n      valMultipe:{\\n        value1:'',\\n        value2:''\\n      },\\n    }\\n  },\\n  computed:{\\n    validName(){\\n      return (this.valMultipe.value1.length > 0 && this.valMultipe.value2.length > 0)\\n    }\\n  },\\n  methods:{\\n    acceptAlert(){\\n      this.clearValMultiple();\\n      this.$vs.notify({\\n        color:'success',\\n        title:'Accept Selected',\\n        text:'Lorem ipsum dolor sit amet, consectetur'\\n      })\\n    },\\n    close(){\\n      this.$vs.notify({\\n        color:'danger',\\n        title:'Closed',\\n        text:'You close a dialog!'\\n      })\\n    },\\n    clearValMultiple() {\\n      this.valMultipe.value1 = \\\"\\\";\\n      this.valMultipe.value2 = \\\"\\\";\\n    }\\n  }\\n}\\n</script>\\n\\t\\t\")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\r\n\tFile Name: DialogsPrompt.vue\r\n\tDescription: Add dialog of type prompt\r\n\t----------------------------------------------------------------------------------------\r\n\tItem Name: Vuesax Admin - VueJS Dashboard Admin Template\r\n\tAuthor: Pixinvent\r\n\tAuthor URL: http://www.themeforest.net/user/pixinvent\r\n========================================================================================== -->\r\n\r\n\r\n<template>\r\n\t<vx-card title=\"Prompt\" code-toggler>\r\n\r\n\t\t<p>To add a dialog of type prompt we have a global function a completely independent component <code>vs-prompt</code>. This allows more flexibility with the input and ability to add any type of input and components</p>\r\n\r\n\t\t<div class=\"my-3\">\r\n\t\t\t<span>The properties of the component are equivalent to those of the global function only with the vs before each property something like</span>\r\n\t\t\t<vx-list :list='[\"function: color\", \"component = vsColor\"]'></vx-list>\r\n\t\t</div>\r\n\r\n\t\t<div class=\"demo-alignment\">\r\n\t\t\t<vs-button @click=\"activePrompt = true\" color=\"primary\" type=\"border\">Run prompt</vs-button>\r\n\t\t\t<vs-button @click=\"activePrompt2 = true\" color=\"primary\" type=\"border\">Run prompt inputs</vs-button>\r\n\t\t\t<div class=\"op-block\">Security Code: {{ val == null ? 'null' : val }}</div>\r\n\t\t\t<div class=\"op-block\">\r\n\t\t\t\tName: {{valMultipe.value1}} |\r\n\t\t\t\tLast Name: {{valMultipe.value2}}\r\n\t\t\t</div>\r\n\r\n\t\t</div>\r\n\r\n\t\t<vs-prompt\r\n\t\t\t@vs-cancel=\"val=''\"\r\n\t\t\t@vs-accept=\"acceptAlert\"\r\n\t\t\t@vs-close=\"close\"\r\n\t\t\t:vs-active.sync=\"activePrompt\">\r\n\t\t\t<div class=\"con-exemple-prompt\">\r\n\t\t\t\t<span>Enter the security code</span>\r\n\t\t\t<vs-input placeholder=\"Code\" vs-placeholder=\"Code\" v-model=\"val\" class=\"mt-3 w-full\" />\r\n\t\t\t</div>\r\n\t\t</vs-prompt>\r\n\r\n\t\t<vs-prompt\r\n\t\t\t@vs-cancel=\"clearValMultiple\"\r\n\t\t\t@vs-accept=\"acceptAlert\"\r\n\t\t\t@vs-close=\"close\"\r\n\t\t\t:vs-is-valid=\"validName\"\r\n\t\t\t:vs-active.sync=\"activePrompt2\">\r\n\t\t\t<div class=\"con-exemple-prompt\">\r\n\t\t\t\tEnter your first and last name to <b>continue</b>.\r\n\t\t\t<vs-input placeholder=\"Name\" v-model=\"valMultipe.value1\" class=\"mt-4 mb-2 w-full\" />\r\n\t\t\t<vs-input placeholder=\"Last Name\" v-model=\"valMultipe.value2\" class=\"w-full\" />\r\n\r\n\t\t\t<vs-alert :active=\"!validName\" color=\"danger\" vs-icon=\"new_releases\" class=\"mt-4\" >\r\n\t\t\t\tFields can not be empty please enter the data\r\n\t\t\t</vs-alert>\r\n\t\t\t</div>\r\n\t\t</vs-prompt>\r\n\r\n\t\t<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;activePrompt = true&quot; color=&quot;primary&quot; type=&quot;border&quot;&gt;Run prompt&lt;/vs-button&gt;\r\n      &lt;vs-button @click=&quot;activePrompt2 = true&quot; color=&quot;primary&quot; type=&quot;border&quot;&gt;Run prompt inputs&lt;/vs-button&gt;\r\n      &lt;div class=&quot;op-block&quot;&gt;Security Code: {{ \"\\{\\{ val == null ? 'null' : val \\}\\}\" }} &lt;/div&gt;\r\n      &lt;div class=&quot;op-block&quot;&gt;\r\n        Name: {{ \"\\{\\{ valMultipe.value1 \\}\\}\" }} | Last Name: {{ \"\\{\\{ valMultipe.value2 \\}\\}\" }}\r\n      &lt;/div&gt;\r\n\r\n    &lt;/div&gt;\r\n\r\n    &lt;vs-prompt\r\n      @vs-cancel=&quot;val=''&quot;\r\n      @vs-accept=&quot;acceptAlert&quot;\r\n      @vs-close=&quot;close&quot;\r\n      :vs-active.sync=&quot;activePrompt&quot;&gt;\r\n      &lt;div class=&quot;con-exemple-prompt&quot;&gt;\r\n        &lt;span&gt;Enter the security code&lt;/span&gt;\r\n      &lt;vs-input placeholder=&quot;Code&quot; vs-placeholder=&quot;Code&quot; v-model=&quot;val&quot; class=&quot;mt-3 w-full&quot; /&gt;\r\n      &lt;/div&gt;\r\n    &lt;/vs-prompt&gt;\r\n\r\n    &lt;vs-prompt\r\n      @vs-cancel=&quot;clearValMultiple&quot;\r\n      @vs-accept=&quot;acceptAlert&quot;\r\n      @vs-close=&quot;close&quot;\r\n      :vs-is-valid=&quot;validName&quot;\r\n      :vs-active.sync=&quot;activePrompt2&quot;&gt;\r\n      &lt;div class=&quot;con-exemple-prompt&quot;&gt;\r\n        Enter your first and last name to &lt;b&gt;continue&lt;/b&gt;.\r\n      &lt;vs-input placeholder=&quot;Name&quot; v-model=&quot;valMultipe.value1&quot; class=&quot;mt-4 mb-2 w-full&quot; /&gt;\r\n      &lt;vs-input placeholder=&quot;Last Name&quot; v-model=&quot;valMultipe.value2&quot; class=&quot;w-full&quot; /&gt;\r\n\r\n      &lt;vs-alert :vs-active=&quot;!validName&quot; color=&quot;danger&quot; vs-icon=&quot;new_releases&quot; &gt;\r\n        Fields can not be empty please enter the data\r\n      &lt;/vs-alert&gt;\r\n      &lt;/div&gt;\r\n    &lt;/vs-prompt&gt;\r\n&lt;/template&gt;\r\n\r\n&lt;script&gt;\r\nexport default {\r\n  data(){\r\n    return {\r\n      activePrompt:false,\r\n      activePrompt2:false,\r\n      val:'',\r\n      valMultipe:{\r\n        value1:'',\r\n        value2:''\r\n      },\r\n    }\r\n  },\r\n  computed:{\r\n    validName(){\r\n      return (this.valMultipe.value1.length &gt; 0 &amp;&amp; this.valMultipe.value2.length &gt; 0)\r\n    }\r\n  },\r\n  methods:{\r\n    acceptAlert(){\r\n      this.clearValMultiple();\r\n      this.$vs.notify({\r\n        color:'success',\r\n        title:'Accept Selected',\r\n        text:'Lorem ipsum dolor sit amet, consectetur'\r\n      })\r\n    },\r\n    close(){\r\n      this.$vs.notify({\r\n        color:'danger',\r\n        title:'Closed',\r\n        text:'You close a dialog!'\r\n      })\r\n    },\r\n    clearValMultiple() {\r\n      this.valMultipe.value1 = &quot;&quot;;\r\n      this.valMultipe.value2 = &quot;&quot;;\r\n    }\r\n  }\r\n}\r\n&lt;/script&gt;\r\n\t\t</template>\r\n\r\n\t</vx-card>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data(){\r\n    return {\r\n      activePrompt:false,\r\n      activePrompt2:false,\r\n      val:'',\r\n      valMultipe:{\r\n        value1:'',\r\n        value2:''\r\n      },\r\n    }\r\n  },\r\n  computed:{\r\n    validName(){\r\n      return (this.valMultipe.value1.length > 0 && this.valMultipe.value2.length > 0)\r\n    }\r\n  },\r\n  methods:{\r\n    acceptAlert(){\r\n      this.clearValMultiple();\r\n      this.$vs.notify({\r\n        color:'success',\r\n        title:'Accept Selected',\r\n        text:'Lorem ipsum dolor sit amet, consectetur'\r\n      })\r\n    },\r\n    close(){\r\n      this.$vs.notify({\r\n        color:'danger',\r\n        title:'Closed',\r\n        text:'You close a dialog!'\r\n      })\r\n    },\r\n    clearValMultiple() {\r\n      this.valMultipe.value1 = \"\";\r\n      this.valMultipe.value2 = \"\";\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/@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!./DialogsPrompt.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!./DialogsPrompt.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DialogsPrompt.vue?vue&type=template&id=4f9206b9&\"\nimport script from \"./DialogsPrompt.vue?vue&type=script&lang=js&\"\nexport * from \"./DialogsPrompt.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: Dialogs.vue\r\n    Description: Dialogs - 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=\"dialog-demo\">\r\n        <dialogs-alert></dialogs-alert>\r\n        <dialogs-confirm></dialogs-confirm>\r\n        <dialogs-prompt></dialogs-prompt>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport DialogsAlert from './DialogsAlert.vue'\r\nimport DialogsConfirm from './DialogsConfirm.vue'\r\nimport DialogsPrompt from './DialogsPrompt.vue'\r\n\r\nexport default{\r\n    components: {\r\n        DialogsAlert,\r\n        DialogsConfirm,\r\n        DialogsPrompt,\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!./Dialogs.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!./Dialogs.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Dialogs.vue?vue&type=template&id=515e526d&\"\nimport script from \"./Dialogs.vue?vue&type=script&lang=js&\"\nexport * from \"./Dialogs.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":""}