{"version":3,"sources":["webpack:///./frontend/components/tabs/Tabs.vue","webpack:///./frontend/components/tabs/Tabs.vue?a3cb","webpack:///./frontend/view/uiElements/Tab.vue","webpack:///./frontend/view/uiElements/Tab.vue?5457","webpack:///./frontend/components/tabs/Style.js"],"names":["activeKey","color","tabPosition","undefined","data","item","index","key","tab","icon","type","size","tabTitle","title","content","name","components","TabBasic","Child","props","string","oneOf","def","arrayOf","object","setup","__exports__","render","class","buttons","gutter","md","xs","dataIcon","Main","Tabs","TabPane","TabColor","colors","TabChildColor","Styled"],"mappings":"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","file":"js/Tabs.7b495dd5.js","sourcesContent":["<template>\n  <TabBasic\n    v-model:activeKey=\"activeKey\"\n    :color=\"color && color\"\n    :tabPosition=\"tabPosition !== undefined ? tabPosition : 'top'\"\n  >\n    <Child v-for=\"(item, index) in data\" :key=\"index + 1\" :color=\"color && color\">\n      <template #tab>\n        <span v-if=\"item.icon && item.icon !== 'undefined'\">\n          <sdFeatherIcons :type=\"item.icon\" size=\"18\" />\n          {{ item.tabTitle }}\n        </span>\n        <span v-if=\"!item.icon\">\n          {{ item.tabTitle }}\n        </span>\n      </template>\n      <h2>{{ item.title }}</h2>\n      <p>{{ item.content }}</p>\n    </Child>\n  </TabBasic>\n</template>\n\n<script>\nimport { ref } from 'vue';\nimport VueTypes from 'vue-types';\nimport { TabBasic, Child } from './Style';\nexport default {\n  name: 'Tab',\n  components: { TabBasic, Child },\n  props: {\n    color: VueTypes.string,\n    tabPosition: VueTypes.oneOf(['top', 'right', 'bottom', 'left']).def('top'),\n    data: VueTypes.arrayOf(VueTypes.object),\n  },\n  setup() {\n    return {\n      activeKey: ref(1),\n    };\n  },\n};\n</script>\n","import { render } from \"./Tabs.vue?vue&type=template&id=3ac8dda8\"\nimport script from \"./Tabs.vue?vue&type=script&lang=js\"\nexport * from \"./Tabs.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/var/www/crm/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\n  <div>\n    <sdPageHeader title=\"Tabs\">\n      <template v-slot:buttons>\n        <div class=\"page-header-actions\">\n          <sdCalendarButton />\n          <sdExportButton />\n          <sdShareButton />\n          <sdButton size=\"small\" type=\"primary\">\n            <sdFeatherIcons type=\"plus\" size=\"14\" />\n            Add New\n          </sdButton>\n        </div>\n      </template>\n    </sdPageHeader>\n    <Main>\n      <a-row :gutter=\"25\">\n        <a-col :md=\"12\" :xs=\"24\">\n          <Tabs :data=\"data\"></Tabs>\n        </a-col>\n        <a-col :md=\"12\" :xs=\"24\">\n          <Tabs :data=\"data\" color=\"default\"></Tabs>\n        </a-col>\n      </a-row>\n      <a-row :gutter=\"25\">\n        <a-col :md=\"12\" :xs=\"24\">\n          <Tabs :data=\"dataIcon\" color=\"#5F63F2\"></Tabs>\n        </a-col>\n        <a-col :md=\"12\" :xs=\"24\">\n          <Tabs :data=\"icon\" color=\"#5F63F2\"></Tabs>\n        </a-col>\n      </a-row>\n      <a-row :gutter=\"25\">\n        <a-col :md=\"12\" :xs=\"24\">\n          <Tabs :data=\"dataIcon\" color=\"#ffffff\"></Tabs>\n        </a-col>\n      </a-row>\n    </Main>\n  </div>\n</template>\n\n<script>\nimport { Main } from '../styled';\nimport Tabs from '../../components/tabs/Tabs';\nimport { data, dataIcon, icon } from '../../demoData/tab-data.json';\n\nexport default {\n  name: 'Tab',\n  components: {\n    Main,\n    Tabs,\n  },\n  setup() {\n    return { data, dataIcon, icon };\n  },\n};\n</script>\n","import { render } from \"./Tab.vue?vue&type=template&id=1d86a64c\"\nimport script from \"./Tab.vue?vue&type=script&lang=js\"\nexport * from \"./Tab.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/var/www/crm/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","import Styled from 'vue3-styled-components';\nimport { Tabs } from 'ant-design-vue';\n\nconst { TabPane } = Tabs;\n\nconst props = ['color'];\n\nconst TabColor = colors => `\n  margin-bottom: 30px !important;\n  .ant-tabs-bar {\n    margin: 0;\n  }\n  .ant-tabs-nav-list{\n    margin: 0;\n  }\n  .ant-tabs-nav{\n    color : ${({ color }) =>\n      color !== 'default' && color !== '#ffffff' && color !== '#fff' && color !== 'white' ? '#ffffff' : '#000000'};\n  }\n  .ant-tabs-nav .ant-tabs-tab:hover, .ant-tabs-nav .ant-tabs-tab:focus {\n    //background : ${colors !== 'default' && colors};\n    color : ${({ color }) =>\n      color !== 'default' && color !== '#ffffff' && color !== '#fff' && color !== 'white' ? '#ffffff' : '#000000'};\n  }\n  .ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active {\n    border: none;\n    border-radius: 3px;\n    background : ${colors !== 'default' && colors};\n  }\n  .ant-tabs-tab.ant-tabs-tab-active{\n    color : ${\n      colors !== 'default' && colors !== '#ffffff' && colors !== '#fff' && colors !== 'white' ? '#ffffff' : '#5F63F2'\n    };\n  }\n  .ant-tabs-ink-bar {\n    background: transparent\n  }\n`;\n\nconst TabChildColor = color => `\n  h1, h2, h3, h4, h5, h6, p, span, i {\n    padding: 15px;\n    background : ${color !== 'default' && color};\n    color : ${\n      color !== 'default' && color !== '#ffffff' && color !== '#fff' && color !== 'white' ? '#ffffff' : '#000000'\n    };\n    margin: 0;\n  }\n  \n`;\n\nconst TabBasic = Styled(Tabs, props)`\n  margin-bottom: 30px !important;\n  ${({ color }) => color && TabColor(color)}\n`;\n\nconst Child = Styled(TabPane, props)` \n    /* background: ${({ color }) =>\n      color !== 'default' && color !== '#ffffff' && color !== '#fff' && color !== 'white' ? '#ffffff' : '#000000'}; */\n    ${({ color }) => color && TabChildColor(color)}\n`;\n\nexport { TabBasic, Child };\n"],"sourceRoot":""}