{"version":3,"file":"js/product-1.bundle.js","mappings":"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","sources":["webpack://tchb-health-2/./src/scripts/components/product-1/Section4.ts","webpack://tchb-health-2/./src/scripts/components/product-1/Section1.ts","webpack://tchb-health-2/./src/scripts/components/product-1/Product1.ts"],"sourcesContent":["import ComponentBase from \"@components/ComponentBase\";\r\nimport { ComponentElem } from \"@components/interfaces\";\r\nimport { ScrollListener } from \"../../ts/sframe/ScrollListener\";\r\nimport gsap from \"gsap\";\r\nimport Tools from \"../../ts/Tools\";\r\n\r\n\r\nexport default class Section4 extends ComponentBase\r\n{\r\n private _mainTl: gsap.core.Timeline;\r\n private _isPaused: boolean = true;\r\n\r\n constructor(elem: ComponentElem)\r\n {\r\n super(elem);\r\n \r\n if(this.$root.find(\".section-4-1\").attr(\"test-mode\") === \"true\")\r\n {\r\n let $balls = this.$root.find(\".ball\");\r\n\r\n $balls.each((index, elem: HTMLElement)=>\r\n {\r\n elem.addEventListener(\"click\", (e)=>\r\n {\r\n console.log(`${elem.className}: ${e.offsetX}, ${e.offsetY}`);\r\n });\r\n });\r\n }\r\n\r\n // this.$root.find(\".ball\").css(\"animation\", \"none\");\r\n this._setupAnimate();\r\n }\r\n\r\n private _setupAnimate()\r\n {\r\n let tl1,\r\n tl2, \r\n tl3,\r\n mainTl: gsap.core.Timeline;\r\n\r\n let q = gsap.utils.selector(this.$root.find(\".section-4-1\")[0]),\r\n f1 = gsap.utils.selector(this.$root.find(\".feature-1\")[0]),\r\n f2 = gsap.utils.selector(this.$root.find(\".feature-2\")[0]);\r\n\r\n let letterList1 = Tools.splitText(f2(\".sub-title\")[0]),\r\n letterList2 = Tools.splitText(f2(\".detail\")[0]),\r\n letterList3 = Tools.splitText(f1(\".sub-title\")[0]),\r\n letterList4 = Tools.splitText(f1(\".detail\")[0]),\r\n b1 = q(\".bone-ca-sample-1\"),\r\n b2 = q(\".bone-ca-sample-2\"),\r\n \r\n boneCaList = \r\n [\r\n b1[5],\r\n b1[4],\r\n b1[3],\r\n b1[2],\r\n b1[1],\r\n b1[0],\r\n\r\n b2[5],\r\n b2[4],\r\n b2[3],\r\n b2[2],\r\n b2[1],\r\n b2[0],\r\n ];\r\n\r\n // boneCaList = \r\n // [\r\n // b1[2],\r\n // b1[3],\r\n // b1[1],\r\n // b1[4],\r\n // b1[0],\r\n // b1[5],\r\n\r\n // b2[2],\r\n // b2[3],\r\n // b2[1],\r\n // b2[4],\r\n // b2[0],\r\n // b2[5],\r\n // ];\r\n\r\n mainTl = gsap.timeline();\r\n\r\n /* ======== */\r\n\r\n let tl = tl1 = gsap.timeline({});\r\n\r\n tl.set(q(\".ca-1\"), {opacity: 0, x: -20, y: -100});\r\n tl.set(q(\".ca-2\"), {opacity: 0, x: -100, y: 20});\r\n tl.set(q(\".ca-3\"), {opacity: 0, x: -100, y: -100});\r\n tl.set(q(\".d-1\"), {opacity: 0, x: 50, y: 50});\r\n tl.set(q(\".d-1\"), {opacity: 0});\r\n tl.set(f2(\".guide-line\"), {width: 0});\r\n tl.set(letterList1, {opacity: 0, x: 50, transformOrigin: \"center bottom\"});\r\n tl.set(letterList2, {opacity: 0, x: 50, transformOrigin: \"center bottom\"});\r\n\r\n tl.set(q(\".ca-4\"), {opacity: 0, x: -100, y: -50});\r\n tl.set(q(\".ca-5\"), {opacity: 0, x: -100, y: -20});\r\n tl.set(q(\".k-1\"), {opacity: 0, x: -100, y: -50});\r\n tl.set(q(\".k-2\"), {opacity: 0, x: -100, y: -30});\r\n tl.set(q(\".arrow\"), {opacity: 0, x: -300 + parseInt(gsap.getProperty(q(\".arrow\")[0], \"width\")), y: -100, width: 0, });\r\n // tl.set(f1(\".guide-line\"), {width: 0, x: gsap.getProperty(f1(\".guide-line\")[0], \"width\")});\r\n tl.set(f1(\".guide-line\"), {width: 0});\r\n tl.set(letterList3, {opacity: 0, x: 50, transformOrigin: \"center bottom\"});\r\n tl.set(letterList4, {opacity: 0, x: 50, transformOrigin: \"center bottom\"});\r\n \r\n tl.set(q(\".ca-6\"), {opacity: 0, x: -100, y: 20});\r\n tl.set(q(\".ca-7\"), {opacity: 0, x: -20, y: -100});\r\n tl.set(q(\".k-3\"), {opacity: 0, x: 0, y: 0, scale: 0});\r\n tl.set(q(\".bone\"), {opacity: 0, scale: 0});\r\n tl.set(q(\".bone-light-1\"), {opacity: 0});\r\n tl.set(q(\".bone-light-2\"), {opacity: 0});\r\n tl.set(q(\".bone-ca-shadow\"), {opacity: 0});\r\n tl.set(boneCaList, {opacity: 0});\r\n\r\n tl.addLabel(\"start\", .01);\r\n\r\n // console.log(gsap.getProperty(f2(\".guide-line\")[0], \"width\"));\r\n \r\n let d1 = .8,\r\n e1 = \"back.out\";\r\n tl.to(q(\".ca-1\"), {duration: d1, opacity: 1, x: 0, y: 0, ease: e1}, \"start+=.1\");\r\n tl.to(q(\".ca-2\"), {duration: d1, opacity: 1, x: 0, y: 0, ease: e1}, \"start+=0\");\r\n tl.to(q(\".ca-3\"), {duration: d1, opacity: 1, x: 0, y: 0, ease: e1}, \"start+=0\");\r\n tl.to(q(\".d-1\"), {duration: d1, opacity: 1, x: 0, y: 0, ease: e1}, \"start+=.1\");\r\n tl.to(f2(\".guide-line\"), {duration: .5, width: gsap.getProperty(f2(\".guide-line\")[0], \"width\"), clearProps: \"all\"}, \"start+=.3\");\r\n tl.to(letterList1, {duration: .6, opacity: 1, x: 0, ease: \"back.out\", stagger: .02}, \"start+=.4\");\r\n tl.to(letterList2, {duration: .6, opacity: 1, x: 0, ease: \"back.out\", stagger: .02}, \"start+=.5\");\r\n // tl.set(f2(\".guide-line\"), {clearProps: \"transform\"});\r\n\r\n // tl.addLabel(\"glow-in\");\r\n // tl.set(f2(\".sub-title\")[0], {duration: .3, class: \"+=text-shadow\"}, \"glow-in\");\r\n // tl.set(f2(\".detail\")[0], {duration: .3, textShadow: glowTextShadow2}, \"glow-in\");\r\n \r\n // mainTl.time(0, true);\r\n // mainTl.tweenTo(\"start\");\r\n \r\n\r\n /* ======== */\r\n\r\n tl = tl2 = gsap.timeline();\r\n tl.addLabel(\"start\", .01);\r\n tl.to(q(\".ca-4\"), {duration: d1, opacity: 1, x: 0, y: 0, ease: e1}, \"start+=.1\");\r\n tl.to(q(\".ca-5\"), {duration: d1, opacity: 1, x: 0, y: 0, ease: e1}, \"start+=.2\");\r\n tl.to(q(\".k-1\"), {duration: d1, opacity: 1, x: 0, y: 0, ease: e1}, \"start+=.2\");\r\n tl.to(q(\".k-2\"), {duration: d1, opacity: 1, x: 0, y: 0, ease: e1}, \"start+=.1\");\r\n tl.to(q(\".arrow\"), {duration: .4, opacity: 1, x: 0, y: 0, width: gsap.getProperty(q(\".arrow\")[0], \"width\"), clearProps: \"all\", ease: \"power3.out\"}, \"start+=0\");\r\n // tl.to(f1(\".guide-line\"), {duration: .5, x: 0, width: gsap.getProperty(f1(\".guide-line\")[0], \"width\")}, \"start+=.3\");\r\n tl.to(f1(\".guide-line\"), {duration: .5, width: gsap.getProperty(f1(\".guide-line\")[0], \"width\"), clearProps: \"all\"}, \"start+=.3\");\r\n tl.to(letterList3, {duration: .6, opacity: 1, x: 0, ease: \"back.out\", stagger: .02}, \"start+=.4\");\r\n tl.to(letterList4, {duration: .6, opacity: 1, x: 0, ease: \"back.out\", stagger: .02}, \"start+=.5\");\r\n\r\n /* ======== */\r\n\r\n tl = tl3 = gsap.timeline();\r\n tl.addLabel(\"start\", .01);\r\n tl.to(q(\".k-3\"), {duration: .3, opacity: 1, x: 0, y: 0, scale: 1, ease: \"power1.out\"}, \"start+=.1\");\r\n tl.to(q(\".ca-6\"), {duration: d1, opacity: 1, x: 0, y: 0, ease: e1}, \"start+=.7\");\r\n tl.to(q(\".ca-7\"), {duration: d1, opacity: 1, x: 0, y: 0, ease: e1}, \"start+=.7.5\");\r\n tl.to(q(\".bone\"), {duration: .5, opacity: 1, scale: 1, ease: \"back.out\"}, \"start+=.2\");\r\n tl.from(boneCaList, {duration: .6, scale: 0, rotate: \"-=80deg\", stagger: .03, ease: \"back.out(4)\"}, \"start+=.3\");\r\n tl.to(boneCaList, {duration: .4, opacity: 1, stagger: .03}, \"start+=.3\");\r\n tl.to(q(\".bone-light-1\"), {duration: .4, opacity: 1}, \"start+=.7\");\r\n tl.to(q(\".bone-light-2\"), {duration: .4, opacity: 1}, \"start+=.75\");\r\n tl.to(q(\".bone-ca-shadow\"), {duration: .5, opacity: 1}, \"start+=.75\");\r\n \r\n\r\n /* ======== */\r\n\r\n mainTl.addLabel(\"start\", .01);\r\n mainTl.add(tl1, 0);\r\n mainTl.add(tl2, \"-=.0\");\r\n mainTl.add(tl3, \"-=.0\");\r\n mainTl.time(0, true);\r\n mainTl.tweenTo(\"start\");\r\n\r\n this._mainTl = mainTl;\r\n \r\n /* bind scroll trigger */\r\n let eventId = \"section-4-in\";\r\n ScrollListener.addListener(eventId, ()=>\r\n {\r\n let result = ScrollListener.testDom(this.$root.find(\".title\")[0], 0, 0);\r\n \r\n if(result.topInside && result.bottomInside)\r\n {\r\n // console.log(\"triggered\");\r\n ScrollListener.removeListener(eventId);\r\n setTimeout(() => {\r\n this._toggleAnimate(false);\r\n }, 400);\r\n } \r\n });\r\n\r\n /* test */\r\n // this.$root.on(\"click\", (event:JQuery.ClickEvent)=>\r\n // {\r\n // event.preventDefault();\r\n // this._toggleAnimate();\r\n // });\r\n }\r\n\r\n private _toggleAnimate(isPaused: boolean = undefined)\r\n {\r\n if(isPaused === undefined)\r\n {\r\n isPaused = !this._isPaused;\r\n }\r\n\r\n this._isPaused = isPaused \r\n\r\n if(this._isPaused)\r\n {\r\n this._mainTl.time(0, true);\r\n this._mainTl.tweenTo(\"start\");\r\n }\r\n else\r\n {\r\n this._mainTl.restart();\r\n }\r\n }\r\n}","import ComponentBase from \"@components/ComponentBase\";\r\nimport { ComponentElem } from \"@components/interfaces\";\r\nimport ViewportRoot from \"../../ts/sframe/ViewportRoot\";\r\nimport PageRoot from \"../common/PageRoot\";\r\nimport GS from \"../../ts/GlobalSetting\";\r\nimport Tools from \"../../ts/Tools\";\r\nimport Geom from \"../../ts/sframe/Geom\";\r\n\r\nexport default class Section1 extends ComponentBase\r\n{ \r\n $sectionContent: JQuery;\r\n $content: JQuery;\r\n $indicateWrapper: JQuery;\r\n\r\n constructor(elem: ComponentElem)\r\n {\r\n super(elem);\r\n\r\n this.$sectionContent = this.$root.find(\".section-content\");\r\n this.$content = this.$root.find(\".center-content\");\r\n this.$indicateWrapper = this.$root.find(\".indicate-wrapper\");\r\n\r\n PageRoot.emitter.on(\"updated\", (viewportScale: number)=>\r\n {\r\n let scale, targetHeight;\r\n\r\n if(ViewportRoot.index === 0)\r\n {\r\n let contentWidth = 640,\r\n contentHeight = 1050,\r\n minHeight = 900,\r\n minRatio = minHeight / contentHeight,\r\n containerWidth = ViewportRoot.width / viewportScale,\r\n containerHeight = ViewportRoot.height / viewportScale - GS.getNavHeight(),\r\n \r\n result = Geom.caculateContain(containerWidth, containerHeight, contentWidth, contentHeight);\r\n\r\n // console.log(containerHeight);\r\n // console.log(result);\r\n\r\n scale = result.ratio;\r\n if(scale < minRatio) scale = minRatio;\r\n\r\n targetHeight = contentHeight * scale;\r\n }\r\n else\r\n {\r\n let contentWidth = 1420,\r\n contentHeight = 997,\r\n minHeight = 700,\r\n minRatio = minHeight / contentHeight,\r\n containerWidth = ViewportRoot.width / viewportScale,\r\n containerHeight = ViewportRoot.height / viewportScale - GS.getNavHeight(),\r\n \r\n result = Geom.caculateContain(containerWidth, containerHeight, contentWidth, contentHeight);\r\n\r\n // console.log(containerHeight);\r\n // console.log(result);\r\n\r\n scale = result.ratio;\r\n if(scale < minRatio) scale = minRatio;\r\n\r\n targetHeight = contentHeight * scale;\r\n }\r\n\r\n if(scale >= 1)\r\n {\r\n this.$content.css({\r\n \"transform\": \"\"\r\n });\r\n this.$indicateWrapper.css({\r\n \"transform\": \"\"\r\n });\r\n\r\n this.$sectionContent.css({\r\n \"height\": \"\"\r\n });\r\n }\r\n else\r\n {\r\n this.$content.css({\r\n \"transform\": `scale(${scale})`\r\n });\r\n\r\n this.$indicateWrapper.css({\r\n \"transform\": `scale(${scale})`\r\n });\r\n\r\n this.$sectionContent.css({\r\n \"height\": targetHeight\r\n });\r\n }\r\n \r\n })\r\n }\r\n}","import Main from \"@root/Main\";\r\nimport { ComponentDefineDic, ComponentElem } from \"@components/interfaces\";\r\nimport Components from \"@components/Compoents\";\r\nimport Section4 from \"./Section4\";\r\nimport SectionQA from \"../common/SectionQA\";\r\nimport Section1 from \"./Section1\";\r\n\r\nlet _componentDic: ComponentDefineDic =\r\n{\r\n \"section-qa\": SectionQA,\r\n \"section-4\": Section4,\r\n \"section-1\": Section1,\r\n}\r\n\r\nlet $root;\r\n\r\nMain.preInitPage = ()=>\r\n{\r\n // ApiProxy.validatePageData(\"page-data\", page_data_schema);\r\n // ApiProxy.logPageData();\r\n}\r\n\r\nMain.initPage = () =>\r\n{\r\n $root = $(\"#page-content\");\r\n\r\n // new SplineTest($root.find(`canvas`));\r\n\r\n}\r\n\r\nComponents.registComponents(_componentDic);\r\n\r\n"],"names":["elem","_isPaused","$root","find","attr","each","index","addEventListener","e","console","log","className","offsetX","offsetY","_setupAnimate","tl1","tl2","tl3","mainTl","q","gsap","utils","selector","this","f1","f2","letterList1","Tools","splitText","letterList2","letterList3","letterList4","b1","b2","boneCaList","timeline","tl","set","opacity","x","y","width","transformOrigin","parseInt","getProperty","scale","addLabel","d1","e1","to","duration","ease","clearProps","stagger","from","rotate","add","time","tweenTo","_mainTl","eventId","ScrollListener","addListener","result","testDom","topInside","bottomInside","removeListener","setTimeout","_toggleAnimate","isPaused","undefined","restart","ComponentBase","$sectionContent","$content","$indicateWrapper","PageRoot","emitter","on","viewportScale","targetHeight","ViewportRoot","contentWidth","minRatio","contentHeight","containerWidth","containerHeight","height","getNavHeight","Geom","caculateContain","ratio","css","_componentDic","SectionQA","Main","preInitPage","initPage","$","registComponents"],"sourceRoot":""}