{"version":3,"sources":["webpack:///./src/router/layouts/main.vue?9854","webpack:///src/router/layouts/main.vue","webpack:///./src/router/layouts/main.vue?f812","webpack:///./src/router/layouts/main.vue","webpack:///./src/router/views/ui/grid.vue?0486","webpack:///src/router/views/ui/grid.vue","webpack:///./src/router/views/ui/grid.vue?657a","webpack:///./src/router/views/ui/grid.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","layoutType","attrs","_t","_e","staticRenderFns","component","title","items","staticClass","_v"],"mappings":"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","file":"js/chunk-47e43d98.bd84a84d.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.layoutType === 'vertical')?_c('Vertical',{attrs:{\"layout\":_vm.layoutType}},[_vm._t(\"default\")],2):_vm._e(),(_vm.layoutType === 'horizontal')?_c('Horizontal',{attrs:{\"layout\":_vm.layoutType}},[_vm._t(\"default\")],2):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\nimport { layoutComputed } from \"@/state/helpers\";\n\nimport Vertical from \"@/router/layouts/vertical\";\nimport Horizontal from \"@/router/layouts/horizontal\";\n\nexport default {\n  components: { Vertical, Horizontal },\n  computed: {\n    ...layoutComputed\n  }\n};\n</script>\n\n<template>\n  <div>\n    <Vertical v-if=\"layoutType === 'vertical'\" :layout=\"layoutType\">\n      <slot />\n    </Vertical>\n\n    <Horizontal v-if=\"layoutType === 'horizontal'\" :layout=\"layoutType\">\n      <slot />\n    </Horizontal>\n  </div>\n</template>","import mod from \"-!../../../node_modules/@vue/cli-plugin-babel/node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./main.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/@vue/cli-plugin-babel/node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./main.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./main.vue?vue&type=template&id=2c9ce7e8&\"\nimport script from \"./main.vue?vue&type=script&lang=js&\"\nexport * from \"./main.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/cli-service/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('Layout',[_c('PageHeader',{attrs:{\"title\":_vm.title,\"items\":_vm.items}}),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12\"},[_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"card-body\"},[_c('h4',{staticClass:\"card-title\"},[_vm._v(\"Grid options\")]),_c('p',{staticClass:\"card-title-desc\"},[_vm._v(\" See how aspects of the Bootstrap grid system work across multiple devices with a handy table. \")]),_c('div',{staticClass:\"table-responsive\"},[_c('table',{staticClass:\"table table-bordered table-striped mb-0\"},[_c('thead',{staticClass:\"text-center\"},[_c('tr',[_c('th',{attrs:{\"scope\":\"col\"}}),_c('th',{attrs:{\"scope\":\"col\"}},[_vm._v(\" xs\"),_c('br'),_c('span',{staticClass:\"fw-normal\"},[_vm._v(\"<576px\")])]),_c('th',{attrs:{\"scope\":\"col\"}},[_vm._v(\" sm\"),_c('br'),_c('span',{staticClass:\"fw-normal\"},[_vm._v(\"≥576px\")])]),_c('th',{attrs:{\"scope\":\"col\"}},[_vm._v(\" md\"),_c('br'),_c('span',{staticClass:\"fw-normal\"},[_vm._v(\"≥768px\")])]),_c('th',{attrs:{\"scope\":\"col\"}},[_vm._v(\" lg\"),_c('br'),_c('span',{staticClass:\"fw-normal\"},[_vm._v(\"≥992px\")])]),_c('th',{attrs:{\"scope\":\"col\"}},[_vm._v(\" xl\"),_c('br'),_c('span',{staticClass:\"fw-normal\"},[_vm._v(\"≥1200px\")])]),_c('th',{attrs:{\"scope\":\"col\"}},[_vm._v(\" xxl\"),_c('br'),_c('span',{staticClass:\"fw-normal\"},[_vm._v(\"≥1400px\")])])])]),_c('tbody',[_c('tr',[_c('th',{staticClass:\"text-nowrap\",attrs:{\"scope\":\"row\"}},[_vm._v(\"Grid behavior\")]),_c('td',{attrs:{\"colspan\":\"2\"}},[_vm._v(\"Horizontal at all times\")]),_c('td',{attrs:{\"colspan\":\"4\"}},[_vm._v(\" Collapsed to start, horizontal above breakpoints \")])]),_c('tr',[_c('th',{staticClass:\"text-nowrap\",attrs:{\"scope\":\"row\"}},[_vm._v(\"Max container width\")]),_c('td',[_vm._v(\"None (auto)\")]),_c('td',[_vm._v(\"540px\")]),_c('td',[_vm._v(\"720px\")]),_c('td',[_vm._v(\"960px\")]),_c('td',[_vm._v(\"1140px\")]),_c('td',[_vm._v(\"1320px\")])]),_c('tr',[_c('th',{staticClass:\"text-nowrap\",attrs:{\"scope\":\"row\"}},[_vm._v(\"Class prefix\")]),_c('td',[_c('code',[_vm._v(\".col-\")])]),_c('td',[_c('code',[_vm._v(\".col-sm-\")])]),_c('td',[_c('code',[_vm._v(\".col-md-\")])]),_c('td',[_c('code',[_vm._v(\".col-lg-\")])]),_c('td',[_c('code',[_vm._v(\".col-xl-\")])]),_c('td',[_c('code',[_vm._v(\".col-xxl-\")])])]),_c('tr',[_c('th',{staticClass:\"text-nowrap\",attrs:{\"scope\":\"row\"}},[_vm._v(\"# of columns\")]),_c('td',{attrs:{\"colspan\":\"6\"}},[_vm._v(\"12\")])]),_c('tr',[_c('th',{staticClass:\"text-nowrap\",attrs:{\"scope\":\"row\"}},[_vm._v(\"Gutter width\")]),_c('td',{attrs:{\"colspan\":\"6\"}},[_vm._v(\"24px (12px on each side of a column)\")])]),_c('tr',[_c('th',{staticClass:\"text-nowrap\",attrs:{\"scope\":\"row\"}},[_vm._v(\"Custom gutters\")]),_c('td',{attrs:{\"colspan\":\"6\"}},[_vm._v(\"Yes\")])]),_c('tr',[_c('th',{staticClass:\"text-nowrap\",attrs:{\"scope\":\"row\"}},[_vm._v(\"Nestable\")]),_c('td',{attrs:{\"colspan\":\"6\"}},[_vm._v(\"Yes\")])]),_c('tr',[_c('th',{staticClass:\"text-nowrap\",attrs:{\"scope\":\"row\"}},[_vm._v(\"Column ordering\")]),_c('td',{attrs:{\"colspan\":\"6\"}},[_vm._v(\"Yes\")])])])])])])])])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\nimport Layout from \"../../layouts/main\";\nimport PageHeader from \"@/components/page-header\";\nimport appConfig from \"@/app.config\";\n\n/**\n * Grid component\n */\nexport default {\n  page: {\n    title: \"Grid\",\n    meta: [{ name: \"description\", content: appConfig.description }],\n  },\n  components: { Layout, PageHeader },\n  data() {\n    return {\n      title: \"Grid\",\n      items: [\n        {\n          text: \"Veltrix\",\n          href: \"/\",\n        },\n        {\n          text: \"UI Elements\",\n          href: \"/\",\n        },\n        {\n          text: \"Grid\",\n          active: true,\n        },\n      ],\n    };\n  },\n};\n</script>\n\n<template>\n  <Layout>\n    <PageHeader :title=\"title\" :items=\"items\" />\n\n    <div class=\"row\">\n      <div class=\"col-12\">\n        <div class=\"card\">\n          <div class=\"card-body\">\n            <h4 class=\"card-title\">Grid options</h4>\n            <p class=\"card-title-desc\">\n              See how aspects of the Bootstrap grid system work across multiple\n              devices with a handy table.\n            </p>\n\n            <div class=\"table-responsive\">\n              <table class=\"table table-bordered table-striped mb-0\">\n                <thead class=\"text-center\">\n                  <tr>\n                    <th scope=\"col\"></th>\n                    <th scope=\"col\">\n                      xs<br />\n                      <span class=\"fw-normal\">&lt;576px</span>\n                    </th>\n                    <th scope=\"col\">\n                      sm<br />\n                      <span class=\"fw-normal\">≥576px</span>\n                    </th>\n                    <th scope=\"col\">\n                      md<br />\n                      <span class=\"fw-normal\">≥768px</span>\n                    </th>\n                    <th scope=\"col\">\n                      lg<br />\n                      <span class=\"fw-normal\">≥992px</span>\n                    </th>\n                    <th scope=\"col\">\n                      xl<br />\n                      <span class=\"fw-normal\">≥1200px</span>\n                    </th>\n                    <th scope=\"col\">\n                      xxl<br />\n                      <span class=\"fw-normal\">≥1400px</span>\n                    </th>\n                  </tr>\n                </thead>\n                <tbody>\n                  <tr>\n                    <th class=\"text-nowrap\" scope=\"row\">Grid behavior</th>\n                    <td colspan=\"2\">Horizontal at all times</td>\n                    <td colspan=\"4\">\n                      Collapsed to start, horizontal above breakpoints\n                    </td>\n                  </tr>\n                  <tr>\n                    <th class=\"text-nowrap\" scope=\"row\">Max container width</th>\n                    <td>None (auto)</td>\n                    <td>540px</td>\n                    <td>720px</td>\n                    <td>960px</td>\n                    <td>1140px</td>\n                    <td>1320px</td>\n                  </tr>\n                  <tr>\n                    <th class=\"text-nowrap\" scope=\"row\">Class prefix</th>\n                    <td><code>.col-</code></td>\n                    <td><code>.col-sm-</code></td>\n                    <td><code>.col-md-</code></td>\n                    <td><code>.col-lg-</code></td>\n                    <td><code>.col-xl-</code></td>\n                    <td><code>.col-xxl-</code></td>\n                  </tr>\n                  <tr>\n                    <th class=\"text-nowrap\" scope=\"row\"># of columns</th>\n                    <td colspan=\"6\">12</td>\n                  </tr>\n                  <tr>\n                    <th class=\"text-nowrap\" scope=\"row\">Gutter width</th>\n                    <td colspan=\"6\">24px (12px on each side of a column)</td>\n                  </tr>\n                  <tr>\n                    <th class=\"text-nowrap\" scope=\"row\">Custom gutters</th>\n                    <td colspan=\"6\">Yes</td>\n                  </tr>\n                  <tr>\n                    <th class=\"text-nowrap\" scope=\"row\">Nestable</th>\n                    <td colspan=\"6\">Yes</td>\n                  </tr>\n                  <tr>\n                    <th class=\"text-nowrap\" scope=\"row\">Column ordering</th>\n                    <td colspan=\"6\">Yes</td>\n                  </tr>\n                </tbody>\n              </table>\n            </div>\n          </div>\n        </div>\n      </div>\n      <!-- end col -->\n    </div>\n    <!-- end row -->\n  </Layout>\n</template>\n","import mod from \"-!../../../../node_modules/@vue/cli-plugin-babel/node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./grid.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/@vue/cli-plugin-babel/node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./grid.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./grid.vue?vue&type=template&id=509b22be&\"\nimport script from \"./grid.vue?vue&type=script&lang=js&\"\nexport * from \"./grid.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/@vue/cli-service/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":""}