{"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":""}