{"version":3,"sources":["webpack:///./src/views/ui-elements/grid/vuesax/GridVuesax.vue?3da4","webpack:///./src/views/ui-elements/grid/vuesax/GridVuesax.vue?d166","webpack:///./src/views/ui-elements/grid/vuesax/GridOverview.vue?8347","webpack:///src/views/ui-elements/grid/vuesax/GridOverview.vue","webpack:///./src/views/ui-elements/grid/vuesax/GridOverview.vue?009d","webpack:///./src/views/ui-elements/grid/vuesax/GridOverview.vue","webpack:///./src/views/ui-elements/grid/vuesax/GridDesignConcept.vue?6222","webpack:///./src/views/ui-elements/grid/vuesax/GridDesignConcept.vue","webpack:///./src/views/ui-elements/grid/vuesax/GridColumnOffset.vue?a976","webpack:///./src/views/ui-elements/grid/vuesax/GridColumnOffset.vue","webpack:///./src/views/ui-elements/grid/vuesax/GridFlexLayout.vue?ca52","webpack:///./src/views/ui-elements/grid/vuesax/GridFlexLayout.vue","webpack:///./src/views/ui-elements/grid/vuesax/GridFlexAlignment.vue?0762","webpack:///./src/views/ui-elements/grid/vuesax/flex-alignment/FlexAlignmentTop.vue?4b5e","webpack:///./src/views/ui-elements/grid/vuesax/flex-alignment/FlexAlignmentTop.vue","webpack:///./src/views/ui-elements/grid/vuesax/flex-alignment/FlexAlignmentCenter.vue?56aa","webpack:///./src/views/ui-elements/grid/vuesax/flex-alignment/FlexAlignmentCenter.vue","webpack:///./src/views/ui-elements/grid/vuesax/flex-alignment/FlexAlignmentBottom.vue?2427","webpack:///./src/views/ui-elements/grid/vuesax/flex-alignment/FlexAlignmentBottom.vue","webpack:///src/views/ui-elements/grid/vuesax/GridFlexAlignment.vue","webpack:///./src/views/ui-elements/grid/vuesax/GridFlexAlignment.vue?af6a","webpack:///./src/views/ui-elements/grid/vuesax/GridFlexAlignment.vue","webpack:///./src/views/ui-elements/grid/vuesax/GridFlexOrder.vue?e488","webpack:///./src/views/ui-elements/grid/vuesax/GridFlexOrder.vue","webpack:///./src/views/ui-elements/grid/vuesax/GridResponsiveLayout.vue?9172","webpack:///src/views/ui-elements/grid/vuesax/GridResponsiveLayout.vue","webpack:///./src/views/ui-elements/grid/vuesax/GridResponsiveLayout.vue?f240","webpack:///./src/views/ui-elements/grid/vuesax/GridResponsiveLayout.vue","webpack:///src/views/ui-elements/grid/vuesax/GridVuesax.vue","webpack:///./src/views/ui-elements/grid/vuesax/GridVuesax.vue?4dc9","webpack:///./src/views/ui-elements/grid/vuesax/GridVuesax.vue?2e10"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticRenderFns","_v","staticClass","list","data","component","_l","col","index","key","slot","script","components","FlexAlignmentTop","FlexAlignmentCenter","FlexAlignmentBottom","GridOverview","GridDesignConcept","GridColumnOffset","GridFlexLayout","GridFlexAlignment","GridFlexOrder","GridResponsiveLayout"],"mappings":"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","file":"js/chunk-c1c9d54e.05ae65b1.js","sourcesContent":["export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./GridVuesax.vue?vue&type=style&index=0&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"vuexy-grid-demo\"}},[_c('grid-overview'),_c('grid-design-concept'),_c('grid-column-offset'),_c('grid-flex-layout'),_c('grid-flex-alignment'),_c('grid-flex-order'),_c('grid-responsive-layout')],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\":\"Overview\"}},[_c('p',[_vm._v(\"Following is a brief look at how it works:\")]),_c('vx-list',{staticClass:\"mt-5\",attrs:{\"list\":_vm.list}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\n    File Name: GridOverview.vue\n    Description: Overview of grid system\n    ----------------------------------------------------------------------------------------\n    Item Name: ADSTOR - Multi Marketing Advertising Platform\n      Author: DevMind\n    Author URL: https://www.devmind.uz\n========================================================================================== -->\n\n\n<template>\n    <vx-card title=\"Overview\">\n\n        <p>Following is a brief look at how it works:</p>\n        <vx-list :list=\"list\" class=\"mt-5\"></vx-list>\n\n    </vx-card>\n</template>\n\n<script>\nexport default {\n  data () {\n    return {\n      list: [\n        'Establish a set of column in the horizontal space defined by row (abbreviated col)',\n        'Your content elements should be placed directly in the col, and only col should be placed directly in row',\n        'The column grid system is a value from 1-12 to represent its range spans. For example, three columns of equal width can be created by .col-4 (33.3%)',\n        'If the sum of col spans in a row are more than 12, then the overflowing col as a whole will start a new line arrangement'\n      ]\n    }\n  }\n}\n</script>\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!./GridOverview.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!./GridOverview.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./GridOverview.vue?vue&type=template&id=821e491c&\"\nimport script from \"./GridOverview.vue?vue&type=script&lang=js&\"\nexport * from \"./GridOverview.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\":\"Design Concept\",\"code-toggler\":\"\"}},[_c('p',[_vm._v(\"With the directive \"),_c('code',[_vm._v(\"vs-w\")]),_vm._v(\" define the width of the column (\"),_c('code',[_vm._v(\"vs-col\")]),_vm._v(\") its value is \"),_c('strong',[_vm._v(\"1-12\")]),_vm._v(\" an example of sizes would be: \"),_c('strong',[_vm._v(\"12 = 100%, 6 = 50%, 4 = 25%\")])]),_c('div',{staticClass:\"grid-demo__layout-container\"},[_c('vs-row',[_c('vs-col',{staticClass:\"p-4 sm:p-2\",attrs:{\"vs-type\":\"flex\",\"vs-justify\":\"center\",\"vs-align\":\"center\",\"vs-w\":\"12\"}},[_c('span',{staticClass:\"sm:inline hidden\"},[_vm._v(\"100%\")])])],1),_c('vs-row',_vm._l((2),function(col,index){return _c('vs-col',{key:index,staticClass:\"p-4 sm:p-2\",attrs:{\"vs-type\":\"flex\",\"vs-justify\":\"center\",\"vs-align\":\"center\",\"vs-w\":\"6\"}},[_c('span',{staticClass:\"sm:inline hidden\"},[_vm._v(\"50%\")])])}),1),_c('vs-row',_vm._l((3),function(col,index){return _c('vs-col',{key:index,staticClass:\"p-4 sm:p-2\",attrs:{\"vs-type\":\"flex\",\"vs-justify\":\"center\",\"vs-align\":\"center\",\"vs-w\":\"4\"}},[_c('span',{staticClass:\"sm:inline hidden\"},[_vm._v(\"33.3%\")])])}),1),_c('vs-row',_vm._l((4),function(col,index){return _c('vs-col',{key:index,staticClass:\"p-4 sm:p-2\",attrs:{\"vs-type\":\"flex\",\"vs-justify\":\"center\",\"vs-align\":\"center\",\"vs-w\":\"3\"}},[_c('span',{staticClass:\"sm:inline hidden\"},[_vm._v(\"25%\")])])}),1),_c('vs-row',_vm._l((6),function(col,index){return _c('vs-col',{key:index,staticClass:\"p-4 sm:p-2\",attrs:{\"vs-type\":\"flex\",\"vs-justify\":\"center\",\"vs-align\":\"center\",\"vs-w\":\"2\"}},[_c('span',{staticClass:\"sm:inline hidden\"},[_vm._v(\"16.6%\")])])}),1),_c('vs-row',_vm._l((12),function(col,index){return _c('vs-col',{key:index,staticClass:\"p-4 sm:p-2\",attrs:{\"vs-type\":\"flex\",\"vs-justify\":\"center\",\"vs-align\":\"center\",\"vs-w\":\"1\"}},[_c('span',{staticClass:\"sm:inline hidden\"},[_vm._v(\"8.3%\")])])}),1)],1),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<vs-row>\\n  <vs-col vs-type=\\\"flex\\\" vs-justify=\\\"center\\\" vs-align=\\\"center\\\" vs-w=\\\"12\\\">\\n    100%\\n  </vs-col>\\n</vs-row>\\n\\n<vs-row>\\n  <vs-col :key=\\\"index\\\" v-for=\\\"col,index in 2\\\" vs-type=\\\"flex\\\" vs-justify=\\\"center\\\" vs-align=\\\"center\\\" vs-w=\\\"6\\\">\\n    50%\\n  </vs-col>\\n</vs-row>\\n\\n<vs-row>\\n  <vs-col :key=\\\"index\\\" v-for=\\\"col,index in 3\\\" v-tooltip=\\\"'col - 4'\\\" vs-type=\\\"flex\\\" vs-justify=\\\"center\\\" vs-align=\\\"center\\\" vs-w=\\\"4\\\">\\n    33.3%\\n  </vs-col>\\n</vs-row>\\n\\n<vs-row>\\n  <vs-col :key=\\\"index\\\" v-for=\\\"col,index in 4\\\" v-tooltip=\\\"'col - 3'\\\" vs-type=\\\"flex\\\" vs-justify=\\\"center\\\" vs-align=\\\"center\\\" vs-w=\\\"3\\\">\\n    25%\\n  </vs-col>\\n</vs-row>\\n\\n<vs-row>\\n  <vs-col :key=\\\"index\\\" v-for=\\\"col,index in 6\\\" v-tooltip=\\\"'col - 2'\\\" vs-type=\\\"flex\\\" vs-justify=\\\"center\\\" vs-align=\\\"center\\\" vs-w=\\\"2\\\">\\n    16.6%\\n  </vs-col>\\n</vs-row>\\n\\n<vs-row>\\n  <vs-col :key=\\\"index\\\" v-for=\\\"col,index in 12\\\" v-tooltip=\\\"'col - 1'\\\" vs-type=\\\"flex\\\" vs-justify=\\\"center\\\" vs-align=\\\"center\\\" vs-w=\\\"1\\\">\\n    8.3%\\n  </vs-col>\\n</vs-row>\\n        \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./GridDesignConcept.vue?vue&type=template&id=27e63813&\"\nvar script = {}\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\":\"Column offset\",\"code-toggler\":\"\"}},[_c('p',[_vm._v(\"To give a distance with respect to the left we have the directive vs-offset that with the same measures 1-12 we add the space specified a serious example \"),_c('code',[_vm._v(\"12 = 100%\")]),_vm._v(\", \"),_c('code',[_vm._v(\"6 = 50%\")]),_vm._v(\", \"),_c('code',[_vm._v(\"4 = 25%\")])]),_c('div',{staticClass:\"grid-demo__layout-container\"},[_c('vs-row',{attrs:{\"vs-w\":\"12\"}},[_c('vs-col',{staticClass:\"sm:p-2 p-4\",attrs:{\"vs-offset\":\"5\",\"vs-type\":\"flex\",\"vs-justify\":\"center\",\"vs-align\":\"center\",\"vs-w\":\"6\"}},[_c('span',{staticClass:\"sm:inline hidden\"},[_vm._v(\"offset - 6\")])])],1),_c('vs-row',[_c('vs-col',{staticClass:\"sm:p-2 p-4\",attrs:{\"vs-offset\":\"0\",\"vs-type\":\"flex\",\"vs-justify\":\"center\",\"vs-align\":\"center\",\"vs-w\":\"2\"}},[_c('span',{staticClass:\"sm:inline hidden\"},[_vm._v(\"offset - 2\")])])],1),_c('vs-row',[_c('vs-col',{staticClass:\"sm:p-2 p-4\",attrs:{\"vs-offset\":\"2\",\"vs-type\":\"flex\",\"vs-justify\":\"center\",\"vs-align\":\"center\",\"vs-w\":\"8\"}},[_c('span',{staticClass:\"sm:inline hidden\"},[_vm._v(\"offset - 8\")])])],1),_c('vs-row',[_c('vs-col',{staticClass:\"sm:p-2 p-4\",attrs:{\"vs-offset\":\"10\",\"vs-type\":\"flex\",\"vs-justify\":\"center\",\"vs-align\":\"center\",\"vs-w\":\"2\"}},[_c('span',{staticClass:\"sm:inline hidden\"},[_vm._v(\"offset - 7\")])])],1),_c('vs-row',[_c('vs-col',{staticClass:\"sm:p-2 p-4\",attrs:{\"vs-offset\":\"4\",\"vs-type\":\"flex\",\"vs-justify\":\"center\",\"vs-align\":\"center\",\"vs-w\":\"4\"}},[_c('span',{staticClass:\"sm:inline hidden\"},[_vm._v(\"offset - 4\")])])],1)],1),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<vs-row vs-w=\\\"12\\\">\\n  <vs-col vs-offset=\\\"5\\\" vs-type=\\\"flex\\\" vs-justify=\\\"center\\\" vs-align=\\\"center\\\" vs-w=\\\"6\\\">\\n    offset - 6\\n  </vs-col>\\n</vs-row>\\n\\n<vs-row>\\n  <vs-col vs-offset=\\\"0\\\" v-tooltip=\\\"'col - 2'\\\" vs-type=\\\"flex\\\" vs-justify=\\\"center\\\" vs-align=\\\"center\\\" vs-w=\\\"2\\\">\\n    offset - 2\\n  </vs-col>\\n</vs-row>\\n\\n<vs-row>\\n  <vs-col vs-offset=\\\"2\\\" v-tooltip=\\\"'col - 8'\\\" vs-type=\\\"flex\\\" vs-justify=\\\"center\\\" vs-align=\\\"center\\\" vs-w=\\\"8\\\">\\n    offset - 8\\n  </vs-col>\\n</vs-row>\\n\\n<vs-row>\\n  <vs-col vs-offset=\\\"10\\\" v-tooltip=\\\"'col - 1'\\\" vs-type=\\\"flex\\\" vs-justify=\\\"center\\\" vs-align=\\\"center\\\" vs-w=\\\"2\\\">\\n    offset - 7\\n  </vs-col>\\n</vs-row>\\n\\n<vs-row>\\n  <vs-col vs-offset=\\\"4\\\" v-tooltip=\\\"'col - 4'\\\" vs-type=\\\"flex\\\" vs-justify=\\\"center\\\" vs-align=\\\"center\\\" vs-w=\\\"4\\\">\\n    offset - 4\\n  </vs-col>\\n</vs-row>\\n        \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./GridColumnOffset.vue?vue&type=template&id=cd8c088c&\"\nvar script = {}\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\":\"Flex layout\",\"code-toggler\":\"\"}},[_c('p',[_vm._v(\"If we need to align the elements horizontally, use the \"),_c('code',[_vm._v(\"vs-justify\")]),_vm._v(\" directive that uses CSS attributes as parameters: \"),_c('code',[_vm._v(\"flex-start\")]),_vm._v(\", \"),_c('code',[_vm._v(\"center\")]),_vm._v(\", \"),_c('code',[_vm._v(\"flex-end\")]),_vm._v(\", \"),_c('code',[_vm._v(\"space-around\")]),_vm._v(\", \"),_c('code',[_vm._v(\"space-between\")])]),_c('div',{staticClass:\"grid-demo__layout-container\"},[_c('vs-row',{attrs:{\"vs-w\":\"12\"}},_vm._l((3),function(col,index){return _c('vs-col',{key:index,staticClass:\"sm:p-0 p-4 text-center\",attrs:{\"vs-type\":\"flex\",\"vs-justify\":\"center\",\"vs-align\":\"center\",\"vs-w\":\"2\"}},[_c('span',{staticClass:\"sm:inline hidden\"},[_vm._v(\"default\")])])}),1),_c('vs-row',{attrs:{\"vs-type\":\"flex\",\"vs-justify\":\"center\"}},_vm._l((3),function(col,index){return _c('vs-col',{key:index,staticClass:\"sm:p-0 p-4 text-center\",attrs:{\"vs-type\":\"flex\",\"vs-justify\":\"center\",\"vs-align\":\"center\",\"vs-w\":\"2\"}},[_c('span',{staticClass:\"sm:inline hidden\"},[_vm._v(\"center\")])])}),1),_c('vs-row',{attrs:{\"vs-type\":\"flex\",\"vs-justify\":\"flex-end\"}},_vm._l((3),function(col,index){return _c('vs-col',{key:index,staticClass:\"sm:p-0 p-4 text-center\",attrs:{\"vs-type\":\"flex\",\"vs-justify\":\"center\",\"vs-align\":\"center\",\"vs-w\":\"2\"}},[_c('span',{staticClass:\"sm:inline hidden\"},[_vm._v(\"flex-end\")])])}),1),_c('vs-row',{attrs:{\"vs-type\":\"flex\",\"vs-justify\":\"space-around\"}},_vm._l((3),function(col,index){return _c('vs-col',{key:index,staticClass:\"sm:p-0 p-4 text-center\",attrs:{\"vs-type\":\"flex\",\"vs-justify\":\"center\",\"vs-align\":\"center\",\"vs-w\":\"2\"}},[_c('span',{staticClass:\"sm:inline hidden\"},[_vm._v(\"space-around\")])])}),1),_c('vs-row',{attrs:{\"vs-type\":\"flex\",\"vs-justify\":\"space-between\"}},_vm._l((3),function(col,index){return _c('vs-col',{key:index,staticClass:\"sm:p-0 p-4 text-center\",attrs:{\"vs-type\":\"flex\",\"vs-justify\":\"center\",\"vs-align\":\"center\",\"vs-w\":\"2\"}},[_c('span',{staticClass:\"sm:inline hidden\"},[_vm._v(\"space-between\")])])}),1)],1),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<vs-row vs-w=\\\"12\\\">\\n  <vs-col :key=\\\"index\\\" v-for=\\\"col,index in 3\\\" vs-type=\\\"flex\\\" vs-justify=\\\"center\\\" vs-align=\\\"center\\\" vs-w=\\\"2\\\">\\n    default\\n  </vs-col>\\n</vs-row>\\n\\n<vs-row vs-type=\\\"flex\\\" vs-justify=\\\"center\\\">\\n  <vs-col :key=\\\"index\\\" v-for=\\\"col,index in 3\\\" vs-type=\\\"flex\\\" vs-justify=\\\"center\\\" vs-align=\\\"center\\\" vs-w=\\\"2\\\">\\n    center\\n  </vs-col>\\n</vs-row>\\n\\n<vs-row vs-type=\\\"flex\\\" vs-justify=\\\"flex-end\\\">\\n  <vs-col :key=\\\"index\\\" v-for=\\\"col,index in 3\\\" vs-type=\\\"flex\\\" vs-justify=\\\"center\\\" vs-align=\\\"center\\\" vs-w=\\\"2\\\">\\n    flex-end\\n  </vs-col>\\n</vs-row>\\n\\n\\n<vs-row vs-type=\\\"flex\\\" vs-justify=\\\"space-around\\\">\\n  <vs-col :key=\\\"index\\\" v-for=\\\"col,index in 3\\\" vs-type=\\\"flex\\\" vs-justify=\\\"center\\\" vs-align=\\\"center\\\" vs-w=\\\"2\\\">\\n    space-around\\n  </vs-col>\\n</vs-row>\\n\\n<vs-row vs-type=\\\"flex\\\" vs-justify=\\\"space-between\\\">\\n  <vs-col :key=\\\"index\\\" v-for=\\\"col,index in 3\\\" vs-type=\\\"flex\\\" vs-justify=\\\"center\\\" vs-align=\\\"center\\\" vs-w=\\\"2\\\">\\n    space-between\\n  </vs-col>\\n</vs-row>\\n        \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./GridFlexLayout.vue?vue&type=template&id=3cfd1c63&\"\nvar script = {}\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\":\"Flex alignment\"}},[_c('p',[_vm._v(\"To align the elements vertically we have the directive \"),_c('code',[_vm._v(\"vs-align\")]),_vm._v(\" that as parameters the same known values of css: \"),_c('code',[_vm._v(\"center\")]),_vm._v(\", \"),_c('code',[_vm._v(\"flex-end\")]),_vm._v(\", \"),_c('code',[_vm._v(\"flex-start\")]),_vm._v(\".\")]),_c('div',{staticClass:\"mt-5\"},[_c('flex-alignment-top'),_c('flex-alignment-center'),_c('flex-alignment-bottom')],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\":\"Align Top\",\"code-toggler\":\"\",\"no-shadow\":\"\",\"card-border\":\"\"}},[_c('div',{staticClass:\"grid-demo__layout-container--block\"},[_c('vs-row',{attrs:{\"vs-align\":\"flex-start\",\"vs-type\":\"flex\",\"vs-justify\":\"center\",\"vs-w\":\"12\"}},_vm._l((4),function(col,index){return _c('vs-col',{key:index,staticClass:\"sm:p-2 p-4\",attrs:{\"vs-type\":\"flex\",\"vs-justify\":\"center\",\"vs-align\":\"center\",\"vs-w\":\"2\"}},[_c('span',{staticClass:\"sm:inline hidden\"},[_vm._v(\"col - 3\")])])}),1)],1),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<div class=\\\"grid-layout-container alignment-block\\\">\\n  <vs-row\\n    vs-align=\\\"flex-start\\\"\\n    vs-type=\\\"flex\\\" vs-justify=\\\"center\\\" vs-w=\\\"12\\\">\\n    <vs-col :key=\\\"index\\\" v-for=\\\"col,index in 4\\\" vs-type=\\\"flex\\\" vs-justify=\\\"center\\\" vs-align=\\\"center\\\" vs-w=\\\"2\\\">\\n      col - 3\\n    </vs-col>\\n  </vs-row>\\n</div>\\n        \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./FlexAlignmentTop.vue?vue&type=template&id=5bb9a526&\"\nvar script = {}\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\":\"Align Center\",\"code-toggler\":\"\",\"no-shadow\":\"\",\"card-border\":\"\"}},[_c('div',{staticClass:\"grid-demo__layout-container--block\"},[_c('vs-row',{attrs:{\"vs-align\":\"center\",\"vs-type\":\"flex\",\"vs-justify\":\"center\",\"vs-w\":\"12\"}},_vm._l((4),function(col,index){return _c('vs-col',{key:index,staticClass:\"sm:p-2 p-4\",attrs:{\"vs-type\":\"flex\",\"vs-justify\":\"center\",\"vs-align\":\"center\",\"vs-w\":\"2\"}},[_c('span',{staticClass:\"sm:inline hidden\"},[_vm._v(\"col - 3\")])])}),1)],1),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<div class=\\\"grid-layout-container alignment-block\\\">\\n  <vs-row\\n    vs-align=\\\"center\\\"\\n    vs-type=\\\"flex\\\" vs-justify=\\\"center\\\" vs-w=\\\"12\\\">\\n    <vs-col :key=\\\"index\\\" v-for=\\\"col,index in 4\\\" vs-type=\\\"flex\\\" vs-justify=\\\"center\\\" vs-align=\\\"center\\\" vs-w=\\\"2\\\">\\n      col - 3\\n    </vs-col>\\n  </vs-row>\\n</div>\\n        \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./FlexAlignmentCenter.vue?vue&type=template&id=0477a52b&\"\nvar script = {}\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\":\"Align Bottom\",\"code-toggler\":\"\",\"no-shadow\":\"\",\"card-border\":\"\"}},[_c('div',{staticClass:\"grid-demo__layout-container--block\"},[_c('vs-row',{attrs:{\"vs-align\":\"flex-end\",\"vs-type\":\"flex\",\"vs-justify\":\"center\",\"vs-w\":\"12\"}},_vm._l((4),function(col,index){return _c('vs-col',{key:index,staticClass:\"sm:p-2 p-4\",attrs:{\"vs-type\":\"flex\",\"vs-justify\":\"center\",\"vs-align\":\"center\",\"vs-w\":\"2\"}},[_c('span',{staticClass:\"sm:inline hidden\"},[_vm._v(\"col - 3\")])])}),1)],1),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<div class=\\\"grid-layout-container alignment-block\\\">\\n  <vs-row\\n    vs-align=\\\"flex-end\\\"\\n    vs-type=\\\"flex\\\" vs-justify=\\\"center\\\" vs-w=\\\"12\\\">\\n    <vs-col :key=\\\"index\\\" v-for=\\\"col,index in 4\\\" vs-type=\\\"flex\\\" vs-justify=\\\"center\\\" vs-align=\\\"center\\\" vs-w=\\\"2\\\">\\n      col - 3\\n    </vs-col>\\n  </vs-row>\\n</div>\\n        \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./FlexAlignmentBottom.vue?vue&type=template&id=7499a4d7&\"\nvar script = {}\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","<!-- =========================================================================================\n    File Name: GridFlexAlignment.vue\n    Description: Flex alignment of grid using vs-align\n    ----------------------------------------------------------------------------------------\n    Item Name: ADSTOR - Multi Marketing Advertising Platform       Author: DevMind     Author URL: http://www.achilov.dev\n========================================================================================== -->\n\n\n<template>\n    <vx-card title=\"Flex alignment\">\n        <p>To align the elements vertically we have the directive <code>vs-align</code> that as parameters the same known values of css: <code>center</code>, <code>flex-end</code>, <code>flex-start</code>.</p>\n        <div class=\"mt-5\">\n            <flex-alignment-top></flex-alignment-top>\n            <flex-alignment-center></flex-alignment-center>\n            <flex-alignment-bottom></flex-alignment-bottom>\n        </div>\n    </vx-card>\n</template>\n\n<script>\nimport FlexAlignmentTop from './flex-alignment/FlexAlignmentTop.vue'\nimport FlexAlignmentCenter from './flex-alignment/FlexAlignmentCenter.vue'\nimport FlexAlignmentBottom from './flex-alignment/FlexAlignmentBottom.vue'\n\nexport default {\n  components: {\n    FlexAlignmentTop,\n    FlexAlignmentCenter,\n    FlexAlignmentBottom\n  }\n}\n</script>\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!./GridFlexAlignment.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!./GridFlexAlignment.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./GridFlexAlignment.vue?vue&type=template&id=a45abde8&\"\nimport script from \"./GridFlexAlignment.vue?vue&type=script&lang=js&\"\nexport * from \"./GridFlexAlignment.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\":\"Flex Order\",\"code-toggler\":\"\"}},[_c('p',[_vm._v(\"In some cases, we want to order the elements to our liking. To do this, use the directive \"),_c('code',[_vm._v(\"vs-order\")]),_vm._v(\" that has a parameter you just have to pass the number in which we want to order the \"),_c('code',[_vm._v(\"vs-col\")]),_vm._v(\" with respect to his brothers \"),_c('code',[_vm._v(\"vs-col\")])]),_c('div',{staticClass:\"grid-demo__layout-container\"},[_c('vs-row',{attrs:{\"vs-type\":\"flex\"}},[_c('vs-col',{staticClass:\"sm:p-2 p-4\",attrs:{\"vs-order\":\"3\",\"vs-type\":\"flex\",\"vs-justify\":\"center\",\"vs-align\":\"center\",\"vs-w\":\"3\"}},[_c('span',{staticClass:\"sm:inline hidden\"},[_vm._v(\"1 / order \")]),_c('span',[_vm._v(\"3\")])]),_c('vs-col',{staticClass:\"sm:p-2 p-4\",attrs:{\"vs-order\":\"1\",\"vs-type\":\"flex\",\"vs-justify\":\"center\",\"vs-align\":\"center\",\"vs-w\":\"3\"}},[_c('span',{staticClass:\"sm:inline hidden\"},[_vm._v(\"2 / order \")]),_c('span',[_vm._v(\"1\")])]),_c('vs-col',{staticClass:\"sm:p-2 p-4\",attrs:{\"vs-order\":\"4\",\"vs-type\":\"flex\",\"vs-justify\":\"center\",\"vs-align\":\"center\",\"vs-w\":\"3\"}},[_c('span',{staticClass:\"sm:inline hidden\"},[_vm._v(\"3 / order \")]),_c('span',[_vm._v(\"4\")])]),_c('vs-col',{staticClass:\"sm:p-2 p-4\",attrs:{\"vs-order\":\"2\",\"vs-type\":\"flex\",\"vs-justify\":\"center\",\"vs-align\":\"center\",\"vs-w\":\"3\"}},[_c('span',{staticClass:\"sm:inline hidden\"},[_vm._v(\"4 / order \")]),_c('span',[_vm._v(\"2\")])])],1)],1),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<vs-row vs-type=\\\"flex\\\">\\n  <vs-col\\n    vs-order=\\\"3\\\"\\n    vs-type=\\\"flex\\\" vs-justify=\\\"center\\\" vs-align=\\\"center\\\" vs-w=\\\"3\\\">\\n      1 / order 3\\n  </vs-col>\\n  <vs-col\\n    vs-order=\\\"1\\\"\\n    vs-type=\\\"flex\\\" vs-justify=\\\"center\\\" vs-align=\\\"center\\\" vs-w=\\\"3\\\">\\n      2 / order 1\\n  </vs-col>\\n  <vs-col\\n    vs-order=\\\"4\\\"\\n    vs-type=\\\"flex\\\" vs-justify=\\\"center\\\" vs-align=\\\"center\\\" vs-w=\\\"3\\\">\\n      3 / order 4\\n  </vs-col>\\n  <vs-col\\n    vs-order=\\\"2\\\"\\n    vs-type=\\\"flex\\\" vs-justify=\\\"center\\\" vs-align=\\\"center\\\" vs-w=\\\"3\\\">\\n      4 / order 2\\n  </vs-col>\\n</vs-row>\\n        \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./GridFlexOrder.vue?vue&type=template&id=87a4c93c&\"\nvar script = {}\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\":\"Responsive layout\",\"code-toggler\":\"\"}},[_c('p',{staticClass:\"mb-5\"},[_vm._v(\"There are some measures that can only be added in a specific size of the device, the directives are:\")]),_c('vx-list',{attrs:{\"list\":_vm.list}}),_c('div',{staticClass:\"grid-demo__layout-container\"},[_c('vs-row',{attrs:{\"vs-w\":\"12\"}},[_c('vs-col',{attrs:{\"vs-type\":\"flex\",\"vs-justify\":\"center\",\"vs-align\":\"center\",\"vs-lg\":\"2\",\"vs-sm\":\"4\",\"vs-xs\":\"12\"}},[_vm._v(\"\\n                    vs-lg=\\\"2\\\" \")]),_c('vs-col',{attrs:{\"vs-type\":\"flex\",\"vs-justify\":\"center\",\"vs-align\":\"center\",\"vs-lg\":\"8\",\"vs-sm\":\"4\",\"vs-xs\":\"12\"}},[_vm._v(\"\\n                    vs-lg=\\\"8\\\" \")]),_c('vs-col',{attrs:{\"vs-type\":\"flex\",\"vs-justify\":\"center\",\"vs-align\":\"center\",\"vs-lg\":\"2\",\"vs-sm\":\"4\",\"vs-xs\":\"12\"}},[_vm._v(\"\\n                    vs-lg=\\\"2\\\" \")])],1)],1),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n\\n<vs-row vs-w=\\\"12\\\">\\n  <vs-col vs-type=\\\"flex\\\" vs-justify=\\\"center\\\" vs-align=\\\"center\\\" vs-lg=\\\"2\\\" vs-sm=\\\"4\\\" vs-xs=\\\"12\\\" >\\n    vs-lg=\\\"2\\\" <!-- vs-sm=\\\"4\\\" vs-xs=\\\"12\\\" -->\\n  </vs-col>\\n  <vs-col vs-type=\\\"flex\\\" vs-justify=\\\"center\\\" vs-align=\\\"center\\\" vs-lg=\\\"8\\\" vs-sm=\\\"4\\\" vs-xs=\\\"12\\\">\\n    vs-lg=\\\"8\\\" <!-- vs-sm=\\\"4\\\" vs-xs=\\\"12\\\" -->\\n  </vs-col>\\n  <vs-col vs-type=\\\"flex\\\" vs-justify=\\\"center\\\" vs-align=\\\"center\\\" vs-lg=\\\"2\\\" vs-sm=\\\"4\\\" vs-xs=\\\"12\\\">\\n    vs-lg=\\\"2\\\" <!-- vs-sm=\\\"4\\\" vs-xs=\\\"12\\\" -->\\n  </vs-col>\\n</vs-row>\\n\\n        \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\n    File Name: GridResponsiveLayout.vue\n    Description: Create responsive layout using grid system\n    ----------------------------------------------------------------------------------------\n    Item Name: ADSTOR - Multi Marketing Advertising Platform       Author: DevMind     Author URL: http://www.achilov.dev\n========================================================================================== -->\n\n\n<template>\n    <vx-card title=\"Responsive layout\" code-toggler>\n\n        <p class=\"mb-5\">There are some measures that can only be added in a specific size of the device, the directives are:</p>\n\n        <vx-list :list=\"list\"></vx-list>\n\n        <div class=\"grid-demo__layout-container\">\n            <vs-row vs-w=\"12\">\n                <vs-col vs-type=\"flex\" vs-justify=\"center\" vs-align=\"center\" vs-lg=\"2\" vs-sm=\"4\" vs-xs=\"12\">\n                    vs-lg=\"2\" <!-- vs-sm=\"4\" vs-xs=\"12\" -->\n                </vs-col>\n                <vs-col vs-type=\"flex\" vs-justify=\"center\" vs-align=\"center\" vs-lg=\"8\" vs-sm=\"4\" vs-xs=\"12\">\n                    vs-lg=\"8\" <!-- vs-sm=\"4\" vs-xs=\"12\" -->\n                </vs-col>\n                <vs-col vs-type=\"flex\" vs-justify=\"center\" vs-align=\"center\" vs-lg=\"2\" vs-sm=\"4\" vs-xs=\"12\">\n                    vs-lg=\"2\" <!-- vs-sm=\"4\" vs-xs=\"12\" -->\n                </vs-col>\n            </vs-row>\n        </div>\n\n        <template slot=\"codeContainer\">\n\n&lt;vs-row vs-w=&quot;12&quot;&gt;\n  &lt;vs-col vs-type=&quot;flex&quot; vs-justify=&quot;center&quot; vs-align=&quot;center&quot; vs-lg=&quot;2&quot; vs-sm=&quot;4&quot; vs-xs=&quot;12&quot; &gt;\n    vs-lg=&quot;2&quot; &lt;!-- vs-sm=&quot;4&quot; vs-xs=&quot;12&quot; --&gt;\n  &lt;/vs-col&gt;\n  &lt;vs-col vs-type=&quot;flex&quot; vs-justify=&quot;center&quot; vs-align=&quot;center&quot; vs-lg=&quot;8&quot; vs-sm=&quot;4&quot; vs-xs=&quot;12&quot;&gt;\n    vs-lg=&quot;8&quot; &lt;!-- vs-sm=&quot;4&quot; vs-xs=&quot;12&quot; --&gt;\n  &lt;/vs-col&gt;\n  &lt;vs-col vs-type=&quot;flex&quot; vs-justify=&quot;center&quot; vs-align=&quot;center&quot; vs-lg=&quot;2&quot; vs-sm=&quot;4&quot; vs-xs=&quot;12&quot;&gt;\n    vs-lg=&quot;2&quot; &lt;!-- vs-sm=&quot;4&quot; vs-xs=&quot;12&quot; --&gt;\n  &lt;/vs-col&gt;\n&lt;/vs-row&gt;\n\n        </template>\n    </vx-card>\n</template>\n\n<script>\nexport default {\n  data () {\n    return {\n      list: [\n        '<code>vs-lg</code> : is for large devices such as desktops or laptops (large)',\n        '<code>vs-sm</code> : is for medium devices such as laptops or tablets',\n        '<code>vs-xs</code> : is for small devices such as tablets (small) and phones'\n      ]\n    }\n  }\n}\n</script>\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!./GridResponsiveLayout.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!./GridResponsiveLayout.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./GridResponsiveLayout.vue?vue&type=template&id=f55582d0&\"\nimport script from \"./GridResponsiveLayout.vue?vue&type=script&lang=js&\"\nexport * from \"./GridResponsiveLayout.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","<!-- =========================================================================================\n    File Name: Grid.vue\n    Description: Theme Grid System - Imports page portions\n    ----------------------------------------------------------------------------------------\n    Item Name: ADSTOR - Multi Marketing Advertising Platform       Author: DevMind     Author URL: http://www.achilov.dev\n========================================================================================== -->\n\n\n<template>\n    <div id=\"vuexy-grid-demo\">\n        <grid-overview></grid-overview>\n        <grid-design-concept></grid-design-concept>\n        <grid-column-offset></grid-column-offset>\n        <grid-flex-layout></grid-flex-layout>\n        <grid-flex-alignment></grid-flex-alignment>\n        <grid-flex-order></grid-flex-order>\n        <grid-responsive-layout></grid-responsive-layout>\n    </div>\n</template>\n\n<script>\nimport GridOverview from './GridOverview.vue'\nimport GridDesignConcept from './GridDesignConcept.vue'\nimport GridColumnOffset from './GridColumnOffset.vue'\nimport GridFlexLayout from './GridFlexLayout.vue'\nimport GridFlexAlignment from './GridFlexAlignment.vue'\nimport GridFlexOrder from './GridFlexOrder.vue'\nimport GridResponsiveLayout from './GridResponsiveLayout.vue'\n\nexport default{\n  components: {\n    GridOverview,\n    GridDesignConcept,\n    GridColumnOffset,\n    GridFlexLayout,\n    GridFlexAlignment,\n    GridFlexOrder,\n    GridResponsiveLayout\n  }\n}\n</script>\n\n<style lang=\"scss\">\n@import \"@/assets/scss/vuexy/pages/grid.scss\";\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!./GridVuesax.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!./GridVuesax.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./GridVuesax.vue?vue&type=template&id=6a9ecad2&\"\nimport script from \"./GridVuesax.vue?vue&type=script&lang=js&\"\nexport * from \"./GridVuesax.vue?vue&type=script&lang=js&\"\nimport style0 from \"./GridVuesax.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}