{"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/list-group.vue","webpack:///src/views/pages/ui/list-group.vue","webpack:///./src/views/pages/ui/list-group.vue?2e25","webpack:///./src/views/pages/ui/list-group.vue?f03f"],"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-334d01a6.a1faac3f.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-xl-4\"},[_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"card-body\"},[_c('h4',{staticClass:\"header-title\"},[_vm._v(\"Basic Example\")]),_c('p',{staticClass:\"sub-header\"},[_vm._v(\" The most basic list group is an unordered list with list items and the proper classes. Build upon it with the options that follow, or with your own CSS as needed. \")]),_c('ul',{staticClass:\"list-group\"},[_c('li',{staticClass:\"list-group-item\"},[_c('i',{staticClass:\"mdi mdi-google-drive mr-1\"}),_vm._v(\" Google Drive \")]),_c('li',{staticClass:\"list-group-item\"},[_c('i',{staticClass:\"mdi mdi-message-outline mr-1\"}),_vm._v(\" Facebook Messenger \")]),_c('li',{staticClass:\"list-group-item\"},[_c('i',{staticClass:\"mdi mdi-apple mr-1\"}),_vm._v(\" Apple Technology Company \")]),_c('li',{staticClass:\"list-group-item\"},[_c('i',{staticClass:\"mdi mdi-lifebuoy mr-1\"}),_vm._v(\" Intercom Support System \")]),_c('li',{staticClass:\"list-group-item\"},[_c('i',{staticClass:\"mdi mdi-credit-card-outline mr-1\"}),_vm._v(\" Paypal Payment Gateway \")])])])])]),_c('div',{staticClass:\"col-xl-4\"},[_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"card-body\"},[_c('h4',{staticClass:\"header-title\"},[_vm._v(\"Active items\")]),_c('p',{staticClass:\"sub-header\"},[_vm._v(\" Add \"),_c('code',[_vm._v(\".active\")]),_vm._v(\" to a \"),_c('code',[_vm._v(\".list-group-item\")]),_vm._v(\" to indicate the current active selection. \")]),_c('ul',{staticClass:\"list-group\"},[_c('li',{staticClass:\"list-group-item active\"},[_c('i',{staticClass:\"mdi mdi-google-drive mr-1\"}),_vm._v(\" Google Drive \")]),_c('li',{staticClass:\"list-group-item\"},[_c('i',{staticClass:\"mdi mdi-message-outline mr-1\"}),_vm._v(\" Facebook Messenger \")]),_c('li',{staticClass:\"list-group-item\"},[_c('i',{staticClass:\"mdi mdi-apple mr-1\"}),_vm._v(\" Apple Technology Company \")]),_c('li',{staticClass:\"list-group-item\"},[_c('i',{staticClass:\"mdi mdi-lifebuoy mr-1\"}),_vm._v(\" Intercom Support System \")]),_c('li',{staticClass:\"list-group-item\"},[_c('i',{staticClass:\"mdi mdi-credit-card-outline mr-1\"}),_vm._v(\" Paypal Payment Gateway \")])])])])]),_c('div',{staticClass:\"col-xl-4\"},[_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"card-body\"},[_c('h4',{staticClass:\"header-title\"},[_vm._v(\"Disabled items\")]),_c('p',{staticClass:\"sub-header\"},[_vm._v(\" Add \"),_c('code',[_vm._v(\".disabled\")]),_vm._v(\" to a \"),_c('code',[_vm._v(\".list-group-item\")]),_vm._v(\" to make it \"),_c('em',[_vm._v(\"appear\")]),_vm._v(\" disabled. \")]),_c('ul',{staticClass:\"list-group\"},[_c('li',{staticClass:\"list-group-item disabled\",attrs:{\"aria-disabled\":\"true\"}},[_c('i',{staticClass:\"mdi mdi-google-drive mr-1\"}),_vm._v(\" Google Drive \")]),_c('li',{staticClass:\"list-group-item\"},[_c('i',{staticClass:\"mdi mdi-message-outline mr-1\"}),_vm._v(\" Facebook Messenger \")]),_c('li',{staticClass:\"list-group-item\"},[_c('i',{staticClass:\"mdi mdi-apple mr-1\"}),_vm._v(\" Apple Technology Company \")]),_c('li',{staticClass:\"list-group-item\"},[_c('i',{staticClass:\"mdi mdi-lifebuoy mr-1\"}),_vm._v(\" Intercom Support System \")]),_c('li',{staticClass:\"list-group-item\"},[_c('i',{staticClass:\"mdi mdi-credit-card-outline mr-1\"}),_vm._v(\" Paypal Payment Gateway \")])])])])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-xl-4\"},[_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"card-body\"},[_c('h4',{staticClass:\"header-title\"},[_vm._v(\"Links and Buttons\")]),_c('p',{staticClass:\"sub-header\"},[_vm._v(\" Use \"),_c('code',[_vm._v(\"<a>\")]),_vm._v(\"s or \"),_c('code',[_vm._v(\"<button>\")]),_vm._v(\"s to create \"),_c('em',[_vm._v(\"actionable\")]),_vm._v(\" list group items with hover, disabled, and active states by adding \"),_c('code',[_vm._v(\".list-group-item-action\")]),_vm._v(\". \")]),_c('div',{staticClass:\"list-group\"},[_c('a',{staticClass:\"list-group-item list-group-item-action active\",attrs:{\"href\":\"#\"}},[_vm._v(\" Paypal Payment Gateway \")]),_c('a',{staticClass:\"list-group-item list-group-item-action\",attrs:{\"href\":\"#\"}},[_vm._v(\"Google Drive\")]),_c('button',{staticClass:\"list-group-item list-group-item-action\",attrs:{\"type\":\"button\"}},[_vm._v(\" Facebook Messenger \")]),_c('button',{staticClass:\"list-group-item list-group-item-action\",attrs:{\"type\":\"button\"}},[_vm._v(\" Apple Technology Company \")]),_c('a',{staticClass:\"list-group-item list-group-item-action disabled\",attrs:{\"href\":\"#\",\"tabindex\":\"-1\",\"aria-disabled\":\"true\"}},[_vm._v(\"Intercom Support System\")])])])])]),_c('div',{staticClass:\"col-xl-4\"},[_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"card-body\"},[_c('h4',{staticClass:\"header-title\"},[_vm._v(\"Flush\")]),_c('p',{staticClass:\"sub-header\"},[_vm._v(\" Add \"),_c('code',[_vm._v(\".list-group-flush\")]),_vm._v(\" to remove some borders and rounded corners to render list group items edge-to-edge in a parent container (e.g., cards). \")]),_c('ul',{staticClass:\"list-group list-group-flush\"},[_c('li',{staticClass:\"list-group-item\"},[_vm._v(\"Google Drive\")]),_c('li',{staticClass:\"list-group-item\"},[_vm._v(\"Facebook Messenger\")]),_c('li',{staticClass:\"list-group-item\"},[_vm._v(\"Apple Technology Company\")]),_c('li',{staticClass:\"list-group-item\"},[_vm._v(\"Intercom Support System\")]),_c('li',{staticClass:\"list-group-item\"},[_vm._v(\"Paypal Payment Gateway\")])])])])]),_c('div',{staticClass:\"col-xl-4\"},[_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"card-body\"},[_c('h4',{staticClass:\"header-title\"},[_vm._v(\"Horizontal\")]),_c('p',{staticClass:\"sub-header\"},[_vm._v(\" Add \"),_c('code',[_vm._v(\".list-group-horizontal\")]),_vm._v(\" to change the layout of list group items from vertical to horizontal across all breakpoints. Alternatively, choose a responsive variant \"),_c('code',[_vm._v(\".list-group-horizontal-{sm|md|lg|xl}\")]),_vm._v(\" to make a list group horizontal starting at that breakpoint’s \"),_c('code',[_vm._v(\"min-width\")]),_vm._v(\". \")]),_c('ul',{staticClass:\"list-group list-group-horizontal mb-3\"},[_c('li',{staticClass:\"list-group-item\"},[_vm._v(\"Google\")]),_c('li',{staticClass:\"list-group-item\"},[_vm._v(\"Whatsapp\")]),_c('li',{staticClass:\"list-group-item\"},[_vm._v(\"Facebook\")])]),_c('ul',{staticClass:\"list-group list-group-horizontal-sm mb-3\"},[_c('li',{staticClass:\"list-group-item\"},[_vm._v(\"Apple\")]),_c('li',{staticClass:\"list-group-item\"},[_vm._v(\"PayPal\")]),_c('li',{staticClass:\"list-group-item\"},[_vm._v(\"Intercom\")])]),_c('ul',{staticClass:\"list-group list-group-horizontal-md\"},[_c('li',{staticClass:\"list-group-item\"},[_vm._v(\"Google\")]),_c('li',{staticClass:\"list-group-item\"},[_vm._v(\"Whatsapp\")]),_c('li',{staticClass:\"list-group-item\"},[_vm._v(\"Facebook\")])])])])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-xl-4\"},[_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"card-body\"},[_c('h4',{staticClass:\"header-title\"},[_vm._v(\"Contextual classes\")]),_c('p',{staticClass:\"sub-header\"},[_vm._v(\" Use contextual classes to style list items with a stateful background and color. \")]),_c('ul',{staticClass:\"list-group\"},[_c('li',{staticClass:\"list-group-item\"},[_vm._v(\"Dapibus ac facilisis in\")]),_c('li',{staticClass:\"list-group-item list-group-item-primary\"},[_vm._v(\" A simple primary list group item \")]),_c('li',{staticClass:\"list-group-item list-group-item-secondary\"},[_vm._v(\" A simple secondary list group item \")]),_c('li',{staticClass:\"list-group-item list-group-item-success\"},[_vm._v(\" A simple success list group item \")]),_c('li',{staticClass:\"list-group-item list-group-item-danger\"},[_vm._v(\" A simple danger list group item \")]),_c('li',{staticClass:\"list-group-item list-group-item-warning\"},[_vm._v(\" A simple warning list group item \")]),_c('li',{staticClass:\"list-group-item list-group-item-info\"},[_vm._v(\" A simple info list group item \")]),_c('li',{staticClass:\"list-group-item list-group-item-light\"},[_vm._v(\" A simple light list group item \")]),_c('li',{staticClass:\"list-group-item list-group-item-dark\"},[_vm._v(\" A simple dark list group item \")])])])])]),_c('div',{staticClass:\"col-xl-4\"},[_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"card-body\"},[_c('h4',{staticClass:\"header-title\"},[_vm._v(\"Contextual classes with Link\")]),_c('p',{staticClass:\"sub-header\"},[_vm._v(\" Use contextual classes to style list items with a stateful background and color. \")]),_c('div',{staticClass:\"list-group\"},[_c('a',{staticClass:\"list-group-item list-group-item-action\",attrs:{\"href\":\"#\"}},[_vm._v(\"Dapibus ac facilisis in\")]),_c('a',{staticClass:\"list-group-item list-group-item-action list-group-item-primary\",attrs:{\"href\":\"#\"}},[_vm._v(\"A simple primary list group item\")]),_c('a',{staticClass:\"list-group-item list-group-item-action list-group-item-secondary\",attrs:{\"href\":\"#\"}},[_vm._v(\"A simple secondary list group item\")]),_c('a',{staticClass:\"list-group-item list-group-item-action list-group-item-success\",attrs:{\"href\":\"#\"}},[_vm._v(\"A simple success list group item\")]),_c('a',{staticClass:\"list-group-item list-group-item-action list-group-item-danger\",attrs:{\"href\":\"#\"}},[_vm._v(\"A simple danger list group item\")]),_c('a',{staticClass:\"list-group-item list-group-item-action list-group-item-warning\",attrs:{\"href\":\"#\"}},[_vm._v(\"A simple warning list group item\")]),_c('a',{staticClass:\"list-group-item list-group-item-action list-group-item-info\",attrs:{\"href\":\"#\"}},[_vm._v(\"A simple info list group item\")]),_c('a',{staticClass:\"list-group-item list-group-item-action list-group-item-light\",attrs:{\"href\":\"#\"}},[_vm._v(\"A simple light list group item\")]),_c('a',{staticClass:\"list-group-item list-group-item-action list-group-item-dark\",attrs:{\"href\":\"#\"}},[_vm._v(\"A simple dark list group item\")])])])])]),_c('div',{staticClass:\"col-xl-4\"},[_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"card-body\"},[_c('h4',{staticClass:\"header-title\"},[_vm._v(\"Custom content\")]),_c('p',{staticClass:\"sub-header\"},[_vm._v(\" Add nearly any HTML within, even for linked list groups like the one below, with the help of flexbox utilities. \")]),_c('div',{staticClass:\"list-group\"},[_c('a',{staticClass:\"list-group-item list-group-item-action active\",attrs:{\"href\":\"#\"}},[_c('div',{staticClass:\"d-flex w-100 justify-content-between\"},[_c('h5',{staticClass:\"mb-1 text-white\"},[_vm._v(\"List group item heading\")]),_c('small',[_vm._v(\"3 days ago\")])]),_c('p',{staticClass:\"mb-1\"},[_vm._v(\" Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit. \")]),_c('small',[_vm._v(\"Donec id elit non mi porta.\")])]),_c('a',{staticClass:\"list-group-item list-group-item-action\",attrs:{\"href\":\"#\"}},[_c('div',{staticClass:\"d-flex w-100 justify-content-between\"},[_c('h5',{staticClass:\"mb-1\"},[_vm._v(\"List group item heading\")]),_c('small',{staticClass:\"text-muted\"},[_vm._v(\"3 days ago\")])]),_c('p',{staticClass:\"mb-1\"},[_vm._v(\" Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit. \")]),_c('small',{staticClass:\"text-muted\"},[_vm._v(\"Donec id elit non mi porta.\")])]),_c('a',{staticClass:\"list-group-item list-group-item-action\",attrs:{\"href\":\"#\"}},[_c('div',{staticClass:\"d-flex w-100 justify-content-between\"},[_c('h5',{staticClass:\"mb-1\"},[_vm._v(\"List group item heading\")]),_c('small',{staticClass:\"text-muted\"},[_vm._v(\"3 days ago\")])]),_c('p',{staticClass:\"mb-1\"},[_vm._v(\" Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit. \")]),_c('small',{staticClass:\"text-muted\"},[_vm._v(\"Donec id elit non mi porta.\")])])])])])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-xl-4\"},[_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"card-body\"},[_c('h4',{staticClass:\"header-title\"},[_vm._v(\"With badges\")]),_c('p',{staticClass:\"sub-header\"},[_vm._v(\" Add badges to any list group item to show unread counts, activity, and more with the help of some utilities. \")]),_c('ul',{staticClass:\"list-group\"},[_c('li',{staticClass:\"list-group-item d-flex justify-content-between align-items-center\"},[_vm._v(\" Gmail Emails \"),_c('span',{staticClass:\"badge badge-primary badge-pill\"},[_vm._v(\"14\")])]),_c('li',{staticClass:\"list-group-item d-flex justify-content-between align-items-center\"},[_vm._v(\" Pending Payments \"),_c('span',{staticClass:\"badge badge-success badge-pill\"},[_vm._v(\"2\")])]),_c('li',{staticClass:\"list-group-item d-flex justify-content-between align-items-center\"},[_vm._v(\" Action Needed \"),_c('span',{staticClass:\"badge badge-danger badge-pill\"},[_vm._v(\"99+\")])])])])])])])],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 * List Group component\n */\nexport default {\n  page: {\n    title: \"List Group\",\n    meta: [{ name: \"description\", content: appConfig.description }],\n  },\n  components: {\n    Layout,\n    PageHeader,\n  },\n  data() {\n    return {\n      title: \"List Group\",\n      items: [\n        {\n          text: \"Minton\",\n          href: \"/\",\n        },\n        {\n          text: \"UI\",\n          href: \"/\",\n        },\n        {\n          text: \"List Group\",\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-xl-4\">\n        <div class=\"card\">\n          <div class=\"card-body\">\n            <h4 class=\"header-title\">Basic Example</h4>\n\n            <p class=\"sub-header\">\n              The most basic list group is an unordered list with list items and\n              the proper classes. Build upon it with the options that follow, or\n              with your own CSS as needed.\n            </p>\n\n            <ul class=\"list-group\">\n              <li class=\"list-group-item\">\n                <i class=\"mdi mdi-google-drive mr-1\"></i> Google Drive\n              </li>\n              <li class=\"list-group-item\">\n                <i class=\"mdi mdi-message-outline mr-1\"></i> Facebook Messenger\n              </li>\n              <li class=\"list-group-item\">\n                <i class=\"mdi mdi-apple mr-1\"></i> Apple Technology Company\n              </li>\n              <li class=\"list-group-item\">\n                <i class=\"mdi mdi-lifebuoy mr-1\"></i> Intercom Support System\n              </li>\n              <li class=\"list-group-item\">\n                <i class=\"mdi mdi-credit-card-outline mr-1\"></i> Paypal Payment\n                Gateway\n              </li>\n            </ul>\n          </div>\n          <!-- end card-body -->\n        </div>\n        <!-- end card-->\n      </div>\n      <!-- end col -->\n\n      <div class=\"col-xl-4\">\n        <div class=\"card\">\n          <div class=\"card-body\">\n            <h4 class=\"header-title\">Active items</h4>\n            <p class=\"sub-header\">\n              Add <code>.active</code> to a <code>.list-group-item</code> to\n              indicate the current active selection.\n            </p>\n\n            <ul class=\"list-group\">\n              <li class=\"list-group-item active\">\n                <i class=\"mdi mdi-google-drive mr-1\"></i> Google Drive\n              </li>\n              <li class=\"list-group-item\">\n                <i class=\"mdi mdi-message-outline mr-1\"></i> Facebook Messenger\n              </li>\n              <li class=\"list-group-item\">\n                <i class=\"mdi mdi-apple mr-1\"></i> Apple Technology Company\n              </li>\n              <li class=\"list-group-item\">\n                <i class=\"mdi mdi-lifebuoy mr-1\"></i> Intercom Support System\n              </li>\n              <li class=\"list-group-item\">\n                <i class=\"mdi mdi-credit-card-outline mr-1\"></i> Paypal Payment\n                Gateway\n              </li>\n            </ul>\n          </div>\n          <!-- end card-body -->\n        </div>\n        <!-- end card-->\n      </div>\n      <!-- end col -->\n\n      <div class=\"col-xl-4\">\n        <div class=\"card\">\n          <div class=\"card-body\">\n            <h4 class=\"header-title\">Disabled items</h4>\n            <p class=\"sub-header\">\n              Add <code>.disabled</code> to a <code>.list-group-item</code> to\n              make it <em>appear</em> disabled.\n            </p>\n\n            <ul class=\"list-group\">\n              <li class=\"list-group-item disabled\" aria-disabled=\"true\">\n                <i class=\"mdi mdi-google-drive mr-1\"></i> Google Drive\n              </li>\n              <li class=\"list-group-item\">\n                <i class=\"mdi mdi-message-outline mr-1\"></i> Facebook Messenger\n              </li>\n              <li class=\"list-group-item\">\n                <i class=\"mdi mdi-apple mr-1\"></i> Apple Technology Company\n              </li>\n              <li class=\"list-group-item\">\n                <i class=\"mdi mdi-lifebuoy mr-1\"></i> Intercom Support System\n              </li>\n              <li class=\"list-group-item\">\n                <i class=\"mdi mdi-credit-card-outline mr-1\"></i> Paypal Payment\n                Gateway\n              </li>\n            </ul>\n          </div>\n          <!-- end card-body -->\n        </div>\n        <!-- end card-->\n      </div>\n      <!-- end col -->\n    </div>\n    <!-- end row -->\n\n    <div class=\"row\">\n      <div class=\"col-xl-4\">\n        <div class=\"card\">\n          <div class=\"card-body\">\n            <h4 class=\"header-title\">Links and Buttons</h4>\n            <p class=\"sub-header\">\n              Use <code>&lt;a&gt;</code>s or <code>&lt;button&gt;</code>s to\n              create <em>actionable</em> list group items with hover, disabled,\n              and active states by adding <code>.list-group-item-action</code>.\n            </p>\n\n            <div class=\"list-group\">\n              <a href=\"#\" class=\"list-group-item list-group-item-action active\">\n                Paypal Payment Gateway\n              </a>\n              <a href=\"#\" class=\"list-group-item list-group-item-action\"\n                >Google Drive</a\n              >\n              <button\n                type=\"button\"\n                class=\"list-group-item list-group-item-action\"\n              >\n                Facebook Messenger\n              </button>\n              <button\n                type=\"button\"\n                class=\"list-group-item list-group-item-action\"\n              >\n                Apple Technology Company\n              </button>\n              <a\n                href=\"#\"\n                class=\"list-group-item list-group-item-action disabled\"\n                tabindex=\"-1\"\n                aria-disabled=\"true\"\n                >Intercom Support System</a\n              >\n            </div>\n          </div>\n          <!-- end card-body -->\n        </div>\n        <!-- end card-->\n      </div>\n      <!-- end col -->\n\n      <div class=\"col-xl-4\">\n        <div class=\"card\">\n          <div class=\"card-body\">\n            <h4 class=\"header-title\">Flush</h4>\n            <p class=\"sub-header\">\n              Add <code>.list-group-flush</code> to remove some borders and\n              rounded corners to render list group items edge-to-edge in a\n              parent container (e.g., cards).\n            </p>\n\n            <ul class=\"list-group list-group-flush\">\n              <li class=\"list-group-item\">Google Drive</li>\n              <li class=\"list-group-item\">Facebook Messenger</li>\n              <li class=\"list-group-item\">Apple Technology Company</li>\n              <li class=\"list-group-item\">Intercom Support System</li>\n              <li class=\"list-group-item\">Paypal Payment Gateway</li>\n            </ul>\n          </div>\n          <!-- end card-body -->\n        </div>\n        <!-- end card-->\n      </div>\n      <!-- end col -->\n\n      <div class=\"col-xl-4\">\n        <div class=\"card\">\n          <div class=\"card-body\">\n            <h4 class=\"header-title\">Horizontal</h4>\n            <p class=\"sub-header\">\n              Add <code>.list-group-horizontal</code> to change the layout of\n              list group items from vertical to horizontal across all\n              breakpoints. Alternatively, choose a responsive variant\n              <code>.list-group-horizontal-{sm|md|lg|xl}</code> to make a list\n              group horizontal starting at that breakpoint’s\n              <code>min-width</code>.\n            </p>\n\n            <ul class=\"list-group list-group-horizontal mb-3\">\n              <li class=\"list-group-item\">Google</li>\n              <li class=\"list-group-item\">Whatsapp</li>\n              <li class=\"list-group-item\">Facebook</li>\n            </ul>\n\n            <ul class=\"list-group list-group-horizontal-sm mb-3\">\n              <li class=\"list-group-item\">Apple</li>\n              <li class=\"list-group-item\">PayPal</li>\n              <li class=\"list-group-item\">Intercom</li>\n            </ul>\n\n            <ul class=\"list-group list-group-horizontal-md\">\n              <li class=\"list-group-item\">Google</li>\n              <li class=\"list-group-item\">Whatsapp</li>\n              <li class=\"list-group-item\">Facebook</li>\n            </ul>\n          </div>\n          <!-- end card-body -->\n        </div>\n        <!-- end card-->\n      </div>\n      <!-- end col -->\n    </div>\n    <!-- end row -->\n\n    <div class=\"row\">\n      <div class=\"col-xl-4\">\n        <div class=\"card\">\n          <div class=\"card-body\">\n            <h4 class=\"header-title\">Contextual classes</h4>\n            <p class=\"sub-header\">\n              Use contextual classes to style list items with a stateful\n              background and color.\n            </p>\n\n            <ul class=\"list-group\">\n              <li class=\"list-group-item\">Dapibus ac facilisis in</li>\n              <li class=\"list-group-item list-group-item-primary\">\n                A simple primary list group item\n              </li>\n              <li class=\"list-group-item list-group-item-secondary\">\n                A simple secondary list group item\n              </li>\n              <li class=\"list-group-item list-group-item-success\">\n                A simple success list group item\n              </li>\n              <li class=\"list-group-item list-group-item-danger\">\n                A simple danger list group item\n              </li>\n              <li class=\"list-group-item list-group-item-warning\">\n                A simple warning list group item\n              </li>\n              <li class=\"list-group-item list-group-item-info\">\n                A simple info list group item\n              </li>\n              <li class=\"list-group-item list-group-item-light\">\n                A simple light list group item\n              </li>\n              <li class=\"list-group-item list-group-item-dark\">\n                A simple dark list group item\n              </li>\n            </ul>\n          </div>\n          <!-- end card-body -->\n        </div>\n        <!-- end card-->\n      </div>\n      <!-- end col -->\n\n      <div class=\"col-xl-4\">\n        <div class=\"card\">\n          <div class=\"card-body\">\n            <h4 class=\"header-title\">Contextual classes with Link</h4>\n            <p class=\"sub-header\">\n              Use contextual classes to style list items with a stateful\n              background and color.\n            </p>\n\n            <div class=\"list-group\">\n              <a href=\"#\" class=\"list-group-item list-group-item-action\"\n                >Dapibus ac facilisis in</a\n              >\n              <a\n                href=\"#\"\n                class=\"list-group-item list-group-item-action list-group-item-primary\"\n                >A simple primary list group item</a\n              >\n              <a\n                href=\"#\"\n                class=\"list-group-item list-group-item-action list-group-item-secondary\"\n                >A simple secondary list group item</a\n              >\n              <a\n                href=\"#\"\n                class=\"list-group-item list-group-item-action list-group-item-success\"\n                >A simple success list group item</a\n              >\n              <a\n                href=\"#\"\n                class=\"list-group-item list-group-item-action list-group-item-danger\"\n                >A simple danger list group item</a\n              >\n              <a\n                href=\"#\"\n                class=\"list-group-item list-group-item-action list-group-item-warning\"\n                >A simple warning list group item</a\n              >\n              <a\n                href=\"#\"\n                class=\"list-group-item list-group-item-action list-group-item-info\"\n                >A simple info list group item</a\n              >\n              <a\n                href=\"#\"\n                class=\"list-group-item list-group-item-action list-group-item-light\"\n                >A simple light list group item</a\n              >\n              <a\n                href=\"#\"\n                class=\"list-group-item list-group-item-action list-group-item-dark\"\n                >A simple dark list group item</a\n              >\n            </div>\n          </div>\n          <!-- end card-body -->\n        </div>\n        <!-- end card-->\n      </div>\n      <!-- end col -->\n\n      <div class=\"col-xl-4\">\n        <div class=\"card\">\n          <div class=\"card-body\">\n            <h4 class=\"header-title\">Custom content</h4>\n            <p class=\"sub-header\">\n              Add nearly any HTML within, even for linked list groups like the\n              one below, with the help of flexbox utilities.\n            </p>\n\n            <div class=\"list-group\">\n              <a href=\"#\" class=\"list-group-item list-group-item-action active\">\n                <div class=\"d-flex w-100 justify-content-between\">\n                  <h5 class=\"mb-1 text-white\">List group item heading</h5>\n                  <small>3 days ago</small>\n                </div>\n                <p class=\"mb-1\">\n                  Donec id elit non mi porta gravida at eget metus. Maecenas sed\n                  diam eget risus varius blandit.\n                </p>\n                <small>Donec id elit non mi porta.</small>\n              </a>\n              <a href=\"#\" class=\"list-group-item list-group-item-action\">\n                <div class=\"d-flex w-100 justify-content-between\">\n                  <h5 class=\"mb-1\">List group item heading</h5>\n                  <small class=\"text-muted\">3 days ago</small>\n                </div>\n                <p class=\"mb-1\">\n                  Donec id elit non mi porta gravida at eget metus. Maecenas sed\n                  diam eget risus varius blandit.\n                </p>\n                <small class=\"text-muted\">Donec id elit non mi porta.</small>\n              </a>\n              <a href=\"#\" class=\"list-group-item list-group-item-action\">\n                <div class=\"d-flex w-100 justify-content-between\">\n                  <h5 class=\"mb-1\">List group item heading</h5>\n                  <small class=\"text-muted\">3 days ago</small>\n                </div>\n                <p class=\"mb-1\">\n                  Donec id elit non mi porta gravida at eget metus. Maecenas sed\n                  diam eget risus varius blandit.\n                </p>\n                <small class=\"text-muted\">Donec id elit non mi porta.</small>\n              </a>\n            </div>\n          </div>\n          <!-- end card-body -->\n        </div>\n        <!-- end card-->\n      </div>\n      <!-- end col -->\n    </div>\n    <!-- end row -->\n\n    <div class=\"row\">\n      <div class=\"col-xl-4\">\n        <div class=\"card\">\n          <div class=\"card-body\">\n            <h4 class=\"header-title\">With badges</h4>\n            <p class=\"sub-header\">\n              Add badges to any list group item to show unread counts, activity,\n              and more with the help of some utilities.\n            </p>\n\n            <ul class=\"list-group\">\n              <li\n                class=\"list-group-item d-flex justify-content-between align-items-center\"\n              >\n                Gmail Emails\n                <span class=\"badge badge-primary badge-pill\">14</span>\n              </li>\n              <li\n                class=\"list-group-item d-flex justify-content-between align-items-center\"\n              >\n                Pending Payments\n                <span class=\"badge badge-success badge-pill\">2</span>\n              </li>\n              <li\n                class=\"list-group-item d-flex justify-content-between align-items-center\"\n              >\n                Action Needed\n                <span class=\"badge badge-danger badge-pill\">99+</span>\n              </li>\n            </ul>\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!./list-group.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!./list-group.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./list-group.vue?vue&type=template&id=31021134\"\nimport script from \"./list-group.vue?vue&type=script&lang=js\"\nexport * from \"./list-group.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":""}