{"version":3,"file":"_m27zgym.js","sources":["../../../../layers/world-of-oris/components/Magazine/HighlightGrid/News/index.vue","../../../../components/Blokkli/StandaloneWrapper/index.vue","../../../../layers/world-of-oris/pages/[prefix]/worldoforis/index.vue"],"sourcesContent":["<template>\n  <div v-if=\"articles.length\" class=\"layout-grid mx-auto max-w-screen-xxl\">\n    <div class=\"layout-grid-contain\">\n      <div\n        class=\"grid grid-cols-2 gap-x-16 gap-y-40 md:grid-cols-4 md:gap-x-24 md:gap-y-48\"\n      >\n        <div\n          v-for=\"(article, index) in articles\"\n          :key=\"article.id\"\n          :class=\"\n            index === 0 ? 'col-span-2 row-span-2 row-start-1' : 'col-span-1'\n          \"\n        >\n          <MagazineHighlightGridTeaser\n            :article=\"article\"\n            :image-style=\"getImageStyle(index)\"\n            :main=\"index === 0\"\n          />\n        </div>\n      </div>\n\n      <ButtonsLinkButton\n        class=\"link-button mt-80 text-center md:mt-112\"\n        :url=\"url\"\n        icon-end=\"arrow-right\"\n      >\n        {{ $texts('moreStories', 'More Stories') }}\n      </ButtonsLinkButton>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { type MagazineArticleTeaserFragment } from '#graphql-operations'\n\nconst { $texts } = useEasyTexts()\n\ndefineProps<{\n  articles: MagazineArticleTeaserFragment[]\n  url: string\n}>()\n\nconst imageStyleFirst = defineImageStyle({\n  type: 'sizes',\n  aspectRatio: 3 / 4,\n  sizes: {\n    sm: 735,\n    md: 430,\n    lg: 550,\n    xxl: 636,\n  },\n})\n\nconst imageStyleSecondAndFourth = defineImageStyle({\n  type: 'sizes',\n  aspectRatio: 3 / 4,\n  sizes: {\n    sm: 360,\n    md: 202,\n    lg: 265,\n    xxl: 310,\n  },\n})\n\nconst imageStyleThird = defineImageStyle({\n  type: 'sizes',\n  aspectRatio: 2 / 3,\n  sizes: {\n    sm: 360,\n    md: 202,\n    lg: 265,\n    xxl: 310,\n  },\n})\n\nconst imageStyleFifth = defineImageStyle({\n  type: 'sizes',\n  aspectRatio: 1,\n  sizes: {\n    sm: 360,\n    md: 202,\n    lg: 265,\n    xxl: 310,\n  },\n})\n\nconst getImageStyle = (index: number) => {\n  if (index === 0) {\n    return imageStyleFirst\n  } else if (index === 1 || index === 3) {\n    return imageStyleSecondAndFourth\n  } else if (index === 2) {\n    return imageStyleThird\n  }\n\n  return imageStyleFifth\n}\n\ndefineOptions({\n  name: 'MagazineHighlightGridNews',\n})\n</script>\n","<template>\n  <slot></slot>\n</template>\n\n<script setup lang=\"ts\">\n/**\n * A wrapper component used when rendering a paragraph via <BlokkliItem>\n * outside of a <BlokkliField> and <BlokkliProvider>.\n */\nimport {\n  INJECT_FIELD_LIST_BLOCKS,\n  INJECT_PROVIDER_BLOCKS,\n} from '#blokkli/helpers/symbols'\n\nconst list = computed(() => [])\n\nprovide(INJECT_FIELD_LIST_BLOCKS, list)\nprovide(INJECT_PROVIDER_BLOCKS, list)\n</script>\n","<template>\n  <div class=\"m-auto max-w-screen-xxxl\">\n    <div\n      class=\"mb-[75px] mt-[34px] px-16 text-center text-lg uppercase text-grey-dark-02 md:mb-[121px]\"\n    >\n      {{ countText }}\n    </div>\n\n    <MagazineHighlightGridNews\n      v-if=\"highlightSection\"\n      :articles=\"highlightSection.articles\"\n      :url=\"highlightSection.url\"\n    />\n\n    <section\n      v-for=\"section in otherSections\"\n      :key=\"section.uuid\"\n      class=\"mt-64 md:mt-[135px]\"\n    >\n      <div class=\"px-15 md:px-72\">\n        <div class=\"border-t border-grey-light-01\">\n          <Text\n            class=\"mb-[11px] mt-28 text-center text-2xl font-light uppercase md:mb-[52px] md:mt-32\"\n            :class=\"{\n              '!font-bold': isRebranding,\n            }\"\n          >\n            {{ section.label }}\n          </Text>\n        </div>\n      </div>\n\n      <BlokkliStandaloneWrapper v-if=\"section.paragraph\">\n        <BlokkliItem\n          v-bind=\"section.paragraph\"\n          class=\"!mb-[90px] pt-[11px] md:!mb-112 md:pt-[45px]\"\n        />\n      </BlokkliStandaloneWrapper>\n\n      <MagazineHighlightGridTopic\n        :articles=\"section.articles\"\n        class=\"md:mt-[76px]\"\n      />\n\n      <div class=\"mb-[115px] flex justify-center md:mb-0\">\n        <NuxtLink\n          class=\"link-button mx-auto mt-80 inline-flex uppercase md:mt-112\"\n          :to=\"section.url\"\n          icon-end=\"arrow-right\"\n        >\n          {{ $texts('moreStories', 'More Stories') }}\n          <SpriteSymbol name=\"arrow-right\" class=\"ml-4 h-[18px] w-[18px]\" />\n        </NuxtLink>\n      </div>\n    </section>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n/**\n * This is the \"All\" (overview) page of \"World of Oris\". It renders an\n * excerpt of all magazine categories.\n */\nimport type {\n  MagazineArticleTeaserFragment,\n  MagazineOverviewCategoryFragment,\n} from '#graphql-operations'\nimport { falsy, narrowTypeByProperty } from '~/helpers/type'\n\ndefinePageMeta({\n  name: 'worldoforis',\n})\n\nconst { $texts } = useNuxtApp()\nconst isRebranding = await useFeatureFlag()\n\nconst { data } = await useAsyncData(() =>\n  useCachedGraphqlQuery('routeMagazinOverview').then((v) => v.data),\n)\n\nconst metatags = buildDrupalMetatags(data.value?.node?.metatags?.metatags)\nuseHead(metatags)\n\ntype OverviewSection = {\n  uuid: string\n  label: string\n  url: string\n  articles: MagazineArticleTeaserFragment[]\n  paragraph: MagazineOverviewCategoryFragment['paragraph']\n}\n\nconst sections = computed<OverviewSection[]>(() =>\n  (data.value?.categories.items || [])\n    .map((v) => narrowTypeByProperty(v, 'articles'))\n    .filter(falsy)\n    .map((v) => {\n      const articles = (v.articles?.query.items || [])\n        .map((a) => narrowTypeByProperty(a, 'title'))\n        .filter(falsy)\n      if (v.label && v.url?.path && articles.length) {\n        return {\n          uuid: v.uuid,\n          label: v.label,\n          url: v.url.path,\n          articles,\n          paragraph: v.paragraph,\n        }\n      }\n\n      return null\n    })\n    .filter(falsy),\n)\n\nconst countText = computed(() => {\n  const total = data.value?.totalArticlesQuery.total || 0\n  return (\n    total === 1\n      ? $texts('storySingular', '1 Story')\n      : $texts('storyPlural', '@count Stories')\n  ).replace('@count', total.toString())\n})\n\nconst highlightSection = computed(() => sections.value[0])\nconst otherSections = computed(() => sections.value.slice(1))\n</script>\n\n<style lang=\"scss\" scoped>\n:deep(.paragraph),\n.paragraph {\n  @apply mb-[83px] mt-[31px] md:mb-[126px] md:mt-0;\n}\n</style>\n"],"names":["$texts","useEasyTexts","imageStyleFirst","defineImageStyle","imageStyleSecondAndFourth","imageStyleThird","imageStyleFifth","getImageStyle","index","list","computed","provide","INJECT_FIELD_LIST_BLOCKS","INJECT_PROVIDER_BLOCKS","useNuxtApp","isRebranding","__temp","__restore","_withAsyncContext","useFeatureFlag","data","useAsyncData","useCachedGraphqlQuery","v","metatags","buildDrupalMetatags","_c","_b","_a","useHead","sections","narrowTypeByProperty","falsy","articles","a","countText","total","highlightSection","otherSections"],"mappings":"0gCAmCM,KAAA,CAAE,OAAAA,GAAWC,IAObC,EAAkBC,EAAiB,CACvC,KAAM,QACN,YAAa,EAAI,EACjB,MAAO,CACL,GAAI,IACJ,GAAI,IACJ,GAAI,IACJ,IAAK,GACP,CAAA,CACD,EAEKC,EAA4BD,EAAiB,CACjD,KAAM,QACN,YAAa,EAAI,EACjB,MAAO,CACL,GAAI,IACJ,GAAI,IACJ,GAAI,IACJ,IAAK,GACP,CAAA,CACD,EAEKE,EAAkBF,EAAiB,CACvC,KAAM,QACN,YAAa,EAAI,EACjB,MAAO,CACL,GAAI,IACJ,GAAI,IACJ,GAAI,IACJ,IAAK,GACP,CAAA,CACD,EAEKG,EAAkBH,EAAiB,CACvC,KAAM,QACN,YAAa,EACb,MAAO,CACL,GAAI,IACJ,GAAI,IACJ,GAAI,IACJ,IAAK,GACP,CAAA,CACD,EAEKI,EAAiBC,GACjBA,IAAU,EACLN,EACEM,IAAU,GAAKA,IAAU,EAC3BJ,EACEI,IAAU,EACZH,EAGFC,whBCjFT,MAAMG,EAAOC,EAAS,IAAM,CAAA,CAAE,EAE9B,OAAAC,EAAQC,GAA0BH,CAAI,EACtCE,EAAQE,GAAwBJ,CAAI,8VCwD9B,KAAA,CAAE,OAAAT,GAAWc,IACbC,GAAe,CAAAC,EAAAC,CAAA,EAAAC,EAAA,IAAMC,GAAe,mBAEpC,CAAE,KAAAC,IAAS,CAAAJ,EAAAC,CAAA,EAAAC,EAAA,IAAMG,GAAa,IAClCC,GAAsB,sBAAsB,EAAE,KAAMC,GAAMA,EAAE,IAAI,EAClE,aAAA,CAAA,mBAEMC,EAAWC,IAAoBC,GAAAC,GAAAC,EAAAR,EAAK,QAAL,YAAAQ,EAAY,OAAZ,YAAAD,EAAkB,WAAlB,YAAAD,EAA4B,QAAQ,EACzEG,EAAQL,CAAQ,EAUhB,MAAMM,EAAWpB,EAA4B,IAAA,OAC1C,SAAAkB,EAAAR,EAAK,QAAL,YAAAQ,EAAY,WAAW,QAAS,CAAC,GAC/B,IAAKL,GAAMQ,EAAqBR,EAAG,UAAU,CAAC,EAC9C,OAAOS,CAAK,EACZ,IAAKT,GAAM,SACV,MAAMU,KAAYL,EAAAL,EAAE,WAAF,YAAAK,EAAY,MAAM,QAAS,IAC1C,IAAKM,GAAMH,EAAqBG,EAAG,OAAO,CAAC,EAC3C,OAAOF,CAAK,EACf,OAAIT,EAAE,SAASI,EAAAJ,EAAE,MAAF,MAAAI,EAAO,OAAQM,EAAS,OAC9B,CACL,KAAMV,EAAE,KACR,MAAOA,EAAE,MACT,IAAKA,EAAE,IAAI,KACX,SAAAU,EACA,UAAWV,EAAE,SAAA,EAIV,IAAA,CACR,EACA,OAAOS,CAAK,EAAA,EAGXG,EAAYzB,EAAS,IAAM,OAC/B,MAAM0B,IAAQR,EAAAR,EAAK,QAAL,YAAAQ,EAAY,mBAAmB,QAAS,EACtD,OACEQ,IAAU,EACNpC,EAAO,gBAAiB,SAAS,EACjCA,EAAO,cAAe,gBAAgB,GAC1C,QAAQ,SAAUoC,EAAM,UAAU,CAAA,CACrC,EAEKC,EAAmB3B,EAAS,IAAMoB,EAAS,MAAM,CAAC,CAAC,EACnDQ,EAAgB5B,EAAS,IAAMoB,EAAS,MAAM,MAAM,CAAC,CAAC"}