{"version":3,"sources":["../../../src/components/VResponsive/VResponsive.ts"],"names":[],"mappings":"AAAA,OAAO,sDAAP,C,CAEA;;AACA,OAAO,UAAP,MAAiD,yBAAjD,C,CAKA;;AACA,OAAO,MAAP,MAAmB,mBAAnB;AAEA;;AACA,eAAe,MAAM,CAAC,UAAD,CAAN,CAAmB,MAAnB,CAA0B;AACvC,EAAA,IAAI,EAAE,cADiC;AAGvC,EAAA,KAAK,EAAE;AACL,IAAA,WAAW,EAAE,CAAC,MAAD,EAAS,MAAT,CADR;AAEL,IAAA,YAAY,EAAE;AAFT,GAHgC;AAQvC,EAAA,QAAQ,EAAE;AACR,IAAA,mBAAmB,GAAA;AACjB,aAAO,MAAM,CAAC,KAAK,WAAN,CAAb;AACD,KAHO;;AAIR,IAAA,WAAW,GAAA;AACT,aAAO,KAAK,mBAAL,GACH;AAAE,QAAA,aAAa,EAAG,IAAI,KAAK,mBAAV,GAAiC,GAAjC,GAAuC;AAAxD,OADG,GAEH,SAFJ;AAGD,KARO;;AASR,IAAA,aAAa,GAAA;AACX,UAAI,CAAC,KAAK,WAAV,EAAuB,OAAO,EAAP;AAEvB,aAAO,KAAK,cAAL,CAAoB,KAApB,EAA2B;AAChC,QAAA,KAAK,EAAE,KAAK,WADoB;AAEhC,QAAA,WAAW,EAAE;AAFmB,OAA3B,CAAP;AAID;;AAhBO,GAR6B;AA2BvC,EAAA,OAAO,EAAE;AACP,IAAA,UAAU,GAAA;AACR,aAAO,KAAK,cAAL,CAAoB,KAApB,EAA2B;AAChC,QAAA,WAAW,EAAE,uBADmB;AAEhC,QAAA,KAAK,EAAE,KAAK;AAFoB,OAA3B,EAGJ,KAAK,MAAL,CAAY,OAHR,CAAP;AAID;;AANM,GA3B8B;;AAoCvC,EAAA,MAAM,CAAE,CAAF,EAAG;AACP,WAAO,CAAC,CAAC,KAAD,EAAQ;AACd,MAAA,WAAW,EAAE,cADC;AAEd,MAAA,KAAK,EAAE,KAAK,gBAFE;AAGd,MAAA,EAAE,EAAE,KAAK;AAHK,KAAR,EAIL,CACD,KAAK,aADJ,EAED,KAAK,UAAL,EAFC,CAJK,CAAR;AAQD;;AA7CsC,CAA1B,CAAf","sourcesContent":["import './VResponsive.sass'\n\n// Mixins\nimport Measurable, { NumberOrNumberString } from '../../mixins/measurable'\n\n// Types\nimport { VNode } from 'vue'\n\n// Utils\nimport mixins from '../../util/mixins'\n\n/* @vue/component */\nexport default mixins(Measurable).extend({\n  name: 'v-responsive',\n\n  props: {\n    aspectRatio: [String, Number] as NumberOrNumberString,\n    contentClass: String,\n  },\n\n  computed: {\n    computedAspectRatio (): number {\n      return Number(this.aspectRatio)\n    },\n    aspectStyle (): object | undefined {\n      return this.computedAspectRatio\n        ? { paddingBottom: (1 / this.computedAspectRatio) * 100 + '%' }\n        : undefined\n    },\n    __cachedSizer (): VNode | [] {\n      if (!this.aspectStyle) return []\n\n      return this.$createElement('div', {\n        style: this.aspectStyle,\n        staticClass: 'v-responsive__sizer',\n      })\n    },\n  },\n\n  methods: {\n    genContent (): VNode {\n      return this.$createElement('div', {\n        staticClass: 'v-responsive__content',\n        class: this.contentClass,\n      }, this.$slots.default)\n    },\n  },\n\n  render (h): VNode {\n    return h('div', {\n      staticClass: 'v-responsive',\n      style: this.measurableStyles,\n      on: this.$listeners,\n    }, [\n      this.__cachedSizer,\n      this.genContent(),\n    ])\n  },\n})\n"],"sourceRoot":"","file":"VResponsive.js"}