{"version":3,"sources":["webpack:///./src/components/Page-header.vue","webpack:///src/components/Page-header.vue","webpack:///./src/components/Page-header.vue?95ad","webpack:///./src/components/Page-header.vue?f09d","webpack:///./src/views/pages/ui/grid.vue","webpack:///src/views/pages/ui/grid.vue","webpack:///./src/views/pages/ui/grid.vue?aa31","webpack:///./src/views/pages/ui/grid.vue?089f"],"names":["render","_vm","this","_c","_self","staticClass","class","layoutType","_v","_s","title","attrs","items","staticRenderFns","components","props","type","String","default","Array","computed","layoutComputed","component","page","meta","name","content","appConfig","description","Layout","PageHeader","data","text","href","active"],"mappings":"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","file":"js/chunk-334e995d.3870a35a.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12\"},[_c('div',{staticClass:\"page-title-box\",class:{\n        'page-title-box-alt':\n          _vm.layoutType !== 'vertical' && _vm.layoutType !== 'two-column',\n      }},[_c('h4',{staticClass:\"page-title\"},[_vm._v(_vm._s(_vm.title))]),_c('div',{staticClass:\"page-title-right\"},[_c('b-breadcrumb',{staticClass:\"m-0\",attrs:{\"items\":_vm.items}})],1)])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\nimport { layoutComputed } from \"@/state/helpers\";\n\n/**\n * Page-header component\n */\nexport default {\n  components: {},\n  props: {\n    title: {\n      type: String,\n      default: \"\",\n    },\n    items: {\n      type: Array,\n      default: () => {\n        return [];\n      },\n    },\n  },\n  computed: {\n    ...layoutComputed,\n  },\n};\n</script>\n\n<template>\n  <!-- start page title -->\n  <div class=\"row\">\n    <div class=\"col-12\">\n      <div\n        class=\"page-title-box\"\n        :class=\"{\n          'page-title-box-alt':\n            layoutType !== 'vertical' && layoutType !== 'two-column',\n        }\"\n      >\n        <h4 class=\"page-title\">{{ title }}</h4>\n        <div class=\"page-title-right\">\n          <b-breadcrumb :items=\"items\" class=\"m-0\"></b-breadcrumb>\n        </div>\n      </div>\n    </div>\n  </div>\n  <!-- end page title -->\n</template>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Page-header.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Page-header.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Page-header.vue?vue&type=template&id=14ebe7ac\"\nimport script from \"./Page-header.vue?vue&type=script&lang=js\"\nexport * from \"./Page-header.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 render(){var _vm=this,_c=_vm._self._c;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:\"header-title\"},[_vm._v(\"Grid options\")]),_c('p',{staticClass:\"sub-header\"},[_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',[_c('tr',[_c('th'),_c('th',{staticClass:\"text-center\"},[_vm._v(\" Extra small \"),_c('br'),_c('small',[_vm._v(\"<576px\")])]),_c('th',{staticClass:\"text-center\"},[_vm._v(\" Small \"),_c('br'),_c('small',[_vm._v(\"≥576px\")])]),_c('th',{staticClass:\"text-center\"},[_vm._v(\" Medium \"),_c('br'),_c('small',[_vm._v(\"≥768px\")])]),_c('th',{staticClass:\"text-center\"},[_vm._v(\" Large \"),_c('br'),_c('small',[_vm._v(\"≥992px\")])]),_c('th',{staticClass:\"text-center\"},[_vm._v(\" Extra large \"),_c('br'),_c('small',[_vm._v(\"≥1200px\")])])])]),_c('tbody',[_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('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('tr',[_c('th',{staticClass:\"text-nowrap\",attrs:{\"scope\":\"row\"}},[_vm._v(\"# of columns\")]),_c('td',{attrs:{\"colspan\":\"5\"}},[_vm._v(\"12\")])]),_c('tr',[_c('th',{staticClass:\"text-nowrap\",attrs:{\"scope\":\"row\"}},[_vm._v(\"Gutter width\")]),_c('td',{attrs:{\"colspan\":\"5\"}},[_vm._v(\"24px (12px on each side of a column)\")])]),_c('tr',[_c('th',{staticClass:\"text-nowrap\",attrs:{\"scope\":\"row\"}},[_vm._v(\"Nestable\")]),_c('td',{attrs:{\"colspan\":\"5\"}},[_vm._v(\"Yes\")])]),_c('tr',[_c('th',{staticClass:\"text-nowrap\",attrs:{\"scope\":\"row\"}},[_vm._v(\"Column ordering\")]),_c('td',{attrs:{\"colspan\":\"5\"}},[_vm._v(\"Yes\")])])])])])])])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12\"},[_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"card-body\"},[_c('h4',{staticClass:\"header-title mb-3\"},[_vm._v(\"Grid Example\")]),_c('div',{staticClass:\"grid-structure\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-12\"},[_c('div',{staticClass:\"grid-container\"},[_vm._v(\"col-lg-12\")])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-11\"},[_c('div',{staticClass:\"grid-container\"},[_vm._v(\"col-lg-11\")])]),_c('div',{staticClass:\"col-lg-1\"},[_c('div',{staticClass:\"grid-container\"},[_vm._v(\"col-lg-1\")])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-10\"},[_c('div',{staticClass:\"grid-container\"},[_vm._v(\"col-lg-10\")])]),_c('div',{staticClass:\"col-lg-2\"},[_c('div',{staticClass:\"grid-container\"},[_vm._v(\"col-lg-2\")])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-9\"},[_c('div',{staticClass:\"grid-container\"},[_vm._v(\"col-lg-9\")])]),_c('div',{staticClass:\"col-lg-3\"},[_c('div',{staticClass:\"grid-container\"},[_vm._v(\"col-lg-3\")])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-8\"},[_c('div',{staticClass:\"grid-container\"},[_vm._v(\"col-lg-8\")])]),_c('div',{staticClass:\"col-lg-4\"},[_c('div',{staticClass:\"grid-container\"},[_vm._v(\"col-lg-4\")])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-7\"},[_c('div',{staticClass:\"grid-container\"},[_vm._v(\"col-lg-7\")])]),_c('div',{staticClass:\"col-lg-5\"},[_c('div',{staticClass:\"grid-container\"},[_vm._v(\"col-lg-5\")])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-6\"},[_c('div',{staticClass:\"grid-container\"},[_vm._v(\"col-lg-6\")])]),_c('div',{staticClass:\"col-lg-6\"},[_c('div',{staticClass:\"grid-container\"},[_vm._v(\"col-lg-6\")])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-5\"},[_c('div',{staticClass:\"grid-container\"},[_vm._v(\"col-lg-5\")])]),_c('div',{staticClass:\"col-lg-7\"},[_c('div',{staticClass:\"grid-container\"},[_vm._v(\"col-lg-7\")])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-4\"},[_c('div',{staticClass:\"grid-container\"},[_vm._v(\"col-lg-4\")])]),_c('div',{staticClass:\"col-lg-8\"},[_c('div',{staticClass:\"grid-container\"},[_vm._v(\"col-lg-8\")])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-3\"},[_c('div',{staticClass:\"grid-container\"},[_vm._v(\"col-lg-3\")])]),_c('div',{staticClass:\"col-lg-9\"},[_c('div',{staticClass:\"grid-container\"},[_vm._v(\"col-lg-9\")])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-2\"},[_c('div',{staticClass:\"grid-container\"},[_vm._v(\"col-lg-2\")])]),_c('div',{staticClass:\"col-lg-10\"},[_c('div',{staticClass:\"grid-container\"},[_vm._v(\"col-lg-10\")])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-1\"},[_c('div',{staticClass:\"grid-container\"},[_vm._v(\"col-lg-1\")])]),_c('div',{staticClass:\"col-lg-11\"},[_c('div',{staticClass:\"grid-container\"},[_vm._v(\"col-lg-11\")])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-2\"},[_c('div',{staticClass:\"grid-container\"},[_vm._v(\"col-lg-2\")])]),_c('div',{staticClass:\"col-lg-3\"},[_c('div',{staticClass:\"grid-container\"},[_vm._v(\"col-lg-3\")])]),_c('div',{staticClass:\"col-lg-4\"},[_c('div',{staticClass:\"grid-container\"},[_vm._v(\"col-lg-4\")])]),_c('div',{staticClass:\"col-lg-2\"},[_c('div',{staticClass:\"grid-container\"},[_vm._v(\"col-lg-2\")])]),_c('div',{staticClass:\"col-lg-1\"},[_c('div',{staticClass:\"grid-container\"},[_vm._v(\"col-lg-1\")])])])])])])])])],1)\n}\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 System component\n */\nexport default {\n  page: {\n    title: \"Grid\",\n    meta: [{ name: \"description\", content: appConfig.description }],\n  },\n  components: {\n    Layout,\n    PageHeader,\n  },\n  data() {\n    return {\n      title: \"Grid System\",\n      items: [\n        {\n          text: \"Minton\",\n          href: \"/\",\n        },\n        {\n          text: \"UI\",\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=\"header-title\">Grid options</h4>\n            <p class=\"sub-header\">\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>\n                  <tr>\n                    <th></th>\n                    <th class=\"text-center\">\n                      Extra small\n                      <br />\n                      <small>&lt;576px</small>\n                    </th>\n                    <th class=\"text-center\">\n                      Small\n                      <br />\n                      <small>≥576px</small>\n                    </th>\n                    <th class=\"text-center\">\n                      Medium\n                      <br />\n                      <small>≥768px</small>\n                    </th>\n                    <th class=\"text-center\">\n                      Large\n                      <br />\n                      <small>≥992px</small>\n                    </th>\n                    <th class=\"text-center\">\n                      Extra large\n                      <br />\n                      <small>≥1200px</small>\n                    </th>\n                  </tr>\n                </thead>\n                <tbody>\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                  </tr>\n                  <tr>\n                    <th class=\"text-nowrap\" scope=\"row\">Class prefix</th>\n                    <td>\n                      <code>.col-</code>\n                    </td>\n                    <td>\n                      <code>.col-sm-</code>\n                    </td>\n                    <td>\n                      <code>.col-md-</code>\n                    </td>\n                    <td>\n                      <code>.col-lg-</code>\n                    </td>\n                    <td>\n                      <code>.col-xl-</code>\n                    </td>\n                  </tr>\n                  <tr>\n                    <th class=\"text-nowrap\" scope=\"row\"># of columns</th>\n                    <td colspan=\"5\">12</td>\n                  </tr>\n                  <tr>\n                    <th class=\"text-nowrap\" scope=\"row\">Gutter width</th>\n                    <td colspan=\"5\">24px (12px on each side of a column)</td>\n                  </tr>\n                  <tr>\n                    <th class=\"text-nowrap\" scope=\"row\">Nestable</th>\n                    <td colspan=\"5\">Yes</td>\n                  </tr>\n                  <tr>\n                    <th class=\"text-nowrap\" scope=\"row\">Column ordering</th>\n                    <td colspan=\"5\">Yes</td>\n                  </tr>\n                </tbody>\n              </table>\n            </div>\n            <!-- end table-responsive-->\n          </div>\n        </div>\n        <!-- end card-box -->\n      </div>\n      <!-- end col -->\n    </div>\n    <!-- end row -->\n\n    <div class=\"row\">\n      <div class=\"col-12\">\n        <div class=\"card\">\n          <div class=\"card-body\">\n            <h4 class=\"header-title mb-3\">Grid Example</h4>\n\n            <div class=\"grid-structure\">\n              <div class=\"row\">\n                <div class=\"col-lg-12\">\n                  <div class=\"grid-container\">col-lg-12</div>\n                </div>\n              </div>\n              <div class=\"row\">\n                <div class=\"col-lg-11\">\n                  <div class=\"grid-container\">col-lg-11</div>\n                </div>\n                <div class=\"col-lg-1\">\n                  <div class=\"grid-container\">col-lg-1</div>\n                </div>\n              </div>\n              <div class=\"row\">\n                <div class=\"col-lg-10\">\n                  <div class=\"grid-container\">col-lg-10</div>\n                </div>\n                <div class=\"col-lg-2\">\n                  <div class=\"grid-container\">col-lg-2</div>\n                </div>\n              </div>\n              <div class=\"row\">\n                <div class=\"col-lg-9\">\n                  <div class=\"grid-container\">col-lg-9</div>\n                </div>\n                <div class=\"col-lg-3\">\n                  <div class=\"grid-container\">col-lg-3</div>\n                </div>\n              </div>\n              <div class=\"row\">\n                <div class=\"col-lg-8\">\n                  <div class=\"grid-container\">col-lg-8</div>\n                </div>\n                <div class=\"col-lg-4\">\n                  <div class=\"grid-container\">col-lg-4</div>\n                </div>\n              </div>\n              <div class=\"row\">\n                <div class=\"col-lg-7\">\n                  <div class=\"grid-container\">col-lg-7</div>\n                </div>\n                <div class=\"col-lg-5\">\n                  <div class=\"grid-container\">col-lg-5</div>\n                </div>\n              </div>\n              <div class=\"row\">\n                <div class=\"col-lg-6\">\n                  <div class=\"grid-container\">col-lg-6</div>\n                </div>\n                <div class=\"col-lg-6\">\n                  <div class=\"grid-container\">col-lg-6</div>\n                </div>\n              </div>\n              <div class=\"row\">\n                <div class=\"col-lg-5\">\n                  <div class=\"grid-container\">col-lg-5</div>\n                </div>\n                <div class=\"col-lg-7\">\n                  <div class=\"grid-container\">col-lg-7</div>\n                </div>\n              </div>\n              <div class=\"row\">\n                <div class=\"col-lg-4\">\n                  <div class=\"grid-container\">col-lg-4</div>\n                </div>\n                <div class=\"col-lg-8\">\n                  <div class=\"grid-container\">col-lg-8</div>\n                </div>\n              </div>\n              <div class=\"row\">\n                <div class=\"col-lg-3\">\n                  <div class=\"grid-container\">col-lg-3</div>\n                </div>\n                <div class=\"col-lg-9\">\n                  <div class=\"grid-container\">col-lg-9</div>\n                </div>\n              </div>\n              <div class=\"row\">\n                <div class=\"col-lg-2\">\n                  <div class=\"grid-container\">col-lg-2</div>\n                </div>\n                <div class=\"col-lg-10\">\n                  <div class=\"grid-container\">col-lg-10</div>\n                </div>\n              </div>\n              <div class=\"row\">\n                <div class=\"col-lg-1\">\n                  <div class=\"grid-container\">col-lg-1</div>\n                </div>\n                <div class=\"col-lg-11\">\n                  <div class=\"grid-container\">col-lg-11</div>\n                </div>\n              </div>\n              <div class=\"row\">\n                <div class=\"col-lg-2\">\n                  <div class=\"grid-container\">col-lg-2</div>\n                </div>\n                <div class=\"col-lg-3\">\n                  <div class=\"grid-container\">col-lg-3</div>\n                </div>\n                <div class=\"col-lg-4\">\n                  <div class=\"grid-container\">col-lg-4</div>\n                </div>\n                <div class=\"col-lg-2\">\n                  <div class=\"grid-container\">col-lg-2</div>\n                </div>\n                <div class=\"col-lg-1\">\n                  <div class=\"grid-container\">col-lg-1</div>\n                </div>\n              </div>\n              <!-- end row -->\n            </div>\n            <!-- grid-structure -->\n          </div>\n          <!-- end card-body-->\n        </div>\n        <!-- end card-->\n      </div>\n      <!-- end col-->\n    </div>\n    <!-- end row-->\n  </Layout>\n</template>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./grid.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../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=3ebfc866\"\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-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":""}