{"version":3,"file":"BMXshmSU.js","sources":["../../../../node_modules/@smenaspace/ui-layer/components/snackbar/types.ts","../../../../node_modules/@smenaspace/ui-layer/components/snackbar/Snackbar.vue","../../../../components/App/AppSnackbar.vue"],"sourcesContent":["export const enum SnackbarType {\n  SUCCESS = 'success',\n  MESSAGE = 'message',\n}\n\nexport const enum SnackbarLocation {\n  TOP = 'top',\n  BOTTOM = 'bottom',\n}\n","<script setup lang=\"ts\">\nimport type { IconsKeys } from '../icon/types'\nimport { SnackbarLocation, SnackbarType } from './types'\n\ntype SettingsValues = {\n  icon: IconsKeys\n}\n\ntype Settings = Record<SnackbarType, SettingsValues>\n\ntype Props = {\n  message: string\n  type?: SnackbarType\n  location?: SnackbarLocation\n  timeout?: number\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  type: SnackbarType.MESSAGE,\n  location: SnackbarLocation.TOP,\n  timeout: 3000,\n})\n\nconst model = defineModel<boolean>()\n\nconst isVisible = ref(model.value)\n\nwatch(model, (newValue) => {\n  isVisible.value = newValue\n\n  if (newValue) startTimeout()\n})\n\nconst settings: Settings = {\n  [SnackbarType.MESSAGE]: {\n    icon: 'alert-circle',\n  },\n  [SnackbarType.SUCCESS]: {\n    icon: 'checkmark-circle',\n  },\n}\n\nconst startTimeout = () => {\n  setTimeout(() => {\n    isVisible.value = false\n    model.value = false\n  }, props.timeout)\n}\n\nonMounted(() => {\n  if (isVisible.value) startTimeout()\n})\n\nconst snackbarClasses = computed(() => {\n  return [\n    'app-snackbar',\n    `app-snackbar--location-${props.location}`,\n    `app-snackbar--type-${props.type}`,\n  ]\n})\n</script>\n\n<template>\n  <Teleport to=\"body\">\n    <transition name=\"ui-scale\">\n      <div\n        v-if=\"isVisible\"\n        data-test-id=\"snackbar\"\n        :class=\"snackbarClasses\"\n        v-bind=\"$attrs\"\n      >\n        <div class=\"app-snackbar__content\">\n          <the-icon\n            class=\"app-snackbar__icon\"\n            color=\"var(--ui-white)\"\n            :name=\"settings[type].icon\"\n          />\n\n          <div class=\"app-snackbar__message\">{{ message }}</div>\n        </div>\n      </div>\n    </transition>\n  </Teleport>\n</template>\n\n<style lang=\"scss\" scoped>\n@use '../../assets/ui-layer/styles/mixins' as *;\n\n.app-snackbar {\n  position: fixed;\n  right: 0;\n  left: 0;\n  z-index: 10001;\n  min-width: 335px;\n  max-width: 335px;\n  min-height: 40px;\n  margin: 0 auto;\n  background-color: var(--ui-secondary);\n  border-radius: 10px;\n\n  @include media('>=desktop-mini') {\n    max-width: 350px;\n  }\n\n  &__content {\n    display: flex;\n    gap: 8px;\n    align-items: center;\n    padding: 8px 16px;\n    margin-right: auto;\n    font-weight: 400;\n    text-align: initial;\n  }\n\n  &__icon {\n    flex-shrink: 0;\n    align-self: flex-start;\n    width: 24px;\n    height: 24px;\n  }\n\n  &__message {\n    font-size: 14px;\n    font-weight: 600;\n    -webkit-hyphens: auto;\n    hyphens: auto;\n    line-height: 19px;\n    color: var(--ui-white);\n  }\n\n  &--location-top {\n    top: 60px;\n\n    @include media('>=tablet') {\n      top: 134px;\n    }\n  }\n\n  &--location-bottom {\n    bottom: 8px;\n  }\n\n  &--type-success {\n    background-color: var(--ui-green);\n  }\n}\n</style>\n","<script lang=\"ts\" setup>\nimport { useAppStore } from '@/store/app/app'\n\nconst appStore = useAppStore()\n\nwatch(\n  () => appStore.snackbar.show,\n  async (newValue, oldValue) => {\n    // Если показываем один (первый) снекбар\n    // Или если в очереди нет больше снекбаров\n    if ((newValue && !oldValue) || !appStore.snackbarQueue.length) return\n\n    // Если закончили показывать снекбар и в очереди есть еще\n    await nextTick()\n    // FIFO очередь\n    appStore.showSnackbar(appStore.snackbarQueue[0])\n    appStore.snackbarQueue.shift()\n  },\n)\n</script>\n<template>\n  <the-snackbar\n    v-model=\"appStore.snackbar.show\"\n    :location=\"appStore.snackbar.location\"\n    :message=\"appStore.snackbar.message\"\n    :type=\"appStore.snackbar.type\"\n    :timeout=\"appStore.snackbar.timeout\"\n  />\n</template>\n"],"names":["SnackbarType","SnackbarLocation","props","__props","model","_useModel","isVisible","ref","watch","newValue","startTimeout","settings","onMounted","snackbarClasses","computed","appStore","useAppStore","oldValue","nextTick"],"mappings":";;sfAAkB,IAAAA,GAAAA,IAChBA,EAAA,QAAU,UACVA,EAAA,QAAU,UAFMA,IAAAA,GAAA,CAAA,CAAA,EAKAC,GAAAA,IAChBA,EAAA,IAAM,MACNA,EAAA,OAAS,SAFOA,IAAAA,GAAA,CAAA,CAAA,oRCYlB,MAAMC,EAAQC,EAMRC,EAAQC,EAAqBF,EAAA,YAAA,EAE7BG,EAAYC,EAAIH,EAAM,KAAK,EAE3BI,EAAAJ,EAAQK,GAAa,CACzBH,EAAU,MAAQG,EAEdA,GAAuBC,EAAA,CAAA,CAC5B,EAED,MAAMC,EAAqB,CACzB,CAACX,EAAa,OAAO,EAAG,CACtB,KAAM,cACR,EACA,CAACA,EAAa,OAAO,EAAG,CACtB,KAAM,kBAAA,CAEV,EAEMU,EAAe,IAAM,CACzB,WAAW,IAAM,CACfJ,EAAU,MAAQ,GAClBF,EAAM,MAAQ,EAAA,EACbF,EAAM,OAAO,CAClB,EAEAU,EAAU,IAAM,CACVN,EAAU,OAAoBI,EAAA,CAAA,CACnC,EAEK,MAAAG,EAAkBC,EAAS,IACxB,CACL,eACA,0BAA0BZ,EAAM,QAAQ,GACxC,sBAAsBA,EAAM,IAAI,EAClC,CACD,sZCxDD,MAAMa,EAAWC,EAAY,EAE7B,OAAAR,EACE,IAAMO,EAAS,SAAS,KACxB,MAAON,EAAUQ,IAAa,CAGvBR,GAAY,CAACQ,GAAa,CAACF,EAAS,cAAc,SAGvD,MAAMG,EAAS,EAEfH,EAAS,aAAaA,EAAS,cAAc,CAAC,CAAC,EAC/CA,EAAS,cAAc,MAAM,EAAA,CAEjC","debug_id":"d1ee5a94-cad6-5674-8881-b75e26211de3"}