{"version":3,"sources":["webpack:///./src/components/ExpanderCard.vue?d97a","webpack:///src/components/ExpanderCard.vue","webpack:///./src/components/ExpanderCard.vue?745e","webpack:///./src/components/ExpanderCard.vue?cc79","webpack:///./src/components/ExpanderCard.vue?d965"],"names":["render","_vm","this","_h","$createElement","_c","_self","class","expanded","hasContent","imgRatio","attrs","imgHref","imgTarget","staticClass","imgSrc","imgAlt","_t","_e","$slots","on","$event","preventDefault","toggle","staticRenderFns","name","props","type","String","default","validator","data","computed","undefined","methods","component"],"mappings":"0JAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,MAAM,CAAC,gBAAiB,CAAE,cAAeN,EAAIO,SAAU,cAAeP,EAAIQ,cAAe,CAACJ,EAAG,MAAM,CAACE,MAAM,CAAC,QAAU,SAAWN,EAAIS,WAAY,CAACL,EAAG,MAAM,CAAEJ,EAAW,QAAEI,EAAG,IAAI,CAACM,MAAM,CAAC,KAAOV,EAAIW,QAAQ,OAASX,EAAIY,YAAY,CAACR,EAAG,MAAM,CAACS,YAAY,oBAAoBH,MAAM,CAAC,IAAMV,EAAIc,OAAO,IAAMd,EAAIe,YAAYX,EAAG,MAAM,CAACS,YAAY,oBAAoBH,MAAM,CAAC,IAAMV,EAAIc,OAAO,IAAMd,EAAIe,cAAcX,EAAG,MAAM,CAACS,YAAY,yBAAyB,CAACT,EAAG,MAAM,CAACS,YAAY,iBAAiBH,MAAM,CAAC,cAAcV,EAAIQ,aAAa,CAACR,EAAIgB,GAAG,WAAW,GAAIhB,EAAc,WAAEI,EAAG,MAAM,CAACS,YAAY,iBAAiB,CAACT,EAAG,MAAM,CAACS,YAAY,kBAAkB,CAACb,EAAIgB,GAAG,WAAW,GAAGZ,EAAG,oBAAoB,CAAEJ,EAAY,SAAEI,EAAG,MAAM,CAACS,YAAY,gBAAgB,CAACb,EAAIgB,GAAG,YAAY,GAAGhB,EAAIiB,QAAQ,GAAGjB,EAAIiB,OAAQjB,EAAIkB,OAAc,QAAEd,EAAG,IAAI,CAACS,YAAY,yBAAyBH,MAAM,CAAC,KAAO,KAAKS,GAAG,CAAC,MAAQ,SAASC,GAAgC,OAAxBA,EAAOC,iBAAwBrB,EAAIsB,OAAOF,MAAW,CAAChB,EAAG,SAAS,CAACM,MAAM,CAAC,KAAO,OAAO,MAAQ,UAAU,GAAGV,EAAIiB,QACxmCM,EAAkB,G,kCCoCtB,GACEC,KAAM,eACNC,MAAO,CACLX,OAAQ,CACNY,KAAMC,OACNC,QAAS,MAEXb,OAAQ,CACNW,KAAMC,OACNC,QAAS,MAEXnB,SAAU,CACRiB,KAAMC,OACNC,QAAS,MACTC,UAAW,SAAjB,kDAEIlB,QAAS,CACPe,KAAMC,OACNC,QAAS,MAEXhB,UAAW,CACTc,KAAMC,OACNC,QAAS,KAGbE,KAzBF,WA0BI,MAAO,CACLvB,UAAU,IAGdwB,SAAU,CACRvB,WADJ,WAEM,YAA+BwB,IAAxB/B,KAAKiB,OAAOU,UAGvBK,QAAS,CACPX,OADJ,WAEMrB,KAAKM,UAAYN,KAAKM,YC1E0T,I,wBCQlV2B,EAAY,eACd,EACAnC,EACAwB,GACA,EACA,KACA,KACA,MAIa,aAAAW,E,2CCnBf","file":"js/component-expandercard.a91c98d1.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:['expander-card', { 'is-expanded': _vm.expanded, 'has-content': _vm.hasContent }]},[_c('div',{class:['ratio', (\"ratio-\" + _vm.imgRatio)]},[_c('div',[(_vm.imgHref)?_c('a',{attrs:{\"href\":_vm.imgHref,\"target\":_vm.imgTarget}},[_c('img',{staticClass:\"expander-card-img\",attrs:{\"src\":_vm.imgSrc,\"alt\":_vm.imgAlt}})]):_c('img',{staticClass:\"expander-card-img\",attrs:{\"src\":_vm.imgSrc,\"alt\":_vm.imgAlt}})])]),_c('div',{staticClass:\"expander-card-content\"},[_c('div',{staticClass:\"content-header\",attrs:{\"aria-hidden\":_vm.hasContent}},[_vm._t(\"header\")],2),(_vm.hasContent)?_c('div',{staticClass:\"content-inner\"},[_c('div',{staticClass:\"content-header\"},[_vm._t(\"header\")],2),_c('transition-expand',[(_vm.expanded)?_c('div',{staticClass:\"content-body\"},[_vm._t(\"default\")],2):_vm._e()])],1):_vm._e()]),(_vm.$slots.default)?_c('a',{staticClass:\"expander-card-expander\",attrs:{\"href\":\"#\"},on:{\"click\":function($event){$event.preventDefault();return _vm.toggle($event)}}},[_c('b-icon',{attrs:{\"icon\":\"plus\",\"scale\":\"1.5\"}})],1):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div :class=\"['expander-card', { 'is-expanded': expanded, 'has-content': hasContent }]\">\r\n    <div :class=\"['ratio', `ratio-${imgRatio}`]\">\r\n      <div>\r\n        <a v-if=\"imgHref\" :href=\"imgHref\" :target=\"imgTarget\">\r\n          <img class=\"expander-card-img\" :src=\"imgSrc\" :alt=\"imgAlt\"/>\r\n        </a>\r\n\r\n        <img v-else class=\"expander-card-img\" :src=\"imgSrc\" :alt=\"imgAlt\"/>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"expander-card-content\">\r\n      <div class=\"content-header\" :aria-hidden=\"hasContent\">\r\n        <slot name=\"header\"/>\r\n      </div>\r\n\r\n      <div class=\"content-inner\" v-if=\"hasContent\">\r\n        <div class=\"content-header\">\r\n          <slot name=\"header\"/>\r\n        </div>\r\n\r\n        <transition-expand>\r\n          <div class=\"content-body\" v-if=\"expanded\">\r\n            <slot/>\r\n          </div>\r\n        </transition-expand>\r\n      </div>\r\n    </div>\r\n\r\n    <a v-if=\"$slots.default\" class=\"expander-card-expander\" href=\"#\" @click.prevent=\"toggle\"><b-icon icon=\"plus\" scale=\"1.5\"/></a>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport SCSS_VARIABLES from '@/assets/js/modules/scss-variables'\r\n\r\nexport default {\r\n  name: 'ExpanderCard',\r\n  props: {\r\n    imgSrc: {\r\n      type: String,\r\n      default: null\r\n    },\r\n    imgAlt: {\r\n      type: String,\r\n      default: null\r\n    },\r\n    imgRatio: {\r\n      type: String,\r\n      default: '1x1',\r\n      validator: value => SCSS_VARIABLES.vars['ratio-keys'].includes(value)\r\n    },\r\n    imgHref: {\r\n      type: String,\r\n      default: null\r\n    },\r\n    imgTarget: {\r\n      type: String,\r\n      default: ''\r\n    }\r\n  },\r\n  data () {\r\n    return {\r\n      expanded: false\r\n    }\r\n  },\r\n  computed: {\r\n    hasContent () {\r\n      return this.$slots.default !== undefined\r\n    }\r\n  },\r\n  methods: {\r\n    toggle () {\r\n      this.expanded = !this.expanded\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n$expander-card-border-radius: $leaf-border-radius-lg !default;\r\n$expander-card-bg: $white !default;\r\n\r\n$expander-card-image-transition-in: transform ease-out 200ms !default;\r\n$expander-card-image-transition-out: transform ease-out 200ms !default;\r\n\r\n$expander-card-content-padding-y: $component-padding-y !default;\r\n$expander-card-content-padding-x: $component-padding-x !default;\r\n$expander-card-content-bg: $expander-card-bg !default;\r\n\r\n$expander-card-content-body-gap: $spacer !default;\r\n$expander-card-content-body-font-size: $font-size-sm !default;\r\n\r\n$expander-card-expander-transition-in: transform cubic-bezier(0.35, 0.05, 0.4, 1.5) 500ms !default;\r\n$expander-card-expander-transition-out: transform cubic-bezier(0.35, 0.05, 0.4, 1.5) 200ms !default;\r\n\r\n.expander-card {\r\n  @include make-leaf($expander-card-border-radius);\r\n  position: relative;\r\n  overflow: hidden;\r\n  height: 100%;\r\n  background-color: $expander-card-bg;\r\n\r\n  .expander-card-img {\r\n    display: block;\r\n    margin: 0;\r\n    width: 100%;\r\n    max-width: none;\r\n    transform-origin: bottom center;\r\n    transform: scale(1);\r\n    transition: $expander-card-image-transition-out;\r\n  }\r\n\r\n  .content-header,\r\n  .content-body {\r\n    > *:last-child {\r\n      margin-bottom: 0;\r\n    }\r\n  }\r\n\r\n  .expander-card-content {\r\n    position: relative;\r\n    padding: $expander-card-content-padding-y $expander-card-content-padding-x;\r\n    background-color: $expander-card-content-bg;\r\n    z-index: 2;\r\n\r\n    .content-inner {\r\n      position: absolute;\r\n      bottom: 0;\r\n      left: 0;\r\n      right: 0;\r\n      padding: inherit;\r\n      background-color: inherit;\r\n\r\n      .content-header {\r\n        visibility: visible;\r\n      }\r\n\r\n      .content-body {\r\n        font-size: $expander-card-content-body-font-size;\r\n\r\n        &:before {\r\n          display: block;\r\n          content: '';\r\n          height: $expander-card-content-body-gap;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .expander-card-expander {\r\n    display: block;\r\n    position: absolute;\r\n    bottom: $expander-card-border-radius * 0.65;\r\n    right: $expander-card-border-radius * 0.65;\r\n    transition: $expander-card-expander-transition-out;\r\n    z-index: 3;\r\n  }\r\n\r\n  &.has-content {\r\n    .expander-card-content {\r\n      .content-header {\r\n        visibility: hidden;\r\n      }\r\n\r\n      .content-inner {\r\n        .content-header {\r\n          visibility: visible;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  &:hover {\r\n    .expander-card-img {\r\n      transform: scale(1.05);\r\n      transition: $expander-card-image-transition-in;\r\n    }\r\n  }\r\n\r\n  &.is-expanded {\r\n    .expander-card-expander {\r\n      transform: rotate(-135deg);\r\n      transition: $expander-card-expander-transition-in;\r\n    }\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ExpanderCard.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ExpanderCard.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ExpanderCard.vue?vue&type=template&id=56f527c2&\"\nimport script from \"./ExpanderCard.vue?vue&type=script&lang=js&\"\nexport * from \"./ExpanderCard.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ExpanderCard.vue?vue&type=style&index=0&lang=scss&\"\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","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/lib/loaders/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/lib/index.js??vue-loader-options!./ExpanderCard.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}