{"version":3,"file":"contentGate-F8fVa9oU.js","sources":["../../../../Coloplast.UI/src/shared/components/contentLibrary/contentGate.vue"],"sourcesContent":["<template>\r\n\t<div ref=\"content-gate-overlay\" class=\"c-content-gate\" :class=\"{'--fullwidth-overlay' : bookmarksConnected, 'shown' : contentGateIsShown }\">\r\n\t\t<div ref=\"content-gate-modal\" class=\"c-content-gate__wrapper\">\r\n\t\t\t<button\r\n\t\t\t\tv-if=\"contentGateIsShown\"\r\n\t\t\t\ttype=\"button\"\r\n\t\t\t\tclass=\"c-content-gate__button--close\"\r\n\t\t\t\t@click=\"setContentGateIsShown(false)\"\r\n\t\t\t>\r\n\t\t\t\t&#x2715;\r\n\t\t\t</button>\r\n\t\t\t<slot></slot>\r\n\t\t</div>\r\n\t</div>\r\n</template>\r\n\r\n<script>\r\n\timport { mapGetters, mapMutations } from 'vuex';\r\n\timport { track_show_gated_content } from 'shared/services/tracking/contentTrackingService';\r\n\r\n\texport default {\r\n\t\tname: 'content-gate',\r\n\t\tprops: {\r\n\t\t\tisContentGateEnabled: {\r\n\t\t\t\ttype: Boolean,\r\n\t\t\t\tdefault: false,\r\n\t\t\t},\r\n\t\t},\r\n\t\tdata() {\r\n\t\t\treturn {\r\n\t\t\t\tdocumentHeight: 0,\r\n\t\t\t\telementHeight: {\r\n\t\t\t\t\theader: 0,\r\n\t\t\t\t\tbreadcrumbs: 0,\r\n\t\t\t\t\tbanner: 0,\r\n\t\t\t\t\tfooter: 0,\r\n\t\t\t\t},\r\n\t\t\t};\r\n\t\t},\r\n\t\tcomputed: {\r\n\t\t\t...mapGetters({\r\n\t\t\t\tcontentGateIsShown: 'getContentGateIsShown',\r\n\t\t\t\tbookmarksConnected: 'getBookmarksConnected',\r\n\t\t\t}),\r\n\t\t},\r\n\t\twatch: {\r\n\t\t\tcontentGateIsShown(newValue) {\r\n\t\t\t\tif (!this.bookmarksConnected) {\r\n\t\t\t\t\tif (newValue === true) {\r\n\t\t\t\t\t\tthis.handleResize();\r\n\t\t\t\t\t\tthis.scrollModalIntoView();\r\n\t\t\t\t\t} else if (newValue === false) {\r\n\t\t\t\t\t\tthis.resetStyles();\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\telse if (newValue === false) {\r\n\t\t\t\t\tthis.setBookmarksConnected(false);\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t},\r\n\t\tmounted() {\r\n\t\t\twindow.addEventListener('resize', this.handleResize);\r\n\t\t\tdocument.onreadystatechange = () => {\r\n\t\t\t\tif (document.readyState === 'complete') {\r\n\t\t\t\t\tthis.handleResize();\r\n\t\t\t\t\tthis.handleTracking();\r\n\t\t\t\t}\r\n\t\t\t};\r\n\t\t},\r\n\t\tbeforeUnmount() {\r\n\t\t\twindow.removeEventListener('resize', this.handleResize);\t\t\t\r\n\t\t},\r\n\t\tmethods: {\r\n\t\t\t...mapMutations(['setContentGateIsShown', 'setBookmarksConnected']),\r\n\t\t\thandleResize() {\r\n\t\t\t\tif (this.isContentGateEnabled || (this.contentGateIsShown && !this.bookmarksConnected)) {\r\n\t\t\t\t\tthis.setHeightValues();\r\n\t\t\t\t\tthis.setStyles();\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\tsetHeightValues() {\r\n\t\t\t\tthis.documentHeight = document.body\r\n\t\t\t\t\t? Math.max(document.body.scrollHeight, document.body.offsetHeight, document.body.clientHeight)\r\n\t\t\t\t\t: 0;\r\n\t\t\t\tthis.elementHeight.header = document.querySelector('header')\r\n\t\t\t\t\t? document.querySelector('header').clientHeight\r\n\t\t\t\t\t: 0;\r\n\t\t\t\tthis.elementHeight.breadcrumbs = document.querySelector('.c-breadcrumb')\r\n\t\t\t\t\t? document.querySelector('.c-breadcrumb').clientHeight\r\n\t\t\t\t\t: 0;\r\n\t\t\t\tthis.elementHeight.banner = document.querySelector('.c-hero')\r\n\t\t\t\t\t? document.querySelector('.c-hero').clientHeight\r\n\t\t\t\t\t: 0;\r\n\t\t\t\tthis.elementHeight.footer = document.querySelector('footer')\r\n\t\t\t\t\t? document.querySelector('footer').clientHeight\r\n\t\t\t\t\t: 0;\r\n\t\t\t},\r\n\t\t\tsetStyles() {\r\n\t\t\t\tlet elementsHeight = Object.values(this.elementHeight).reduce((sum, elem) => sum + elem);\r\n\t\t\t\tthis.$refs['content-gate-overlay'].style.top = `${elementsHeight - this.elementHeight.footer}px`;\r\n\t\t\t\tthis.$refs['content-gate-overlay'].style.height = `${this.documentHeight - elementsHeight}px`;\r\n\t\t\t\tthis.$refs['content-gate-overlay'].style.display = 'flex';\r\n\t\t\t},\r\n\t\t\tresetStyles() {\r\n\t\t\t\tthis.$refs['content-gate-overlay'].style.top = '-999px';\r\n\t\t\t\tthis.$refs['content-gate-overlay'].style.height = '0';\r\n\t\t\t\tthis.$refs['content-gate-overlay'].style.display = 'none';\r\n\t\t\t},\r\n\t\t\tscrollModalIntoView() {\r\n\t\t\t\tthis.$refs['content-gate-modal'].scrollIntoView({\r\n\t\t\t\t\tbehavior: 'smooth',\r\n\t\t\t\t\tblock: 'end',\r\n\t\t\t\t\tinline: 'nearest',\r\n\t\t\t\t});\r\n\t\t\t},\r\n\t\t\thandleTracking() {\r\n\t\t\t\tif (this.isContentGateEnabled && !this.bookmarksConnected) {\r\n\t\t\t\t\t// new GA4 tracking:\r\n\t\t\t\t\ttrack_show_gated_content();\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t},\r\n\t};\r\n</script>\r\n"],"names":["_sfc_main","mapGetters","newValue","mapMutations","elementsHeight","sum","elem","track_show_gated_content","_createElementBlock","_normalizeClass","_ctx","_createElementVNode","_hoisted_1","_renderSlot"],"mappings":"mcAoBC,MAAKA,EAAU,CACd,KAAM,eACN,MAAO,CACN,qBAAsB,CACrB,KAAM,QACN,QAAS,EACT,CACD,EACD,MAAO,CACN,MAAO,CACN,eAAgB,EAChB,cAAe,CACd,OAAQ,EACR,YAAa,EACb,OAAQ,EACR,OAAQ,CACR,EAEF,EACD,SAAU,CACT,GAAGC,EAAW,CACb,mBAAoB,wBACpB,mBAAoB,uBACrB,CAAC,CACD,EACD,MAAO,CACN,mBAAmBC,EAAU,CACvB,KAAK,mBAQDA,IAAa,IACrB,KAAK,sBAAsB,EAAK,EAR5BA,IAAa,IAChB,KAAK,aAAY,EACjB,KAAK,oBAAmB,GACdA,IAAa,IACvB,KAAK,YAAW,CAMlB,CACD,EACD,SAAU,CACT,OAAO,iBAAiB,SAAU,KAAK,YAAY,EACnD,SAAS,mBAAqB,IAAM,CAC/B,SAAS,aAAe,aAC3B,KAAK,aAAY,EACjB,KAAK,eAAc,GAGrB,EACD,eAAgB,CACf,OAAO,oBAAoB,SAAU,KAAK,YAAY,CACtD,EACD,QAAS,CACR,GAAGC,EAAa,CAAC,wBAAyB,uBAAuB,CAAC,EAClE,cAAe,EACV,KAAK,sBAAyB,KAAK,oBAAsB,CAAC,KAAK,sBAClE,KAAK,gBAAe,EACpB,KAAK,UAAS,EAEf,EACD,iBAAkB,CACjB,KAAK,eAAiB,SAAS,KAC5B,KAAK,IAAI,SAAS,KAAK,aAAc,SAAS,KAAK,aAAc,SAAS,KAAK,YAAY,EAC3F,EACH,KAAK,cAAc,OAAS,SAAS,cAAc,QAAQ,EACxD,SAAS,cAAc,QAAQ,EAAE,aACjC,EACH,KAAK,cAAc,YAAc,SAAS,cAAc,eAAe,EACpE,SAAS,cAAc,eAAe,EAAE,aACxC,EACH,KAAK,cAAc,OAAS,SAAS,cAAc,SAAS,EACzD,SAAS,cAAc,SAAS,EAAE,aAClC,EACH,KAAK,cAAc,OAAS,SAAS,cAAc,QAAQ,EACxD,SAAS,cAAc,QAAQ,EAAE,aACjC,CACH,EACD,WAAY,CACX,IAAIC,EAAiB,OAAO,OAAO,KAAK,aAAa,EAAE,OAAO,CAACC,EAAKC,IAASD,EAAMC,CAAI,EACvF,KAAK,MAAM,sBAAsB,EAAE,MAAM,IAAM,GAAGF,EAAiB,KAAK,cAAc,MAAM,KAC5F,KAAK,MAAM,sBAAsB,EAAE,MAAM,OAAS,GAAG,KAAK,eAAiBA,CAAc,KACzF,KAAK,MAAM,sBAAsB,EAAE,MAAM,QAAU,MACnD,EACD,aAAc,CACb,KAAK,MAAM,sBAAsB,EAAE,MAAM,IAAM,SAC/C,KAAK,MAAM,sBAAsB,EAAE,MAAM,OAAS,IAClD,KAAK,MAAM,sBAAsB,EAAE,MAAM,QAAU,MACnD,EACD,qBAAsB,CACrB,KAAK,MAAM,oBAAoB,EAAE,eAAe,CAC/C,SAAU,SACV,MAAO,MACP,OAAQ,SACT,CAAC,CACD,EACD,gBAAiB,CACZ,KAAK,sBAAwB,CAAC,KAAK,oBAEtCG,GAED,CACD,MAvHI,IAAI,qBAAqB,MAAM,8DADrCC,EAYM,MAAA,CAZD,IAAI,uBAAuB,MAAMC,EAAA,CAAA,iBAAkD,CAAA,sBAAAC,EAAA,yBAA8BA,EAAkB,kBAAA,CAAA,CAAA,IACvIC,EAUM,MAVNC,EAUM,CAREF,EAAkB,wBADzBF,EAOS,SAAA,OALR,KAAK,SACL,MAAM,gCACL,uBAAOE,EAAqB,sBAAA,EAAA,IAC7B,KAED,YACAG,EAAaH,EAAA,OAAA,SAAA"}