{"version":3,"file":"200.js","sources":["webpack:///src/views/ui-elements/card/CardActions.vue","webpack:///./src/views/ui-elements/card/CardActions.vue","webpack:///./src/views/ui-elements/card/CardActions.vue?ba71","webpack:///./src/views/ui-elements/card/CardActions.vue?674a","webpack:///./src/views/ui-elements/card/CardActions.vue?407a"],"sourcesContent":["<!-- =========================================================================================\n    File Name: CardActions.vue\n    Description: Card with actions\n    ----------------------------------------------------------------------------------------\n    Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n      Author: Pixinvent\n    Author URL: http://www.themeforest.net/user/pixinvent\n========================================================================================== -->\n\n<template>\n    <div class=\"vx-row\">\n\n        <!-- Overview -->\n        <div class=\"vx-col w-full mb-base\">\n            <vx-card title=\"Card Actions\" action-buttons @refresh=\"closeCardAnimationDemo\">\n            <table style=\"width:100%\" class=\"border-collapse\">\n                <tr>\n                    <th class=\"p-2 border border-solid d-theme-border-grey-light\">Action</th>\n                    <th class=\"p-2 border border-solid d-theme-border-grey-light text-center\">Icon</th>\n                    <th class=\"p-2 border border-solid d-theme-border-grey-light\">Detail</th>\n                </tr>\n                <tr>\n                    <td class=\"p-2 border border-solid d-theme-border-grey-light\">Collapse</td>\n                    <td class=\"border border-solid d-theme-border-grey-light text-center\"><feather-icon icon=\"ChevronDownIcon\" svgClasses=\"h-5 w-5\" /></td>\n                    <td class=\"p-2 border border-solid d-theme-border-grey-light\">Collapse card content using collapse action.</td>\n                </tr>\n                <tr>\n                    <td class=\"p-2 border border-solid d-theme-border-grey-light\">Refresh Content</td>\n                    <td class=\"border border-solid d-theme-border-grey-light text-center\"><feather-icon icon=\"RotateCwIcon\" svgClasses=\"h-4 w-4\" /></td>\n                    <td class=\"p-2 border border-solid d-theme-border-grey-light\">Refresh your card content using refresh action.</td>\n                </tr>\n                <tr>\n                    <td class=\"p-2 border border-solid d-theme-border-grey-light\">Remove Card</td>\n                    <td class=\"border border-solid d-theme-border-grey-light text-center\"><feather-icon icon=\"XIcon\" svgClasses=\"h-5 w-5\" /></td>\n                    <td class=\"p-2 border border-solid d-theme-border-grey-light\">Remove card from page using remove card action</td>\n                </tr>\n            </table>\n            </vx-card>\n        </div>\n\n        <!-- Collapse -->\n        <div class=\"vx-col w-full md:w-1/2 lg:w-1/2 xl:w-1/2 mb-base\">\n            <vx-card title=\"Collapsable Card\" collapse-action>\n                <p class=\"mb-3\">You can create collapsible content card by setting <code>collapse-action</code> prop to <code>true</code>. By default it is set to false.</p>\n                <p class=\"mb-3\">You can also get this action if you set <code>action-buttons</code> prop to <code>true</code>.</p>\n                <p>Click on <feather-icon icon=\"ChevronDownIcon\" svgClasses=\"h-5 w-5\" class=\"align-middle\" /> icon to see card collapse in action.</p>\n            </vx-card>\n        </div>\n\n        <!-- Remove -->\n        <div class=\"vx-col w-full md:w-1/2 lg:w-1/2 xl:w-1/2 mb-base\">\n            <vx-card title=\"Remove Card\" remove-card-action>\n                <p class=\"mb-3\">You can add remove card action by setting <code>remove-card-action</code> prop to <code>true</code>. By default it is set to false.</p>\n                <p class=\"mb-3\">You can also get this action if you set <code>action-buttons</code> prop to <code>true</code>.</p>\n                <p>Click on <feather-icon icon=\"XIcon\" svgClasses=\"h-4 w-4\" class=\"align-middle\" /> icon to see close card in action.</p>\n            </vx-card>\n        </div>\n\n        <!-- Refresh/Reload -->\n        <div class=\"vx-col w-full md:w-1/2 lg:w-1/2 xl:w-1/2 mb-base\">\n            <vx-card title=\"Refresh Content\" refresh-content-action @refresh=\"closeCardAnimationDemo\">\n                <p class=\"mb-3\">You can add refresh content action by setting <code>refresh-content-action</code> prop to <code>true</code>. By default it is set to false.</p>\n                <p class=\"mb-3\">You can also get this action if you set <code>action-buttons</code> prop to <code>true</code>.</p>\n                <p>Click on <feather-icon icon=\"RotateCwIcon\" svgClasses=\"h-4 w-4\" class=\"align-middle\" /> icon to see refresh card content in action.</p>\n            </vx-card>\n        </div>\n\n        <!-- All Actions -->\n        <div class=\"vx-col w-full md:w-1/2 lg:w-1/2 xl:w-1/2 md:mt-0\">\n            <vx-card title=\"Action Buttons\" action-buttons @refresh=\"closeCardAnimationDemo\">\n                <p class=\"mb-2\">You can add all three action by setting <code>action-buttons</code> prop to <code>true</code>. By default it is set to false.</p>\n                <p class=\"mb-1\">Click on <feather-icon icon=\"ChevronDownIcon\" svgClasses=\"h-5 w-5\" class=\"align-middle\" /> icon to see card collapse in action.</p>\n                <p class=\"mb-1\">Click on <feather-icon icon=\"RotateCwIcon\" svgClasses=\"h-4 w-4\" class=\"align-middle\" /> icon to see refresh card content in action.</p>\n                <p class=\"mb-1\">Click on <feather-icon icon=\"XIcon\" svgClasses=\"h-4 w-4\" class=\"align-middle\" /> icon to see close card in action.</p>\n            </vx-card>\n        </div>\n    </div>\n</template>\n\n<script>\nexport default {\n  methods: {\n    closeCardAnimationDemo (card) {\n      card.removeRefreshAnimation(3000)\n    }\n  }\n}\n</script>\n","var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\"div\", { staticClass: \"vx-row\" }, [\n    _c(\n      \"div\",\n      { staticClass: \"vx-col w-full mb-base\" },\n      [\n        _c(\n          \"vx-card\",\n          {\n            attrs: { title: \"Card Actions\", \"action-buttons\": \"\" },\n            on: { refresh: _vm.closeCardAnimationDemo },\n          },\n          [\n            _c(\n              \"table\",\n              {\n                staticClass: \"border-collapse\",\n                staticStyle: { width: \"100%\" },\n              },\n              [\n                _c(\"tr\", [\n                  _c(\n                    \"th\",\n                    {\n                      staticClass:\n                        \"p-2 border border-solid d-theme-border-grey-light\",\n                    },\n                    [_vm._v(\"Action\")]\n                  ),\n                  _c(\n                    \"th\",\n                    {\n                      staticClass:\n                        \"p-2 border border-solid d-theme-border-grey-light text-center\",\n                    },\n                    [_vm._v(\"Icon\")]\n                  ),\n                  _c(\n                    \"th\",\n                    {\n                      staticClass:\n                        \"p-2 border border-solid d-theme-border-grey-light\",\n                    },\n                    [_vm._v(\"Detail\")]\n                  ),\n                ]),\n                _c(\"tr\", [\n                  _c(\n                    \"td\",\n                    {\n                      staticClass:\n                        \"p-2 border border-solid d-theme-border-grey-light\",\n                    },\n                    [_vm._v(\"Collapse\")]\n                  ),\n                  _c(\n                    \"td\",\n                    {\n                      staticClass:\n                        \"border border-solid d-theme-border-grey-light text-center\",\n                    },\n                    [\n                      _c(\"feather-icon\", {\n                        attrs: {\n                          icon: \"ChevronDownIcon\",\n                          svgClasses: \"h-5 w-5\",\n                        },\n                      }),\n                    ],\n                    1\n                  ),\n                  _c(\n                    \"td\",\n                    {\n                      staticClass:\n                        \"p-2 border border-solid d-theme-border-grey-light\",\n                    },\n                    [_vm._v(\"Collapse card content using collapse action.\")]\n                  ),\n                ]),\n                _c(\"tr\", [\n                  _c(\n                    \"td\",\n                    {\n                      staticClass:\n                        \"p-2 border border-solid d-theme-border-grey-light\",\n                    },\n                    [_vm._v(\"Refresh Content\")]\n                  ),\n                  _c(\n                    \"td\",\n                    {\n                      staticClass:\n                        \"border border-solid d-theme-border-grey-light text-center\",\n                    },\n                    [\n                      _c(\"feather-icon\", {\n                        attrs: { icon: \"RotateCwIcon\", svgClasses: \"h-4 w-4\" },\n                      }),\n                    ],\n                    1\n                  ),\n                  _c(\n                    \"td\",\n                    {\n                      staticClass:\n                        \"p-2 border border-solid d-theme-border-grey-light\",\n                    },\n                    [_vm._v(\"Refresh your card content using refresh action.\")]\n                  ),\n                ]),\n                _c(\"tr\", [\n                  _c(\n                    \"td\",\n                    {\n                      staticClass:\n                        \"p-2 border border-solid d-theme-border-grey-light\",\n                    },\n                    [_vm._v(\"Remove Card\")]\n                  ),\n                  _c(\n                    \"td\",\n                    {\n                      staticClass:\n                        \"border border-solid d-theme-border-grey-light text-center\",\n                    },\n                    [\n                      _c(\"feather-icon\", {\n                        attrs: { icon: \"XIcon\", svgClasses: \"h-5 w-5\" },\n                      }),\n                    ],\n                    1\n                  ),\n                  _c(\n                    \"td\",\n                    {\n                      staticClass:\n                        \"p-2 border border-solid d-theme-border-grey-light\",\n                    },\n                    [_vm._v(\"Remove card from page using remove card action\")]\n                  ),\n                ]),\n              ]\n            ),\n          ]\n        ),\n      ],\n      1\n    ),\n    _c(\n      \"div\",\n      { staticClass: \"vx-col w-full md:w-1/2 lg:w-1/2 xl:w-1/2 mb-base\" },\n      [\n        _c(\n          \"vx-card\",\n          { attrs: { title: \"Collapsable Card\", \"collapse-action\": \"\" } },\n          [\n            _c(\"p\", { staticClass: \"mb-3\" }, [\n              _vm._v(\"You can create collapsible content card by setting \"),\n              _c(\"code\", [_vm._v(\"collapse-action\")]),\n              _vm._v(\" prop to \"),\n              _c(\"code\", [_vm._v(\"true\")]),\n              _vm._v(\". By default it is set to false.\"),\n            ]),\n            _c(\"p\", { staticClass: \"mb-3\" }, [\n              _vm._v(\"You can also get this action if you set \"),\n              _c(\"code\", [_vm._v(\"action-buttons\")]),\n              _vm._v(\" prop to \"),\n              _c(\"code\", [_vm._v(\"true\")]),\n              _vm._v(\".\"),\n            ]),\n            _c(\n              \"p\",\n              [\n                _vm._v(\"Click on \"),\n                _c(\"feather-icon\", {\n                  staticClass: \"align-middle\",\n                  attrs: { icon: \"ChevronDownIcon\", svgClasses: \"h-5 w-5\" },\n                }),\n                _vm._v(\" icon to see card collapse in action.\"),\n              ],\n              1\n            ),\n          ]\n        ),\n      ],\n      1\n    ),\n    _c(\n      \"div\",\n      { staticClass: \"vx-col w-full md:w-1/2 lg:w-1/2 xl:w-1/2 mb-base\" },\n      [\n        _c(\n          \"vx-card\",\n          { attrs: { title: \"Remove Card\", \"remove-card-action\": \"\" } },\n          [\n            _c(\"p\", { staticClass: \"mb-3\" }, [\n              _vm._v(\"You can add remove card action by setting \"),\n              _c(\"code\", [_vm._v(\"remove-card-action\")]),\n              _vm._v(\" prop to \"),\n              _c(\"code\", [_vm._v(\"true\")]),\n              _vm._v(\". By default it is set to false.\"),\n            ]),\n            _c(\"p\", { staticClass: \"mb-3\" }, [\n              _vm._v(\"You can also get this action if you set \"),\n              _c(\"code\", [_vm._v(\"action-buttons\")]),\n              _vm._v(\" prop to \"),\n              _c(\"code\", [_vm._v(\"true\")]),\n              _vm._v(\".\"),\n            ]),\n            _c(\n              \"p\",\n              [\n                _vm._v(\"Click on \"),\n                _c(\"feather-icon\", {\n                  staticClass: \"align-middle\",\n                  attrs: { icon: \"XIcon\", svgClasses: \"h-4 w-4\" },\n                }),\n                _vm._v(\" icon to see close card in action.\"),\n              ],\n              1\n            ),\n          ]\n        ),\n      ],\n      1\n    ),\n    _c(\n      \"div\",\n      { staticClass: \"vx-col w-full md:w-1/2 lg:w-1/2 xl:w-1/2 mb-base\" },\n      [\n        _c(\n          \"vx-card\",\n          {\n            attrs: { title: \"Refresh Content\", \"refresh-content-action\": \"\" },\n            on: { refresh: _vm.closeCardAnimationDemo },\n          },\n          [\n            _c(\"p\", { staticClass: \"mb-3\" }, [\n              _vm._v(\"You can add refresh content action by setting \"),\n              _c(\"code\", [_vm._v(\"refresh-content-action\")]),\n              _vm._v(\" prop to \"),\n              _c(\"code\", [_vm._v(\"true\")]),\n              _vm._v(\". By default it is set to false.\"),\n            ]),\n            _c(\"p\", { staticClass: \"mb-3\" }, [\n              _vm._v(\"You can also get this action if you set \"),\n              _c(\"code\", [_vm._v(\"action-buttons\")]),\n              _vm._v(\" prop to \"),\n              _c(\"code\", [_vm._v(\"true\")]),\n              _vm._v(\".\"),\n            ]),\n            _c(\n              \"p\",\n              [\n                _vm._v(\"Click on \"),\n                _c(\"feather-icon\", {\n                  staticClass: \"align-middle\",\n                  attrs: { icon: \"RotateCwIcon\", svgClasses: \"h-4 w-4\" },\n                }),\n                _vm._v(\" icon to see refresh card content in action.\"),\n              ],\n              1\n            ),\n          ]\n        ),\n      ],\n      1\n    ),\n    _c(\n      \"div\",\n      { staticClass: \"vx-col w-full md:w-1/2 lg:w-1/2 xl:w-1/2 md:mt-0\" },\n      [\n        _c(\n          \"vx-card\",\n          {\n            attrs: { title: \"Action Buttons\", \"action-buttons\": \"\" },\n            on: { refresh: _vm.closeCardAnimationDemo },\n          },\n          [\n            _c(\"p\", { staticClass: \"mb-2\" }, [\n              _vm._v(\"You can add all three action by setting \"),\n              _c(\"code\", [_vm._v(\"action-buttons\")]),\n              _vm._v(\" prop to \"),\n              _c(\"code\", [_vm._v(\"true\")]),\n              _vm._v(\". By default it is set to false.\"),\n            ]),\n            _c(\n              \"p\",\n              { staticClass: \"mb-1\" },\n              [\n                _vm._v(\"Click on \"),\n                _c(\"feather-icon\", {\n                  staticClass: \"align-middle\",\n                  attrs: { icon: \"ChevronDownIcon\", svgClasses: \"h-5 w-5\" },\n                }),\n                _vm._v(\" icon to see card collapse in action.\"),\n              ],\n              1\n            ),\n            _c(\n              \"p\",\n              { staticClass: \"mb-1\" },\n              [\n                _vm._v(\"Click on \"),\n                _c(\"feather-icon\", {\n                  staticClass: \"align-middle\",\n                  attrs: { icon: \"RotateCwIcon\", svgClasses: \"h-4 w-4\" },\n                }),\n                _vm._v(\" icon to see refresh card content in action.\"),\n              ],\n              1\n            ),\n            _c(\n              \"p\",\n              { staticClass: \"mb-1\" },\n              [\n                _vm._v(\"Click on \"),\n                _c(\"feather-icon\", {\n                  staticClass: \"align-middle\",\n                  attrs: { icon: \"XIcon\", svgClasses: \"h-4 w-4\" },\n                }),\n                _vm._v(\" icon to see close card in action.\"),\n              ],\n              1\n            ),\n          ]\n        ),\n      ],\n      1\n    ),\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./CardActions.vue?vue&type=template&id=62e23de7&\"\nimport script from \"./CardActions.vue?vue&type=script&lang=js&\"\nexport * from \"./CardActions.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\n/* hot reload */\nif (module.hot) {\n  var api = require(\"/home/node/app/node_modules/vue-hot-reload-api/dist/index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('62e23de7')) {\n      api.createRecord('62e23de7', component.options)\n    } else {\n      api.reload('62e23de7', component.options)\n    }\n    module.hot.accept(\"./CardActions.vue?vue&type=template&id=62e23de7&\", function () {\n      api.rerender('62e23de7', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/ui-elements/card/CardActions.vue\"\nexport default component.exports","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/babel-loader/lib/index.js??ref--12-1!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CardActions.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/babel-loader/lib/index.js??ref--12-1!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CardActions.vue?vue&type=script&lang=js&\"","export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js?{\\\"cacheDirectory\\\":\\\"node_modules/.cache/vue-loader\\\",\\\"cacheIdentifier\\\":\\\"27e57935-vue-loader-template\\\"}!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/babel-loader/lib/index.js??ref--12-1!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CardActions.vue?vue&type=template&id=62e23de7&\""],"mappings":";;;;;;;;;;AAgFA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;ACtFA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAAA;AAGA;AAAA;AAKA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAKA;AACA;AAAA;AAAA;AACA;AAMA;AAEA;AAMA;AAEA;AAMA;AAEA;AAQA;AAEA;AAMA;AAEA;AAGA;AACA;AACA;AACA;AACA;AAOA;AAEA;AAQA;AAEA;AAMA;AAEA;AAGA;AAAA;AAAA;AAAA;AACA;AAOA;AAEA;AAQA;AAEA;AAMA;AAEA;AAGA;AAAA;AAAA;AAAA;AACA;AAOA;AAEA;AAaA;AAAA;AAIA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAOA;AAAA;AAYA;AACA;AAAA;AAAA;AAAA;AACA;AAYA;AAAA;AAIA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAOA;AAAA;AAYA;AACA;AAAA;AAAA;AAAA;AACA;AAYA;AAAA;AAKA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAEA;AAAA;AAOA;AAAA;AAYA;AACA;AAAA;AAAA;AAAA;AACA;AAYA;AAAA;AAKA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAEA;AAAA;AASA;AAAA;AAIA;AACA;AAAA;AAAA;AAAA;AACA;AAOA;AAAA;AAIA;AACA;AAAA;AAAA;AAAA;AACA;AAOA;AAAA;AAIA;AACA;AAAA;AAAA;AAAA;AACA;AAWA;AACA;AACA;;;;;;;;;;;;;AChVA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;ACtCA;AAAA;AAAA;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;A","sourceRoot":""}