{"version":3,"file":"WindowConstructionImg-eacbc1f0.js","sources":["../../../app/javascript/components/offer/WindowConstructionImg.vue"],"sourcesContent":["<template>\n\t<div class=\"window_construction_images \" :class=\"{'window_and_door': windowAndDoorImgs() }\" >\n    <img v-if=\"images.left_door_img\"  :src=\"getImgURL(images.left_door_img)\"  class=\"door_img\"  />\n    <img v-if=\"images.window_img\"     :src=\"getImgURL(images.window_img)\"     class=\"window_img\"/>\n    <img v-if=\"images.rigth_door_img\" :src=\"getImgURL(images.rigth_door_img)\" class=\"door_img\"  />\n\t</div>\n</template>\n<script>\n\nimport { mapState } from \"vuex\";\n\nexport default {\n  name: \"WindowConstructionImg\",\n  props: [\"images\"],\n  methods: {\n    windowAndDoorImgs() {\n      return this.images.window_img && (this.images.left_door_img || this.images.rigth_door_img)\n    }\n  }\n};\n</script>\n<style type=\"text/css\" scoped>\n  .window_construction_images {\n    display: flex;\n    height: 90px;\n    width: 90px;\n  }\n  .door_img {\n    width: 100%;\n    height: 100%;\n  }\n  .window_and_door .window_img {\n    height: 60%;\n  }\n  .window_img {\n    width: 100%;\n    height: 100%;\n  }\n  img {\n    box-shadow: 0px 3px 3px -2px rgb(0 0 0 / 20%), 0px 3px 4px 0px rgb(0 0 0 / 14%), 0px 1px 8px 0px rgb(0 0 0 / 12%);\n  }\n</style>\n\n<script setup>\n\nimport getImgURL from '../../composables/getImgUrl.js'\n\n</script>\n"],"names":["__default__"],"mappings":"2JAWAA,EAAe,CACb,KAAM,wBACN,MAAO,CAAC,QAAQ,EAChB,QAAS,CACP,mBAAoB,CAClB,OAAO,KAAK,OAAO,aAAe,KAAK,OAAO,eAAiB,KAAK,OAAO,eAC5E,CACF,CACH"}