{"version":3,"file":"LTPQr_vV.js","sources":["../../../../components/LocaleSwitch.vue","../../../../stores/main/main.store.ts","../../../../virtual:public?%2Flogo%2Flogo-ar.png","../../../../virtual:public?%2Flogo%2Flogo-en.png","../../../../components/SidebarMenu.vue","../../../../components/HamburgerMenu.vue","../../../../components/PageHeader.vue","../../../../components/PageFooter.vue","../../../../layouts/default.vue"],"sourcesContent":["<template>\n  <div class=\"flex-center-none\">\n    <button\n      @click=\"changeLocale\"\n      class=\"btn-outlined-primary rounded-full h-8 items-center flex\"\n    >\n      {{ $t('localeChange') }}\n    </button>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nconst { locale, setLocale, localeCodes } = useI18n();\n\nfunction changeLocale() {\n  const i = localeCodes.value.findIndex((l) => l === locale.value);\n  const nextLocale = localeCodes.value.at(i + 1) || localeCodes.value.at(0);\n\n  if (nextLocale) setLocale(nextLocale);\n}\n</script>\n\n<style scoped></style>\n","import { defineStore } from 'pinia';\n\nexport const useMainStore = defineStore({\n  id: 'main',\n  state: () => ({\n    sidebarOpen: false,\n  }),\n\n  actions: {\n    toggleSidebar() {\n      this.sidebarOpen = !this.sidebarOpen;\n    },\n    closeSidebar() {\n      this.sidebarOpen = false;\n    },\n  },\n});\n","import { publicAssetsURL } from '#internal/nuxt/paths';export default publicAssetsURL(\"/logo/logo-ar.png\")","import { publicAssetsURL } from '#internal/nuxt/paths';export default publicAssetsURL(\"/logo/logo-en.png\")","<template>\n  <Sidebar v-model:visible=\"sidebarOpen\">\n    <div class=\"flex flex-col flex-1 h-full\">\n      <LocaleSwitch class=\"self-end\"></LocaleSwitch>\n\n      <NuxtLink :to=\"$l('/')\" class=\"h-24 py-2\">\n        <img v-if=\"locale == 'ar'\" src=\"/logo/logo-ar.png\" class=\"w-full\" />\n        <img v-else src=\"/logo/logo-en.png\" class=\"w-full\" />\n      </NuxtLink>\n      <Divider></Divider>\n\n      <div class=\"flex flex-col flex-1 gap-2\">\n        <NuxtLink\n          class=\"hover:text-primary\"\n          :to=\"{\n            path: $l('/contact'),\n          }\"\n        >\n          {{ $t('hero.become_partner') }}\n        </NuxtLink>\n        <NuxtLink\n          class=\"hover:text-primary\"\n          :to=\"{\n            path: $l('/'),\n\n            hash: '#get-app',\n          }\"\n        >\n          {{ $t('hero.get_app') }}\n        </NuxtLink>\n      </div>\n      <div class=\"flex-center-1\"></div>\n      <Divider></Divider>\n\n      <div class=\"w-full flex justify-between\">\n        <nav class=\"flex flex-col gap-y-2\">\n          <NuxtLink v-for=\"item in navItems\" :to=\"$l(item.url)\">\n            <span class=\"hover:text-primary\">{{\n              $t(`static.${item.label}.title`)\n            }}</span>\n          </NuxtLink>\n        </nav>\n        <div class=\"flex flex-none justify-between mt-5\">\n          <div class=\"flex flex-col items-center\">\n            <h3 class=\"text-sm text-start leading-9\">\n              {{ $t('footer.follow_us') }}\n            </h3>\n            <div class=\"flex flex-row gap-2 text-white\">\n              <NuxtLink\n                href=\"https://www.instagram.com/Tazaexpressiq/\"\n                target=\"_blank\"\n              >\n                <button class=\"btn-primary btn-hover\">\n                  <i class=\"icon-fab:instagram flex flex-none text-lg\"></i>\n                </button>\n              </NuxtLink>\n              <NuxtLink\n                to=\"https://www.facebook.com/tazaexpressiq/\"\n                target=\"_blank\"\n              >\n                <button class=\"btn-primary btn-hover\">\n                  <i class=\"icon-fab:facebook flex flex-none text-lg\"></i>\n                </button>\n              </NuxtLink>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </Sidebar>\n</template>\n\n<script setup lang=\"ts\">\nimport { storeToRefs } from 'pinia';\nconst { locale } = useI18n();\n\nconst $main = useMainStore();\nconst { sidebarOpen } = storeToRefs($main);\n\nconst navItems = [\n  { label: 'careers', url: '/careers' },\n  { label: 'terms', url: '/terms' },\n  { label: 'privacy', url: '/privacy' },\n  { label: 'returnPolicy', url: '/return-policy' },\n  { label: 'contact', url: '/contact' },\n];\n</script>\n\n<style scoped></style>\n","<template>\n  <button class=\"btn-flat-primary h-12 flex-center-none\" @click=\"toggle\">\n    <div\n      class=\"duration-500 transform !h-8 !w-8\"\n      :class=\"[\n        sidebarOpen ? 'icon-mdi:menu-open ' : 'icon-mdi:menu ',\n        locale !== 'ar' ? 'rotate-y-180' : 'rotate-0',\n      ]\"\n    ></div>\n  </button>\n</template>\n\n<script setup lang=\"ts\">\nimport { storeToRefs } from 'pinia';\n\nconst $main = useMainStore();\nconst { sidebarOpen } = storeToRefs($main);\nconst { locale } = useI18n();\nconst toggle = () => $main.toggleSidebar();\n</script>\n\n<style scoped></style>\n","<template>\n  <div class=\"page-header\">\n    <div class=\"auto-container h-full flex items-center gap-x-4 px-2 sm:px-0\">\n      <NuxtLink :to=\"$l('/')\" class=\"h-full py-1\">\n        <img\n          v-if=\"locale == 'ar'\"\n          src=\"/logo/logo-ar.png\"\n          class=\"h-full object-contain\"\n        />\n        <img v-else src=\"/logo/logo-en.png\" class=\"h-full object-contain\" />\n      </NuxtLink>\n      <nav\n        class=\"flex-1 flex items-center gap-x-4 sm:ps-8 text-sm sm:text-base invisible sm:visible capitalize\"\n      >\n        <NuxtLink\n          class=\"hover:text-primary\"\n          :to=\"{\n            path: $l('/contact'),\n          }\"\n        >\n          {{ $t('hero.become_partner') }}\n        </NuxtLink>\n        <NuxtLink\n          class=\"hover:text-primary\"\n          :to=\"{\n            path: $l('/'),\n\n            hash: '#get-app',\n          }\"\n        >\n          {{ $t('hero.get_app') }}\n        </NuxtLink>\n      </nav>\n      <LocaleSwitch></LocaleSwitch>\n      <HamburgerMenu></HamburgerMenu>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nconst { locale } = useI18n();\n</script>\n\n<style scoped lang=\"scss\">\n.page-header {\n  --at-apply: 'bg-white w-full h-16 shadow fixed top-0 inset-y-0 z-99';\n}\n</style>\n","<template>\n  <div class=\"w-full min-h-48 bg-bg-secondary\">\n    <div\n      class=\"auto-container flex justify-between items-center pt-6 flex-col md:flex-row\"\n    >\n      <nav class=\"flex flex-wrap gap-x-8 gap-y-4\">\n        <NuxtLink v-for=\"item in navItems\" :to=\"$l(item.url)\">\n          <span class=\"hover:text-primary\">{{\n            $t(`static.${item.label}.title`)\n          }}</span>\n        </NuxtLink>\n      </nav>\n      <div class=\"flex flex-none justify-between mt-5\">\n        <div class=\"flex flex-col items-center\">\n          <h3 class=\"text-sm text-start leading-9\">\n            {{ $t('footer.follow_us') }}\n          </h3>\n          <div class=\"flex flex-row gap-2 text-white\">\n            <NuxtLink\n              href=\"https://www.instagram.com/Tazaexpressiq/\"\n              target=\"_blank\"\n            >\n              <button class=\"btn-primary btn-hover\">\n                <i class=\"icon-fab:instagram flex flex-none text-lg\"></i>\n              </button>\n            </NuxtLink>\n            <NuxtLink\n              to=\"https://www.facebook.com/tazaexpressiq/\"\n              target=\"_blank\"\n            >\n              <button class=\"btn-primary btn-hover\">\n                <i class=\"icon-fab:facebook flex flex-none text-lg\"></i>\n              </button>\n            </NuxtLink>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"mt-10 flex-center-none\">\n      <span class=\"leading-9 text-gray\">&copy; 2021 Taza.iq</span>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nconst navItems = [\n  { label: 'careers', url: '/careers' },\n  { label: 'terms', url: '/terms' },\n  { label: 'privacy', url: '/privacy' },\n  { label: 'returnPolicy', url: '/return-policy' },\n  { label: 'contact', url: '/contact' },\n];\n</script>\n\n<style scoped lang=\"scss\"></style>\n","<template>\n  <div class=\"default-layout min-h-100vh\">\n    <SidebarMenu></SidebarMenu>\n\n    <div class=\"page-content pt-16 min-h-inherit flex flex-col\">\n      <PageHeader />\n      <section\n        class=\"flex flex-col items-center gap-y-4 bg-bg-primary relative\"\n      >\n        <slot></slot>\n      </section>\n      <div class=\"min-h-4 w-full flex-1\"></div>\n      <PageFooter />\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { storeToRefs } from 'pinia';\n\nconst { sidebarOpen } = storeToRefs(useMainStore());\nconst head = useLocaleHead({\n  addDirAttribute: true,\n});\n\nuseHead({\n  htmlAttrs: {\n    dir: computed(() => head.value.htmlAttrs?.dir ?? 'ltr'),\n    // class: computed(() => (sidebarOpen.value ? 'disable-scroll' : '')),\n  },\n});\n</script>\n\n<style scoped lang=\"scss\"></style>\n"],"names":["locale","setLocale","localeCodes","useI18n","changeLocale","i","l","nextLocale","useMainStore","defineStore","_imports_0","publicAssetsURL","_imports_1","$main","sidebarOpen","storeToRefs","navItems","toggle","head","useLocaleHead","useHead","computed","_a"],"mappings":"uUAYA,KAAM,CAAE,OAAAA,EAAQ,UAAAC,EAAW,YAAAC,GAAgBC,EAAQ,EAEnD,SAASC,GAAe,CAChB,MAAAC,EAAIH,EAAY,MAAM,UAAWI,GAAMA,IAAMN,EAAO,KAAK,EACzDO,EAAaL,EAAY,MAAM,GAAGG,EAAI,CAAC,GAAKH,EAAY,MAAM,GAAG,CAAC,EAEpEK,KAAsBA,CAAU,CACtC,sJCjBaC,EAAeC,EAAY,CACtC,GAAI,OACJ,MAAO,KAAO,CACZ,YAAa,EAAA,GAGf,QAAS,CACP,eAAgB,CACT,KAAA,YAAc,CAAC,KAAK,WAC3B,EACA,cAAe,CACb,KAAK,YAAc,EACrB,CACF,CACF,CAAC,EChBqEC,EAAAC,EAAgB,mBAAmB,ECAnCC,EAAAD,EAAgB,mBAAmB,+sBC0EnG,KAAA,CAAE,OAAAX,GAAWG,IAEbU,EAAQL,IACR,CAAE,YAAAM,CAAA,EAAgBC,EAAYF,CAAK,EAEnCG,EAAW,CACf,CAAE,MAAO,UAAW,IAAK,UAAW,EACpC,CAAE,MAAO,QAAS,IAAK,QAAS,EAChC,CAAE,MAAO,UAAW,IAAK,UAAW,EACpC,CAAE,MAAO,eAAgB,IAAK,gBAAiB,EAC/C,CAAE,MAAO,UAAW,IAAK,UAAW,CAAA,mkCCrEtC,MAAMH,EAAQL,IACR,CAAE,YAAAM,CAAA,EAAgBC,EAAYF,CAAK,EACnC,CAAE,OAAAb,GAAWG,IACbc,EAAS,IAAMJ,EAAM,klBCsBrB,KAAA,CAAE,OAAAb,GAAWG,yvCCKnB,MAAMa,EAAW,CACf,CAAE,MAAO,UAAW,IAAK,UAAW,EACpC,CAAE,MAAO,QAAS,IAAK,QAAS,EAChC,CAAE,MAAO,UAAW,IAAK,UAAW,EACpC,CAAE,MAAO,eAAgB,IAAK,gBAAiB,EAC/C,CAAE,MAAO,UAAW,IAAK,UAAW,CAAA,6uBC9BdD,EAAYP,GAAc,EAClD,MAAMU,EAAOC,EAAc,CACzB,gBAAiB,EAAA,CAClB,EAEO,OAAAC,EAAA,CACN,UAAW,CACT,IAAKC,EAAS,WAAM,QAAAC,EAAAJ,EAAK,MAAM,YAAX,YAAAI,EAAsB,MAAO,MAAK,CAExD,CAAA,CACD"}