{"version":3,"sources":["webpack:///./src/components/page-header.vue","webpack:///./src/components/page-header.vue?8e46","webpack:///./src/router/views/ui/grid.vue","webpack:///./src/router/views/ui/grid.vue?7d9a"],"names":["class","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_hoisted_3","_hoisted_4","$props","components","props","title","type","String","default","items","Array","__exports__","render","scope","colspan","_createBlock","_component_Layout","_createVNode","_component_PageHeader","$data","page","meta","name","content","appConfig","description","Layout","PageHeader","data","text","href","active"],"mappings":"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","file":"js/chunk-4db5ab76.230d9161.js","sourcesContent":["<script>\nexport default {\n  components: {},\n  props: {\n    title: {\n      type: String,\n      default: '',\n    },\n    items: {\n      type: Array,\n      default: () => [],\n    },\n  },\n};\n</script>\n\n<template>\n  <!-- start page title -->\n  <div class=\"row\">\n    <div class=\"col-12\">\n      <div class=\"d-flex align-items-center justify-content-between\">\n        <h4 class=\"font-size-18 my-auto\">{{ 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 { render } from \"./page-header.vue?vue&type=template&id=cf6e9d0a\"\nimport script from \"./page-header.vue?vue&type=script&lang=js\"\nexport * from \"./page-header.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/working_dir/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<script>\nimport PageHeader from '@/components/page-header';\nimport appConfig from '@/app.config';\nimport Layout from '../../layouts/main';\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: '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    <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\n                class=\"table table-bordered table-striped table-nowrap mb-0\"\n              >\n                <thead>\n                  <tr>\n                    <th scope=\"col\"></th>\n                    <th scope=\"col\" class=\"text-center\">\n                      xs<br />\n                      <span class=\"fw-normal\">&lt;576px</span>\n                    </th>\n                    <th scope=\"col\" class=\"text-center\">\n                      sm<br />\n                      <span class=\"fw-normal\">≥576px</span>\n                    </th>\n                    <th scope=\"col\" class=\"text-center\">\n                      md<br />\n                      <span class=\"fw-normal\">≥768px</span>\n                    </th>\n                    <th scope=\"col\" class=\"text-center\">\n                      lg<br />\n                      <span class=\"fw-normal\">≥992px</span>\n                    </th>\n                    <th scope=\"col\" class=\"text-center\">\n                      xl<br />\n                      <span class=\"fw-normal\">≥1200px</span>\n                    </th>\n                    <th scope=\"col\" class=\"text-center\">\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>Horizontal at all times</td>\n                    <td colspan=\"5\">\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\">Offsets</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 { render } from \"./grid.vue?vue&type=template&id=71a29193\"\nimport script from \"./grid.vue?vue&type=script&lang=js\"\nexport * from \"./grid.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/working_dir/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__"],"sourceRoot":""}