{"version":3,"file":"index-BWI_I4NZ.js","sources":["../../../app/frontend/vue/src/components-tw/shared/s-collapse/index.vue"],"sourcesContent":["<template>\n  <div\n    v-if=\"visibleHeight || isOpen\"\n    ref=\"wrapper\"\n    :class=\"wrapperClasses\"\n    :style=\"wrapperStyle\"\n  >\n    <slot />\n  </div>\n  <button\n    v-if=\"showButton\"\n    :=\"$attrs\"\n    class=\"_tw-ui-collapse _w-max _t-body-regular\"\n    :class=\"{\n      '_tw-ui-collapse--small': small,\n      [buttonClass]: true\n    }\"\n    @click=\"toggle\"\n  >\n    {{ isOpen ? closeText : openText }}\n    <tw-ui-icon\n      icon=\"angle-down.svg\"\n      :size=\"small ? '_w-5' : '_w-6'\"\n      :class=\"[\n        {'_rotate-180': isOpen}\n      ]\"\n    />\n  </button>\n</template>\n\n<script setup>\nimport {\n  computed, nextTick, onMounted, ref, watch,\n} from 'vue';\nimport TwUiIcon from '../../ui/tw-ui-icon.vue';\n\ndefineOptions({\n  name: 'TwSharedCollapse',\n});\n\nconst props = defineProps({\n  openText: {\n    type: String,\n    default: 'Развернуть',\n  },\n  closeText: {\n    type: String,\n    default: 'Свернуть',\n  },\n  small: {\n    type: Boolean,\n    default: false,\n  },\n  modelValue: {\n    type: Boolean,\n    default: null,\n  },\n  visibleHeight: {\n    type: [Number, null],\n    default: null,\n  },\n  shadowClass: {\n    type: String,\n    default: '',\n  },\n  buttonClass: {\n    type: String,\n    default: '',\n  },\n});\n\nconst emit = defineEmits(['update:model-value']);\n\nconst wrapper = ref(null);\nconst isOpen = ref(false);\nconst isOverflow = ref(false);\n\nconst showButton = computed(() => {\n  if (!props.visibleHeight) {\n    return true;\n  }\n\n  return isOverflow.value;\n});\n\nonMounted(() => {\n  nextTick(() => {\n    isOverflow.value = wrapper.value?.scrollHeight > props.visibleHeight;\n  });\n});\n\nconst wrapperClasses = computed(() => {\n  const shadowClasses = `\n    after:_absolute after:_content-[\"\"] after:_bottom-0 after:_left-0\n    after:_w-full after:_h-10 after:_bg-gradient-to-t after:_from-white-100\n    after:_to-[81.4%] ${props.shadowClass}\n  `;\n\n  const classes = ['_relative _overflow-hidden'];\n\n  if (!isOpen.value && props.visibleHeight && isOverflow.value) {\n    classes.push(shadowClasses);\n  }\n\n  return classes;\n});\n\nconst wrapperStyle = computed(() => {\n  if (isOpen.value || !props.visibleHeight) {\n    return {};\n  }\n\n  return {\n    maxHeight: `${props.visibleHeight}px`,\n  };\n});\n\nwatch(() => props.modelValue, (newValue) => {\n  if (newValue !== null) {\n    isOpen.value = newValue;\n  }\n}, { immediate: true });\n\nconst toggle = () => {\n  if (props.modelValue !== null) {\n    return emit('update:model-value', !isOpen.value);\n  }\n\n  isOpen.value = !isOpen.value;\n};\n</script>\n"],"names":["props","__props","emit","__emit","wrapper","ref","isOpen","isOverflow","showButton","computed","visibleHeight","value","onMounted","nextTick","_a","scrollHeight","wrapperClasses","shadowClasses","shadowClass","classes","push","wrapperStyle","maxHeight","watch","modelValue","newValue","immediate","toggle"],"mappings":"6kBAwCA,MAAMA,EAAQC,EA+BRC,EAAOC,EAEPC,EAAUC,EAAI,MACdC,EAASD,GAAI,GACbE,EAAaF,GAAI,GAEjBG,EAAaC,GAAS,KACrBT,EAAMU,eAIJH,EAAWI,QAGpBC,GAAU,KACRC,GAAS,WACPN,EAAWI,OAAQ,OAAAG,EAAAV,EAAQO,YAAR,EAAAG,EAAeC,cAAef,EAAMU,aAAA,GACxD,IAGG,MAAAM,EAAiBP,GAAS,KAC9B,MAAMQ,EAAgB,+KAGAjB,EAAMkB,kBAGtBC,EAAU,CAAC,8BAMV,OAJFb,EAAOK,OAASX,EAAMU,eAAiBH,EAAWI,OACrDQ,EAAQC,KAAKH,GAGRE,CAAA,IAGHE,EAAeZ,GAAS,IACxBH,EAAOK,QAAUX,EAAMU,cAClB,GAGF,CACLY,UAAW,GAAGtB,EAAMU,qBAIxBa,GAAM,IAAMvB,EAAMwB,aAAaC,IACZ,OAAbA,IACFnB,EAAOK,MAAQc,EAChB,GACA,CAAEC,WAAW,IAEhB,MAAMC,EAAS,KACT,GAAqB,OAArB3B,EAAMwB,WACR,OAAOtB,EAAK,sBAAuBI,EAAOK,OAGrCL,EAAAK,OAASL,EAAOK,KAAA"}