{"version":3,"sources":["webpack:///./src/CVI/WebCore/components/Picture.vue?62f5","webpack:///./src/CVI/WebCore/lib/imageResizer.js","webpack:///src/CVI/WebCore/components/Picture.vue","webpack:///./src/CVI/WebCore/components/Picture.vue?76d8","webpack:///./src/CVI/WebCore/components/Picture.vue","webpack:///./src/CVIDesignSystem/src/assets/svg/icons/stroke/refresh-arrows.svg","webpack:///./src/CVI/Purchase/components/CustomMealPlan/Widget.vue?edce","webpack:///./src/CVI/WebCore/components/Dropdown.vue?f272","webpack:///src/CVI/WebCore/components/Dropdown.vue","webpack:///./src/CVI/WebCore/components/Dropdown.vue?4737","webpack:///./src/CVI/WebCore/components/Dropdown.vue","webpack:///./src/CVI/Purchase/components/CustomMealPlan/Widget.vue?d51f","webpack:///./src/CVIDesignSystem/src/assets/svg/icons/bold/arrow-down-1-bold.svg","webpack:///./src/CVI/Purchase/components/CustomMealPlan/Widget.vue?88d8","webpack:///src/CVI/Purchase/components/CustomMealPlan/Widget.vue","webpack:///./src/CVI/Purchase/components/CustomMealPlan/Widget.vue?746a","webpack:///./src/CVI/Purchase/components/CustomMealPlan/Widget.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","loaded","showLoadState","staticClass","attrs","_e","scrset","wide","desktop","tablet","resize","mobile","alt","lazy","staticRenderFns","createCropArea","centerX","centerY","width","height","imageWidth","imageHeight","x1","y1","x2","y2","scaleWidth","scaleHeight","calculateCrop","model","sourceWidth","sourceHeight","focusPointX","focusPointY","targetAspectRatio","focalPointY","Math","round","focalPointX","sourceAspectRatio","newHeight","floor","max","min","newWidth","calculateCropCms","x","y","Recipe","picture","options","pictureUrl","url","includes","substring","indexOf","query","contentAreaPoints","cropArea","crop","mode","w","h","Object","entries","forEach","key","value","queryParams","push","queryString","join","ImageResizingNet","src","qs","queryIndex","split","part","item","decodeURIComponent","Squidex","preset","Error","image","resizedImageUrl","endsWith","Cms","rmode","rxy","components","Loader","props","type","String","required","resizer","Array","default","Boolean","data","mounted","checkLoaded","methods","$el","lastElementChild","addEventListener","component","publicPath","symbolUrl","viewUrl","module","exports","symbol","view","viewBox","title","toString","JSON","stringify","class","classes","$mq","container","callback","$$v","isDropdownVisible","expression","size","on","$event","preventDefault","toggleDropdown","activeItem","isMarked","smallArrow","_v","_s","activeName","iconArrowDown","arrowSize","iconColor","slot","selectItem","emptyTitle","_l","index","id","domProps","name","icon","stroke","fill","onSelectChange","enableEmptySelection","Icon","Popover","Number","items","computed","find","$emit","selectedItem","addDarkOverlay","isSmall","style","backgroundColor","backgroundImage","imageResizer","kicker","backgroundImageMobile","foregroundColor","textClass","startsWith","days","day","replace","predefinedSelector","selectedMealPlan","portions","portion","ref","href","trackCreateMealPlan","iconRefreshArrows","buttonText","Dropdown","Picture","defaultDaysFilterValue","defaultPortionsFilterValue","mealPlanCategories","maxDays","maxPortions","processedHtml","str","hasMealPlanCategories","filter","array","map","activeHeading","showBackgroundImage","watch","dayPickerSelect","event","peoplePickerSelect","mealPickerSelect"],"mappings":"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","file":"js/chunk-313e871e.0dc9a67c.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('picture',[(!_vm.loaded && _vm.showLoadState)?_c('Loader',{staticClass:\"u-flex u-mt--m u-ml--a u-mr--a\",attrs:{\"size\":\"large\",\"color\":\"medium-gray\"}}):_vm._e(),(_vm.wide)?_c('source',{attrs:{\"media\":\"(min-width: 1200px)\",\"srcset\":_vm.scrset(_vm.wide)}}):_vm._e(),(_vm.desktop)?_c('source',{attrs:{\"media\":\"(min-width: 992px)\",\"srcset\":_vm.scrset(_vm.desktop)}}):_vm._e(),(_vm.tablet)?_c('source',{attrs:{\"media\":\"(min-width: 768px)\",\"srcset\":_vm.scrset(_vm.tablet)}}):_vm._e(),_c('img',{attrs:{\"src\":_vm.resize(_vm.mobile),\"srcset\":_vm.scrset(_vm.mobile),\"alt\":_vm.alt,\"loading\":_vm.lazy ? 'lazy' : 'auto'}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","function createCropArea(centerX, centerY, width, height, imageWidth, imageHeight) {\r\n  let x1 = 0\r\n  let y1 = 0\r\n  let x2 = 0\r\n  let y2 = 0\r\n\r\n  const scaleWidth = width * imageHeight / height\r\n  const scaleHeight = height * imageWidth / width\r\n\r\n  if (imageWidth > scaleWidth) {\r\n    x1 = (centerX * imageWidth - scaleWidth * 50) / 100\r\n    if (x1 < 0) {\r\n      x1 = 0\r\n      x2 = scaleWidth - imageWidth\r\n    } else {\r\n      x2 = x1 + scaleWidth - imageWidth\r\n      if (x2 > 0) {\r\n        x2 = 0\r\n        x1 = imageWidth - scaleWidth\r\n      }\r\n    }\r\n  }\r\n\r\n  if (imageHeight > scaleHeight) {\r\n    y1 = (centerY * imageHeight - scaleHeight * 50) / 100\r\n    if (y1 < 0) {\r\n      y1 = 0\r\n      y2 = scaleHeight - imageHeight\r\n    } else {\r\n      y2 = y1 + scaleHeight - imageHeight\r\n      if (y2 > 0) {\r\n        y2 = 0\r\n        y1 = imageHeight - scaleHeight\r\n      }\r\n    }\r\n  }\r\n\r\n  return `${x1},${y1},${x2},${y2}`\r\n}\r\n\r\nfunction calculateCrop(width, height, model) {\r\n  const sourceWidth = model.width\r\n  const sourceHeight = model.height\r\n\r\n  if (sourceWidth == 0\r\n      || sourceHeight == 0\r\n      || !model.focusPointX\r\n      || !model.focusPointY) {\r\n    return null\r\n  }\r\n\r\n  const focalPointY = Math.round(sourceHeight * (model.focusPointY / 100))\r\n  const focalPointX = Math.round(sourceWidth * (model.focusPointX / 100))\r\n  const sourceAspectRatio = sourceWidth / sourceHeight\r\n\r\n  //Calculate target aspect ratio from resizeSettings.\r\n  let targetAspectRatio\r\n  if (width > 0 && height > 0) {\r\n    targetAspectRatio = width / height\r\n  } else {\r\n    targetAspectRatio = sourceAspectRatio\r\n  }\r\n\r\n  let x1 = 0\r\n  let y1 = 0\r\n  let x2\r\n  let y2\r\n\r\n  if (targetAspectRatio == sourceAspectRatio) {\r\n    x2 = sourceWidth\r\n    y2 = sourceHeight\r\n  } else if (targetAspectRatio > sourceAspectRatio) {\r\n    // the requested aspect ratio is wider than the source image\r\n    const newHeight = Math.floor(sourceWidth / targetAspectRatio)\r\n    x2 = sourceWidth\r\n    y1 = Math.max(focalPointY - Math.round(newHeight / 2), 0);\r\n    y2 = Math.min(y1 + newHeight, sourceHeight);\r\n    if (y2 == sourceHeight) {\r\n      y1 = y2 - newHeight\r\n    }\r\n  } else {\r\n    // the requested aspect ratio is narrower than the source image\r\n    const newWidth = Math.round(sourceHeight * targetAspectRatio)\r\n    x1 = Math.max(focalPointX - Math.round(newWidth / 2), 0)\r\n    x2 = Math.min(x1 + newWidth, sourceWidth)\r\n    y2 = sourceHeight\r\n    if (x2 == sourceWidth) {\r\n      x1 = x2 - newWidth\r\n    }\r\n  }\r\n\r\n  return `${x1},${y1},${x2},${y2}`\r\n}\r\n\r\nfunction calculateCropCms(model) {\r\n  const sourceWidth = model.width\r\n  const sourceHeight = model.height\r\n\r\n  if (sourceWidth == 0\r\n      || sourceHeight == 0\r\n      || !model.focusPointX\r\n      || !model.focusPointY) {\r\n    return null\r\n  }\r\n\r\n  const focalPointY = Math.round(sourceHeight * (model.focusPointY / 100))\r\n  const focalPointX = Math.round(sourceWidth * (model.focusPointX / 100))\r\n\r\n  const x = Math.round((100 * focalPointX) / sourceWidth) / 100\r\n  const y = Math.round((100 * focalPointY) / sourceHeight) / 100\r\n\r\n  return `${x},${y}`\r\n}\r\n\r\nexport default {\r\n  Recipe: {\r\n    // Copy of c# code from RdbClient.GetResizedPictureUrl method,\r\n    // useFocusPoint is always true and removed from params\r\n    resize(picture, width, height, options) {\r\n      if (picture == null) {\r\n        return null\r\n      }\r\n      let pictureUrl = ''\r\n      // eslint-disable-next-line no-param-reassign\r\n      if (typeof picture == 'string') {\r\n        pictureUrl = picture\r\n      } else {\r\n        pictureUrl = picture.url\r\n      }\r\n\r\n      if (picture.url == null || !pictureUrl) {\r\n        return pictureUrl\r\n      }\r\n\r\n      if (pictureUrl.includes('?')) {\r\n        pictureUrl = pictureUrl.substring(0, pictureUrl.indexOf('?'))\r\n      }\r\n\r\n      if (width == 0) {\r\n        // eslint-disable-next-line no-param-reassign\r\n        ({ width } = picture)\r\n      }\r\n\r\n      if (height == 0) {\r\n        // eslint-disable-next-line no-param-reassign\r\n        ({ height } = picture)\r\n      }\r\n\r\n      const query = {}\r\n      if (typeof picture != 'string') {\r\n        if (picture.focusPointX != null && picture.focusPointY != null) {\r\n          const contentAreaPoints = createCropArea(picture.focusPointX,\r\n            picture.focusPointY, width, height, picture.width, picture.height)\r\n          const cropArea = `(${contentAreaPoints})`\r\n          query.crop = `${cropArea}`\r\n        } else if (options == null || !options.mode) {\r\n          query.mode = 'crop'\r\n        }\r\n      }\r\n\r\n      if (width > 0) {\r\n        query.w = width\r\n      }\r\n\r\n      if (height > 0) {\r\n        query.h = height\r\n      }\r\n\r\n      if (options != null) {\r\n        Object.entries(options).forEach(([key, value]) => {\r\n          if (value == null && query.key) {\r\n            delete query[key]\r\n          } else {\r\n            query[key] = value\r\n          }\r\n        })\r\n      }\r\n\r\n      const queryParams = []\r\n      Object.entries(query).forEach(([key, value]) => {\r\n        queryParams.push(`${key}=${value}`)\r\n      })\r\n\r\n      const queryString = queryParams.join('&')\r\n      return `${pictureUrl}?${queryString}&preset=1`\r\n    }\r\n  },\r\n  // Copy of c# code from ImageResizingNetImageResizer.Resize method\r\n  ImageResizingNet: {\r\n    resize(src, width, height, options) {\r\n      if (src == null) {\r\n        return null\r\n      }\r\n\r\n      let url\r\n      let crop = null\r\n\r\n      if (src.url != null) {\r\n        url = src.url\r\n        if (options?.mode === 'crop') {\r\n          crop = calculateCrop(width, height, src)\r\n        }\r\n      } else {\r\n        url = src\r\n      }\r\n\r\n      const qs = {}\r\n      const queryIndex = url.indexOf('?')\r\n\r\n      if (queryIndex >= 0) {\r\n        const queryString = url.substring(queryIndex)\r\n        queryString.split('&').forEach((part) => {\r\n          const item = part.split('=')\r\n          qs[item[0]] = decodeURIComponent(item[1])\r\n        })\r\n\r\n        url = url.substring(0, queryIndex)\r\n      }\r\n\r\n      if (width > 0) {\r\n        qs.width = width\r\n      }\r\n\r\n      if (height > 0) {\r\n        qs.height = height\r\n      }\r\n\r\n      if (options != null) {\r\n        qs.mode = options.mode\r\n        // We are not supporting presets for frontend now\r\n        // qs.preset = options.preset\r\n      }\r\n\r\n      if (crop !== null) {\r\n        qs.crop = crop\r\n      }\r\n\r\n      const queryParams = []\r\n      Object.entries(qs).forEach(([key, value]) => {\r\n        if (value) {\r\n          queryParams.push(`${key}=${value}`)\r\n        }\r\n      })\r\n\r\n\r\n      const queryString = queryParams.join('&')\r\n      return `${url}?${queryString}`\r\n    }\r\n  },\r\n  Squidex: {\r\n    resize(src, width, height, options) {\r\n      if (src == null || src.url == '') {\r\n        return src\r\n      }\r\n\r\n      if (options && options.preset) {\r\n        throw new Error('Preset option not supported')\r\n      }\r\n\r\n      const image = src.url\r\n      const crop = options?.mode == 'crop'\r\n      const mode = crop ? 'cropupsize' : 'max' // Max default parameter\r\n      let resizedImageUrl = `${image}?width=${width}&height=${height}&mode=${mode}`\r\n\r\n      if (image.endsWith('.jpg') || image.endsWith('.jpeg')) {\r\n        resizedImageUrl += '&quality=90'\r\n      }\r\n\r\n      return resizedImageUrl\r\n    }\r\n  },\r\n  Cms: {\r\n    resize(image, width, height, options) {\r\n      if (!image || !image.url) {\r\n        return null\r\n      }\r\n      let url = ''\r\n      let crop = null\r\n      url = image.url\r\n\r\n      if (options?.mode === 'crop') {\r\n        crop = calculateCropCms(image)\r\n      }\r\n\r\n      const qs = {}\r\n      const queryIndex = url.indexOf('?')\r\n\r\n      if (queryIndex >= 0) {\r\n        const queryString = url.substring(queryIndex)\r\n        queryString.split('&').forEach((part) => {\r\n          const item = part.split('=')\r\n          qs[item[0]] = decodeURIComponent(item[1])\r\n        })\r\n\r\n        url = url.substring(0, queryIndex)\r\n      }\r\n\r\n      if (width > 0) {\r\n        qs.width = width\r\n      }\r\n\r\n      if (height > 0) {\r\n        qs.height = height\r\n      }\r\n\r\n      if (options != null) {\r\n        qs.rmode = options.mode\r\n        qs.preset = options.preset\r\n      }\r\n\r\n      if (crop !== null) {\r\n        qs.rxy = crop\r\n      }\r\n\r\n      const query = []\r\n      Object.entries(qs).forEach(([key, value]) => {\r\n        if (value) {\r\n          query.push(`${key}=${value}`)\r\n        }\r\n      })\r\n\r\n\r\n      const queryString = query.join('&')\r\n\r\n      return `${url}?${queryString}`\r\n    }\r\n\r\n  }\r\n}\r\n","<template>\r\n  <picture>\r\n    <Loader\r\n      v-if=\"!loaded && showLoadState\"\r\n      class=\"u-flex u-mt--m u-ml--a u-mr--a\"\r\n      size=\"large\"\r\n      color=\"medium-gray\"\r\n    />\r\n    <source\r\n      v-if=\"wide\"\r\n      media=\"(min-width: 1200px)\"\r\n      :srcset=\"scrset(wide)\"\r\n    >\r\n\r\n    <source\r\n      v-if=\"desktop\"\r\n      media=\"(min-width: 992px)\"\r\n      :srcset=\"scrset(desktop)\"\r\n    >\r\n\r\n    <source\r\n      v-if=\"tablet\"\r\n      media=\"(min-width: 768px)\"\r\n      :srcset=\"scrset(tablet)\"\r\n    >\r\n\r\n    <img\r\n      :src=\"resize(mobile)\"\r\n      :srcset=\"scrset(mobile)\"\r\n      :alt=\"alt\"\r\n      :loading=\"lazy ? 'lazy' : 'auto'\"\r\n    >\r\n  </picture>\r\n</template>\r\n\r\n<script>\r\n\r\nimport imageResizer from '@/CVI/WebCore/lib/imageResizer'\r\nimport Loader from '@/CVI/WebCore/components/Loader.vue'\r\n\r\nexport default {\r\n  components: {\r\n    Loader\r\n  },\r\n  props: {\r\n    src: {\r\n      type: [Object, String],\r\n      required: true\r\n    },\r\n    resizer: {\r\n      type: String,\r\n      required: true\r\n    },\r\n    mobile: {\r\n      type: Array,\r\n      required: true\r\n    },\r\n    tablet: {\r\n      type: Array,\r\n      required: false,\r\n      default: null\r\n    },\r\n    desktop: {\r\n      type: Array,\r\n      required: false,\r\n      default: null\r\n    },\r\n    wide: {\r\n      type: Array,\r\n      required: false,\r\n      default: null\r\n    },\r\n    options: {\r\n      type: Object,\r\n      required: false,\r\n      default: null\r\n    },\r\n    alt: {\r\n      type: String,\r\n      required: false,\r\n      default: ''\r\n    },\r\n    showLoadState: {\r\n      type: Boolean,\r\n      default: false\r\n    },\r\n    lazy: {\r\n      type: Boolean,\r\n      default: false\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      loaded: false\r\n    }\r\n  },\r\n  mounted() {\r\n    if (this.showLoadState) {\r\n      this.checkLoaded()\r\n    }\r\n  },\r\n  methods: {\r\n    resize(sizes) {\r\n      const resizer = imageResizer[this.resizer]\r\n      return resizer\r\n        .resize(this.src, sizes[0], sizes[1], this.options)\r\n    },\r\n    scrset(sizes) {\r\n      const defaultSize = this.resize(sizes)\r\n      const multipliedSize = this.resize([sizes[0] * 2, sizes[1] * 2])\r\n      return `${defaultSize}, ${multipliedSize} 2x`\r\n    },\r\n    checkLoaded() {\r\n      this.$el.lastElementChild.addEventListener('load', () => {\r\n        this.loaded = true\r\n      })\r\n    }\r\n  }\r\n}\r\n</script>\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!./Picture.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!./Picture.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Picture.vue?vue&type=template&id=51633e0a&\"\nimport script from \"./Picture.vue?vue&type=script&lang=js&\"\nexport * from \"./Picture.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","var publicPath = __webpack_public_path__;\n            var symbolUrl = 'img/sprite.57d38946.svg#icon-refresh-arrows';\n            var viewUrl = 'img/sprite.57d38946.svg#view-icon-refresh-arrows';\n\n            \n\n            module.exports = {\n                symbol: publicPath + symbolUrl,\n                view: publicPath + viewUrl,\n                viewBox: '0 0 24 21',\n                title: 'refresh-arrows',\n                toString: function () {\n                    return JSON.stringify(this.view);\n                }\n            };","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!./Widget.vue?vue&type=style&index=0&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"c-dropdown\",class:_vm.classes},[(_vm.$mq == 'desktop')?_c('Popover',{attrs:{\"placement\":'bottom-start',\"offset\":2,\"auto-close\":true,\"auto-close-delay\":100000,\"container\":_vm.container,\"dropdown-class\":\"c-dropdown__dropdown\"},model:{value:(_vm.isDropdownVisible),callback:function ($$v) {_vm.isDropdownVisible=$$v},expression:\"isDropdownVisible\"}},[_c('span',{staticClass:\"c-dropdown__text u-flex u-flex-align-center\",class:{\n        'u-font-size-medium': _vm.size === 'small'\n      },on:{\"click\":function($event){$event.preventDefault();return _vm.toggleDropdown($event)}}},[_c('span',{class:{\n          'u-font-italic': _vm.activeItem && _vm.activeItem.isMarked,\n          'u-mr--xxs': _vm.smallArrow,\n          'u-mr--s': !_vm.smallArrow\n        }},[_vm._v(\" \"+_vm._s(_vm.activeName)+\" \")]),_c('Icon',{staticClass:\"u-ml--a\",attrs:{\"icon\":_vm.iconArrowDown,\"size\":_vm.arrowSize,\"fill\":_vm.iconColor}})],1),_c('template',{slot:\"popover\"},[_c('div',{staticClass:\"c-dropdown__menu\"},[_c('ul',{staticClass:\"u-bare-list u-font-size-large\"},[(_vm.enableEmptySelection)?_c('li',{staticClass:\"c-dropdown__menu-item\",on:{\"click\":function($event){return _vm.selectItem('')}}},[_c('a',{staticClass:\"u-text-nounderline\"},[_vm._v(\" \"+_vm._s(_vm.emptyTitle)+\" \")])]):_vm._e(),_vm._l((_vm.items),function(item,index){return _c('li',{key:index,staticClass:\"c-dropdown__menu-item\",class:{\n              'is-active': _vm.activeItem ? item.id == _vm.activeItem.id : false,\n              'u-font-italic': item.isMarked\n            },on:{\"click\":function($event){return _vm.selectItem(item)}}},[_c('a',{staticClass:\"u-text-nounderline\"},[_c('span',{staticClass:\"u-flex u-flex-1\",domProps:{\"innerHTML\":_vm._s(item.name)}}),(item.icon)?[(item.icon.stroke)?_c('Icon',{staticClass:\"u-ml--a\",attrs:{\"icon\":item.icon.icon,\"size\":item.icon.size,\"stroke\":item.icon.stroke}}):_c('Icon',{staticClass:\"u-ml--a\",attrs:{\"icon\":item.icon.icon,\"size\":item.icon.size,\"fill\":item.icon.fill}})]:_vm._e()],2)])})],2)])])],2):_vm._e(),(_vm.$mq != 'desktop')?_c('span',{staticClass:\"c-dropdown__text u-flex u-flex-align-center\",class:{\n      'u-font-size-medium': _vm.size === 'small'\n    },on:{\"click\":function($event){$event.preventDefault();return _vm.toggleDropdown($event)}}},[_c('span',{class:{\n        'u-font-italic': _vm.activeItem && _vm.activeItem.isMarked,\n        'u-mr--xxs': _vm.smallArrow,\n        'u-mr--s': !_vm.smallArrow\n      }},[_vm._v(\" \"+_vm._s(_vm.activeName)+\" \")]),_c('Icon',{staticClass:\"u-ml--a\",attrs:{\"icon\":_vm.iconArrowDown,\"size\":_vm.arrowSize,\"fill\":_vm.iconColor}})],1):_vm._e(),(_vm.$mq != 'desktop')?_c('select',{staticClass:\"c-dropdown__select\",on:{\"change\":_vm.onSelectChange}},[(!_vm.activeItem && _vm.emptyTitle || _vm.enableEmptySelection)?_c('option',{attrs:{\"value\":\"\"}},[_vm._v(\" \"+_vm._s(_vm.emptyTitle)+\" \")]):_vm._e(),_vm._l((_vm.items),function(item,index){return _c('option',{key:index,class:{\n        'u-font-italic': item.isMarked\n      },domProps:{\"value\":item.id,\"selected\":_vm.activeItem && _vm.activeItem.id == item.id}},[_vm._v(\" \"+_vm._s(item.name)+\" \")])})],2):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div\r\n    class=\"c-dropdown\"\r\n    :class=\"classes\"\r\n  >\r\n    <Popover\r\n      v-if=\"$mq == 'desktop'\"\r\n      v-model=\"isDropdownVisible\"\r\n      :placement=\"'bottom-start'\"\r\n      :offset=\"2\"\r\n      :auto-close=\"true\"\r\n      :auto-close-delay=\"100000\"\r\n      :container=\"container\"\r\n      dropdown-class=\"c-dropdown__dropdown\"\r\n    >\r\n      <span\r\n        class=\"c-dropdown__text u-flex u-flex-align-center\"\r\n        :class=\"{\r\n          'u-font-size-medium': size === 'small'\r\n        }\"\r\n        @click.prevent=\"toggleDropdown\"\r\n      >\r\n        <span\r\n          :class=\"{\r\n            'u-font-italic': activeItem && activeItem.isMarked,\r\n            'u-mr--xxs': smallArrow,\r\n            'u-mr--s': !smallArrow\r\n          }\"\r\n        >\r\n          {{ activeName }}\r\n        </span>\r\n        <Icon\r\n          class=\"u-ml--a\"\r\n          :icon=\"iconArrowDown\"\r\n          :size=\"arrowSize\"\r\n          :fill=\"iconColor\"\r\n        />\r\n      </span>\r\n      <template slot=\"popover\">\r\n        <div class=\"c-dropdown__menu\">\r\n          <ul class=\"u-bare-list u-font-size-large\">\r\n            <li\r\n              v-if=\"enableEmptySelection\"\r\n              class=\"c-dropdown__menu-item\"\r\n              @click=\"selectItem('')\"\r\n            >\r\n              <a\r\n                class=\"u-text-nounderline\"\r\n              >\r\n                {{ emptyTitle }}\r\n              </a>\r\n            </li>\r\n            <li\r\n              v-for=\"(item, index) in items\"\r\n              :key=\"index\"\r\n              :class=\"{\r\n                'is-active': activeItem ? item.id == activeItem.id : false,\r\n                'u-font-italic': item.isMarked\r\n              }\"\r\n              class=\"c-dropdown__menu-item\"\r\n              @click=\"selectItem(item)\"\r\n            >\r\n              <a\r\n                class=\"u-text-nounderline\"\r\n              >\r\n                <span\r\n                  class=\"u-flex u-flex-1\"\r\n                  v-html=\"item.name\"\r\n                />\r\n                <template v-if=\"item.icon\">\r\n                  <Icon\r\n                    v-if=\"item.icon.stroke\"\r\n                    class=\"u-ml--a\"\r\n                    :icon=\"item.icon.icon\"\r\n                    :size=\"item.icon.size\"\r\n                    :stroke=\"item.icon.stroke\"\r\n                  />\r\n                  <Icon\r\n                    v-else\r\n                    class=\"u-ml--a\"\r\n                    :icon=\"item.icon.icon\"\r\n                    :size=\"item.icon.size\"\r\n                    :fill=\"item.icon.fill\"\r\n                  />\r\n                </template>\r\n              </a>\r\n            </li>\r\n          </ul>\r\n        </div>\r\n      </template>\r\n    </Popover>\r\n    <span\r\n      v-if=\"$mq != 'desktop'\"\r\n      class=\"c-dropdown__text u-flex u-flex-align-center\"\r\n      :class=\"{\r\n        'u-font-size-medium': size === 'small'\r\n      }\"\r\n      @click.prevent=\"toggleDropdown\"\r\n    >\r\n      <span\r\n        :class=\"{\r\n          'u-font-italic': activeItem && activeItem.isMarked,\r\n          'u-mr--xxs': smallArrow,\r\n          'u-mr--s': !smallArrow\r\n        }\"\r\n      >\r\n        {{ activeName }}\r\n      </span>\r\n      <Icon\r\n        class=\"u-ml--a\"\r\n        :icon=\"iconArrowDown\"\r\n        :size=\"arrowSize\"\r\n        :fill=\"iconColor\"\r\n      />\r\n    </span>\r\n    <select\r\n      v-if=\"$mq != 'desktop'\"\r\n      class=\"c-dropdown__select\"\r\n      @change=\"onSelectChange\"\r\n    >\r\n      <option\r\n        v-if=\"!activeItem && emptyTitle || enableEmptySelection\"\r\n        value=\"\"\r\n      >\r\n        {{ emptyTitle }}\r\n      </option>\r\n      <option\r\n        v-for=\"(item, index) in items\"\r\n        :key=\"index\"\r\n        :value=\"item.id\"\r\n        :selected=\"activeItem && activeItem.id == item.id\"\r\n        :class=\"{\r\n          'u-font-italic': item.isMarked\r\n        }\"\r\n      >\r\n        {{ item.name }}\r\n      </option>\r\n    </select>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport iconArrowDown from '@ds/svg/icons/bold/arrow-down-1-bold.svg'\r\nimport Popover from '@/CVI/WebCore/components/Popover.vue'\r\nimport Icon from '@/CVI/WebCore/components/Icon.vue'\r\n\r\nexport default {\r\n  components: {\r\n    Icon,\r\n    Popover\r\n  },\r\n  props: {\r\n    value: {\r\n      type: [String, Number],\r\n      required: true\r\n    },\r\n    size: {\r\n      type: String,\r\n      default: ''\r\n    },\r\n    items: {\r\n      type: Array,\r\n      required: true\r\n    },\r\n    emptyTitle: {\r\n      type: String,\r\n      default: ''\r\n    },\r\n    smallArrow: {\r\n      type: Boolean,\r\n      default: false\r\n    },\r\n    iconColor: {\r\n      type: String,\r\n      default: 'dark-gray'\r\n    },\r\n    container: {\r\n      type: String,\r\n      default: 'body'\r\n    },\r\n    enableEmptySelection: {\r\n      type: Boolean,\r\n      default: false\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      iconArrowDown,\r\n      isDropdownVisible: false\r\n    }\r\n  },\r\n  computed: {\r\n    activeItem() {\r\n      return this.items.find(item => item.id == this.value)\r\n    },\r\n    activeName() {\r\n      const { activeItem, emptyTitle } = this\r\n      if (activeItem) {\r\n        return activeItem.name\r\n      }\r\n      return emptyTitle || ''\r\n    },\r\n    classes() {\r\n      const classes = []\r\n      if (this.size == 'small') {\r\n        classes.push('is-small')\r\n      }\r\n      return classes\r\n    },\r\n    arrowSize() {\r\n      if (this.smallArrow) {\r\n        return 12\r\n      }\r\n      return this.size === 'small' ? 12 : 16\r\n    }\r\n  },\r\n  methods: {\r\n    toggleDropdown() {\r\n      this.isDropdownVisible = !this.isDropdownVisible\r\n    },\r\n    selectItem(item) {\r\n      this.$emit('input', item?.id)\r\n      this.$emit('on-click', item?.id)\r\n      this.isDropdownVisible = false\r\n    },\r\n    onSelectChange(event) {\r\n      const { value } = event.target\r\n      const selectedItem = this.items.find(item => item.id == value)\r\n      this.selectItem(selectedItem)\r\n    }\r\n  }\r\n}\r\n</script>\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!./Dropdown.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!./Dropdown.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Dropdown.vue?vue&type=template&id=4aaca6da&\"\nimport script from \"./Dropdown.vue?vue&type=script&lang=js&\"\nexport * from \"./Dropdown.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","// extracted by mini-css-extract-plugin\nmodule.exports = {\"black\":\"#384241\",\"darkGray\":\"#737a7a\",\"mediumGray\":\"#afb3b3\",\"lightGray\":\"#ebecec\",\"offWhite\":\"#f9f9f9\",\"white\":\"#fff\",\"success\":\"#19a413\",\"error\":\"#d63649\",\"warning\":\"#f7c137\"};","var publicPath = __webpack_public_path__;\n            var symbolUrl = 'img/sprite.57d38946.svg#icon-arrow-down-1-bold';\n            var viewUrl = 'img/sprite.57d38946.svg#view-icon-arrow-down-1-bold';\n\n            \n\n            module.exports = {\n                symbol: publicPath + symbolUrl,\n                view: publicPath + viewUrl,\n                viewBox: '0 0 24 24',\n                title: 'arrow-down-1 test',\n                toString: function () {\n                    return JSON.stringify(this.view);\n                }\n            };","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.hasMealPlanCategories)?_c('div',{staticClass:\"c-mealplan-widget u-flex u-flex-align-center u-flex-justify-center u-themeable-bg\",class:{\n    'has-overlay': _vm.model.addDarkOverlay,\n    'o-content-box': !_vm.model.isSmall,\n    'is-small-widget': _vm.model.isSmall\n  },style:({\n    '--bg-color': _vm.model.backgroundColor\n  })},[(_vm.showBackgroundImage)?_c('Picture',{staticClass:\"c-mealplan-widget__picture\",attrs:{\"src\":_vm.model.backgroundImage,\"resizer\":_vm.model.imageResizer.name,\"alt\":_vm.model.kicker,\"mobile\":[375, 300],\"tablet\":[768, 300],\"desktop\":[992, 300],\"wide\":[1600, 300],\"options\":{ mode: 'max' }}}):_vm._e(),(_vm.model.backgroundImageMobile && (_vm.$mq == 'mobile' || _vm.model.isSmall))?_c('Picture',{staticClass:\"c-mealplan-widget__picture\",attrs:{\"src\":_vm.model.backgroundImageMobile,\"resizer\":_vm.model.imageResizer.name,\"alt\":_vm.model.kicker,\"mobile\":[375, 300],\"options\":{ mode: 'max' }}}):_vm._e(),_c('div',{staticClass:\"c-mealplan-widget__content u-flex u-flex-direction-column u-flex-align-center u-text-align--center\",class:{\n      'u-themeable-color-dark': _vm.model.foregroundColor == 'dark',\n      'u-themeable-color-light': _vm.model.foregroundColor == 'light'\n    }},[_c('strong',{staticClass:\"c-label--m  u-opacity-70 u-mb--s\"},[_vm._v(_vm._s(_vm.model.kicker))]),_c('div',{staticClass:\"c-mealplan-widget__text u-font-bold u-mb--m u-mt--xs \",class:_vm.textClass},_vm._l((_vm.processedHtml),function(item,index){return _c('span',{key:index},[(item.startsWith('0}'))?[_c('Dropdown',{attrs:{\"items\":_vm.days,\"small-arrow\":true,\"icon-color\":_vm.iconColor},model:{value:(_vm.day),callback:function ($$v) {_vm.day=$$v},expression:\"day\"}}),_c('span',{staticClass:\"u-opacity-70\"},[_vm._v(\" \"+_vm._s(item.replace('0}', ''))+\" \")])]:(item.startsWith('1}'))?[_c('Dropdown',{attrs:{\"items\":_vm.predefinedSelector,\"small-arrow\":true,\"icon-color\":_vm.iconColor},model:{value:(_vm.selectedMealPlan),callback:function ($$v) {_vm.selectedMealPlan=$$v},expression:\"selectedMealPlan\"}}),_c('span',{staticClass:\"u-opacity-70\"},[_vm._v(\" \"+_vm._s(item.replace('1}', ''))+\" \")])]:(item.startsWith('2}'))?[_c('Dropdown',{attrs:{\"items\":_vm.portions,\"small-arrow\":true,\"icon-color\":_vm.iconColor},model:{value:(_vm.portion),callback:function ($$v) {_vm.portion=$$v},expression:\"portion\"}}),_c('span',{staticClass:\"u-opacity-70\"},[_vm._v(\" \"+_vm._s(item.replace('2}', ''))+\" \")])]:[_c('span',{staticClass:\"u-opacity-70\"},[_vm._v(_vm._s(item))])]],2)}),0),_c('a',{ref:\"button\",staticClass:\"c-button u-flex-shrink-0 u-text-align--center\",class:{\n        'c-button--dark': _vm.model.foregroundColor == 'dark',\n        'c-button--dark-inverted u-themeable-color': _vm.model.foregroundColor == 'light',\n\n      },attrs:{\"href\":_vm.href},on:{\"click\":_vm.trackCreateMealPlan}},[_c('Icon',{staticClass:\"u-mr--xs\",class:{\n          'u-themeable-stroke': _vm.model.foregroundColor == 'light',\n          'c-icon-stroke-white': _vm.model.foregroundColor == 'dark'\n        },attrs:{\"icon\":_vm.iconRefreshArrows,\"size\":16}}),_vm._v(\" \"+_vm._s(_vm.model.buttonText)+\" \")],1)])],1):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div\r\n    v-if=\"hasMealPlanCategories\"\r\n    class=\"c-mealplan-widget u-flex u-flex-align-center u-flex-justify-center u-themeable-bg\"\r\n    :class=\"{\r\n      'has-overlay': model.addDarkOverlay,\r\n      'o-content-box': !model.isSmall,\r\n      'is-small-widget': model.isSmall\r\n    }\"\r\n    :style=\"{\r\n      '--bg-color': model.backgroundColor\r\n    }\"\r\n  >\r\n    <Picture\r\n      v-if=\"showBackgroundImage\"\r\n      class=\"c-mealplan-widget__picture\"\r\n      :src=\"model.backgroundImage\"\r\n      :resizer=\"model.imageResizer.name\"\r\n      :alt=\"model.kicker\"\r\n      :mobile=\"[375, 300]\"\r\n      :tablet=\"[768, 300]\"\r\n      :desktop=\"[992, 300]\"\r\n      :wide=\"[1600, 300]\"\r\n      :options=\"{ mode: 'max' }\"\r\n    />\r\n    <Picture\r\n      v-if=\"model.backgroundImageMobile && ($mq == 'mobile' || model.isSmall)\"\r\n      class=\"c-mealplan-widget__picture\"\r\n      :src=\"model.backgroundImageMobile\"\r\n      :resizer=\"model.imageResizer.name\"\r\n      :alt=\"model.kicker\"\r\n      :mobile=\"[375, 300]\"\r\n      :options=\"{ mode: 'max' }\"\r\n    />\r\n    <div\r\n      class=\"c-mealplan-widget__content u-flex u-flex-direction-column u-flex-align-center u-text-align--center\"\r\n      :class=\"{\r\n        'u-themeable-color-dark': model.foregroundColor == 'dark',\r\n        'u-themeable-color-light': model.foregroundColor == 'light'\r\n      }\"\r\n    >\r\n      <strong class=\"c-label--m  u-opacity-70 u-mb--s\">{{ model.kicker }}</strong>\r\n      <div\r\n        class=\"c-mealplan-widget__text u-font-bold u-mb--m u-mt--xs \"\r\n        :class=\"textClass\"\r\n      >\r\n        <span\r\n          v-for=\"(item, index) in processedHtml\"\r\n          :key=\"index\"\r\n        >\r\n          <template v-if=\"item.startsWith('0}')\">\r\n            <Dropdown\r\n              v-model=\"day\"\r\n              :items=\"days\"\r\n              :small-arrow=\"true\"\r\n              :icon-color=\"iconColor\"\r\n            />\r\n            <span class=\"u-opacity-70\">\r\n              {{ item.replace('0}', '') }}\r\n            </span>\r\n          </template>\r\n          <template v-else-if=\"item.startsWith('1}')\">\r\n            <Dropdown\r\n              v-model=\"selectedMealPlan\"\r\n              :items=\"predefinedSelector\"\r\n              :small-arrow=\"true\"\r\n              :icon-color=\"iconColor\"\r\n            />\r\n            <span class=\"u-opacity-70\">\r\n              {{ item.replace('1}', '') }}\r\n            </span>\r\n          </template>\r\n          <template v-else-if=\"item.startsWith('2}')\">\r\n            <Dropdown\r\n              v-model=\"portion\"\r\n              :items=\"portions\"\r\n              :small-arrow=\"true\"\r\n              :icon-color=\"iconColor\"\r\n            />\r\n            <span class=\"u-opacity-70\">\r\n              {{ item.replace('2}', '') }}\r\n            </span>\r\n          </template>\r\n          <template v-else>\r\n            <span class=\"u-opacity-70\">{{ item }}</span></template>\r\n        </span>\r\n      </div>\r\n      <a\r\n        ref=\"button\"\r\n        class=\"c-button u-flex-shrink-0 u-text-align--center\"\r\n        :class=\"{\r\n          'c-button--dark': model.foregroundColor == 'dark',\r\n          'c-button--dark-inverted u-themeable-color': model.foregroundColor == 'light',\r\n\r\n        }\"\r\n        :href=\"href\"\r\n        @click=\"trackCreateMealPlan\"\r\n      >\r\n        <Icon\r\n          class=\"u-mr--xs\"\r\n          :class=\"{\r\n            'u-themeable-stroke': model.foregroundColor == 'light',\r\n            'c-icon-stroke-white': model.foregroundColor == 'dark'\r\n          }\"\r\n          :icon=\"iconRefreshArrows\"\r\n          :size=\"16\"\r\n        />\r\n        {{ model.buttonText }}\r\n      </a>\r\n    </div>\r\n  </div>\r\n</template>\r\n<script>\r\nimport iconRefreshArrows from '@ds/svg/icons/stroke/refresh-arrows.svg'\r\nimport Dropdown from '@/CVI/WebCore/components/Dropdown.vue'\r\nimport Icon from '@/CVI/WebCore/components/Icon.vue'\r\nimport Picture from '@/CVI/WebCore/components/Picture.vue'\r\nimport tracker from '@/CVI/WebCore/core-tracker'\r\n\r\nexport default {\r\n  components: {\r\n    Icon,\r\n    Dropdown,\r\n    Picture\r\n  },\r\n  props: {\r\n    model: {\r\n      type: Object,\r\n      required: true\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      iconRefreshArrows,\r\n      day: this.model.defaultDaysFilterValue,\r\n      portion: this.model.defaultPortionsFilterValue,\r\n      selectedMealPlan: this.model.mealPlanCategories[0].id,\r\n      maxDays: 20,\r\n      maxPortions: 20\r\n    }\r\n  },\r\n  computed: {\r\n    processedHtml() {\r\n      const str = this.model.text.split('{')\r\n      return str\r\n    },\r\n    hasMealPlanCategories() {\r\n      return this.model.mealPlanCategories.filter(item => item).length > 0\r\n    },\r\n    predefinedSelector() {\r\n      return this.model.mealPlanCategories\r\n        .map(({ id, heading }) => ({ id, name: heading }))\r\n    },\r\n    portions() {\r\n      const array = [...Array(this.maxPortions).keys()]\r\n      return array.map(item => ({\r\n        id: item + 1,\r\n        name: item + 1 > 1 ? `${item + 1} ${this.model.portionsPluralText}` : `${item + 1} ${this.model.portionsSingularText}`\r\n      }))\r\n    },\r\n    days() {\r\n      const array = [...Array(this.maxDays).keys()]\r\n      return array.map(item => ({\r\n        id: item + 1,\r\n        name: item + 1 > 1 ? `${item + 1} ${this.model.daysPluralText}` : `${item + 1} ${this.model.daysSingularText}`\r\n      }))\r\n    },\r\n    textClass() {\r\n      if (this.$mq == 'desktop' && !this.model.isSmall) {\r\n        return 'u-font-size-h3'\r\n      }\r\n      return 'u-font-size-h4'\r\n    },\r\n    href() {\r\n      const { url } = this.model.mealPlanCategories.find(({ id }) => id == this.selectedMealPlan)\r\n      return `${url}?days=${this.day}&portions=${this.portion}`\r\n    },\r\n    iconColor() {\r\n      return this.model.foregroundColor == 'dark' ? 'dark-gray' : 'white'\r\n    },\r\n    activeHeading() {\r\n      const { name } = this.predefinedSelector.find(({ id }) => id == this.selectedMealPlan)\r\n      return name\r\n    },\r\n    showBackgroundImage() {\r\n      return this.model.backgroundImage && !this.model.isSmall && (this.$mq == 'desktop' || this.$mq == 'tablet' || !this.model.backgroundImageMobile)\r\n    }\r\n  },\r\n  watch: {\r\n    day(value) {\r\n      tracker.track({\r\n        dayPickerSelect: `${value} day`,\r\n        event: 'mealplanWidgetDayPicker'\r\n      })\r\n    },\r\n    portion(value) {\r\n      tracker.track({\r\n        peoplePickerSelect: `${value} people`,\r\n        event: 'mealplanWidgetPeoplePicker'\r\n      })\r\n    },\r\n    selectedMealPlan() {\r\n      tracker.track({\r\n        mealPickerSelect: this.activeHeading,\r\n        event: 'mealplanWidgetMealPicker'\r\n      })\r\n    }\r\n  },\r\n  methods: {\r\n    trackCreateMealPlan() {\r\n      tracker.track({\r\n        dayPickerSelect: `${this.day} day`,\r\n        peoplePickerSelect: `${this.portion} people`,\r\n        mealPickerSelect: this.activeHeading,\r\n        event: 'mealplanWidgetCreateMealplan'\r\n      })\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n@use '../../scss/mealplan-widget.scss';\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!./Widget.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!./Widget.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Widget.vue?vue&type=template&id=29c4f20e&\"\nimport script from \"./Widget.vue?vue&type=script&lang=js&\"\nexport * from \"./Widget.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Widget.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"],"sourceRoot":""}