{"version":3,"sources":["webpack:///./src/views/DemoCards.vue","webpack:///./src/components/CardDemo.vue","webpack:///./src/components/CardDemo.vue?3749","webpack:///./src/views/DemoCards.vue?58ac","webpack:///./src/components/SectionHeader.vue","webpack:///./src/components/SectionHeader.vue?8656","webpack:///./src/components/SectionHeader.vue?3c4c"],"names":["full","src","alt","title","sub-title","hash","git","align-items","md","subtitle","ratio","align","flat","theme","size","name","components","SectionHeader","setup","render","CardDemo","class","xmlns","width","height","viewBox","fill-rule","d","transform","subTitle","type","href","target","rounded","icon-only","handleCopy","active","icon","placement","dismissable","content","subContent","props","String","default","toast","route","host","window","location","currentRoute","value","path","copiedResult","navigator","clipboard","writeText","then","__scopeId"],"mappings":"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","file":"js/cards.56d15a2f.js","sourcesContent":["<template>\n  <sd-container full>\n    <card-demo/>\n  </sd-container>\n</template>\n\n<script>\nimport CardDemo from '@/components/CardDemo'\nexport default {\n  components: { CardDemo }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n\n</style>\n","<template>\n  <section>\n    <sd-container full>\n      <section-header\n        title=\"Cards\"\n        sub-title=\"Not at all like trading cards.\"\n        hash=\"#cards\"\n        git=\"https://github.com/strizich/sdui-vite/tree/master/src/lib/components/SdCard\"\n      />\n      <sd-grid align-items=\"stretch\">\n        <sd-cell :md=\"6\">\n          <sd-card>\n            <sd-card-header title=\"Card Media\" subtitle=\"Subtitles are here\" />\n            <sd-card-media ratio=\"16x9\">\n              <img src=\"/img/Dispatching.png\" alt=\"place-puppy.com\" />\n            </sd-card-media>\n            <sd-card-footer align=\"center\">\n              <sd-button flat theme=\"default\" size=\"sm\">Button</sd-button>\n              <sd-button flat size=\"sm\">Button</sd-button>\n            </sd-card-footer>\n          </sd-card>\n        </sd-cell>\n        <sd-cell :md=\"6\">\n          <sd-card>\n            <sd-card-header title=\"Card 2\" subtitle=\"Subtitles are here\" />\n            <sd-card-body>\n              <p>Stuff goes in here</p>\n            </sd-card-body>\n            <sd-card-footer align=\"flex-end\">\n              <sd-button flat theme=\"default\" size=\"sm\">Button</sd-button>\n              <sd-button flat size=\"sm\">Button</sd-button>\n            </sd-card-footer>\n          </sd-card>\n        </sd-cell>\n        <sd-cell :md=\"6\">\n          <sd-card>\n            <sd-card-media ratio=\"16x9\">\n              <img src=\"/img/StyleGuide.png\" alt=\"place-puppy.com\" />\n            </sd-card-media>\n            <sd-card-header title=\"Composable!\" subtitle=\"Yay!\" />\n            <sd-card-footer align=\"flex-end\">\n              <sd-button flat theme=\"default\" size=\"sm\">Button</sd-button>\n              <sd-button flat size=\"sm\">Button</sd-button>\n            </sd-card-footer>\n          </sd-card>\n        </sd-cell>\n      </sd-grid>\n    </sd-container>\n  </section>\n</template>\n\n<script>\nimport SectionHeader from '@/components/SectionHeader'\n\nexport default {\n  name: 'CardTest',\n  components: {\n    SectionHeader\n  },\n  setup () {}\n}\n</script>\n\n<style lang=\"scss\" scoped>\n</style>\n","import { render } from \"./CardDemo.vue?vue&type=template&id=789a549b\"\nimport script from \"./CardDemo.vue?vue&type=script&lang=js\"\nexport * from \"./CardDemo.vue?vue&type=script&lang=js\"\nscript.render = render\n\nexport default script","import { render } from \"./DemoCards.vue?vue&type=template&id=631ad61c\"\nimport script from \"./DemoCards.vue?vue&type=script&lang=js\"\nexport * from \"./DemoCards.vue?vue&type=script&lang=js\"\nscript.render = render\n\nexport default script","<template>\n  <div class=\"section-header\">\n    <slot v-if=\"!title && !subTitle\" />\n    <div class=\"section-header--left\" v-if=\"title || subTitle\">\n      <p class=\"sd--text__caption\" v-if=\"subTitle\">{{subTitle}}</p>\n      <h2 class=\"sd--text__header\" v-if=\"title\">{{title}}</h2>\n    </div>\n    <div class=\"section-header--right\">\n      <sd-button\n        type=\"link\"\n        :href=\"git\"\n        target=\"_blank\"\n        flat\n        rounded\n        icon-only\n        v-if=\"git\"\n      >\n        <svg class=\"git\" xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"20\" viewBox=\"0 0 33 33\">\n          <path fill-rule=\"evenodd\"\n            d=\"M152.608,55.455 C143.614,55.455 136.32,62.748 136.32,71.745 C136.32,78.942 140.987,85.047 147.46,87.201 C148.275,87.351 148.572,86.848 148.572,86.416 C148.572,86.03 148.558,85.005 148.55,83.646 C144.019,84.63 143.063,81.462 143.063,81.462 C142.322,79.58 141.254,79.079 141.254,79.079 C139.775,78.069 141.366,78.089 141.366,78.089 C143.001,78.204 143.861,79.768 143.861,79.768 C145.314,82.257 147.674,81.538 148.602,81.121 C148.75,80.069 149.171,79.351 149.636,78.944 C146.019,78.533 142.216,77.135 142.216,70.893 C142.216,69.115 142.851,67.66 143.893,66.522 C143.725,66.11 143.166,64.453 144.053,62.211 C144.053,62.211 145.42,61.773 148.532,63.881 C149.831,63.519 151.225,63.339 152.61,63.332 C153.994,63.339 155.387,63.519 156.688,63.881 C159.798,61.773 161.163,62.211 161.163,62.211 C162.052,64.453 161.493,66.11 161.326,66.522 C162.37,67.66 163,69.115 163,70.893 C163,77.151 159.191,78.528 155.563,78.931 C156.147,79.434 156.668,80.428 156.668,81.948 C156.668,84.125 156.648,85.882 156.648,86.416 C156.648,86.852 156.942,87.359 157.768,87.2 C164.236,85.041 168.899,78.94 168.899,71.745 C168.899,62.748 161.605,55.455 152.608,55.455\"\n            transform=\"translate(-136 -55)\" />\n        </svg>\n      </sd-button>\n      <sd-button\n        @click=\"handleCopy\"\n        :active=\"active\"\n        icon=\"link\"\n        icon-only\n        rounded\n        flat\n      >\n        <sd-toast\n          :placement=\"placement\"\n          :dismissable=\"false\"\n          theme=\"success\"\n          v-model:active=\"active\"\n        >\n          <div class=\"tip__content\">\n            <span v-if=\"content\">{{content}}</span>\n            <small v-if=\"subContent\">{{subContent}}</small>\n          </div>\n        </sd-toast>\n      </sd-button>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { defineComponent, reactive, toRefs } from 'vue'\nimport { useRouter } from 'vue-router'\n\nexport default defineComponent({\n  name: 'SectionHeader',\n  props: {\n    hash: {\n      type: String\n    },\n    title: String,\n    subTitle: String,\n    git: String,\n    placement: {\n      type: String,\n      default: 'top'\n    }\n  },\n  setup (props) {\n    const toast = reactive({\n      active: false,\n      content: '',\n      subContent: ''\n    })\n\n    const route = useRouter()\n\n    const handleCopy = () => {\n      const host = window.location.host\n      const currentRoute = route.currentRoute.value.path\n      let copiedResult = ''\n      if (props.hash) {\n        copiedResult = host + currentRoute + props.hash\n      } else {\n        copiedResult = host + currentRoute\n      }\n      navigator.clipboard.writeText(copiedResult).then(\n        () => {\n          toast.theme = ''\n          toast.active = true\n          toast.content = 'Copied!'\n          toast.subContent = 'Ready for paste.'\n        }, () => {\n          toast.active = true\n          toast.theme = 'danger'\n          toast.content = 'Something went wrong.'\n          toast.subContent = 'Nothing Copied...'\n        }\n      )\n    }\n\n    return { ...toRefs(toast), handleCopy }\n  }\n})\n\n</script>\n\n<style lang=\"scss\" scoped>\n.section-header {\n    display:flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-bottom: 32px;\n    &--group{\n      margin-right: 16px;\n    }\n  }\n\n.tip__content{\n  & > span {\n    display:block;\n  }\n  & > small{\n    margin-top: 4px;\n    display:block;\n  }\n}\n</style>\n","import { render } from \"./SectionHeader.vue?vue&type=template&id=e6c709f0&scoped=true\"\nimport script from \"./SectionHeader.vue?vue&type=script&lang=js\"\nexport * from \"./SectionHeader.vue?vue&type=script&lang=js\"\n\nimport \"./SectionHeader.vue?vue&type=style&index=0&id=e6c709f0&lang=scss&scoped=true\"\nscript.render = render\nscript.__scopeId = \"data-v-e6c709f0\"\n\nexport default script","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader-v16/dist/index.js??ref--0-1!./SectionHeader.vue?vue&type=style&index=0&id=e6c709f0&lang=scss&scoped=true\""],"sourceRoot":""}