{"version":3,"file":"image-gallery.component.js","sources":["../../../../KNHS.Website.Frontend/node_modules/swiper/modules/navigation/navigation.js","../../../../KNHS.Website.Frontend/script/vue/apps/image-gallery/components/LargeImage.vue","../../../../KNHS.Website.Frontend/script/vue/apps/image-gallery/components/SmallImage.vue","../../../../KNHS.Website.Frontend/script/vue/apps/image-gallery/ImageGallery.vue","../../../../KNHS.Website.Frontend/script/vue/apps/image-gallery/index.ts","../../../../KNHS.Website.Frontend/script/image-gallery.component.ts"],"sourcesContent":["import createElementIfNotDefined from '../../shared/create-element-if-not-defined.js';\nimport $ from '../../shared/dom.js';\nexport default function Navigation({\n  swiper,\n  extendParams,\n  on,\n  emit\n}) {\n  extendParams({\n    navigation: {\n      nextEl: null,\n      prevEl: null,\n      hideOnClick: false,\n      disabledClass: 'swiper-button-disabled',\n      hiddenClass: 'swiper-button-hidden',\n      lockClass: 'swiper-button-lock',\n      navigationDisabledClass: 'swiper-navigation-disabled'\n    }\n  });\n  swiper.navigation = {\n    nextEl: null,\n    $nextEl: null,\n    prevEl: null,\n    $prevEl: null\n  };\n\n  function getEl(el) {\n    let $el;\n\n    if (el) {\n      $el = $(el);\n\n      if (swiper.params.uniqueNavElements && typeof el === 'string' && $el.length > 1 && swiper.$el.find(el).length === 1) {\n        $el = swiper.$el.find(el);\n      }\n    }\n\n    return $el;\n  }\n\n  function toggleEl($el, disabled) {\n    const params = swiper.params.navigation;\n\n    if ($el && $el.length > 0) {\n      $el[disabled ? 'addClass' : 'removeClass'](params.disabledClass);\n      if ($el[0] && $el[0].tagName === 'BUTTON') $el[0].disabled = disabled;\n\n      if (swiper.params.watchOverflow && swiper.enabled) {\n        $el[swiper.isLocked ? 'addClass' : 'removeClass'](params.lockClass);\n      }\n    }\n  }\n\n  function update() {\n    // Update Navigation Buttons\n    if (swiper.params.loop) return;\n    const {\n      $nextEl,\n      $prevEl\n    } = swiper.navigation;\n    toggleEl($prevEl, swiper.isBeginning && !swiper.params.rewind);\n    toggleEl($nextEl, swiper.isEnd && !swiper.params.rewind);\n  }\n\n  function onPrevClick(e) {\n    e.preventDefault();\n    if (swiper.isBeginning && !swiper.params.loop && !swiper.params.rewind) return;\n    swiper.slidePrev();\n    emit('navigationPrev');\n  }\n\n  function onNextClick(e) {\n    e.preventDefault();\n    if (swiper.isEnd && !swiper.params.loop && !swiper.params.rewind) return;\n    swiper.slideNext();\n    emit('navigationNext');\n  }\n\n  function init() {\n    const params = swiper.params.navigation;\n    swiper.params.navigation = createElementIfNotDefined(swiper, swiper.originalParams.navigation, swiper.params.navigation, {\n      nextEl: 'swiper-button-next',\n      prevEl: 'swiper-button-prev'\n    });\n    if (!(params.nextEl || params.prevEl)) return;\n    const $nextEl = getEl(params.nextEl);\n    const $prevEl = getEl(params.prevEl);\n\n    if ($nextEl && $nextEl.length > 0) {\n      $nextEl.on('click', onNextClick);\n    }\n\n    if ($prevEl && $prevEl.length > 0) {\n      $prevEl.on('click', onPrevClick);\n    }\n\n    Object.assign(swiper.navigation, {\n      $nextEl,\n      nextEl: $nextEl && $nextEl[0],\n      $prevEl,\n      prevEl: $prevEl && $prevEl[0]\n    });\n\n    if (!swiper.enabled) {\n      if ($nextEl) $nextEl.addClass(params.lockClass);\n      if ($prevEl) $prevEl.addClass(params.lockClass);\n    }\n  }\n\n  function destroy() {\n    const {\n      $nextEl,\n      $prevEl\n    } = swiper.navigation;\n\n    if ($nextEl && $nextEl.length) {\n      $nextEl.off('click', onNextClick);\n      $nextEl.removeClass(swiper.params.navigation.disabledClass);\n    }\n\n    if ($prevEl && $prevEl.length) {\n      $prevEl.off('click', onPrevClick);\n      $prevEl.removeClass(swiper.params.navigation.disabledClass);\n    }\n  }\n\n  on('init', () => {\n    if (swiper.params.navigation.enabled === false) {\n      // eslint-disable-next-line\n      disable();\n    } else {\n      init();\n      update();\n    }\n  });\n  on('toEdge fromEdge lock unlock', () => {\n    update();\n  });\n  on('destroy', () => {\n    destroy();\n  });\n  on('enable disable', () => {\n    const {\n      $nextEl,\n      $prevEl\n    } = swiper.navigation;\n\n    if ($nextEl) {\n      $nextEl[swiper.enabled ? 'removeClass' : 'addClass'](swiper.params.navigation.lockClass);\n    }\n\n    if ($prevEl) {\n      $prevEl[swiper.enabled ? 'removeClass' : 'addClass'](swiper.params.navigation.lockClass);\n    }\n  });\n  on('click', (_s, e) => {\n    const {\n      $nextEl,\n      $prevEl\n    } = swiper.navigation;\n    const targetEl = e.target;\n\n    if (swiper.params.navigation.hideOnClick && !$(targetEl).is($prevEl) && !$(targetEl).is($nextEl)) {\n      if (swiper.pagination && swiper.params.pagination && swiper.params.pagination.clickable && (swiper.pagination.el === targetEl || swiper.pagination.el.contains(targetEl))) return;\n      let isHidden;\n\n      if ($nextEl) {\n        isHidden = $nextEl.hasClass(swiper.params.navigation.hiddenClass);\n      } else if ($prevEl) {\n        isHidden = $prevEl.hasClass(swiper.params.navigation.hiddenClass);\n      }\n\n      if (isHidden === true) {\n        emit('navigationShow');\n      } else {\n        emit('navigationHide');\n      }\n\n      if ($nextEl) {\n        $nextEl.toggleClass(swiper.params.navigation.hiddenClass);\n      }\n\n      if ($prevEl) {\n        $prevEl.toggleClass(swiper.params.navigation.hiddenClass);\n      }\n    }\n  });\n\n  const enable = () => {\n    swiper.$el.removeClass(swiper.params.navigation.navigationDisabledClass);\n    init();\n    update();\n  };\n\n  const disable = () => {\n    swiper.$el.addClass(swiper.params.navigation.navigationDisabledClass);\n    destroy();\n  };\n\n  Object.assign(swiper.navigation, {\n    enable,\n    disable,\n    update,\n    init,\n    destroy\n  });\n}","<template>\n    <div class=\"image-gallery__large\">\n        <button class=\"btn-gallery figure figure--large\" @click=\"handleClick(data.ImageUrl, 0)\">\n            <img :src=\"data.ImageUrl\" :alt=\"data.AlternativeText\" loading=\"lazy\" />\n        </button>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { IGalleryItem } from '../model';\ndefineProps<{\n    data: IGalleryItem;\n}>();\n\nconst emit = defineEmits<{\n    (e: 'onImageClick', image: string, index: number): void;\n}>();\n\nfunction handleClick(image: string, index: number) {\n    emit('onImageClick', image, index);\n}\n</script>\n","<template>\n    <div class=\"image-gallery__small\">\n        <button\n            class=\"btn-gallery figure figure--small\"\n            v-for=\"(item, index) in data\"\n            :key=\"`item-${index}`\"\n            @click=\"handleClick(item.ImageUrl, index + 1)\">\n            <img :src=\"item.ImageUrl\" :alt=\"item.AlternativeText\" loading=\"lazy\" />\n        </button>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { IGalleryItem } from '../model';\ndefineProps<{\n    data: IGalleryItem[];\n}>();\n\nconst emit = defineEmits<{\n    (e: 'onImageClick', image: string, index: number): void;\n}>();\n\nfunction handleClick(image: string, index: number) {\n    emit('onImageClick', image, index);\n}\n</script>\n","<template>\n    <div class=\"image-gallery\">\n        <LargeImage :data=\"cLargeItem\" @on-image-click=\"handleClick\"></LargeImage>\n        <SmallImages :data=\"cSmallItems\" @onImageClick=\"handleClick\"></SmallImages>\n        <Teleport to=\"body\">\n            <LightBox\n                v-if=\"showLightbox\"\n                :slides=\"items\"\n                :activeIndex=\"activeIndex\"\n                @onClose=\"showLightbox = false\"></LightBox>\n        </Teleport>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n// Vue\nimport { computed, ref } from 'vue';\n\n// Components\nimport LargeImage from './components/LargeImage.vue';\nimport SmallImages from './components/SmallImage.vue';\nimport LightBox from './components/LightBox.component.vue';\n\n// Model\nimport { IGalleryItem } from './model';\n\nconst activeIndex = ref<number>(0);\nconst showLightbox = ref<boolean>(false);\n\nconst props = defineProps<{\n    items: IGalleryItem[];\n}>();\n\nfunction handleClick(image: string, index: number) {\n    console.log('handle clicks');\n    console.log(image, index);\n    showLightbox.value = true;\n    activeIndex.value = index;\n}\n\nconst cAllItems = computed(() => {\n    return props.items;\n});\n\nconst cLargeItem = computed(() => {\n    return props.items[0];\n});\n\nconst cSmallItems = computed(() => {\n    return props.items.slice(1, 3);\n});\n</script>\n","import ImageGallery from './ImageGallery.vue';\n\nexport default {\n    components: {\n        'image-gallery': ImageGallery,\n    },\n};\n","import { createApp } from './vue';\n\nimport imageGallery from './vue/apps/image-gallery';\n\nconst imageGalleryMountingContainer = document.querySelectorAll('.js-image-gallery');\n\nif (imageGalleryMountingContainer) {\n    imageGalleryMountingContainer.forEach((el) => {\n        createApp(imageGallery).mount(el);\n    });\n}\n"],"names":["Navigation","swiper","extendParams","on","emit","getEl","el","$el","toggleEl","disabled","params","update","$nextEl","$prevEl","onPrevClick","e","onNextClick","init","createElementIfNotDefined","destroy","disable","_s","targetEl","isHidden","enable","handleClick","image","index","activeIndex","ref","showLightbox","computed","props","cLargeItem","cSmallItems","imageGallery","ImageGallery","imageGalleryMountingContainer","createApp"],"mappings":"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"}