text: (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[124],{
  
  /***/ "./frontend/src/@core/components/b-card-code/index.js":
  /*!************************************************************!*\
    !*** ./frontend/src/@core/components/b-card-code/index.js ***!
    \************************************************************/
  /*! exports provided: default */
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
  
  "use strict";
  __webpack_require__.r(__webpack_exports__);
  /* harmony import */ var _BCardCode_vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./BCardCode.vue */ "./frontend/src/@core/components/b-card-code/BCardCode.vue");
  
  /* harmony default export */ __webpack_exports__["default"] = (_BCardCode_vue__WEBPACK_IMPORTED_MODULE_0__["default"]);
  
  /***/ }),
  
  /***/ "./frontend/src/views/components/aspect/Aspect.vue":
  /*!*********************************************************!*\
    !*** ./frontend/src/views/components/aspect/Aspect.vue ***!
    \*********************************************************/
  /*! exports provided: default */
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
  
  "use strict";
  __webpack_require__.r(__webpack_exports__);
  /* harmony import */ var _Aspect_vue_vue_type_template_id_3854f33e___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Aspect.vue?vue&type=template&id=3854f33e& */ "./frontend/src/views/components/aspect/Aspect.vue?vue&type=template&id=3854f33e&");
  /* harmony import */ var _Aspect_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Aspect.vue?vue&type=script&lang=js& */ "./frontend/src/views/components/aspect/Aspect.vue?vue&type=script&lang=js&");
  /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
  
  
  
  
  
  /* normalize component */
  
  var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
    _Aspect_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
    _Aspect_vue_vue_type_template_id_3854f33e___WEBPACK_IMPORTED_MODULE_0__["render"],
    _Aspect_vue_vue_type_template_id_3854f33e___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
    false,
    null,
    null,
    null
    
  )
  
  /* hot reload */
  if (false) { var api; }
  component.options.__file = "frontend/src/views/components/aspect/Aspect.vue"
  /* harmony default export */ __webpack_exports__["default"] = (component.exports);
  
  /***/ }),
  
  /***/ "./frontend/src/views/components/aspect/Aspect.vue?vue&type=script&lang=js&":
  /*!**********************************************************************************!*\
    !*** ./frontend/src/views/components/aspect/Aspect.vue?vue&type=script&lang=js& ***!
    \**********************************************************************************/
  /*! exports provided: default */
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
  
  "use strict";
  __webpack_require__.r(__webpack_exports__);
  /* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Aspect_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./Aspect.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./frontend/src/views/components/aspect/Aspect.vue?vue&type=script&lang=js&");
  /* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Aspect_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
  
  /***/ }),
  
  /***/ "./frontend/src/views/components/aspect/Aspect.vue?vue&type=template&id=3854f33e&":
  /*!****************************************************************************************!*\
    !*** ./frontend/src/views/components/aspect/Aspect.vue?vue&type=template&id=3854f33e& ***!
    \****************************************************************************************/
  /*! exports provided: render, staticRenderFns */
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
  
  "use strict";
  __webpack_require__.r(__webpack_exports__);
  /* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Aspect_vue_vue_type_template_id_3854f33e___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./Aspect.vue?vue&type=template&id=3854f33e& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./frontend/src/views/components/aspect/Aspect.vue?vue&type=template&id=3854f33e&");
  /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Aspect_vue_vue_type_template_id_3854f33e___WEBPACK_IMPORTED_MODULE_0__["render"]; });
  
  /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Aspect_vue_vue_type_template_id_3854f33e___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
  
  
  
  /***/ }),
  
  /***/ "./frontend/src/views/components/aspect/AspectDefault.vue":
  /*!****************************************************************!*\
    !*** ./frontend/src/views/components/aspect/AspectDefault.vue ***!
    \****************************************************************/
  /*! exports provided: default */
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
  
  "use strict";
  __webpack_require__.r(__webpack_exports__);
  /* harmony import */ var _AspectDefault_vue_vue_type_template_id_7b973050_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./AspectDefault.vue?vue&type=template&id=7b973050&scoped=true& */ "./frontend/src/views/components/aspect/AspectDefault.vue?vue&type=template&id=7b973050&scoped=true&");
  /* harmony import */ var _AspectDefault_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./AspectDefault.vue?vue&type=script&lang=js& */ "./frontend/src/views/components/aspect/AspectDefault.vue?vue&type=script&lang=js&");
  /* empty/unused harmony star reexport *//* harmony import */ var _AspectDefault_vue_vue_type_style_index_0_id_7b973050_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./AspectDefault.vue?vue&type=style&index=0&id=7b973050&lang=scss&scoped=true& */ "./frontend/src/views/components/aspect/AspectDefault.vue?vue&type=style&index=0&id=7b973050&lang=scss&scoped=true&");
  /* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
  
  
  
  
  
  
  /* normalize component */
  
  var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__["default"])(
    _AspectDefault_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
    _AspectDefault_vue_vue_type_template_id_7b973050_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"],
    _AspectDefault_vue_vue_type_template_id_7b973050_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
    false,
    null,
    "7b973050",
    null
    
  )
  
  /* hot reload */
  if (false) { var api; }
  component.options.__file = "frontend/src/views/components/aspect/AspectDefault.vue"
  /* harmony default export */ __webpack_exports__["default"] = (component.exports);
  
  /***/ }),
  
  /***/ "./frontend/src/views/components/aspect/AspectDefault.vue?vue&type=script&lang=js&":
  /*!*****************************************************************************************!*\
    !*** ./frontend/src/views/components/aspect/AspectDefault.vue?vue&type=script&lang=js& ***!
    \*****************************************************************************************/
  /*! exports provided: default */
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
  
  "use strict";
  __webpack_require__.r(__webpack_exports__);
  /* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_AspectDefault_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./AspectDefault.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./frontend/src/views/components/aspect/AspectDefault.vue?vue&type=script&lang=js&");
  /* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_AspectDefault_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
  
  /***/ }),
  
  /***/ "./frontend/src/views/components/aspect/AspectDefault.vue?vue&type=style&index=0&id=7b973050&lang=scss&scoped=true&":
  /*!**************************************************************************************************************************!*\
    !*** ./frontend/src/views/components/aspect/AspectDefault.vue?vue&type=style&index=0&id=7b973050&lang=scss&scoped=true& ***!
    \**************************************************************************************************************************/
  /*! no static exports found */
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
  
  "use strict";
  __webpack_require__.r(__webpack_exports__);
  /* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_index_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_2_node_modules_sass_loader_dist_cjs_js_ref_7_3_node_modules_sass_loader_dist_cjs_js_ref_11_0_node_modules_vue_loader_lib_index_js_vue_loader_options_AspectDefault_vue_vue_type_style_index_0_id_7b973050_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/style-loader!../../../../../node_modules/css-loader!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src??ref--7-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--7-3!../../../../../node_modules/sass-loader/dist/cjs.js??ref--11-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./AspectDefault.vue?vue&type=style&index=0&id=7b973050&lang=scss&scoped=true& */ "./node_modules/style-loader/index.js!./node_modules/css-loader/index.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./node_modules/sass-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./frontend/src/views/components/aspect/AspectDefault.vue?vue&type=style&index=0&id=7b973050&lang=scss&scoped=true&");
  /* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_index_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_2_node_modules_sass_loader_dist_cjs_js_ref_7_3_node_modules_sass_loader_dist_cjs_js_ref_11_0_node_modules_vue_loader_lib_index_js_vue_loader_options_AspectDefault_vue_vue_type_style_index_0_id_7b973050_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_index_js_node_modules_css_loader_index_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_2_node_modules_sass_loader_dist_cjs_js_ref_7_3_node_modules_sass_loader_dist_cjs_js_ref_11_0_node_modules_vue_loader_lib_index_js_vue_loader_options_AspectDefault_vue_vue_type_style_index_0_id_7b973050_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
  /* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _node_modules_style_loader_index_js_node_modules_css_loader_index_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_2_node_modules_sass_loader_dist_cjs_js_ref_7_3_node_modules_sass_loader_dist_cjs_js_ref_11_0_node_modules_vue_loader_lib_index_js_vue_loader_options_AspectDefault_vue_vue_type_style_index_0_id_7b973050_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__) if(["default"].indexOf(__WEBPACK_IMPORT_KEY__) < 0) (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _node_modules_style_loader_index_js_node_modules_css_loader_index_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_2_node_modules_sass_loader_dist_cjs_js_ref_7_3_node_modules_sass_loader_dist_cjs_js_ref_11_0_node_modules_vue_loader_lib_index_js_vue_loader_options_AspectDefault_vue_vue_type_style_index_0_id_7b973050_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));
  
  
  /***/ }),
  
  /***/ "./frontend/src/views/components/aspect/AspectDefault.vue?vue&type=template&id=7b973050&scoped=true&":
  /*!***********************************************************************************************************!*\
    !*** ./frontend/src/views/components/aspect/AspectDefault.vue?vue&type=template&id=7b973050&scoped=true& ***!
    \***********************************************************************************************************/
  /*! exports provided: render, staticRenderFns */
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
  
  "use strict";
  __webpack_require__.r(__webpack_exports__);
  /* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_AspectDefault_vue_vue_type_template_id_7b973050_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./AspectDefault.vue?vue&type=template&id=7b973050&scoped=true& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./frontend/src/views/components/aspect/AspectDefault.vue?vue&type=template&id=7b973050&scoped=true&");
  /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_AspectDefault_vue_vue_type_template_id_7b973050_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"]; });
  
  /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_AspectDefault_vue_vue_type_template_id_7b973050_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
  
  
  
  /***/ }),
  
  /***/ "./frontend/src/views/components/aspect/code.js":
  /*!******************************************************!*\
    !*** ./frontend/src/views/components/aspect/code.js ***!
    \******************************************************/
  /*! exports provided: default */
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
  
  "use strict";
  __webpack_require__.r(__webpack_exports__);
  var codeAspectDefaut = "\n<template>\n  <div>\n   <!-- alert -->\n    <b-alert\n      show\n      variant=\"success\"\n    >\n      <div class=\"alert-body\">\n        <feather-icon\n          icon=\"InfoIcon\"\n          class=\"mr-50 mt-25\"\n        />\n        Change width of your browser window to see effect\n      </div>\n    </b-alert>\n\n    <!-- select -->\n    <b-form-group\n      label=\"Aspect ratio\"\n      label-for=\"ratio\"\n      label-cols-md=\"auto\"\n      class=\"mb-3\"\n    >\n      <b-form-select\n        id=\"ratio\"\n        v-model=\"aspect\"\n        :options=\"aspects\"\n      />\n    </b-form-group>\n\n    <!-- aspect -->\n    <b-aspect :aspect=\"aspect\">\n      <p>This will always be an aspect of \"{{ aspect }}\", except when the content is too tall.</p>\n    </b-aspect>\n  </div>\n</template>\n\n<script>\nimport { BAlert, BAspect, BFormGroup, BFormSelect, BLink} from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BAlert,\n    BAspect,\n    BFormGroup,\n    BLink,\n    BFormSelect,\n  },\n  data: () => ({\n    aspect: '16:9',\n    aspects: [\n      { text: '4:3 (SD)', value: '4:3' },\n      { text: '1:1 (Square)', value: '1:1' },\n      { text: '16:9 (HD)', value: '16:9' },\n      { text: '1.85:1 (Widescreen)', value: '1.85:1' },\n      { text: '2:1 (Univisium/Superscope)', value: '2:1' },\n      { text: '21:9 (Anamorphic)', value: '21:9' },\n      { text: '1.43:1 (IMAX)', value: '1.43:1' },\n      { text: '3:2 (35mm Film)', value: '3:2' },\n      { text: '3:1 (APS-P)', value: '3:1' },\n      { text: '4/3 (Same as 4:3)', value: 4 / 3 },\n      { text: '16/9 (Same as 16:9)', value: 16 / 9 },\n      { text: '3 (Same as 3:1)', value: 3 },\n      { text: '2 (Same as 2:1)', value: 2 },\n      { text: '1.85 (Same as 1.85:1)', value: 1.85 },\n      { text: '1.5', value: 1.5 },\n      { text: '1 (Same as 1:1)', value: 1 },\n    ],\n  }),\n}\n</script>\n";
  /* harmony default export */ __webpack_exports__["default"] = (codeAspectDefaut);
  
  /***/ }),
  
  /***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./frontend/src/views/components/aspect/Aspect.vue?vue&type=script&lang=js&":
  /*!******************************************************************************************************************************************************************************!*\
    !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./frontend/src/views/components/aspect/Aspect.vue?vue&type=script&lang=js& ***!
    \******************************************************************************************************************************************************************************/
  /*! exports provided: default */
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
  
  "use strict";
  __webpack_require__.r(__webpack_exports__);
  /* harmony import */ var bootstrap_vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! bootstrap-vue */ "./frontend/node_modules/bootstrap-vue/esm/index.js");
  /* harmony import */ var _AspectDefault_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./AspectDefault.vue */ "./frontend/src/views/components/aspect/AspectDefault.vue");
  //
  //
  //
  //
  //
  //
  //
  //
  
  
  /* harmony default export */ __webpack_exports__["default"] = ({
    components: {
      BRow: bootstrap_vue__WEBPACK_IMPORTED_MODULE_0__["BRow"],
      BCol: bootstrap_vue__WEBPACK_IMPORTED_MODULE_0__["BCol"],
      AspectDefault: _AspectDefault_vue__WEBPACK_IMPORTED_MODULE_1__["default"]
    }
  });
  
  /***/ }),
  
  /***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./frontend/src/views/components/aspect/AspectDefault.vue?vue&type=script&lang=js&":
  /*!*************************************************************************************************************************************************************************************!*\
    !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./frontend/src/views/components/aspect/AspectDefault.vue?vue&type=script&lang=js& ***!
    \*************************************************************************************************************************************************************************************/
  /*! exports provided: default */
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
  
  "use strict";
  __webpack_require__.r(__webpack_exports__);
  /* harmony import */ var _core_components_b_card_code__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @core/components/b-card-code */ "./frontend/src/@core/components/b-card-code/index.js");
  /* harmony import */ var bootstrap_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! bootstrap-vue */ "./frontend/node_modules/bootstrap-vue/esm/index.js");
  /* harmony import */ var _code__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./code */ "./frontend/src/views/components/aspect/code.js");
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  
  
  
  /* harmony default export */ __webpack_exports__["default"] = ({
    components: {
      BCardCode: _core_components_b_card_code__WEBPACK_IMPORTED_MODULE_0__["default"],
      BAlert: bootstrap_vue__WEBPACK_IMPORTED_MODULE_1__["BAlert"],
      BAspect: bootstrap_vue__WEBPACK_IMPORTED_MODULE_1__["BAspect"],
      BFormGroup: bootstrap_vue__WEBPACK_IMPORTED_MODULE_1__["BFormGroup"],
      BCardText: bootstrap_vue__WEBPACK_IMPORTED_MODULE_1__["BCardText"],
      BLink: bootstrap_vue__WEBPACK_IMPORTED_MODULE_1__["BLink"],
      BFormSelect: bootstrap_vue__WEBPACK_IMPORTED_MODULE_1__["BFormSelect"]
    },
    data: function data() {
      return {
        aspect: '16:9',
        aspects: [{
          text: '4:3 (SD)',
          value: '4:3'
        }, {
          text: '1:1 (Square)',
          value: '1:1'
        }, {
          text: '16:9 (HD)',
          value: '16:9'
        }, {
          text: '1.85:1 (Widescreen)',
          value: '1.85:1'
        }, {
          text: '2:1 (Univisium/Superscope)',
          value: '2:1'
        }, {
          text: '21:9 (Anamorphic)',
          value: '21:9'
        }, {
          text: '1.43:1 (IMAX)',
          value: '1.43:1'
        }, {
          text: '3:2 (35mm Film)',
          value: '3:2'
        }, {
          text: '3:1 (APS-P)',
          value: '3:1'
        }, {
          text: '4/3 (Same as 4:3)',
          value: 4 / 3
        }, {
          text: '16/9 (Same as 16:9)',
          value: 16 / 9
        }, {
          text: '3 (Same as 3:1)',
          value: 3
        }, {
          text: '2 (Same as 2:1)',
          value: 2
        }, {
          text: '1.85 (Same as 1.85:1)',
          value: 1.85
        }, {
          text: '1.5',
          value: 1.5
        }, {
          text: '1 (Same as 1:1)',
          value: 1
        }],
        codeAspectDefaut: _code__WEBPACK_IMPORTED_MODULE_2__["default"]
      };
    }
  });
  
  /***/ }),
  
  /***/ "./node_modules/css-loader/index.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./node_modules/sass-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./frontend/src/views/components/aspect/AspectDefault.vue?vue&type=style&index=0&id=7b973050&lang=scss&scoped=true&":
  /*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
    !*** ./node_modules/css-loader!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--7-2!./node_modules/sass-loader/dist/cjs.js??ref--7-3!./node_modules/sass-loader/dist/cjs.js??ref--11-0!./node_modules/vue-loader/lib??vue-loader-options!./frontend/src/views/components/aspect/AspectDefault.vue?vue&type=style&index=0&id=7b973050&lang=scss&scoped=true& ***!
    \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
  /*! no static exports found */
  /***/ (function(module, exports, __webpack_require__) {
  
  exports = module.exports = __webpack_require__(/*! ../../../../../node_modules/css-loader/lib/css-base.js */ "./node_modules/css-loader/lib/css-base.js")(false);
  // imports
  
  
  // module
  exports.push([module.i, "[dir] .b-aspect[data-v-7b973050] {\n  padding: 1.5rem;\n  border: 1px solid #eee;\n}", ""]);
  
  // exports
  
  
  /***/ }),
  
  /***/ "./node_modules/style-loader/index.js!./node_modules/css-loader/index.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./node_modules/sass-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./frontend/src/views/components/aspect/AspectDefault.vue?vue&type=style&index=0&id=7b973050&lang=scss&scoped=true&":
  /*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
    !*** ./node_modules/style-loader!./node_modules/css-loader!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--7-2!./node_modules/sass-loader/dist/cjs.js??ref--7-3!./node_modules/sass-loader/dist/cjs.js??ref--11-0!./node_modules/vue-loader/lib??vue-loader-options!./frontend/src/views/components/aspect/AspectDefault.vue?vue&type=style&index=0&id=7b973050&lang=scss&scoped=true& ***!
    \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
  /*! no static exports found */
  /***/ (function(module, exports, __webpack_require__) {
  
  
  var content = __webpack_require__(/*! !../../../../../node_modules/css-loader!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src??ref--7-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--7-3!../../../../../node_modules/sass-loader/dist/cjs.js??ref--11-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./AspectDefault.vue?vue&type=style&index=0&id=7b973050&lang=scss&scoped=true& */ "./node_modules/css-loader/index.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./node_modules/sass-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./frontend/src/views/components/aspect/AspectDefault.vue?vue&type=style&index=0&id=7b973050&lang=scss&scoped=true&");
  
  if(typeof content === 'string') content = [[module.i, content, '']];
  
  var transform;
  var insertInto;
  
  
  
  var options = {"hmr":true}
  
  options.transform = transform
  options.insertInto = undefined;
  
  var update = __webpack_require__(/*! ../../../../../node_modules/style-loader/lib/addStyles.js */ "./node_modules/style-loader/lib/addStyles.js")(content, options);
  
  if(content.locals) module.exports = content.locals;
  
  if(false) {}
  
  /***/ }),
  
  /***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./frontend/src/views/components/aspect/Aspect.vue?vue&type=template&id=3854f33e&":
  /*!**********************************************************************************************************************************************************************************************************************!*\
    !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./frontend/src/views/components/aspect/Aspect.vue?vue&type=template&id=3854f33e& ***!
    \**********************************************************************************************************************************************************************************************************************/
  /*! exports provided: render, staticRenderFns */
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
  
  "use strict";
  __webpack_require__.r(__webpack_exports__);
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
  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
    )
  }
  var staticRenderFns = []
  render._withStripped = true
  
  
  
  /***/ }),
  
  /***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./frontend/src/views/components/aspect/AspectDefault.vue?vue&type=template&id=7b973050&scoped=true&":
  /*!*****************************************************************************************************************************************************************************************************************************************!*\
    !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./frontend/src/views/components/aspect/AspectDefault.vue?vue&type=template&id=7b973050&scoped=true& ***!
    \*****************************************************************************************************************************************************************************************************************************************/
  /*! exports provided: render, staticRenderFns */
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
  
  "use strict";
  __webpack_require__.r(__webpack_exports__);
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return 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("\n    " + _vm._s(_vm.codeAspectDefaut) + "\n  ")]
            },
            proxy: true
          }
        ])
      },
      [
        _c(
          "b-card-text",
          [
            _c("span", [_vm._v("The default ")]),
            _vm._v(" "),
            _c(
              "b-link",
              {
                attrs: {
                  href: "https://en.wikipedia.org/wiki/Aspect_ratio_(image)"
                }
              },
              [_vm._v("\n      aspect\n    ")]
            ),
            _vm._v(" "),
            _c("span", [_vm._v(" ratio is ")]),
            _vm._v(" "),
            _c("code", [_vm._v("1:1")]),
            _vm._v(" "),
            _c("span", [_vm._v(" (ratio of ")]),
            _vm._v(" "),
            _c("code", [_vm._v("1")]),
            _vm._v(" "),
            _c("span", [
              _vm._v(
                " ), which makes the height always be at least the same as the width. The "
              )
            ]),
            _vm._v(" "),
            _c("code", [_vm._v("aspect")]),
            _vm._v(" "),
            _c("span", [
              _vm._v(
                " prop can be used to specify an arbitrary aspect ratio (i.e. "
              )
            ]),
            _vm._v(" "),
            _c("code", [_vm._v("1.5")]),
            _vm._v(" "),
            _c("span", [_vm._v(" ) or a ratio as a string such as ")]),
            _vm._v(" "),
            _c("code", [_vm._v("'16:9'")]),
            _vm._v(" "),
            _c("span", [_vm._v(" or ")]),
            _vm._v(" "),
            _c("code", [_vm._v("'4:3'")]),
            _vm._v(" "),
            _c("span", [_vm._v(".")])
          ],
          1
        ),
        _vm._v(" "),
        _c("b-card-text", [
          _vm._v(
            "\n    The width will always be 100% of the available width in the parent element/component.\n  "
          )
        ]),
        _vm._v(" "),
        _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(
                "\n      Change width of your browser window to see effect\n    "
              )
            ],
            1
          )
        ]),
        _vm._v(" "),
        _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
        ),
        _vm._v(" "),
        _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
    )
  }
  var staticRenderFns = []
  render._withStripped = true
  
  
  
  /***/ })
  
  }]);