{"version":3,"sources":["webpack:///./src/@core/components/b-card-code/index.js","webpack:///./src/views/components/aspect/AspectDefault.vue?ba59","webpack:///./src/views/components/aspect/Aspect.vue?502e","webpack:///./src/views/components/aspect/AspectDefault.vue?feaa","webpack:///./src/views/components/aspect/code.js","webpack:///src/views/components/aspect/AspectDefault.vue","webpack:///./src/views/components/aspect/AspectDefault.vue?5e26","webpack:///./src/views/components/aspect/AspectDefault.vue","webpack:///src/views/components/aspect/Aspect.vue","webpack:///./src/views/components/aspect/Aspect.vue?9d15","webpack:///./src/views/components/aspect/Aspect.vue"],"names":["BCardCode","render","_vm","this","_h","$createElement","_c","_self","attrs","staticRenderFns","scopedSlots","_u","key","fn","_v","_s","codeAspectDefaut","proxy","staticClass","aspects","model","value","callback","$$v","aspect","expression","components","BAlert","BAspect","BFormGroup","BCardText","BLink","BFormSelect","data","text","component","BRow","BCol","AspectDefault"],"mappings":"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","file":"js/chunk-dd8af920.1b9c6d0c.js","sourcesContent":["import BCardCode from './BCardCode.vue'\r\n\r\nexport default BCardCode\r\n","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AspectDefault.vue?vue&type=style&index=0&id=2f2d7150&prod&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-row',[_c('b-col',{attrs:{\"cols\":\"12\"}},[_c('aspect-default')],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card-code',{attrs:{\"title\":\"Default\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeAspectDefaut)+\" \")]},proxy:true}])},[_c('b-card-text',[_c('span',[_vm._v(\"The default \")]),_c('b-link',{attrs:{\"href\":\"https://en.wikipedia.org/wiki/Aspect_ratio_(image)\"}},[_vm._v(\" aspect \")]),_c('span',[_vm._v(\" ratio is \")]),_c('code',[_vm._v(\"1:1\")]),_c('span',[_vm._v(\" (ratio of \")]),_c('code',[_vm._v(\"1\")]),_c('span',[_vm._v(\" ), which makes the height always be at least the same as the width. The \")]),_c('code',[_vm._v(\"aspect\")]),_c('span',[_vm._v(\" prop can be used to specify an arbitrary aspect ratio (i.e. \")]),_c('code',[_vm._v(\"1.5\")]),_c('span',[_vm._v(\" ) or a ratio as a string such as \")]),_c('code',[_vm._v(\"'16:9'\")]),_c('span',[_vm._v(\" or \")]),_c('code',[_vm._v(\"'4:3'\")]),_c('span',[_vm._v(\".\")])],1),_c('b-card-text',[_vm._v(\" The width will always be 100% of the available width in the parent element/component. \")]),_c('b-alert',{attrs:{\"show\":\"\",\"variant\":\"success\"}},[_c('div',{staticClass:\"alert-body\"},[_c('feather-icon',{staticClass:\"mr-50 mt-25\",attrs:{\"icon\":\"InfoIcon\"}}),_vm._v(\" Change width of your browser window to see effect \")],1)]),_c('b-form-group',{staticClass:\"mb-3\",attrs:{\"label\":\"Aspect ratio\",\"label-for\":\"ratio\",\"label-cols-md\":\"auto\"}},[_c('b-form-select',{attrs:{\"id\":\"ratio\",\"options\":_vm.aspects},model:{value:(_vm.aspect),callback:function ($$v) {_vm.aspect=$$v},expression:\"aspect\"}})],1),_c('b-aspect',{attrs:{\"aspect\":_vm.aspect}},[_c('p',[_vm._v(\"This will always be an aspect of \\\"\"+_vm._s(_vm.aspect)+\"\\\", except when the content is too tall.\")])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","const codeAspectDefaut = `\r\n<template>\r\n  <div>\r\n   <!-- alert -->\r\n    <b-alert\r\n      show\r\n      variant=\"success\"\r\n    >\r\n      <div class=\"alert-body\">\r\n        <feather-icon\r\n          icon=\"InfoIcon\"\r\n          class=\"mr-50 mt-25\"\r\n        />\r\n        Change width of your browser window to see effect\r\n      </div>\r\n    </b-alert>\r\n\r\n    <!-- select -->\r\n    <b-form-group\r\n      label=\"Aspect ratio\"\r\n      label-for=\"ratio\"\r\n      label-cols-md=\"auto\"\r\n      class=\"mb-3\"\r\n    >\r\n      <b-form-select\r\n        id=\"ratio\"\r\n        v-model=\"aspect\"\r\n        :options=\"aspects\"\r\n      />\r\n    </b-form-group>\r\n\r\n    <!-- aspect -->\r\n    <b-aspect :aspect=\"aspect\">\r\n      <p>This will always be an aspect of \"{{ aspect }}\", except when the content is too tall.</p>\r\n    </b-aspect>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { BAlert, BAspect, BFormGroup, BFormSelect, BLink} from 'bootstrap-vue'\r\n\r\nexport default {\r\n  components: {\r\n    BAlert,\r\n    BAspect,\r\n    BFormGroup,\r\n    BLink,\r\n    BFormSelect,\r\n  },\r\n  data: () => ({\r\n    aspect: '16:9',\r\n    aspects: [\r\n      { text: '4:3 (SD)', value: '4:3' },\r\n      { text: '1:1 (Square)', value: '1:1' },\r\n      { text: '16:9 (HD)', value: '16:9' },\r\n      { text: '1.85:1 (Widescreen)', value: '1.85:1' },\r\n      { text: '2:1 (Univisium/Superscope)', value: '2:1' },\r\n      { text: '21:9 (Anamorphic)', value: '21:9' },\r\n      { text: '1.43:1 (IMAX)', value: '1.43:1' },\r\n      { text: '3:2 (35mm Film)', value: '3:2' },\r\n      { text: '3:1 (APS-P)', value: '3:1' },\r\n      { text: '4/3 (Same as 4:3)', value: 4 / 3 },\r\n      { text: '16/9 (Same as 16:9)', value: 16 / 9 },\r\n      { text: '3 (Same as 3:1)', value: 3 },\r\n      { text: '2 (Same as 2:1)', value: 2 },\r\n      { text: '1.85 (Same as 1.85:1)', value: 1.85 },\r\n      { text: '1.5', value: 1.5 },\r\n      { text: '1 (Same as 1:1)', value: 1 },\r\n    ],\r\n  }),\r\n}\r\n</script>\r\n`\r\n\r\nexport default codeAspectDefaut\r\n","<template>\r\n  <b-card-code title=\"Default\">\r\n    <b-card-text>\r\n      <span>The default </span>\r\n      <b-link href=\"https://en.wikipedia.org/wiki/Aspect_ratio_(image)\">\r\n        aspect\r\n      </b-link>\r\n      <span> ratio is </span>\r\n      <code>1:1</code>\r\n      <span> (ratio of </span>\r\n      <code>1</code>\r\n      <span> ), which makes the height always be at least the same as the width. The </span>\r\n      <code>aspect</code>\r\n      <span> prop can be used to specify an arbitrary aspect ratio (i.e. </span>\r\n      <code>1.5</code>\r\n      <span> ) or a ratio as a string such as </span>\r\n      <code>'16:9'</code>\r\n      <span> or </span>\r\n      <code>'4:3'</code>\r\n      <span>.</span>\r\n    </b-card-text>\r\n\r\n    <b-card-text>\r\n      The width will always be 100% of the available width in the parent element/component.\r\n    </b-card-text>\r\n\r\n    <!-- alert -->\r\n    <b-alert\r\n      show\r\n      variant=\"success\"\r\n    >\r\n      <div class=\"alert-body\">\r\n        <feather-icon\r\n          icon=\"InfoIcon\"\r\n          class=\"mr-50 mt-25\"\r\n        />\r\n        Change width of your browser window to see effect\r\n      </div>\r\n    </b-alert>\r\n\r\n    <!-- select -->\r\n    <b-form-group\r\n      label=\"Aspect ratio\"\r\n      label-for=\"ratio\"\r\n      label-cols-md=\"auto\"\r\n      class=\"mb-3\"\r\n    >\r\n      <b-form-select\r\n        id=\"ratio\"\r\n        v-model=\"aspect\"\r\n        :options=\"aspects\"\r\n      />\r\n    </b-form-group>\r\n\r\n    <!-- aspect -->\r\n    <b-aspect :aspect=\"aspect\">\r\n      <p>This will always be an aspect of \"{{ aspect }}\", except when the content is too tall.</p>\r\n    </b-aspect>\r\n\r\n    <template #code>\r\n      {{ codeAspectDefaut }}\r\n    </template>\r\n  </b-card-code>\r\n</template>\r\n\r\n<script>\r\nimport BCardCode from '@core/components/b-card-code'\r\nimport {\r\n  BAlert, BAspect, BFormGroup, BFormSelect, BCardText, BLink,\r\n} from 'bootstrap-vue'\r\nimport codeAspectDefaut from './code'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BAlert,\r\n    BAspect,\r\n    BFormGroup,\r\n    BCardText,\r\n    BLink,\r\n    BFormSelect,\r\n  },\r\n  data() {\r\n    return {\r\n      aspect: '16:9',\r\n      aspects: [\r\n        { text: '4:3 (SD)', value: '4:3' },\r\n        { text: '1:1 (Square)', value: '1:1' },\r\n        { text: '16:9 (HD)', value: '16:9' },\r\n        { text: '1.85:1 (Widescreen)', value: '1.85:1' },\r\n        { text: '2:1 (Univisium/Superscope)', value: '2:1' },\r\n        { text: '21:9 (Anamorphic)', value: '21:9' },\r\n        { text: '1.43:1 (IMAX)', value: '1.43:1' },\r\n        { text: '3:2 (35mm Film)', value: '3:2' },\r\n        { text: '3:1 (APS-P)', value: '3:1' },\r\n        { text: '4/3 (Same as 4:3)', value: 4 / 3 },\r\n        { text: '16/9 (Same as 16:9)', value: 16 / 9 },\r\n        { text: '3 (Same as 3:1)', value: 3 },\r\n        { text: '2 (Same as 2:1)', value: 2 },\r\n        { text: '1.85 (Same as 1.85:1)', value: 1.85 },\r\n        { text: '1.5', value: 1.5 },\r\n        { text: '1 (Same as 1:1)', value: 1 },\r\n      ],\r\n      codeAspectDefaut,\r\n    }\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.b-aspect {\r\n  padding: 1.5rem;\r\n  border: 1px solid #eee;\r\n}\r\n</style>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AspectDefault.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AspectDefault.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AspectDefault.vue?vue&type=template&id=2f2d7150&scoped=true&\"\nimport script from \"./AspectDefault.vue?vue&type=script&lang=js&\"\nexport * from \"./AspectDefault.vue?vue&type=script&lang=js&\"\nimport style0 from \"./AspectDefault.vue?vue&type=style&index=0&id=2f2d7150&prod&lang=scss&scoped=true&\"\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  \"2f2d7150\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <b-row>\r\n    <b-col cols=\"12\">\r\n      <aspect-default />\r\n    </b-col>\r\n  </b-row>\r\n</template>\r\n\r\n<script>\r\nimport { BRow, BCol } from 'bootstrap-vue'\r\nimport AspectDefault from './AspectDefault.vue'\r\n\r\nexport default {\r\n  components: {\r\n    BRow,\r\n    BCol,\r\n    AspectDefault,\r\n  },\r\n}\r\n</script>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Aspect.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Aspect.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Aspect.vue?vue&type=template&id=2b8e8c0e&\"\nimport script from \"./Aspect.vue?vue&type=script&lang=js&\"\nexport * from \"./Aspect.vue?vue&type=script&lang=js&\"\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"],"sourceRoot":""}