{"version":3,"file":"TruncatedBlock.4814a86c33e11783a0bb.js","mappings":"6IAIAA,EAAQ,EAAU,CAACC,EAAKC,KACpB,MAAMC,EAASF,EAAIG,WAAaH,EAChC,IAAK,MAAOI,EAAKC,KAAQJ,EACrBC,EAAOE,GAAOC,EAElB,OAAOH,CAAM,C,sECNFI,IAAI,c,GAHnBF,IAAA,EAO8CG,MAAM,6B,GACvCA,MAAM,6BAWnB,SACEN,MAAO,CACLO,UAAW,CACTC,KAAMC,OACNC,QAAS,MAGbC,KAAAA,CAAMX,GACJ,MAAMY,GAAWP,EAAAA,EAAAA,KAAI,GACfQ,GAAgBR,EAAAA,EAAAA,IAAI,GACpBS,GAAaT,EAAAA,EAAAA,IAAI,MAEjBU,EAAyBA,KACzBD,EAAWE,QACbH,EAAcG,MAAQF,EAAWE,MAAMC,aACzC,EAkBF,OANAC,EAAAA,EAAAA,KAAU,MACRC,EAAAA,EAAAA,KAAS,KACPJ,GAAwB,GACxB,IAGG,CACLH,WACAC,gBACAN,WAAWF,EAAAA,EAAAA,IAAIL,EAAMO,WACrBa,eAnBqBA,KACrBR,EAASI,OAASJ,EAASI,MACvBJ,EAASI,QACXG,EAAAA,EAAAA,KAAS,KACPJ,GAAwB,GAE5B,EAcAD,aAEJ,GCtDF,MAEA,GAFiC,E,QAAA,GAAgB,EAAQ,CAAC,CAAC,S,wCDJvDO,EAAAA,EAAAA,IAYM,OAZDf,OADTgB,EAAAA,EAAAA,IAAA,CACe,kBAAiB,aAAwBC,EAAAX,a,EAChDY,EAAAA,EAAAA,IAIM,OAJDlB,MAAM,mCAAoCmB,OAFvDC,EAAAA,EAAAA,IAAA,CAAAC,UAE2EJ,EAAAX,SAAWW,EAAAV,cAAgB,KAAOU,EAAAhB,UAAY,Q,EAC/GiB,EAAAA,EAAAA,IAEM,MAFNI,EAEM,EADJC,EAAAA,EAAAA,IAA4BC,EAAAC,OAAA,qBAGrBR,EAAAhB,UAAYgB,EAAAV,gBAAa,WAApCQ,EAAAA,EAAAA,IAA8E,MAA9EW,KAPRC,EAAAA,EAAAA,IAAA,YAQQT,EAAAA,EAAAA,IAIM,MAJNU,EAIM,CAHUX,EAAAhB,UAAYgB,EAAAV,gBAAa,WAAvCQ,EAAAA,EAAAA,IAES,UAXnBlB,IAAA,EASmDG,MAAM,iCAAiCE,KAAK,SAAU2B,QAAKC,EAAA,KAAAA,EAAA,IAT9GC,EAAAA,EAAAA,KAAA,kBASwHd,EAAAH,gBAAAG,EAAAH,kBAAAkB,UAAc,kBAAE,UACvHC,EAAAA,EAAAA,IAAGhB,EAAAX,SAAW,OAAS,QAAZ,KAV5BqB,EAAAA,EAAAA,IAAA,gB","sources":["webpack://chesterfield-theatres-frontend/./node_modules/vue-loader/dist/exportHelper.js","webpack://chesterfield-theatres-frontend/./src/js/vuejs/components/TruncatedBlock.vue","webpack://chesterfield-theatres-frontend/./src/js/vuejs/components/TruncatedBlock.vue?241d"],"sourcesContent":["\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\n// runtime helper for setting properties on components\n// in a tree-shakable way\nexports.default = (sfc, props) => {\n    const target = sfc.__vccOpts || sfc;\n    for (const [key, val] of props) {\n        target[key] = val;\n    }\n    return target;\n};\n","<template>\r\n    <div class=\"truncated-block\" :class=\"{ 'read-more': readMore }\">\r\n        <div class=\"truncated-block__content-wrapper\" :style=\"{ maxHeight: readMore ? contentHeight + 'px' : minHeight + 'px' }\">\r\n          <div ref=\"contentBox\">\r\n            <slot name=\"content\"></slot>\r\n          </div>\r\n        </div>\r\n        <div v-if=\"minHeight < contentHeight\" class=\"truncated-block__gradient\"></div>\r\n        <div class=\"truncated-block__controls\">\r\n          <button v-if=\"minHeight < contentHeight\" class=\"truncated-block__toggle-button\" type=\"button\" @click.prevent=\"toggleReadMore\">\r\n            Show {{ readMore ? 'less' : 'more' }}\r\n          </button>\r\n        </div>\r\n    </div>\r\n</template>\r\n  \r\n<script>\r\nimport { ref, onMounted, nextTick } from 'vue';\r\n\r\nexport default {\r\n  props: {\r\n    minHeight: {\r\n      type: Number,\r\n      default: 230\r\n    }\r\n  },\r\n  setup(props) {\r\n    const readMore = ref(false);\r\n    const contentHeight = ref(0);\r\n    const contentBox = ref(null);\r\n\r\n    const calculateContentHeight = () => {\r\n      if (contentBox.value) {\r\n        contentHeight.value = contentBox.value.scrollHeight;\r\n      }\r\n    };\r\n\r\n    const toggleReadMore = () => {\r\n      readMore.value = !readMore.value;\r\n      if (readMore.value) {\r\n        nextTick(() => {\r\n          calculateContentHeight();\r\n        });\r\n      }\r\n    };\r\n\r\n    onMounted(() => {\r\n      nextTick(() => {\r\n        calculateContentHeight();\r\n      });\r\n    });\r\n\r\n    return {\r\n      readMore,\r\n      contentHeight,\r\n      minHeight: ref(props.minHeight),\r\n      toggleReadMore,\r\n      contentBox\r\n    };\r\n  }\r\n};\r\n</script>\r\n","import { render } from \"./TruncatedBlock.vue?vue&type=template&id=7fe17369\"\nimport script from \"./TruncatedBlock.vue?vue&type=script&lang=js\"\nexport * from \"./TruncatedBlock.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"../../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__"],"names":["exports","sfc","props","target","__vccOpts","key","val","ref","class","minHeight","type","Number","default","setup","readMore","contentHeight","contentBox","calculateContentHeight","value","scrollHeight","onMounted","nextTick","toggleReadMore","_createElementBlock","_normalizeClass","$setup","_createElementVNode","style","_normalizeStyle","maxHeight","_hoisted_1","_renderSlot","_ctx","$slots","_hoisted_2","_createCommentVNode","_hoisted_3","onClick","_cache","_withModifiers","arguments","_toDisplayString"],"sourceRoot":""}