{"version":3,"file":"template.page.lookbook.js?v=455a15a4df49e8336638","mappings":"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","sources":["webpack://ratandboa/./src/entry-points/page.lookbook.js","webpack://ratandboa/./src/layouts/HeadlessLayout.vue","webpack://ratandboa/./src/layouts/HeadlessLayout.vue?a7cc","webpack://ratandboa/./src/views/Lookbook.vue","webpack://ratandboa/./src/views/Lookbook.vue?b14a","webpack://ratandboa/./src/content/lookbook/ sync ^\\.\\/.*\\.json$"],"sourcesContent":["import initVueApp from \"@/core.js\";\nconst component = require(\"../views/Lookbook.vue\").default;\ninitVueApp(component);\n","<template>\n  <div\n    v-for=\"(section, sectionIndex) in sections\"\n    :id=\"section.slug\"\n    :key=\"section.slug || sectionIndex\"\n    :class=\"section.classes\"\n    class=\"section\"\n  >\n    <div\n      v-for=\"(content, contentIndex) in section.content\"\n      :key=\"contentIndex\"\n      class=\"block\"\n    >\n      <component\n        :is=\"component(content)\"\n        v-bind=\"content.props\"\n        :id=\"content.slug\"\n      >\n        <template v-for=\"(slot, key) in slotContent(content)\" #[key] :key=\"key\">\n          <component\n            :is=\"component(element)\"\n            v-bind=\"element.props\"\n            v-for=\"(element, elementIndex) in slot\"\n            :key=\"elementIndex\"\n            :class=\"element.class\"\n          >\n            {{ element.text }}\n          </component>\n        </template>\n      </component>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { defineAsyncComponent } from \"vue\";\n\nexport default {\n  name: \"HeadlessLayout\",\n  props: {\n    sections: {\n      type: Array,\n      default: () => [],\n    },\n  },\n  methods: {\n    component(content) {\n      if (content.tag) {\n        return content.tag;\n      }\n\n      return defineAsyncComponent(() =>\n        import(\n          /* webpackChunkName: \"[request]\" */ `@/components/${content.component}.vue`\n        )\n      );\n    },\n    slotContent(item) {\n      return item.slot;\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.single {\n  margin: 0 0 2px 0;\n}\n\n.grid {\n  display: grid;\n  gap: 2px;\n\n  @include respond-above(md) {\n    &--1col {\n      grid-template-columns: 1fr;\n    }\n\n    &--2col {\n      grid-template-columns: 1fr 1fr;\n    }\n  }\n}\n</style>\n","import { render } from \"./HeadlessLayout.vue?vue&type=template&id=42077d57&scoped=true\"\nimport script from \"./HeadlessLayout.vue?vue&type=script&lang=js\"\nexport * from \"./HeadlessLayout.vue?vue&type=script&lang=js\"\n\nimport \"./HeadlessLayout.vue?vue&type=style&index=0&id=42077d57&lang=scss&scoped=true\"\n\nimport exportComponent from \"/home/runner/work/rb-redev/rb-redev/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-42077d57\"]])\n\nexport default __exports__","<template>\n  <div class=\"lookbook\">\n    <HeadlessLayout :sections=\"lookbookContent\" />\n    <IconButton tag=\"a\" class=\"close-btn\" icon=\"cross\" theme=\"white\" href=\"/\" />\n  </div>\n</template>\n\n<script>\nimport HeadlessLayout from \"@/layouts/HeadlessLayout.vue\";\nimport IconButton from \"@/components/IconButton.vue\";\n\nexport default {\n  name: \"Lookbook\",\n  components: {\n    HeadlessLayout,\n    IconButton,\n  },\n  inject: [\"mq\"],\n  props: {\n    pageHandle: {\n      type: String,\n      required: true,\n    },\n  },\n  computed: {\n    lookbookContent() {\n      return require(`@/content/lookbook/${this.pageHandle}.json`);\n    },\n  },\n  mounted() {\n    const lookbookSection = document.querySelector(\".lookbook .section\");\n\n    const handleWheelEvent = (event) => {\n      const siteHtml = document.getElementsByTagName(\"html\")[0];\n      if (siteHtml.classList.contains(\"slideup-lock-scroll\")) {\n        return;\n      }\n\n      if (event.deltaY !== 0) {\n        event.preventDefault();\n        lookbookSection.scrollLeft += event.deltaY;\n      }\n    };\n\n    if (lookbookSection && this.mq.mdPlus) {\n      window.addEventListener(\"wheel\", handleWheelEvent, { passive: false });\n    }\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.lookbook {\n  position: relative;\n\n  @include respond-above(md) {\n    height: 100vh;\n  }\n\n  :deep(.section) {\n    @include respond-above(md) {\n      height: 100%;\n      display: flex;\n      overflow-x: auto;\n      box-sizing: border-box;\n\n      &::-webkit-scrollbar {\n        display: none;\n      }\n    }\n  }\n\n  :deep(.block) {\n    @include respond-above(md) {\n      flex: 0 0 auto;\n    }\n\n    @include respond-above(md) {\n      height: 100%;\n    }\n\n    & > *:not(.spacer) {\n      height: 600px;\n\n      @include respond-above(md) {\n        height: 100%;\n      }\n    }\n  }\n}\n\n.close-btn.icon-button {\n  display: none !important;\n  position: fixed;\n  top: 20px;\n  right: 20px;\n  z-index: 4;\n\n  background: $color-white;\n  border: none;\n  box-shadow: 2px 4px 10px 0px rgba($color-black, 0.04);\n  border-radius: 50%;\n  padding: 14px;\n\n  @include respond-above(md) {\n    display: block !important;\n  }\n}\n</style>\n\n<style lang=\"scss\">\n.template-page-lookbook {\n  &.fixed-header {\n    @include respond-above(md) {\n      padding-top: 0;\n    }\n  }\n\n  .header-wrapper {\n    @include respond-above(md) {\n      display: none;\n    }\n  }\n\n  #shopify-section-footer {\n    display: none;\n  }\n}\n</style>\n","import { render } from \"./Lookbook.vue?vue&type=template&id=05fde1de&scoped=true\"\nimport script from \"./Lookbook.vue?vue&type=script&lang=js\"\nexport * from \"./Lookbook.vue?vue&type=script&lang=js\"\n\nimport \"./Lookbook.vue?vue&type=style&index=0&id=05fde1de&lang=scss&scoped=true\"\nimport \"./Lookbook.vue?vue&type=style&index=1&id=05fde1de&lang=scss\"\n\nimport exportComponent from \"/home/runner/work/rb-redev/rb-redev/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-05fde1de\"]])\n\nexport default __exports__","var map = {\n\t\"./hibiscus-the-look-book.json\": 71061,\n\t\"./the-nocturne-collection-lookbook.json\": 13920,\n\t\"./the-salvador-collection-lookbook.json\": 69115,\n\t\"./zephyr-dinner-lookbook.json\": 74800\n};\n\n\nfunction webpackContext(req) {\n\tvar id = webpackContextResolve(req);\n\treturn __webpack_require__(id);\n}\nfunction webpackContextResolve(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t}\n\treturn map[req];\n}\nwebpackContext.keys = function webpackContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackContext.resolve = webpackContextResolve;\nmodule.exports = webpackContext;\nwebpackContext.id = 86324;"],"names":["component","require","initVueApp","name","props","sections","type","Array","default","methods","content","tag","defineAsyncComponent","slotContent","item","slot","_createElementBlock","_Fragment","_renderList","$props","section","sectionIndex","id","slug","key","class","_normalizeClass","classes","contentIndex","_createBlock","_resolveDynamicComponent","$options","_mergeProps","element","elementIndex","text","components","HeadlessLayout","IconButton","inject","pageHandle","String","required","computed","lookbookContent","this","mounted","lookbookSection","document","querySelector","handleWheelEvent","event","getElementsByTagName","classList","contains","deltaY","preventDefault","scrollLeft","mq","mdPlus","window","addEventListener","passive","_hoisted_1","_createVNode","_component_HeadlessLayout","_component_IconButton","icon","theme","href","map","webpackContext","req","webpackContextResolve","__webpack_require__","o","e","Error","code","keys","Object","resolve","module","exports"],"sourceRoot":""}