{"version":3,"file":"_nuxt/BrqRDhCY.js","sources":["../../../../types/components/app-icon.types.ts","../../../../components/App/AppIcon.vue"],"sourcesContent":["/* Types */ // Для глоба нельзя использовать literal, только строка. Поэтому везде import.meta.glob\n// https://github.com/vitejs/vite/discussions/15397\nexport const IMAGES = {\n  'arrow-right': import.meta.glob('@/assets/images/app-icons/arrow-right.svg', {\n    query: '?raw',\n    import: 'default',\n  }),\n  'arrow-left': import.meta.glob('@/assets/images/app-icons/arrow-left.svg', {\n    query: '?raw',\n    import: 'default',\n  }),\n  'arrow-right-corner': import.meta.glob(\n    '@/assets/images/app-icons/arrow-right-corner.svg',\n    {\n      query: '?raw',\n      import: 'default',\n    },\n  ),\n  'basket-clear': import.meta.glob(\n    '@/assets/images/app-icons/basket-clear-icon.svg',\n    {\n      query: '?raw',\n      import: 'default',\n    },\n  ),\n  copy: import.meta.glob('@/assets/images/app-icons/copy.svg', {\n    query: '?raw',\n    import: 'default',\n  }),\n  share: import.meta.glob('@/assets/images/app-icons/share.svg', {\n    query: '?raw',\n    import: 'default',\n  }),\n  'opened-marker': import.meta.glob(\n    '@/assets/images/app-icons/opened-marker.svg',\n    {\n      query: '?raw',\n      import: 'default',\n    },\n  ),\n  'plus-icon': import.meta.glob('@/assets/images/app-icons/plus-icon.svg', {\n    query: '?raw',\n    import: 'default',\n  }),\n  'input-clear': import.meta.glob(\n    '@/assets/images/app-icons/input-clear-icon.svg',\n    {\n      query: '?raw',\n      import: 'default',\n    },\n  ),\n  'closed-marker': import.meta.glob(\n    '@/assets/images/app-icons/closed-marker.svg',\n    {\n      query: '?raw',\n      import: 'default',\n    },\n  ),\n  chat: import.meta.glob('@/assets/images/app-icons/chat.svg', {\n    query: '?raw',\n    import: 'default',\n  }),\n  close: import.meta.glob('@/assets/images/app-icons/close.svg', {\n    query: '?raw',\n    import: 'default',\n  }),\n  flash: import.meta.glob('@/assets/images/app-icons/flash.svg', {\n    query: '?raw',\n    import: 'default',\n  }),\n  fire: import.meta.glob('@/assets/images/app-icons/fire.svg', {\n    query: '?raw',\n    import: 'default',\n  }),\n  star: import.meta.glob('@/assets/images/app-icons/star.svg', {\n    query: '?raw',\n    import: 'default',\n  }),\n  'profile-bonus-history': import.meta.glob(\n    '@/assets/images/app-icons/profile-bonus-history.svg',\n    {\n      query: '?raw',\n      import: 'default',\n    },\n  ),\n  'profile-cards': import.meta.glob(\n    '@/assets/images/app-icons/profile-cards.svg',\n    {\n      query: '?raw',\n      import: 'default',\n    },\n  ),\n  'profile-data': import.meta.glob(\n    '@/assets/images/app-icons/profile-data.svg',\n    {\n      query: '?raw',\n      import: 'default',\n    },\n  ),\n  'profile-exit': import.meta.glob(\n    '@/assets/images/app-icons/profile-exit.svg',\n    {\n      query: '?raw',\n      import: 'default',\n    },\n  ),\n  'profile-notifications': import.meta.glob(\n    '@/assets/images/app-icons/profile-notifications.svg',\n    {\n      query: '?raw',\n      import: 'default',\n    },\n  ),\n  'profile-orders': import.meta.glob(\n    '@/assets/images/app-icons/profile-orders.svg',\n    {\n      query: '?raw',\n      import: 'default',\n    },\n  ),\n  'profile-password': import.meta.glob(\n    '@/assets/images/app-icons/profile-password.svg',\n    {\n      query: '?raw',\n      import: 'default',\n    },\n  ),\n  'profile-promocode': import.meta.glob(\n    '@/assets/images/app-icons/profile-promocode.svg',\n    {\n      query: '?raw',\n      import: 'default',\n    },\n  ),\n  'product-rating-star': import.meta.glob(\n    '@/assets/images/app-icons/product-review-star.svg',\n    {\n      query: '?raw',\n      import: 'default',\n    },\n  ),\n}\n\nexport type ColorName = '--fillColor' | '--strokeColor'\n\nexport type ImagesKeys = keyof typeof IMAGES\n","<script setup lang=\"ts\">\n/* Types */\nimport { IMAGES } from '@/types/components/app-icon.types'\nimport type { ImagesKeys, ColorName } from '@/types/components/app-icon.types'\n\ntype Props = {\n  name: ImagesKeys\n  size?: number | string\n  fillColor?: string\n  strokeColor?: string\n  isAwait?: boolean\n  clickable?: boolean\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  size: 24,\n  fillColor: '',\n  strokeColor: '',\n  isAwait: true,\n})\n\nconst sizeStyle = computed(() => {\n  return {\n    width: props.size + 'px',\n    height: props.size + 'px',\n  }\n})\n\nconst svgStyles = computed(() => {\n  const styles: Partial<Record<ColorName, string>> = {}\n\n  if (props.fillColor) {\n    styles['--fillColor'] = props.fillColor\n  }\n\n  if (props.strokeColor) {\n    styles['--strokeColor'] = props.strokeColor\n  }\n\n  return styles\n})\n\n// Lazily load the icon\nconst icon = ref<null | string>(null)\n\n// https://github.com/nuxt/nuxt/issues/14766#issuecomment-1397365205\n// https://github.com/nuxt-community/svg-module/issues/95#issuecomment-1344339312\nconst loadIcon = async () => {\n  const iconImport = Object.values(IMAGES[props.name])[0]\n\n  if (!iconImport) return\n\n  if (props.isAwait) {\n    icon.value = (await iconImport()) as string\n  } else {\n    // Делаем then, а не await, чтобы не блочить выдачу страницы с сервера\n    iconImport().then((value) => (icon.value = value as string))\n  }\n}\n\nloadIcon()\n\nwatch(\n  () => props.name,\n  () => loadIcon(),\n)\n</script>\n\n<template>\n  <i\n    v-if=\"icon\"\n    class=\"app-icon\"\n    :class=\"{ 'app-icon--clickable': clickable }\"\n    :style=\"{ ...svgStyles, ...sizeStyle }\"\n    v-bind=\"$attrs\"\n    v-html=\"icon\"\n  />\n\n  <i v-else class=\"app-icon\" :style=\"{ ...svgStyles, ...sizeStyle }\" />\n</template>\n\n<style scoped lang=\"scss\">\n.app-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  &--clickable {\n    @include media('>=desktop-mini') {\n      cursor: pointer;\n    }\n  }\n\n  :deep(svg) {\n    width: 100%;\n    height: 100%;\n    fill: var(--fillColor, #2c2f39);\n    stroke: var(--strokeColor, none);\n  }\n}\n</style>\n"],"names":["IMAGES","m","__vitePreload","props","__props","sizeStyle","computed","svgStyles","styles","icon","ref","loadIcon","iconImport","value","watch"],"mappings":";;maAEO,MAAMA,EAAS,CACpB,cAAe,qHAAAC,KAAA,WAIf,aAAc,oHAAAA,KAAA,WAId,qBAAsB,4HAAAA,KAAA,WAOtB,eAAgB,2HAAAA,KAAA,WAOhB,KAAM,uDAAAC,EAAA,qDAAAD,KAAA,WAIN,MAAO,wDAAAC,EAAA,qDAAAD,KAAA,WAIP,gBAAiB,uHAAAA,KAAA,WAOjB,YAAa,mHAAAA,KAAA,WAIb,cAAe,0HAAAA,KAAA,WAOf,gBAAiB,uHAAAA,KAAA,WAOjB,KAAM,uDAAAC,EAAA,qDAAAD,KAAA,WAIN,MAAO,wDAAAC,EAAA,qDAAAD,KAAA,WAIP,MAAO,wDAAAC,EAAA,qDAAAD,KAAA,WAIP,KAAM,uDAAAC,EAAA,qDAAAD,KAAA,WAIN,KAAM,uDAAAC,EAAA,qDAAAD,KAAA,WAIN,wBAAyB,+HAAAA,KAAA,WAOzB,gBAAiB,uHAAAA,KAAA,WAOjB,eAAgB,sHAAAA,KAAA,WAOhB,eAAgB,sHAAAA,KAAA,WAOhB,wBAAyB,+HAAAA,KAAA,WAOzB,iBAAkB,wHAAAA,KAAA,WAOlB,mBAAoB,0HAAAA,KAAA,WAOpB,oBAAqB,2HAAAA,KAAA,WAOrB,sBAAuB,6HAAAA,KAAA,SAMvB,CACF,8LC/HA,MAAME,EAAQC,EAORC,EAAYC,EAAS,KAClB,CACL,MAAOH,EAAM,KAAO,KACpB,OAAQA,EAAM,KAAO,IACvB,EACD,EAEKI,EAAYD,EAAS,IAAM,CAC/B,MAAME,EAA6C,CAAC,EAEpD,OAAIL,EAAM,YACDK,EAAA,aAAa,EAAIL,EAAM,WAG5BA,EAAM,cACDK,EAAA,eAAe,EAAIL,EAAM,aAG3BK,CAAA,CACR,EAGKC,EAAOC,EAAmB,IAAI,EAI9BC,EAAW,SAAY,CACrB,MAAAC,EAAa,OAAO,OAAOZ,EAAOG,EAAM,IAAI,CAAC,EAAE,CAAC,EAEjDS,IAEDT,EAAM,QACHM,EAAA,MAAS,MAAMG,EAAW,EAG/BA,EAAA,EAAa,KAAMC,GAAWJ,EAAK,MAAQI,CAAgB,EAE/D,EAES,OAAAF,EAAA,EAETG,EACE,IAAMX,EAAM,KACZ,IAAMQ,EAAS,CACjB","debug_id":"cb365624-56b7-57b7-97c5-9cfd94b089e9"}