{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///./node_modules/vue-loader/lib/runtime/componentNormalizer.js","webpack:///./Views/Marketing/Next/ContentBlock/ProductHighlight/ProductHighlight.vue?0908","webpack:///Views/Marketing/Next/ContentBlock/ProductHighlight/ProductHighlight.vue","webpack:///./Views/Marketing/Next/ContentBlock/ProductHighlight/ProductHighlight.vue?ec63","webpack:///./Views/Marketing/Next/ContentBlock/ProductHighlight/ProductHighlight.vue","webpack:///./Views/Marketing/Next/ContentBlock/ProductHighlight/product-highlight.js"],"names":["installedModules","__webpack_require__","moduleId","exports","module","i","l","modules","call","m","c","d","name","getter","o","Object","defineProperty","enumerable","get","r","Symbol","toStringTag","value","t","mode","__esModule","ns","create","key","bind","n","object","property","prototype","hasOwnProperty","p","s","normalizeComponent","scriptExports","render","staticRenderFns","functionalTemplate","injectStyles","scopeId","moduleIdentifier","shadowMode","hook","options","_compiled","functional","_scopeId","context","this","$vnode","ssrContext","parent","__VUE_SSR_CONTEXT__","_registeredComponents","add","_ssrRegister","$root","$options","shadowRoot","_injectStyles","originalRender","h","existing","beforeCreate","concat","_vm","_h","$createElement","_c","_self","staticClass","_t","_v","accordionItems","_l","item","index","style","left","top","attrs","role","tabindex","on","click","$event","openAccordion","keyup","type","indexOf","_k","keyCode","preventDefault","class","isOpen","_s","id","trigger","domProps","innerHTML","content","isListBoxOpen","toggleListBox","apply","arguments","activeAccordionIndex","activeAccordion","ref","invisible","isListBoxUpwards","_e","_withStripped","component","__file","Vue","ProductHighlight"],"mappings":"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","file":"product-highlights.min.js","sourcesContent":[" \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 125);\n","/* globals __VUE_SSR_CONTEXT__ */\n\n// IMPORTANT: Do NOT use ES2015 features in this file (except for modules).\n// This module is a runtime utility for cleaner component module output and will\n// be included in the final webpack user bundle.\n\nexport default function normalizeComponent (\n  scriptExports,\n  render,\n  staticRenderFns,\n  functionalTemplate,\n  injectStyles,\n  scopeId,\n  moduleIdentifier, /* server only */\n  shadowMode /* vue-cli only */\n) {\n  // Vue.extend constructor export interop\n  var options = typeof scriptExports === 'function'\n    ? scriptExports.options\n    : scriptExports\n\n  // render functions\n  if (render) {\n    options.render = render\n    options.staticRenderFns = staticRenderFns\n    options._compiled = true\n  }\n\n  // functional template\n  if (functionalTemplate) {\n    options.functional = true\n  }\n\n  // scopedId\n  if (scopeId) {\n    options._scopeId = 'data-v-' + scopeId\n  }\n\n  var hook\n  if (moduleIdentifier) { // server build\n    hook = function (context) {\n      // 2.3 injection\n      context =\n        context || // cached call\n        (this.$vnode && this.$vnode.ssrContext) || // stateful\n        (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional\n      // 2.2 with runInNewContext: true\n      if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {\n        context = __VUE_SSR_CONTEXT__\n      }\n      // inject component styles\n      if (injectStyles) {\n        injectStyles.call(this, context)\n      }\n      // register component module identifier for async chunk inferrence\n      if (context && context._registeredComponents) {\n        context._registeredComponents.add(moduleIdentifier)\n      }\n    }\n    // used by ssr in case component is cached and beforeCreate\n    // never gets called\n    options._ssrRegister = hook\n  } else if (injectStyles) {\n    hook = shadowMode\n      ? function () {\n        injectStyles.call(\n          this,\n          (options.functional ? this.parent : this).$root.$options.shadowRoot\n        )\n      }\n      : injectStyles\n  }\n\n  if (hook) {\n    if (options.functional) {\n      // for template-only hot-reload because in that case the render fn doesn't\n      // go through the normalizer\n      options._injectStyles = hook\n      // register for functional component in vue file\n      var originalRender = options.render\n      options.render = function renderWithStyleInjection (h, context) {\n        hook.call(context)\n        return originalRender(h, context)\n      }\n    } else {\n      // inject component registration as beforeCreate hook\n      var existing = options.beforeCreate\n      options.beforeCreate = existing\n        ? [].concat(existing, hook)\n        : [hook]\n    }\n  }\n\n  return {\n    exports: scriptExports,\n    options: options\n  }\n}\n","var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"section\", { staticClass: \"content-block\" }, [\n    _c(\"div\", { staticClass: \"vlx-container\" }, [\n      _c(\"div\", [\n        _c(\n          \"div\",\n          { staticClass: \"mb-7 sm:mb-14 sm:text-center max-w-2xl sm:mx-auto\" },\n          [\n            _c(\"h2\", [_vm._t(\"headline\")], 2),\n            _vm._v(\" \"),\n            _c(\"div\", { staticClass: \"text-editor\" }, [_vm._t(\"body\")], 2)\n          ]\n        ),\n        _vm._v(\" \"),\n        _vm.accordionItems\n          ? _c(\n              \"div\",\n              {\n                staticClass:\n                  \"sm:flex sm:flex-nowrap items-start mb-4 sm:mb-12 last:mb-0\"\n              },\n              [\n                _c(\n                  \"div\",\n                  {\n                    staticClass:\n                      \"relative mb-2 sm:mr-8 mx-auto sm:ml-0 lg:mr-16 sm:flex-1 lg:flex-auto w-full lg:max-w-lg\"\n                  },\n                  [\n                    _vm._l(_vm.accordionItems, function(item, index) {\n                      return _c(\n                        \"div\",\n                        {\n                          key: index,\n                          staticClass:\n                            \"absolute group z-10 rounded-full focus:outline-none focus:ring-2 focus:ring-velux-blue focus:ring-offset-2\",\n                          style:\n                            \"left: \" + item.left + \"%; top: \" + item.top + \"%;\",\n                          attrs: { role: \"button\", tabindex: \"0\" },\n                          on: {\n                            click: function($event) {\n                              return _vm.openAccordion(index)\n                            },\n                            keyup: function($event) {\n                              if (\n                                !$event.type.indexOf(\"key\") &&\n                                _vm._k(\n                                  $event.keyCode,\n                                  \"enter\",\n                                  13,\n                                  $event.key,\n                                  \"Enter\"\n                                )\n                              ) {\n                                return null\n                              }\n                              $event.preventDefault()\n                              return _vm.openAccordion(index)\n                            }\n                          }\n                        },\n                        [\n                          _c(\n                            \"span\",\n                            {\n                              staticClass:\n                                \"relative w-10 h-10 border-2 border-color-velux-red text-lg inline-flex items-center justify-center rounded-full z-10 group-hover:bg-velux-red group-hover:text-velux-white transition-color duration-150\",\n                              class: {\n                                \"bg-velux-red text-velux-white\": item.isOpen,\n                                \"bg-velux-white text-velux-red\": !item.isOpen\n                              }\n                            },\n                            [\n                              _vm._v(\n                                \"\\n                            \" +\n                                  _vm._s(index + 1) +\n                                  \"\\n                        \"\n                              )\n                            ]\n                          ),\n                          _vm._v(\" \"),\n                          _c(\"span\", {\n                            staticClass:\n                              \"absolute -left-1 -right-1 -top-1 -bottom-1 w-12 h-12 bg-velux-white z-10 rounded-full opacity-25\"\n                          })\n                        ]\n                      )\n                    }),\n                    _vm._v(\" \"),\n                    _c(\n                      \"span\",\n                      {\n                        staticClass:\n                          \"overflow-hidden block aspect-w-6 aspect-h-5\"\n                      },\n                      [_vm._t(\"image\")],\n                      2\n                    )\n                  ],\n                  2\n                ),\n                _vm._v(\" \"),\n                _c(\n                  \"div\",\n                  {\n                    staticClass:\n                      \"hidden sm:block sm:flex-1 bg-velux-white text-velux-grey-900\"\n                  },\n                  _vm._l(_vm.accordionItems, function(item, index) {\n                    return _c(\"div\", { key: index }, [\n                      _c(\n                        \"div\",\n                        { attrs: { role: \"heading\", \"aria-level\": \"3\" } },\n                        [\n                          _c(\n                            \"div\",\n                            {\n                              staticClass:\n                                \"flex items-center px-3 py-4 border-b-2 border-velux-grey-100 group focus:outline-none focus:ring-2 focus:ring-velux-blue focus:ring-offset-1 transition-all duration-150\",\n                              class: { \"pointer-events-none\": item.isOpen },\n                              attrs: {\n                                role: \"button\",\n                                tabindex: \"0\",\n                                \"aria-expanded\": item.isOpen,\n                                \"aria-controls\":\n                                  \"accordion-panel-\" + (index + _vm.id),\n                                id: \"accordion-trigger-\" + (index + _vm.id)\n                              },\n                              on: {\n                                click: function($event) {\n                                  return _vm.openAccordion(index)\n                                },\n                                keyup: function($event) {\n                                  if (\n                                    !$event.type.indexOf(\"key\") &&\n                                    _vm._k(\n                                      $event.keyCode,\n                                      \"enter\",\n                                      13,\n                                      $event.key,\n                                      \"Enter\"\n                                    )\n                                  ) {\n                                    return null\n                                  }\n                                  $event.preventDefault()\n                                  return _vm.openAccordion(index)\n                                }\n                              }\n                            },\n                            [\n                              _c(\n                                \"span\",\n                                { staticClass: \"inline-flex items-center\" },\n                                [\n                                  _c(\n                                    \"span\",\n                                    {\n                                      staticClass:\n                                        \"w-8 h-8 inline-flex items-center mr-6 justify-center text-lg border-2 rounded-full flex-shrink-0 group-hover:bg-velux-red group-hover:text-velux-white group-hover:border-velux-red transition-color duration-150\",\n                                      class: item.isOpen\n                                        ? \"text-velux-white bg-velux-red border-velux-red\"\n                                        : \"border-velux-grey-200\"\n                                    },\n                                    [\n                                      _vm._v(\n                                        \"\\n                                        \" +\n                                          _vm._s(index + 1) +\n                                          \"\\n                                    \"\n                                      )\n                                    ]\n                                  ),\n                                  _vm._v(\" \"),\n                                  _c(\n                                    \"span\",\n                                    {\n                                      staticClass: \"text-left lg:text-xl\",\n                                      class: { \"font-bold\": item.isOpen }\n                                    },\n                                    [\n                                      _vm._v(\n                                        \"\\n                                        \" +\n                                          _vm._s(item.trigger) +\n                                          \"\\n                                    \"\n                                      )\n                                    ]\n                                  )\n                                ]\n                              ),\n                              _vm._v(\" \"),\n                              _c(\n                                \"div\",\n                                {\n                                  staticClass: \"ml-auto\",\n                                  class: item.isOpen\n                                    ? \"transform rotate-180 pr-5\"\n                                    : \"\"\n                                },\n                                [\n                                  _c(\"i\", {\n                                    staticClass: \"far fa-chevron-down fa-sm\"\n                                  })\n                                ]\n                              )\n                            ]\n                          )\n                        ]\n                      ),\n                      _vm._v(\" \"),\n                      _c(\"div\", {\n                        staticClass:\n                          \"bg-velux-grey-100 px-4 duration-100 ease-out transition-all overflow-hidden text-editor\",\n                        class: item.isOpen\n                          ? \"py-4 max-h-open-accordion\"\n                          : \"max-h-0 py-0 invisible\",\n                        attrs: {\n                          id: \"accordion-panel-\" + (index + _vm.id),\n                          \"aria-hidden\": !item.isOpen,\n                          \"aria-labelledby\":\n                            \"accordion-trigger-\" + (index + _vm.id)\n                        },\n                        domProps: { innerHTML: _vm._s(item.content) }\n                      })\n                    ])\n                  }),\n                  0\n                ),\n                _vm._v(\" \"),\n                _c(\"div\", { staticClass: \"sm:hidden\" }, [\n                  _c(\"div\", { staticClass: \"relative\" }, [\n                    _c(\n                      \"div\",\n                      { attrs: { role: \"heading\", \"aria-level\": \"3\" } },\n                      [\n                        _c(\n                          \"button\",\n                          {\n                            staticClass:\n                              \"flex w-full items-center py-2 px-5 border-2 border-velux-grey-200 bg-velux-white text-velux-grey-900 mb-2\",\n                            attrs: {\n                              \"aria-haspopup\": \"listbox\",\n                              \"aria-expanded\": _vm.isListBoxOpen\n                            },\n                            on: {\n                              click: function($event) {\n                                $event.preventDefault()\n                                return _vm.toggleListBox.apply(null, arguments)\n                              }\n                            }\n                          },\n                          [\n                            _c(\n                              \"span\",\n                              {\n                                staticClass:\n                                  \"w-8 h-8 inline-flex items-center mr-5 justify-center text-lg border-2 rounded-full text-velux-white bg-velux-red border-velux-red flex-shrink-0\"\n                              },\n                              [\n                                _vm._v(\n                                  \"\\n                                    \" +\n                                    _vm._s(_vm.activeAccordionIndex + 1) +\n                                    \"\\n                                \"\n                                )\n                              ]\n                            ),\n                            _vm._v(\" \"),\n                            _c(\"span\", { staticClass: \"font-bold text-left\" }, [\n                              _vm._v(\n                                \"\\n                                    \" +\n                                  _vm._s(_vm.activeAccordion.trigger) +\n                                  \"\\n                                \"\n                              )\n                            ]),\n                            _vm._v(\" \"),\n                            _c(\n                              \"div\",\n                              {\n                                staticClass: \"ml-auto\",\n                                class: _vm.isListBoxOpen\n                                  ? \"transform rotate-180 pr-5\"\n                                  : \"pl-5\"\n                              },\n                              [\n                                _c(\"i\", {\n                                  staticClass: \"far fa-chevron-down fa-sm\"\n                                })\n                              ]\n                            )\n                          ]\n                        )\n                      ]\n                    ),\n                    _vm._v(\" \"),\n                    _c(\n                      \"div\",\n                      {\n                        ref: \"listBox\",\n                        staticClass:\n                          \"absolute left-0 right-0 border-2 border-velux-grey-100 -mt-3 z-10 shadow-md p-0\",\n                        class: {\n                          invisible: !_vm.isListBoxOpen,\n                          \"bottom-full\": _vm.isListBoxUpwards\n                        },\n                        attrs: {\n                          role: \"listbox\",\n                          id: \"listbox-options\",\n                          \"aria-hidden\": _vm.isListBoxOpen,\n                          \"aria-activedescendant\":\n                            \"listbox-options-\" +\n                            (_vm.activeAccordionIndex + _vm.id)\n                        }\n                      },\n                      _vm._l(_vm.accordionItems, function(item, index) {\n                        return _c(\n                          \"div\",\n                          {\n                            key: index,\n                            staticClass:\n                              \"py-2 px-5 bg-velux-white hover:bg-velux-grey-100 text-velux-grey-900 flex items-center cursor-pointer border-t-2 border-velux-grey-100\",\n                            attrs: {\n                              role: \"option\",\n                              id: \"listbox-options-\" + (index + _vm.id),\n                              \"aria-selected\": item.isOpen,\n                              tabindex: \"0\"\n                            },\n                            on: {\n                              keyup: function($event) {\n                                if (\n                                  !$event.type.indexOf(\"key\") &&\n                                  _vm._k(\n                                    $event.keyCode,\n                                    \"enter\",\n                                    13,\n                                    $event.key,\n                                    \"Enter\"\n                                  )\n                                ) {\n                                  return null\n                                }\n                                $event.preventDefault()\n                                return _vm.openAccordion(index)\n                              },\n                              click: function($event) {\n                                return _vm.openAccordion(index)\n                              }\n                            }\n                          },\n                          [\n                            _c(\n                              \"span\",\n                              {\n                                staticClass:\n                                  \"w-8 h-8 inline-flex items-center flex-shrink-0 mr-5 justify-center text-lg border-2 rounded-full\",\n                                class: item.isOpen\n                                  ? \"text-velux-white bg-velux-red border-velux-red\"\n                                  : \"text-velux-red bg-velux-white border-velux-red\"\n                              },\n                              [\n                                _vm._v(\n                                  \"\\n                                    \" +\n                                    _vm._s(index + 1) +\n                                    \"\\n                                \"\n                                )\n                              ]\n                            ),\n                            _vm._v(\n                              \"\\n                                \" +\n                                _vm._s(item.trigger) +\n                                \"\\n                            \"\n                            )\n                          ]\n                        )\n                      }),\n                      0\n                    )\n                  ]),\n                  _vm._v(\" \"),\n                  _c(\n                    \"div\",\n                    {\n                      staticClass:\n                        \"bg-velux-grey-100 text-velux-grey-900 px-5 py-4 relative overflow-hidden\"\n                    },\n                    _vm._l(_vm.accordionItems, function(item, index) {\n                      return _c(\"div\", {\n                        key: index,\n                        staticClass:\n                          \"text-editor duration-100 ease-linear transition-opacity\",\n                        class: item.isOpen\n                          ? \"opacity-100 relative\"\n                          : \"opacity-0 absolute invisible\",\n                        attrs: {\n                          \"aria-hidden\": !item.isOpen,\n                          \"aria-labelledby\":\n                            \"listbox-options-\" + (index + _vm.id)\n                        },\n                        domProps: { innerHTML: _vm._s(item.content) }\n                      })\n                    }),\n                    0\n                  )\n                ])\n              ]\n            )\n          : _vm._e(),\n        _vm._v(\" \"),\n        _c(\"div\", { staticClass: \"flex justify-center\" }, [_vm._t(\"cta\")], 2)\n      ])\n    ])\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","<template>\r\n    <section class=\"content-block\">\r\n        <div class=\"vlx-container\">\r\n            <div>\r\n                <div class=\"mb-7 sm:mb-14 sm:text-center max-w-2xl sm:mx-auto\">\r\n                    <h2><slot name=\"headline\"></slot></h2>\r\n                    <div class=\"text-editor\">\r\n                        <slot name=\"body\"></slot>\r\n                    </div>\r\n                </div>\r\n\r\n                <div v-if=\"accordionItems\"\r\n                     class=\"sm:flex sm:flex-nowrap items-start mb-4 sm:mb-12 last:mb-0\">\r\n                    <!-- image wrapper -->\r\n                    <div class=\"relative mb-2 sm:mr-8 mx-auto sm:ml-0 lg:mr-16 sm:flex-1 lg:flex-auto w-full lg:max-w-lg\">\r\n                        <div v-for=\"(item, index) in accordionItems\"\r\n                             :key=\"index\"\r\n                             role=\"button\"\r\n                             tabindex=\"0\"\r\n                             @click=\"openAccordion(index)\"\r\n                             @keyup.enter.prevent=\"openAccordion(index)\"\r\n                             :style=\"`left: ${item.left}%; top: ${item.top}%;`\"\r\n                             class=\"absolute group z-10 rounded-full focus:outline-none focus:ring-2 focus:ring-velux-blue focus:ring-offset-2\">\r\n                            <span class=\"relative w-10 h-10 border-2 border-color-velux-red text-lg inline-flex items-center justify-center rounded-full z-10 group-hover:bg-velux-red group-hover:text-velux-white transition-color duration-150\"\r\n                                  :class=\"{ 'bg-velux-red text-velux-white': item.isOpen, 'bg-velux-white text-velux-red': !item.isOpen }\">\r\n                                {{ index + 1 }}\r\n                            </span>\r\n                            <span class=\"absolute -left-1 -right-1 -top-1 -bottom-1 w-12 h-12 bg-velux-white z-10 rounded-full opacity-25\"></span>\r\n                        </div>\r\n\r\n                        <span class=\"overflow-hidden block aspect-w-6 aspect-h-5\">\r\n                            <slot name=\"image\"></slot>\r\n                        </span>\r\n                    </div>\r\n                    <!-- / image wrapper -->\r\n                    <!-- DESKTOP accordion block wrapper -->\r\n                    <div class=\"hidden sm:block sm:flex-1 bg-velux-white text-velux-grey-900\">\r\n                        <!-- accordion item wrapper -->\r\n                        <div v-for=\"(item, index) in accordionItems\" :key=\"index\">\r\n                            <div role=\"heading\" aria-level=\"3\">\r\n                                <div role=\"button\"\r\n                                     tabindex=\"0\"\r\n                                     :aria-expanded=\"item.isOpen\"\r\n                                     :aria-controls=\"`accordion-panel-${index + id}`\"\r\n                                     :id=\"`accordion-trigger-${index + id}`\"\r\n                                     @click=\"openAccordion(index)\"\r\n                                     @keyup.enter.prevent=\"openAccordion(index)\"\r\n                                     :class=\"{ 'pointer-events-none': item.isOpen }\"\r\n                                     class=\"flex items-center px-3 py-4 border-b-2 border-velux-grey-100 group focus:outline-none focus:ring-2 focus:ring-velux-blue focus:ring-offset-1 transition-all duration-150\">\r\n                                    <span class=\"inline-flex items-center\">\r\n                                        <span class=\"w-8 h-8 inline-flex items-center mr-6 justify-center text-lg border-2 rounded-full flex-shrink-0 group-hover:bg-velux-red group-hover:text-velux-white group-hover:border-velux-red transition-color duration-150\"\r\n                                              :class=\"item.isOpen ? 'text-velux-white bg-velux-red border-velux-red' : 'border-velux-grey-200'\">\r\n                                            {{ index + 1 }}\r\n                                        </span>\r\n                                        <span class=\"text-left lg:text-xl\"\r\n                                              :class=\"{ 'font-bold': item.isOpen }\">\r\n                                            {{ item.trigger }}\r\n                                        </span>\r\n                                    </span>\r\n                                    <div :class=\"item.isOpen ? 'transform rotate-180 pr-5' : ''\"\r\n                                         class=\"ml-auto\">\r\n                                        <i class=\"far fa-chevron-down fa-sm\"></i>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                            <div :id=\"`accordion-panel-${index + id}`\"\r\n                                 :aria-hidden=\"!item.isOpen\"\r\n                                 :aria-labelledby=\"`accordion-trigger-${index + id}`\"\r\n                                 :class=\"item.isOpen ? 'py-4 max-h-open-accordion' : 'max-h-0 py-0 invisible'\"\r\n                                 class=\"bg-velux-grey-100 px-4 duration-100 ease-out transition-all overflow-hidden text-editor\"\r\n                                 v-html=\"item.content\"></div>\r\n                        </div>\r\n                        <!-- /accordion item wrapper -->\r\n                    </div>\r\n                    <!-- /DESKTOP accordion block wrapper -->\r\n                    <!-- MOBILE accordion block wrapper -->\r\n                    <div class=\"sm:hidden\">\r\n                        <!-- accordion item wrapper -->\r\n                        <div class=\"relative\">\r\n                            <div role=\"heading\" aria-level=\"3\">\r\n                                <button @click.prevent=\"toggleListBox\"\r\n                                        class=\"flex w-full items-center py-2 px-5 border-2 border-velux-grey-200 bg-velux-white text-velux-grey-900 mb-2\"\r\n                                        aria-haspopup=\"listbox\"\r\n                                        :aria-expanded=\"isListBoxOpen\">\r\n                                    <span class=\"w-8 h-8 inline-flex items-center mr-5 justify-center text-lg border-2 rounded-full text-velux-white bg-velux-red border-velux-red flex-shrink-0\">\r\n                                        {{ activeAccordionIndex + 1 }}\r\n                                    </span>\r\n                                    <span class=\"font-bold text-left\">\r\n                                        {{ activeAccordion.trigger }}\r\n                                    </span>\r\n\r\n                                    <div :class=\"isListBoxOpen ? 'transform rotate-180 pr-5' : 'pl-5'\"\r\n                                         class=\"ml-auto\">\r\n                                        <i class=\"far fa-chevron-down fa-sm\"> </i>\r\n                                    </div>\r\n                                </button>\r\n                            </div>\r\n                            <div ref=\"listBox\"\r\n                                role=\"listbox\"\r\n                                id=\"listbox-options\"\r\n                                class=\"absolute left-0 right-0 border-2 border-velux-grey-100 -mt-3 z-10 shadow-md p-0\"\r\n                                :class=\"{ invisible: !isListBoxOpen, 'bottom-full': isListBoxUpwards }\"\r\n                                :aria-hidden=\"isListBoxOpen\"\r\n                                :aria-activedescendant=\"`listbox-options-${activeAccordionIndex + id}`\">\r\n                                <div v-for=\"(item, index) in accordionItems\"\r\n                                    :key=\"index\"\r\n                                    role=\"option\"\r\n                                    @keyup.enter.prevent=\"openAccordion(index)\"\r\n                                    @click=\"openAccordion(index)\"\r\n                                    class=\"py-2 px-5 bg-velux-white hover:bg-velux-grey-100 text-velux-grey-900 flex items-center cursor-pointer border-t-2 border-velux-grey-100\"\r\n                                    :id=\"`listbox-options-${index + id}`\"\r\n                                    :aria-selected=\"item.isOpen\"\r\n                                    tabindex=\"0\">\r\n                                    <span class=\"w-8 h-8 inline-flex items-center flex-shrink-0 mr-5 justify-center text-lg border-2 rounded-full\"\r\n                                          :class=\"item.isOpen ? 'text-velux-white bg-velux-red border-velux-red' : 'text-velux-red bg-velux-white border-velux-red'\">\r\n                                        {{ index + 1 }}\r\n                                    </span>\r\n                                    {{ item.trigger }}\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"bg-velux-grey-100 text-velux-grey-900 px-5 py-4 relative overflow-hidden\">\r\n                            <div v-for=\"(item, index) in accordionItems\"\r\n                                 :key=\"index\"\r\n                                 :aria-hidden=\"!item.isOpen\"\r\n                                 :aria-labelledby=\"`listbox-options-${index + id}`\"\r\n                                 :class=\"item.isOpen ? 'opacity-100 relative' : 'opacity-0 absolute invisible'\"\r\n                                 class=\"text-editor duration-100 ease-linear transition-opacity\"\r\n                                 v-html=\"item.content\"></div>\r\n                        </div>\r\n                    </div>\r\n                    <!-- /MOBILE accordion block wrapper -->\r\n                </div>\r\n                <div class=\"flex justify-center\">\r\n                    <slot name=\"cta\"></slot>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </section>\r\n</template>\r\n<script>\r\n    export default {\r\n        name: 'product-highlight',\r\n        data() {\r\n            return {\r\n                id: '',\r\n                activeAccordionIndex: 0,\r\n                accordionItems: [],\r\n                isListBoxOpen: false,\r\n                isListBoxUpwards: false\r\n            };\r\n        },\r\n        created() {\r\n            this.accordionItems = window.document.phsAccordions;\r\n            window.document.phsId ? this.id = window.document.phsId : this.id = '';\r\n            this.accordionItems[this.activeAccordionIndex].isOpen = true;\r\n        },\r\n        computed: {\r\n            activeAccordion() {\r\n                return this.accordionItems[this.activeAccordionIndex]\r\n           }\r\n        },\r\n        methods: {\r\n            isListBoxInViewport() {\r\n                return (\r\n                    window.innerHeight > this.$refs.listBox.getBoundingClientRect().bottom\r\n                );\r\n            },\r\n            openAccordion(index) {\r\n                this.activeAccordion.isOpen = false;\r\n                this.activeAccordionIndex = index;\r\n                this.accordionItems[index].isOpen = true;\r\n                this.closeListBox();\r\n            },\r\n            toggleListBox() {\r\n                if (this.isListBoxOpen) {\r\n                    this.closeListBox();\r\n                } else {\r\n                    this.isListBoxOpen = true;\r\n                    if (!this.isListBoxInViewport()) {\r\n                        this.isListBoxUpwards = true;\r\n                    }\r\n                    this.$nextTick(() => {\r\n                        this.$refs.listBox.focus();\r\n                    });\r\n                }\r\n            },\r\n            closeListBox() {\r\n                this.isListBoxOpen = false;\r\n                this.isListBoxUpwards = false;\r\n            }\r\n        }\r\n    };\r\n</script>\r\n","import mod from \"-!../../../../../node_modules/babel-loader/lib/index.js??ref--4!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ProductHighlight.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/babel-loader/lib/index.js??ref--4!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ProductHighlight.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ProductHighlight.vue?vue&type=template&id=21f28908&\"\nimport script from \"./ProductHighlight.vue?vue&type=script&lang=js&\"\nexport * from \"./ProductHighlight.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\n/* hot reload */\nif (module.hot) {\n  var api = require(\"E:\\\\agent\\\\_work\\\\11\\\\s\\\\Site\\\\Source\\\\Web\\\\Marketing.UI\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('21f28908')) {\n      api.createRecord('21f28908', component.options)\n    } else {\n      api.reload('21f28908', component.options)\n    }\n    module.hot.accept(\"./ProductHighlight.vue?vue&type=template&id=21f28908&\", function () {\n      api.rerender('21f28908', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"Views/Marketing/Next/ContentBlock/ProductHighlight/ProductHighlight.vue\"\nexport default component.exports","import ProductHighlight from \"./ProductHighlight.vue\";\r\nVue.component(\"product-highlight\", ProductHighlight);\r\n"],"sourceRoot":""}