| 1 |
- {"version":3,"sources":["../../../src/components/VResponsive/VResponsive.ts"],"names":[],"mappings":"AAAA,OAAO,iDAAP;AAEA;AACA,OAAO,UAAP,MAAiD,yBAAjD;AAKA;AACA,OAAO,MAAP,MAAmB,mBAAnB;AAEA;AACA,eAAe,OAAO,UAAP,EAAmB,MAAnB,CAA0B;AACvC,UAAM,cADiC;AAGvC,WAAO;AACL,qBAAa,CAAC,MAAD,EAAS,MAAT;AADR,KAHgC;AAOvC,cAAU;AACR,2BADQ,iCACW;AACjB,mBAAO,OAAO,KAAK,WAAZ,CAAP;AACD,SAHO;AAIR,mBAJQ,yBAIG;AACT,mBAAO,KAAK,mBAAL,GACH,EAAE,eAAgB,IAAI,KAAK,mBAAV,GAAiC,GAAjC,GAAuC,GAAxD,EADG,GAEH,SAFJ;AAGD,SARO;AASR,qBATQ,2BASK;AACX,gBAAI,CAAC,KAAK,WAAV,EAAuB,OAAO,EAAP;AAEvB,mBAAO,KAAK,cAAL,CAAoB,KAApB,EAA2B;AAChC,uBAAO,KAAK,WADoB;AAEhC,6BAAa;AAFmB,aAA3B,CAAP;AAID;AAhBO,KAP6B;AA0BvC,aAAS;AACP,kBADO,wBACG;AACR,mBAAO,KAAK,cAAL,CAAoB,KAApB,EAA2B;AAChC,6BAAa;AADmB,aAA3B,EAEJ,KAAK,MAAL,CAAY,OAFR,CAAP;AAGD;AALM,KA1B8B;AAkCvC,UAlCuC,kBAkC/B,CAlC+B,EAkC9B;AACP,eAAO,EAAE,KAAF,EAAS;AACd,yBAAa,cADC;AAEd,mBAAO,KAAK,gBAFE;AAGd,gBAAI,KAAK;AAHK,SAAT,EAIJ,CACD,KAAK,aADJ,EAED,KAAK,UAAL,EAFC,CAJI,CAAP;AAQD;AA3CsC,CAA1B,CAAf","sourcesContent":["import '../../stylus/components/_responsive.styl'\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 },\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 }, 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":""}
|
