{"version":3,"sources":["webpack:///./src/views/components/timeline/code.js"],"names":["codeBasic","codeWithIcon","codeCustomContent","codeCustomContentWithIcon"],"mappings":"gHAAA,0MAAO,IAAMA,EAAY,sqCAoDZC,EAAe,yxCAyDfC,EAAoB,0wPAkPpBC,EAA4B","file":"js/chunk-2d21e8f6.d9191703.js","sourcesContent":["export const codeBasic = `\n<template>\n  <app-timeline>\n    <app-timeline-item\n      title=\"Goal Achieved\"\n      subtitle=\"All milestones are completed\"\n      time=\"few minutes ago\"\n      variant=\"success\"\n    />\n\n    <app-timeline-item\n      title=\"Last milestone remain\"\n      subtitle=\"You are just one step away from your goal\"\n      time=\"3 minutes ago\"\n      variant=\"info\"\n    />\n\n    <app-timeline-item\n      title=\"Your are running low on time\"\n      subtitle=\"Only 30 minutes left to finish milestone\"\n      time=\"21 minutes ago\"\n      variant=\"warning\"\n    />\n\n    <app-timeline-item\n      title=\"Client Meeting\"\n      subtitle=\"New event has been added to your schedule\"\n      time=\"36 minutes ago\"\n    />\n\n    <app-timeline-item\n      title=\"Product Design\"\n      subtitle=\"Product design added in workflow\"\n      time=\"1 hour ago\"\n      variant=\"secondary\"\n    />\n  </app-timeline>\n</template>\n\n<script>\nimport AppTimeline from '@core/components/app-timeline/AppTimeline.vue'\nimport AppTimelineItem from '@core/components/app-timeline/AppTimelineItem.vue'\n\nexport default {\n  components: {\n    AppTimeline,\n    AppTimelineItem,\n  },\n}\n</script>\n`\n\nexport const codeWithIcon = `\n<template>\n  <app-timeline>\n    <app-timeline-item\n      title=\"Goal Achieved\"\n      subtitle=\"All milestones are completed\"\n      icon=\"AwardIcon\"\n      time=\"few minutes ago\"\n      variant=\"success\"\n    />\n\n    <app-timeline-item\n      title=\"Last milestone remain\"\n      subtitle=\"You are just one step away from your goal\"\n      icon=\"InfoIcon\"\n      time=\"3 minutes ago\"\n      variant=\"info\"\n    />\n\n    <app-timeline-item\n      title=\"Your are running low on time\"\n      subtitle=\"Only 30 minutes left to finish milestone\"\n      icon=\"ClockIcon\"\n      time=\"21 minutes ago\"\n      variant=\"warning\"\n    />\n\n    <app-timeline-item\n      title=\"Client Meeting\"\n      subtitle=\"New event has been added to your schedule\"\n      icon=\"UserIcon\"\n      time=\"36 minutes ago\"\n    />\n\n    <app-timeline-item\n      title=\"Product Design\"\n      subtitle=\"Product design added in workflow\"\n      icon=\"GridIcon\"\n      time=\"1 hour ago\"\n      variant=\"success\"\n    />\n  </app-timeline>\n</template>\n\n<script>\nimport AppTimeline from '@core/components/app-timeline/AppTimeline.vue'\nimport AppTimelineItem from '@core/components/app-timeline/AppTimelineItem.vue'\n\nexport default {\n  components: {\n    AppTimeline,\n    AppTimelineItem,\n  },\n}\n</script>\n`\n\nexport const codeCustomContent = `\n<template>\n  <app-timeline>\n\n    <!-- 12 INVOICES HAVE BEEN PAID -->\n    <app-timeline-item>\n      <div class=\"d-flex flex-sm-row flex-column flex-wrap justify-content-between mb-1 mb-sm-0\">\n        <h6>12 Invoices have been paid</h6>\n        <small class=\"text-muted\">12 min ago</small>\n      </div>\n      <p>Invoices have been paid to the company.</p>\n      <p>\n        <b-img\n          :src=\"require('@/assets/images/icons/pdf.png')\"\n          height=\"auto\"\n          width=\"20\"\n          class=\"mr-1\"\n        />\n        <span class=\"align-bottom\">invoice.pdf</span>\n      </p>\n    </app-timeline-item>\n\n    <app-timeline-item variant=\"secondary\">\n\n      <div class=\"d-flex flex-sm-row flex-column flex-wrap justify-content-between mb-1 mb-sm-0\">\n        <h6>Client Meeting</h6>\n        <small class=\"text-muted\">45 min ago</small>\n      </div>\n      <p>Project meeting with john @10:15am.</p>\n      <b-media>\n        <template #aside>\n          <b-avatar :src=\"require('@/assets/images/avatars/12-small.png')\" />\n        </template>\n        <h6>John Doe (Client)</h6>\n        <p>CEO of Infibeam</p>\n      </b-media>\n    </app-timeline-item>\n\n    <!-- FINANCIAL REPORT -->\n    <app-timeline-item variant=\"success\">\n\n      <div class=\"d-flex flex-sm-row flex-column flex-wrap justify-content-between mb-1 mb-sm-0\">\n        <h6>Financial Report</h6>\n        <small class=\"text-muted\">2 hours ago</small>\n      </div>\n      <p>Click the button below to read financial reports</p>\n      <b-button\n        v-b-toggle.report-list\n        v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n        size=\"sm\"\n        variant=\"outline-primary\"\n      >\n        Show Report\n      </b-button>\n      <b-collapse id=\"report-list\">\n        <b-list-group\n          flush\n          class=\"mt-1\"\n        >\n          <b-list-group-item\n            href=\"#\"\n            class=\"d-flex justify-content-between align-items-center bg-transparent\"\n          >\n            <span>Last Year's Profit: $20,000</span>\n            <feather-icon icon=\"Share2Icon\" />\n          </b-list-group-item>\n          <b-list-group-item\n            href=\"#\"\n            class=\"d-flex justify-content-between align-items-center bg-transparent\"\n          >\n            <span>This Year's Profit: $25,000</span>\n            <feather-icon icon=\"Share2Icon\" />\n          </b-list-group-item>\n          <b-list-group-item\n            href=\"#\"\n            class=\"d-flex justify-content-between align-items-center bg-transparent\"\n          >\n            <span>Last Year's Commision: $5,000</span>\n            <feather-icon icon=\"Share2Icon\" />\n          </b-list-group-item>\n          <b-list-group-item\n            href=\"#\"\n            class=\"d-flex justify-content-between align-items-center bg-transparent\"\n          >\n            <span>This Year's Commision: $7,000</span>\n            <feather-icon icon=\"Share2Icon\" />\n          </b-list-group-item>\n          <b-list-group-item\n            href=\"#\"\n            class=\"d-flex justify-content-between align-items-center bg-transparent\"\n          >\n            <span>This Year's Total Balance: $70,000</span>\n            <feather-icon icon=\"Share2Icon\" />\n          </b-list-group-item>\n        </b-list-group>\n      </b-collapse>\n    </app-timeline-item>\n\n    <!-- INTERVIEW SCHEDULE -->\n    <app-timeline-item variant=\"warning\">\n      <div class=\"d-flex flex-sm-row flex-column flex-wrap justify-content-between mb-1 mb-sm-0\">\n        <h6>Interview Schedule</h6>\n        <small class=\"text-muted\">03:00 PM</small>\n      </div>\n      <p>Have to interview Katy Turner for the developer job.</p>\n      <div class=\"d-flex flex-sm-row flex-column justify-content-between align-items-start\">\n        <b-media>\n          <template #aside>\n            <b-avatar :src=\"require('@/assets/images/avatars/1-small.png')\" />\n          </template>\n          <h6>Katy Turner</h6>\n          <span class=\"text-muted\">Javascript Developer</span>\n        </b-media>\n        <div>\n          <feather-icon\n            icon=\"MessageSquareIcon\"\n            class=\"mr-1\"\n          />\n          <feather-icon icon=\"PhoneCallIcon\" />\n        </div>\n      </div>\n    </app-timeline-item>\n\n    <!-- ONLINE STORE -->\n    <app-timeline-item variant=\"danger\">\n\n      <div class=\"d-flex flex-sm-row flex-column flex-wrap justify-content-between mb-1 mb-sm-0\">\n        <h6>Online Store</h6>\n        <small class=\"text-muted\">03:00 PM</small>\n      </div>\n      <p>Develop an online store of electronic devices for the provided layout, as well as develop a mobile version of it. The must be compatible with any CMS.</p>\n      <div class=\"d-flex flex-sm-row flex-column justify-content-between align-items-start\">\n        <!-- 1st Col -->\n        <div class=\"mb-1 mb-sm-0\">\n          <span class=\"text-muted mb-50\">Developers</span>\n\n          <div>\n            <b-avatar\n              text=\"A\"\n              class=\"mr-50\"\n              size=\"24\"\n              variant=\"light-primary\"\n            />\n            <b-avatar\n              text=\"B\"\n              class=\"mr-50\"\n              size=\"24\"\n              variant=\"light-success\"\n            />\n            <b-avatar\n              text=\"C\"\n              class=\"mr-50\"\n              size=\"24\"\n              variant=\"light-danger\"\n            />\n          </div>\n        </div>\n        <!-- 2nd Col -->\n        <div class=\"mb-1 mb-sm-0\">\n          <span class=\"text-muted mb-50 d-block\">Deadline</span>\n          <span>20 Dec 2077</span>\n        </div>\n        <!-- 3rd Col -->\n        <div>\n          <span class=\"text-muted mb-50 d-block\">Budget</span>\n          <span>$50,000</span>\n        </div>\n      </div>\n    </app-timeline-item>\n\n    <!-- DESIGNING UI -->\n    <app-timeline-item variant=\"info\">\n\n      <div class=\"d-flex align-items-start flex-sm-row flex-column flex-wrap justify-content-between mb-1 mb-sm-50\">\n        <h6>Designing UI</h6>\n        <b-badge\n          pill\n          variant=\"light-primary\"\n        >\n          Design\n        </b-badge>\n      </div>\n      <p>Our main goal is to design a new mobile application for our client. The customer wants a clean &amp; flat design.</p>\n      <div>\n        <span class=\"text-muted\">\n          Participants\n        </span>\n        <b-avatar-group\n          size=\"32px\"\n          class=\"mt-50\"\n        >\n          <b-avatar\n            v-b-tooltip.hover\n            class=\"pull-up\"\n            title=\"Jenny Looper\"\n            :src=\"require('@/assets/images/portrait/small/avatar-s-5.jpg')\"\n          />\n          <b-avatar\n            v-b-tooltip.hover\n            class=\"pull-up\"\n            title=\"Jennifer Lopez\"\n            :src=\"require('@/assets/images/portrait/small/avatar-s-6.jpg')\"\n          />\n          <b-avatar\n            v-b-tooltip.hover\n            class=\"pull-up\"\n            title=\"Arya Stark\"\n            :src=\"require('@/assets/images/portrait/small/avatar-s-7.jpg')\"\n          />\n        </b-avatar-group>\n      </div>\n    </app-timeline-item>\n  </app-timeline>\n</template>\n\n<script>\nimport {\n  BImg, BAvatar, BMedia, BButton, BCollapse, VBToggle, BListGroup, BListGroupItem, BAvatarGroup, BBadge, VBTooltip,\n} from 'bootstrap-vue'\nimport AppTimeline from '@core/components/app-timeline/AppTimeline.vue'\nimport AppTimelineItem from '@core/components/app-timeline/AppTimelineItem.vue'\nimport Ripple from 'vue-ripple-directive'\n\nexport default {\n  components: {\n    AppTimeline,\n    AppTimelineItem,\n    BImg,\n    BMedia,\n    BAvatar,\n    BButton,\n    BCollapse,\n    BListGroup,\n    BListGroupItem,\n    BAvatarGroup,\n    BBadge,\n  },\n  directives: { 'b-toggle': VBToggle, 'b-tooltip': VBTooltip, Ripple },\n}\n</script>\n`\n\nexport const codeCustomContentWithIcon = `\n<template>\n  <app-timeline>\n\n    <!-- 12 INVOICES HAVE BEEN PAID -->\n    <app-timeline-item icon=\"DollarSignIcon\">\n      <div class=\"d-flex flex-sm-row flex-column flex-wrap justify-content-between mb-1 mb-sm-0\">\n        <h6>12 Invoices have been paid</h6>\n        <small class=\"text-muted\">12 min ago</small>\n      </div>\n      <p>Invoices have been paid to the company.</p>\n      <p>\n        <b-img\n          :src=\"require('@/assets/images/icons/pdf.png')\"\n          height=\"auto\"\n          width=\"20\"\n          class=\"mr-1\"\n        />\n        <span class=\"align-bottom\">invoice.pdf</span>\n      </p>\n    </app-timeline-item>\n\n    <app-timeline-item\n      variant=\"secondary\"\n      icon=\"UserIcon\"\n    >\n\n      <div class=\"d-flex flex-sm-row flex-column flex-wrap justify-content-between mb-1 mb-sm-0\">\n        <h6>Client Meeting</h6>\n        <small class=\"text-muted\">45 min ago</small>\n      </div>\n      <p>Project meeting with john @10:15am.</p>\n      <b-media>\n        <template #aside>\n          <b-avatar :src=\"require('@/assets/images/avatars/12-small.png')\" />\n        </template>\n        <h6>John Doe (Client)</h6>\n        <p>CEO of Infibeam</p>\n      </b-media>\n    </app-timeline-item>\n\n    <!-- FINANCIAL REPORT -->\n    <app-timeline-item\n      variant=\"success\"\n      icon=\"FileTextIcon\"\n    >\n\n      <div class=\"d-flex flex-sm-row flex-column flex-wrap justify-content-between mb-1 mb-sm-0\">\n        <h6>Financial Report</h6>\n        <small class=\"text-muted\">2 hours ago</small>\n      </div>\n      <p>Click the button below to read financial reports</p>\n      <b-button\n        v-b-toggle.report-list-with-icon\n        v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n        size=\"sm\"\n        variant=\"outline-primary\"\n      >\n        Show Report\n      </b-button>\n      <b-collapse id=\"report-list-with-icon\">\n        <b-list-group\n          flush\n          class=\"mt-1\"\n        >\n          <b-list-group-item\n            href=\"#\"\n            class=\"d-flex justify-content-between align-items-center bg-transparent\"\n          >\n            <span>Last Year's Profit: $20,000</span>\n            <feather-icon icon=\"Share2Icon\" />\n          </b-list-group-item>\n          <b-list-group-item\n            href=\"#\"\n            class=\"d-flex justify-content-between align-items-center bg-transparent\"\n          >\n            <span>This Year's Profit: $25,000</span>\n            <feather-icon icon=\"Share2Icon\" />\n          </b-list-group-item>\n          <b-list-group-item\n            href=\"#\"\n            class=\"d-flex justify-content-between align-items-center bg-transparent\"\n          >\n            <span>Last Year's Commision: $5,000</span>\n            <feather-icon icon=\"Share2Icon\" />\n          </b-list-group-item>\n          <b-list-group-item\n            href=\"#\"\n            class=\"d-flex justify-content-between align-items-center bg-transparent\"\n          >\n            <span>This Year's Commision: $7,000</span>\n            <feather-icon icon=\"Share2Icon\" />\n          </b-list-group-item>\n          <b-list-group-item\n            href=\"#\"\n            class=\"d-flex justify-content-between align-items-center bg-transparent\"\n          >\n            <span>This Year's Total Balance: $70,000</span>\n            <feather-icon icon=\"Share2Icon\" />\n          </b-list-group-item>\n        </b-list-group>\n      </b-collapse>\n    </app-timeline-item>\n\n    <!-- INTERVIEW SCHEDULE -->\n    <app-timeline-item\n      variant=\"warning\"\n      icon=\"MapPinIcon\"\n    >\n      <div class=\"d-flex flex-sm-row flex-column flex-wrap justify-content-between mb-1 mb-sm-0\">\n        <h6>Interview Schedule</h6>\n        <small class=\"text-muted\">03:00 PM</small>\n      </div>\n      <p>Have to interview Katy Turner for the developer job.</p>\n      <div class=\"d-flex flex-sm-row flex-column justify-content-between align-items-start\">\n        <b-media>\n          <template #aside>\n            <b-avatar :src=\"require('@/assets/images/avatars/1-small.png')\" />\n          </template>\n          <h6>Katy Turner</h6>\n          <span class=\"text-muted\">Javascript Developer</span>\n        </b-media>\n        <div>\n          <feather-icon\n            icon=\"MessageSquareIcon\"\n            class=\"mr-1\"\n          />\n          <feather-icon icon=\"PhoneCallIcon\" />\n        </div>\n      </div>\n    </app-timeline-item>\n\n    <!-- ONLINE STORE -->\n    <app-timeline-item\n      variant=\"danger\"\n      icon=\"ShoppingBagIcon\"\n    >\n\n      <div class=\"d-flex flex-sm-row flex-column flex-wrap justify-content-between mb-1 mb-sm-0\">\n        <h6>Online Store</h6>\n        <small class=\"text-muted\">03:00 PM</small>\n      </div>\n      <p>Develop an online store of electronic devices for the provided layout, as well as develop a mobile version of it. The must be compatible with any CMS.</p>\n      <div class=\"d-flex flex-sm-row flex-column justify-content-between align-items-start\">\n        <!-- 1st Col -->\n        <div class=\"mb-1 mb-sm-0\">\n          <span class=\"text-muted mb-50\">Developers</span>\n\n          <div>\n            <b-avatar\n              text=\"A\"\n              class=\"mr-50\"\n              size=\"24\"\n              variant=\"light-primary\"\n            />\n            <b-avatar\n              text=\"B\"\n              class=\"mr-50\"\n              size=\"24\"\n              variant=\"light-success\"\n            />\n            <b-avatar\n              text=\"C\"\n              class=\"mr-50\"\n              size=\"24\"\n              variant=\"light-danger\"\n            />\n          </div>\n        </div>\n        <!-- 2nd Col -->\n        <div class=\"mb-1 mb-sm-0\">\n          <span class=\"text-muted mb-50 d-block\">Deadline</span>\n          <span>20 Dec 2077</span>\n        </div>\n        <!-- 3rd Col -->\n        <div>\n          <span class=\"text-muted mb-50 d-block\">Budget</span>\n          <span>$50,000</span>\n        </div>\n      </div>\n    </app-timeline-item>\n\n    <!-- DESIGNING UI -->\n    <app-timeline-item\n      variant=\"info\"\n      icon=\"GridIcon\"\n    >\n\n      <div class=\"d-flex align-items-start flex-sm-row flex-column flex-wrap justify-content-between mb-1 mb-sm-50\">\n        <h6>Designing UI</h6>\n        <b-badge\n          pill\n          variant=\"light-primary\"\n        >\n          Design\n        </b-badge>\n      </div>\n      <p>Our main goal is to design a new mobile application for our client. The customer wants a clean &amp; flat design.</p>\n      <div>\n        <span class=\"text-muted\">\n          Participants\n        </span>\n        <b-avatar-group\n          size=\"32px\"\n          class=\"mt-50\"\n        >\n          <b-avatar\n            v-b-tooltip.hover\n            class=\"pull-up\"\n            title=\"Jenny Looper\"\n            :src=\"require('@/assets/images/portrait/small/avatar-s-5.jpg')\"\n          />\n          <b-avatar\n            v-b-tooltip.hover\n            class=\"pull-up\"\n            title=\"Jennifer Lopez\"\n            :src=\"require('@/assets/images/portrait/small/avatar-s-6.jpg')\"\n          />\n          <b-avatar\n            v-b-tooltip.hover\n            class=\"pull-up\"\n            title=\"Arya Stark\"\n            :src=\"require('@/assets/images/portrait/small/avatar-s-7.jpg')\"\n          />\n        </b-avatar-group>\n      </div>\n    </app-timeline-item>\n  </app-timeline>\n</template>\n\n<script>\nimport {\n  BImg, BAvatar, BMedia, BButton, BCollapse, VBToggle, BListGroup, BListGroupItem, BAvatarGroup, BBadge, VBTooltip,\n} from 'bootstrap-vue'\nimport AppTimeline from '@core/components/app-timeline/AppTimeline.vue'\nimport AppTimelineItem from '@core/components/app-timeline/AppTimelineItem.vue'\nimport Ripple from 'vue-ripple-directive'\n\nexport default {\n  components: {\n    AppTimeline,\n    AppTimelineItem,\n    BImg,\n    BMedia,\n    BAvatar,\n    BButton,\n    BCollapse,\n    BListGroup,\n    BListGroupItem,\n    BAvatarGroup,\n    BBadge,\n  },\n  directives: { 'b-toggle': VBToggle, 'b-tooltip': VBTooltip, Ripple },\n}\n</script>\n`\n"],"sourceRoot":""}