! function (e) { function t(t) { for (var r, a, u = t[0], c = t[1], s = t[2], f = 0, d = []; f < u.length; f++) a = u[f], i[a] && d.push(i[a][0]), i[a] = 0; for (r in c) Object.prototype.hasOwnProperty.call(c, r) && (e[r] = c[r]); for (l && l(t); d.length;) d.shift()(); return o.push.apply(o, s || []), n() } function n() { for (var e, t = 0; t < o.length; t++) { for (var n = o[t], r = !0, u = 1; u < n.length; u++) { var c = n[u]; 0 !== i[c] && (r = !1) } r && (o.splice(t--, 1), e = a(a.s = n[0])) } return e } var r = {}, i = { 0: 0 }, o = []; function a(t) { if (r[t]) return r[t].exports; var n = r[t] = { i: t, l: !1, exports: {} }; return e[t].call(n.exports, n, n.exports, a), n.l = !0, n.exports } a.m = e, a.c = r, a.d = function (e, t, n) { a.o(e, t) || Object.defineProperty(e, t, { enumerable: !0, get: n }) }, a.r = function (e) { "undefined" != typeof Symbol && Symbol.toStringTag && Object.defineProperty( e, Symbol.toStringTag, { value: "Module" }), Object.defineProperty(e, "__esModule", { value: !0 }) }, a.t = function (e, t) { if (1 & t && (e = a(e)), 8 & t) return e; if (4 & t && "object" == typeof e && e && e.__esModule) return e; var n = Object.create(null); if (a.r(n), Object.defineProperty(n, "default", { enumerable: !0, value: e }), 2 & t && "string" != typeof e) for (var r in e) a.d(n, r, function (t) { return e[t] }.bind(null, r)); return n }, a.n = function (e) { var t = e && e.__esModule ? function () { return e.default } : function () { return e }; return a.d(t, "a", t), t }, a.o = function (e, t) { return Object.prototype.hasOwnProperty.call(e, t) }, a.p = ""; var u = window.webpackJsonp = window.webpackJsonp || [], c = u.push.bind(u); u.push = t, u = u.slice(); for (var s = 0; s < u.length; s++) t(u[s]); var l = c; o.push([452, 1]), n() }({ 16: function (e, t, n) { "use strict"; n.d(t, "b", function () { return a }), n.d(t, "e", function () { return u }), n.d(t, "a", function () { return c }), n.d(t, "c", function () { return s }), n.d(t, "d", function () { return l }); var r = n(3); function i(e) { throw new Error('"' + e + '" is read-only') } function o(e) { return function (e) { if (Array.isArray(e)) { for (var t = 0, n = new Array(e.length); t < e.length; t++) n[t] = e[t]; return n } }(e) || function (e) { if (Symbol.iterator in Object(e) || "[object Arguments]" === Object.prototype .toString.call(e)) return Array.from(e) }(e) || function () { throw new TypeError("Invalid attempt to spread non-iterable instance") }() } var a = function (e) { return new Promise(function (t) { return setTimeout(t, e) }) }, u = function () { o(document.querySelectorAll(".js-fullbg")).forEach(function (e) { var t = e.querySelector("img"); if (!t) return !1; var n = t.getAttribute("data-src"), r = "cover", o = "no-repeat"; e.classList.contains("js-fullbg-repeat") && (i("pos"), "repeat", i( "size"), r = t.attributes("width"), i("repeat"), o = "repaeat"), e.style .backgroundSize = r, e.style.backgroundImage = "url(" + n + ")", e.style .backgroundRepeat = o, e.style.backgroundPosition = o, t.parentNode.removeChild( t) }) }, c = function () { return window.innerWidth >= r.a.TabletMin ? "pc" : window.innerWidth <= r .a.TabletMin - 1 ? "sp" : void 0 }, s = function (e) { return new Promise(function (t, n) { var r = new Image; r.onload = function () { t(r) }, r.onerror = function (e) { n(e) }, r.src = e }) }, l = function (e) { var t = new Array; e.forEach(function (e) { e.style.height = "auto"; var n = e.clientHeight; t.push(n) }); var n = Math.max.apply(null, t); e.forEach(function (e) { e.style.height = n + "px" }) } }, 216: function (e, t, n) { "use strict"; (function (e) { var r = n(29), i = n(92), o = n(16), a = n(3), u = n(32), c = n.n(u), s = n(157); function l(e) { return (l = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (e) { return typeof e } : function (e) { return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e })(e) } function f(e, t, n, r, i, o, a) { try { var u = e[o](a), c = u.value } catch (e) { return void n(e) } u.done ? t(c) : Promise.resolve(c).then(r, i) } function d(e) { return function () { var t = this, n = arguments; return new Promise(function (r, i) { var o = e.apply(t, n); function a(e) { f(o, r, i, a, u, "next", e) } function u(e) { f(o, r, i, a, u, "throw", e) } a(void 0) }) } } function p(e, t) { for (var n = 0; n < t.length; n++) { var r = t[n]; r.enumerable = r.enumerable || !1, r.configurable = !0, "value" in r && (r.writable = !0), Object.defineProperty(e, r.key, r) } } function h(e, t) { return !t || "object" !== l(t) && "function" != typeof t ? function (e) { if (void 0 === e) throw new ReferenceError( "this hasn't been initialised - super() hasn't been called"); return e }(e) : t } function y(e) { return (y = Object.setPrototypeOf ? Object.getPrototypeOf : function (e) { return e.__proto__ || Object.getPrototypeOf(e) })(e) } function v(e, t) { return (v = Object.setPrototypeOf || function (e, t) { return e.__proto__ = t, e })(e, t) } var m = function (t) { function n() { var e; return function (e, t) { if (!(e instanceof t)) throw new TypeError( "Cannot call a class as a function") }(this, n), e = h(this, y(n).call(this)), window.addEventListener( "resize", function () { e.onResize() }), e.gradation = [], e.animationTime = 0, e.currentIndex = 0, e.isFirstAnim = ! 0, e.isSliderEnable = !1, e.swiper = null, e } var u, l, f; return function (e, t) { if ("function" != typeof t && null !== t) throw new TypeError( "Super expression must either be null or a function"); e.prototype = Object.create(t && t.prototype, { constructor: { value: e, writable: !0, configurable: !0 } }), t && v(e, t) }(n, r["a"]), u = n, (l = [{ key: "onLoad", value: function () { var e = d(regeneratorRuntime.mark(function e() { return regeneratorRuntime.wrap(function (e) { for (; ;) switch (e.prev = e.next) { case 0: return this.initSwiper(), e.next = 3, this.initCanvas(); case 3: return document.body.classList.add("is-page-loaded"), e .next = 6, this.topIntroAnimation(); case 6: case "end": return e.stop() } }, e, this) })); return function () { return e.apply(this, arguments) } }() }, { key: "topIntroAnimation", value: function () { var e = d(regeneratorRuntime.mark(function e() { var t, n, r, i; return regeneratorRuntime.wrap(function (e) { for (; ;) switch (e.prev = e.next) { case 0: return document.getElementById("home-canvas-top"), t = document.querySelector(".top-mainvisual__copy__hdg"), n = document.querySelector( ".top-mainvisual__copy__desc"), document.querySelector( ".top-mainvisual__pict"), r = document.querySelector( ".top-mainvisual__entry"), this.gradation.forEach( function (e) { e.canvasId == a.b.HomeTop && (e.setAnimationStart = ! 0) }), e.next = 8, Object(o.b)(1e3); case 8: return c()({ targets: t, translateY: [100, 0], opacity: [0, 1], duration: 1e3, easing: "easeOutQuad" }), e.next = 11, Object(o.b)(250); case 11: return c()({ targets: n, translateY: [100, 0], opacity: [0, 1], duration: 1e3, easing: "easeOutQuad" }), e.next = 14, Object(o.b)(250); case 14: return i = c()({ targets: r, opacity: [0, 1], duration: 500, easing: "easeOutQuad" }), this.setSlideshow(), e.abrupt("return", i.finished); case 17: case "end": return e.stop() } }, e, this) })); return function () { return e.apply(this, arguments) } }() }, { key: "initCanvas", value: function () { var e = this; return new Promise(function (t, n) { e.resizeCanvas(); document.querySelectorAll(".canvas-home").forEach(function (t, n) { var r = t.getAttribute("id"); e.gradation[n] = new i.a({ canvasEllement: t, canvasId: r }) }), t(!0) }) } }, { key: "resizeCanvas", value: function () { document.querySelectorAll(".canvas-home").forEach(function (e) { var t = window.innerWidth, n = e.getAttribute("id"), r = document.querySelector(".top-mainvisual__copy__desc__btn") .getBoundingClientRect().top; if (t >= a.a.TabletMax) { if (n === a.b.HomeTop) { var i = r - e.getBoundingClientRect().top + 400; e.style.width = t / 3 * 2 + "px", e.style.height = i + "px" } } else if (t <= a.a.TabletMax - 1 && t >= a.a.TabletMin) { if (n === a.b.HomeTop) { var o = r - e.getBoundingClientRect().top + 250; e.style.width = t + "px", e.style.height = o + "px" } } else if (t <= a.a.TabletMin - 1 && n === a.b.HomeTop) { var u = r - e.getBoundingClientRect().top + 250, c = t + 100; e.style.width = c + "px", e.style.height = u + "px" } }) } }, { key: "setSlideshow", value: function () { var e = d(regeneratorRuntime.mark(function e(t) { var n, r, i, a, u; return regeneratorRuntime.wrap(function (e) { for (; ;) switch (e.prev = e.next) { case 0: if (performance.now(), n = 3, r = document.querySelector( ".top-mainvisual__pict__slider"), i = r.querySelectorAll( ".slider-item"), null, a = null, null, !this.isFirstAnim) { e.next = 14; break } return u = document.querySelector( ".top-mainvisual__pict"), e.next = 10, c()({ targets: u, opacity: [0, 1], duration: 500, easing: "easeOutQuad" }); case 10: c()({ targets: i[this.currentIndex], opacity: [0, 1], duration: 500, easing: "easeOutQuad" }), this.isFirstAnim = !1, e.next = 15; break; case 14: c()({ targets: i[this.currentIndex], opacity: [0, 1], duration: 2e3, easing: "easeOutQuad" }); case 15: return c()({ targets: i[this.currentIndex], scale: [1.1, 1], duration: 7e3, easing: "easeOutQuad" }), e.next = 18, Object(o.b)(4500); case 18: return a = c()({ targets: i[this.currentIndex], opacity: [1, 0], duration: 2500, easing: "easeOutQuad" }), e.next = 21, Promise.all([a]); case 21: this.currentIndex === n - 1 ? this.currentIndex = 0 : this.currentIndex++, e.next = 0; break; case 24: case "end": return e.stop() } }, e, this) })); return function (t) { return e.apply(this, arguments) } }() }, { key: "initSwiper", value: function () { if (window.innerWidth <= a.a.TabletMin - 1 ? this.isSliderEnable = ! 0 : window.innerWidth >= a.a.TabletMin && (this.isSliderEnable = ! 1), this.isSliderEnable) { document.querySelector(".swiper-container"), document.querySelector( ".swiper-pagination"); if (null === this.swiper) { this.swiper = new s.a(".swiper-container", { direction: "horizontal", slidesPerView: 1.4, centeredSlides: !0, spaceBetween: 30, loop: !0, pagination: { el: ".swiper-pagination", type: "bullets", clickable: !0, renderBullet: function (e, t) { return '' }, bulletActiveClass: "isActive" } }) } else null !== this.swiper && this.swiper.on("slideChange", function () { e(".interview-link__pagination__item").removeClass("isActive"), e(".interview-link__pagination__item:eq(" + this.swiper.realIndex + ")").addClass("isActive") }) } else if (!this.isSliderEnable) { if (null === this.swiper) return; this.swiper.destroy(!0, !0), this.isSliderEnable = !1, this.swiper = null } } }, { key: "onResize", value: function () { this.resizeCanvas(), this.initSwiper() } }]) && p(u.prototype, l), f && p(u, f), n }(); t.a = m }).call(this, n(214)) }, 220: function (e, t) { e.exports = "varying vec2 vUv;\r\nvoid main() {\r\n vUv = uv;\r\n gl_Position = vec4(position, 1.);\r\n}" }, 221: function (e, t) { e.exports = "uniform sampler2D uTex;\r\n\r\nuniform float uTime;\r\nuniform vec2 uResolution;\r\nuniform float uAnimationTime;\r\nvarying vec2 vUv;\r\n\r\nfloat map(float value, float min1, float max1, float min2, float max2) {\r\n return min2 + (value - min1) * (max2 - min2) / (max1 - min1);\r\n}\r\nfloat random (in vec2 st) {\r\n return fract(sin(dot(st.xy,\r\n vec2(12.9898,78.233)))\r\n * 43758.5453123);\r\n}\r\nfloat noise (in vec2 st) {\r\n vec2 i = floor(st);\r\n vec2 f = fract(st);\r\n\r\n float a = random(i);\r\n float b = random(i + vec2(1.0, 0.0));\r\n float c = random(i + vec2(0.0, 1.0));\r\n float d = random(i + vec2(1.0, 1.0));\r\n\r\n vec2 u = f*f*(3.0-2.0*f);\r\n return mix(a, b, u.x) +\r\n (c - a)* u.y * (1.0 - u.x) +\r\n (d - b) * u.x * u.y;\r\n}\r\n\r\nvoid main() {\r\n vec2 st = vUv;\r\n float aspect = uResolution.x / uResolution.y;\r\n // st.x *= aspect;\r\n vec2 pos = st.xy;\r\n \r\n vec4 color;\r\n vec2 nPos = pos * 4.125 + vec2(sin(uTime * 0.6 + 0.423426),cos(uTime * 0.6 + 0.534232));\r\n vec2 dist = vec2(noise(nPos),noise(vec2(nPos.y,nPos.x)));\r\n float amount = 0.09;\r\n vec4 c = texture2D(uTex, pos * vec2(1.0 - amount) + dist * amount);\r\n \r\n color += c;\r\n float n = noise(nPos);\r\n float lineStart = 1.0 - pow(uAnimationTime,2.) + n * 0.59 * (1.-pow(max(0.0,abs(uAnimationTime) * 2.0 -1.0), 2.5));\r\n float lineEnd = 1.0 + n * 0.285 * (1.-pow(max(0.0,abs(uAnimationTime) * 2.0 -1.0), 2.5));\r\n float alphaY = smoothstep(1.0 - pow(uAnimationTime,2.), 1.0 , mix(st.y,1.0,pow(uAnimationTime,2.)));\r\n float alphaX = smoothstep(1.0 - pow(uAnimationTime,2.), 1.0 , mix(1.0 - st.x,1.0,pow(uAnimationTime,2.)));\r\n\r\n color.a *= alphaY * alphaX;\r\n \r\n gl_FragColor = vec4(color.rgb,color.a);\r\n}\r\n\r\n" }, 222: function (e, t, n) { "use strict"; (function (e) { var r = n(29), i = n(3), o = n(157), a = n(453), u = n(454); n(447); function c(e) { return (c = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (e) { return typeof e } : function (e) { return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e })(e) } function s(e, t) { for (var n = 0; n < t.length; n++) { var r = t[n]; r.enumerable = r.enumerable || !1, r.configurable = !0, "value" in r && (r.writable = !0), Object.defineProperty(e, r.key, r) } } function l(e, t) { return !t || "object" !== c(t) && "function" != typeof t ? function (e) { if (void 0 === e) throw new ReferenceError( "this hasn't been initialised - super() hasn't been called"); return e }(e) : t } function f(e, t, n) { return (f = "undefined" != typeof Reflect && Reflect.get ? Reflect.get : function (e, t, n) { var r = function (e, t) { for (; !Object.prototype.hasOwnProperty.call(e, t) && null !== (e = d(e));); return e }(e, t); if (r) { var i = Object.getOwnPropertyDescriptor(r, t); return i.get ? i.get.call(n) : i.value } })(e, t, n || e) } function d(e) { return (d = Object.setPrototypeOf ? Object.getPrototypeOf : function (e) { return e.__proto__ || Object.getPrototypeOf(e) })(e) } function p(e, t) { return (p = Object.setPrototypeOf || function (e, t) { return e.__proto__ = t, e })(e, t) } o.a.use([a.a, u.a]); var h = function (t) { function n() { var e; return function (e, t) { if (!(e instanceof t)) throw new TypeError( "Cannot call a class as a function") }(this, n), (e = l(this, d(n).call(this))).onLoad(), e } var a, u, c; return function (e, t) { if ("function" != typeof t && null !== t) throw new TypeError( "Super expression must either be null or a function"); e.prototype = Object.create(t && t.prototype, { constructor: { value: e, writable: !0, configurable: !0 } }), t && p(e, t) }(n, r["a"]), a = n, (u = [{ key: "onLoad", value: function () { f(d(n.prototype), "onLoad", this).call(this), this.initSwiper() } }, { key: "initSwiper", value: function () { console.log("[interviewPage: initSwiper]"); var t = null; window.innerWidth <= i.a.TabletMin - 1 ? t = 1.8 : window.innerWidth >= i.a.TabletMin && window.innerWidth <= 1240 ? t = 3.2 : window.innerWidth >= 1241 && (t = 4.5); document.querySelector(".swiper-container"), document.querySelector( ".swiper-pagination"); var n = new o.a(".swiper-container", { direction: "horizontal", slidesPerView: t, centeredSlides: !0, spaceBetween: 30, loop: !0, pagination: { el: ".swiper-pagination", type: "bullets", clickable: !0, renderBullet: function (e, t) { return '' }, bulletActiveClass: "isActive" } }); n.on("slideChange", function () { e(".interview-link__pagination__item").removeClass("isActive"), e(".interview-link__pagination__item:eq(" + n.realIndex + ")") .addClass("isActive") }), window.addEventListener("resize", function () { window.innerWidth <= i.a.TabletMin - 1 ? n.params.slidesPerView = 1.8 : window.innerWidth >= i.a.TabletMin && window.innerWidth <= 1240 ? n.params.slidesPerView = 3.2 : window.innerWidth >= 1241 && (n.params.slidesPerView = 4.5), n.pagination.update() }) } }]) && s(a.prototype, u), c && s(a, c), n }(); t.a = h }).call(this, n(214)) }, 29: function (e, t, n) { "use strict"; function r(e, t) { for (var n = 0; n < t.length; n++) { var r = t[n]; r.enumerable = r.enumerable || !1, r.configurable = !0, "value" in r && ( r.writable = !0), Object.defineProperty(e, r.key, r) } } var i = function () { function e(t) { var n = this, r = t.openTriggerElementArr; ! function (e, t) { if (!(e instanceof t)) throw new TypeError( "Cannot call a class as a function") }(this, e), Object.assign(this, { openTriggerElementArr: r }), r.forEach(function (e) { e.addEventListener("click", function () { n.applyAccordion(e) }) }) } var t, n, i; return t = e, (n = [{ key: "applyAccordion", value: function (e) { var t = e.getAttribute("aria-controls"), n = document.getElementById(t); "true" === n.getAttribute("aria-hidden") ? (e.setAttribute( "aria-expanded", "true"), n.setAttribute("aria-hidden", "false")) : (e.setAttribute("aria-expanded", "false"), n.setAttribute( "aria-hidden", "true")) } }]) && r(t.prototype, n), i && r(t, i), e }(), o = n(3), a = n(42); function u(e, t) { for (var n = 0; n < t.length; n++) { var r = t[n]; r.enumerable = r.enumerable || !1, r.configurable = !0, "value" in r && ( r.writable = !0), Object.defineProperty(e, r.key, r) } } var c = function () { function e() { ! function (e, t) { if (!(e instanceof t)) throw new TypeError( "Cannot call a class as a function") }(this, e), this.onLoad(), this.applyAccordion() } var t, n, r; return t = e, (n = [{ key: "onLoad", value: function () { this.setCurrentNavigation() } }, { key: "setCurrentNavigation", value: function () { var e = location.pathname; document.querySelectorAll(".nav-recruit__list__item").forEach( function (e) { location.pathname === e.querySelector("a").getAttribute("href") && e.setAttribute("aria-selected", "true") }), (Object(a.a)(e, o.d.Innovation) || Object(a.a)(e, o.d.Global) || Object(a.a)(e, o.d.MultiBuisiness) || Object(a.a)(e, o.d.Vision)) && document.querySelector(".nav-recruit__list__item#about") .setAttribute("aria-selected", "true"), (Object(a.a)(e, o.d.System) || Object(a.a)(e, o.d.Questionnaire)) && document.querySelector(".nav-recruit__list__item#system") .setAttribute("aria-selected", "true"), (Object(a.a)(e, o.d.JobCategory) || Object(a.a)(e, o.d.Course) || Object(a.a)(e, o.d.Requirements) || Object(a.a)(e, o.d.Faq)) && document.querySelector(".nav-recruit__list__item#requirements") .setAttribute("aria-selected", "true") } }, { key: "applyAccordion", value: function () { var e = this; this.applyAccordionSP(); var t = document.querySelectorAll(".js-accordion-open"); new i({ openTriggerElementArr: t }), document.querySelectorAll( "#nav-recruit-pc .nav-recruit-sub__button").forEach(function (t) { e.applySubNavigationAcoordion(t) }) } }, { key: "applyAccordionSP", value: function () { var e = document.querySelector(".nav-recruit__open-sp"), t = e.getAttribute("aria-controls"), n = document.getElementById(t), r = document.querySelector("header").clientHeight + document.querySelector( "#nav-recruit-sp").clientHeight; n.style.top = r + "px", n.style.height = window.innerHeight - r + "px", e.addEventListener("click", function () { "true" === n.getAttribute("aria-hidden") ? (e.setAttribute( "aria-expanded", "true"), n.setAttribute("aria-hidden", "false"), document.body.style.overflow = "hidden", document.body .style.width = "100%", document.body.style.position = "fixed") : (e.setAttribute("aria-expanded", "false"), n.setAttribute( "aria-hidden", "true"), document.body.style.overflow = "", document.body.style.width = "", document.body.style.position = "") }) } }, { key: "applySubNavigationAcoordion", value: function (e) { var t = e.querySelector(".nav-recruit-sub__list"); e.addEventListener("mouseover", function () { "false" === e.getAttribute("aria-expanded") && (e.setAttribute( "aria-expanded", "true"), t.setAttribute("aria-hidden", "false")) }), e.addEventListener("mouseout", function () { "true" === e.getAttribute("aria-expanded") && (e.setAttribute( "aria-expanded", "false"), t.setAttribute("aria-hidden", "true")) }) } }]) && u(t.prototype, n), r && u(t, r), e }(), s = n(16), l = navigator.userAgent, f = function () { window.addEventListener("scroll", function () { window.innerWidth <= o.a.TabletMin && p() }), window.addEventListener("resize", function () { d() }) }, d = function () { var e = document.getElementById("entry-btn-fixed"); (function () { return -1 !== l.indexOf(o.c.Mobile) }) && window.innerWidth <= o.a.TabletMin ? e.classList.add("is-show") : e .classList.contains("is-show") && e.classList.remove("is-show") }, p = function () { var e = document.getElementById("entry-btn-fixed"), t = document.querySelector(".st-siteFooter"), n = document.querySelector(".st-backToTopFixed"); if (window.pageYOffset > 400) { var r = e.clientHeight; if (0 == e.getAttribute("aria-hidden")) return; e.setAttribute("aria-hidden", !1), t.style.paddingBottom = r + "px", n.style .bottom = r + 20 + "px" } else if (window.pageYOffset <= 400) { if (1 == e.getAttribute("aria-hidden")) return; e.setAttribute("aria-hidden", !0), t.style.paddingBottom = "0px", n.style .bottom = "20px" } }; function h(e, t, n, r, i, o, a) { try { var u = e[o](a), c = u.value } catch (e) { return void n(e) } u.done ? t(c) : Promise.resolve(c).then(r, i) } function y(e) { return function (e) { if (Array.isArray(e)) { for (var t = 0, n = new Array(e.length); t < e.length; t++) n[t] = e[t]; return n } }(e) || function (e) { if (Symbol.iterator in Object(e) || "[object Arguments]" === Object.prototype .toString.call(e)) return Array.from(e) }(e) || function () { throw new TypeError("Invalid attempt to spread non-iterable instance") }() } function v(e, t) { for (var n = 0; n < t.length; n++) { var r = t[n]; r.enumerable = r.enumerable || !1, r.configurable = !0, "value" in r && ( r.writable = !0), Object.defineProperty(e, r.key, r) } } var m = function () { function e() { ! function (e, t) { if (!(e instanceof t)) throw new TypeError( "Cannot call a class as a function") }(this, e), this.pathname = location.pathname, this.applyScrollTrigger(), Object(s.e)(), new c, f() } var t, n, r; return t = e, (n = [{ key: "applyScrollTrigger", value: function () { var e = this; this.scrollInThreshhold = .8, this.scrollInElementArr = y(document.querySelectorAll( ".js-scroll-in")), window.addEventListener("scroll", function () { e.onScroll() }) } }, { key: "onScroll", value: function () { var e = this; this.scrollInElementArr.forEach(function (t) { t.classList.contains("scroll-in") || t.getBoundingClientRect().top < window.innerHeight * e.scrollInThreshhold && t.classList.add( "scroll-in") }) } }, { key: "onLoad", value: function () { var e, t = (e = regeneratorRuntime.mark(function e() { return regeneratorRuntime.wrap(function (e) { for (; ;) switch (e.prev = e.next) { case 0: return e.next = 2, Object(s.b)(250); case 2: document.body.classList.add("is-page-loaded"); case 3: case "end": return e.stop() } }, e) }), function () { var t = this, n = arguments; return new Promise(function (r, i) { var o = e.apply(t, n); function a(e) { h(o, r, i, a, u, "next", e) } function u(e) { h(o, r, i, a, u, "throw", e) } a(void 0) }) }); return function () { return t.apply(this, arguments) } }() }]) && v(t.prototype, n), r && v(t, r), e }(); t.a = m }, 3: function (e, t, n) { "use strict"; n.d(t, "c", function () { return r }), n.d(t, "d", function () { return i }), n.d(t, "a", function () { return o }), n.d(t, "b", function () { return a }); var r = { iPhone: "iPhone", Android: "Android", iPad: "iPad", Mobile: "Mobile", Windows: "Win", Mac: "MacIntel" }, i = { Home: "/", Message: "/message", Innovation: "/innovation", Global: "/global", MultiBuisiness: "/multi-business", Vision: "/vision", Interview: "/interview", System: "/system", Questionnaire: "/questionnaire", JobCategory: "/job-category", Course: "/course", Requirements: "/requirements", Faq: "/faq", Office: "/course/office-work", Tech: "/course/technical-work" }, o = { TabletMax: 1072, TabletMin: 640 }, a = { HomeTop: "home-canvas-top", HomeMiddle: "home-canvas-middle", HomeBottom: "home-canvas-bottmom", MessageTop: "message-canvas-top", MessageMiddle: "message-canvas-middle", MessageBottom: "message-canvas-bottom", GlobalTop: "canvas-lowerpage-global" } }, 42: function (e, t, n) { "use strict"; n.d(t, "a", function () { return r }); var r = function (e, t) { var n = new RegExp(".*".concat("corporate/bil/recruit/fresh")), r = e.split(n)[1]; if ("" === r || "/" === r) return "/" === t; var i = r; if (/\/$/.test(r)) i = r.slice(0, -1); else { var o = r.split("/"); o[o.length - 1].includes(".") && (o.length > 2 ? (o.pop(), i = o.join( "/")) : i = "/") } return i === t } }, 452: function (e, t, n) { "use strict"; n.r(t); n(229); var r = n(3), i = n(42), o = n(29), a = n(216), u = n(92), c = n(16), s = n(32), l = n.n(s); function f(e) { return (f = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (e) { return typeof e } : function (e) { return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e })(e) } function d(e, t, n, r, i, o, a) { try { var u = e[o](a), c = u.value } catch (e) { return void n(e) } u.done ? t(c) : Promise.resolve(c).then(r, i) } function p(e) { return function () { var t = this, n = arguments; return new Promise(function (r, i) { var o = e.apply(t, n); function a(e) { d(o, r, i, a, u, "next", e) } function u(e) { d(o, r, i, a, u, "throw", e) } a(void 0) }) } } function h(e, t) { for (var n = 0; n < t.length; n++) { var r = t[n]; r.enumerable = r.enumerable || !1, r.configurable = !0, "value" in r && ( r.writable = !0), Object.defineProperty(e, r.key, r) } } function y(e, t) { return !t || "object" !== f(t) && "function" != typeof t ? function (e) { if (void 0 === e) throw new ReferenceError( "this hasn't been initialised - super() hasn't been called"); return e }(e) : t } function v(e) { return (v = Object.setPrototypeOf ? Object.getPrototypeOf : function (e) { return e.__proto__ || Object.getPrototypeOf(e) })(e) } function m(e, t) { return (m = Object.setPrototypeOf || function (e, t) { return e.__proto__ = t, e })(e, t) } var b = function (e) { function t() { var e; return function (e, t) { if (!(e instanceof t)) throw new TypeError( "Cannot call a class as a function") }(this, t), e = y(this, v(t).call(this)), window.addEventListener( "resize", function () { e.onResize() }), e.animationTimeline = 0, e.gradation = [], e } var n, i, a; return function (e, t) { if ("function" != typeof t && null !== t) throw new TypeError( "Super expression must either be null or a function"); e.prototype = Object.create(t && t.prototype, { constructor: { value: e, writable: !0, configurable: !0 } }), t && m(e, t) }(t, o["a"]), n = t, (i = [{ key: "onLoad", value: function () { var e = p(regeneratorRuntime.mark(function e() { return regeneratorRuntime.wrap(function (e) { for (; ;) switch (e.prev = e.next) { case 0: return e.next = 2, this.initCanvas(); case 2: return document.body.classList.add("is-page-loaded"), e.next = 5, this.topIntroAnimation(); case 5: case "end": return e.stop() } }, e, this) })); return function () { return e.apply(this, arguments) } }() }, { key: "topIntroAnimation", value: function () { var e = p(regeneratorRuntime.mark(function e() { var t, n, i; return regeneratorRuntime.wrap(function (e) { for (; ;) switch (e.prev = e.next) { case 0: return document.getElementById("message-canvas-top"), t = document.querySelector(".message-mainvisual__copy__hdg"), n = document.querySelector( ".message-mainvisual__copy__desc"), this.gradation.forEach( function (e) { e.canvasId == r.b.MessageTop && (e.setAnimationStart = ! 0) }), e.next = 6, Object(c.b)(1e3); case 6: return l()({ targets: t, translateY: [100, 0], opacity: [0, 1], duration: 1e3, easing: "easeOutQuad" }), e.next = 9, Object(c.b)(500); case 9: return i = l()({ targets: n, translateY: [100, 0], opacity: [0, 1], duration: 1e3, easing: "easeOutQuad" }), e.next = 12, Object(c.b)(250); case 12: return e.abrupt("return", i.finished); case 13: case "end": return e.stop() } }, e, this) })); return function () { return e.apply(this, arguments) } }() }, { key: "initCanvas", value: function () { var e = this; return new Promise(function (t, n) { e.resizeCanvas(); document.querySelectorAll(".canvas-message").forEach(function (t, n) { var r = t.getAttribute("id"); e.gradation[n] = new u.a({ canvasEllement: t, canvasId: r }) }), t(!0) }) } }, { key: "resizeCanvas", value: function () { document.querySelectorAll(".canvas-message").forEach(function (e) { var t = window.innerWidth, n = e.getAttribute("id"), i = document.querySelector(".message-mainvisual__require").getBoundingClientRect() .top; if (t >= r.a.TabletMax) { if (n === r.b.MessageTop) { var o = i - e.getBoundingClientRect().top + 400; e.style.width = t + "px", e.style.height = o + "px" } } else if (t <= r.a.TabletMax - 1 && t >= r.a.TabletMin) { if (n === r.b.MessageTop) { var a = i - e.getBoundingClientRect().top + 300; e.style.width = t + "px", e.style.height = a + "px" } } else if (t <= r.a.TabletMin - 1 && n === r.b.MessageTop) { var u = i - e.getBoundingClientRect().top + 150; e.style.width = t + "px", e.style.height = u + "px" } }) } }, { key: "onResize", value: function () { this.resizeCanvas() } }]) && h(n.prototype, i), a && h(n, a), t }(); function g(e, t) { for (var n = 0; n < t.length; n++) { var r = t[n]; r.enumerable = r.enumerable || !1, r.configurable = !0, "value" in r && ( r.writable = !0), Object.defineProperty(e, r.key, r) } } var w = function () { function e(t) { var n = this, r = t.element, i = t.openTriggerElementArr, o = t.closeTriggerElementArr; ! function (e, t) { if (!(e instanceof t)) throw new TypeError( "Cannot call a class as a function") }(this, e), i.forEach(function (e) { e.addEventListener("click", function () { n.open() }) }), o.forEach(function (e) { e.addEventListener("click", function () { n.close() }) }), Object.assign(this, { element: r, openTriggerElementArr: i, closeTriggerElementArr: o }) } var t, n, r; return t = e, (n = [{ key: "open", value: function () { this.openTriggerElementArr.forEach(function (e) { e.getAttribute("tabindex") && (e.tabIndex = -1) }), this.closeTriggerElementArr.forEach(function (e) { e.getAttribute("tabindex") && (e.tabIndex = 0) }), document.body.style.overflow = "hidden", this.element.classList .add("is-show") } }, { key: "close", value: function () { this.openTriggerElementArr.forEach(function (e) { e.getAttribute("tabindex") && (e.tabIndex = 0) }), this.closeTriggerElementArr.forEach(function (e) { e.getAttribute("tabindex") && (e.tabIndex = -1) }), document.body.style.overflow = "", this.element.classList.remove( "is-show") } }]) && g(t.prototype, n), r && g(t, r), e }(); function O(e) { return (O = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (e) { return typeof e } : function (e) { return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e })(e) } function x(e) { return function (e) { if (Array.isArray(e)) { for (var t = 0, n = new Array(e.length); t < e.length; t++) n[t] = e[t]; return n } }(e) || function (e) { if (Symbol.iterator in Object(e) || "[object Arguments]" === Object.prototype .toString.call(e)) return Array.from(e) }(e) || function () { throw new TypeError("Invalid attempt to spread non-iterable instance") }() } function S(e, t) { for (var n = 0; n < t.length; n++) { var r = t[n]; r.enumerable = r.enumerable || !1, r.configurable = !0, "value" in r && ( r.writable = !0), Object.defineProperty(e, r.key, r) } } function A(e, t) { return !t || "object" !== O(t) && "function" != typeof t ? function (e) { if (void 0 === e) throw new ReferenceError( "this hasn't been initialised - super() hasn't been called"); return e }(e) : t } function _(e, t, n) { return (_ = "undefined" != typeof Reflect && Reflect.get ? Reflect.get : function (e, t, n) { var r = function (e, t) { for (; !Object.prototype.hasOwnProperty.call(e, t) && null !== (e = E( e));); return e }(e, t); if (r) { var i = Object.getOwnPropertyDescriptor(r, t); return i.get ? i.get.call(n) : i.value } })(e, t, n || e) } function E(e) { return (E = Object.setPrototypeOf ? Object.getPrototypeOf : function (e) { return e.__proto__ || Object.getPrototypeOf(e) })(e) } function j(e, t) { return (j = Object.setPrototypeOf || function (e, t) { return e.__proto__ = t, e })(e, t) } var T = function (e) { function t() { var e; return function (e, t) { if (!(e instanceof t)) throw new TypeError( "Cannot call a class as a function") }(this, t), e = A(this, E(t).call(this)), window.addEventListener( "resize", function () { }), e.onLoad(), e } var n, r, i; return function (e, t) { if ("function" != typeof t && null !== t) throw new TypeError( "Super expression must either be null or a function"); e.prototype = Object.create(t && t.prototype, { constructor: { value: e, writable: !0, configurable: !0 } }), t && j(e, t) }(t, o["a"]), n = t, (r = [{ key: "onLoad", value: function () { _(E(t.prototype), "onLoad", this).call(this), this.applyScrollTrigger(), this.applyVideoModal() } }, { key: "applyVideoModal", value: function () { var e = document.getElementById("modal-item06"), t = document.querySelectorAll(".js-modal-open"), n = document.querySelectorAll(".js-modal-close"), r = (new w({ element: e, openTriggerElementArr: x(t), closeTriggerElementArr: x(n) }), e.querySelector("iframe")), i = r.getAttribute("src"); t.forEach(function (e) { e.addEventListener("click", function () { "" == r.getAttribute("src") && r.setAttribute("src", i) }) }), n.forEach(function (e) { e.addEventListener("click", function () { r.setAttribute("src", "") }) }) } }, { key: "applyScrollTrigger", value: function () { var e = this; this.scrollInThreshhold = .65, this.innovationScrollInElementArr = x(document.querySelectorAll(".js-innovation-anim")), this.scrollInElementArr = x(document.querySelectorAll(".js-scroll-in")), window.addEventListener( "scroll", function () { e.onScroll() }) } }, { key: "onScroll", value: function () { var e = this; this.innovationScrollInElementArr.forEach(function (t) { t.classList.contains("js-innovation-anim-in") || t.getBoundingClientRect() .top < window.innerHeight * e.scrollInThreshhold && t.classList .add("js-innovation-anim-in") }), this.scrollInElementArr.forEach(function (e) { e.classList.contains("scroll-in") || e.getBoundingClientRect().top < .75 * window.innerHeight && e.classList.add("scroll-in") }) } }, { key: "onResize", value: function () { } }]) && S(n.prototype, r), i && S(n, i), t }(), k = n(222); function P(e) { return (P = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (e) { return typeof e } : function (e) { return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e })(e) } function R(e, t, n, r, i, o, a) { try { var u = e[o](a), c = u.value } catch (e) { return void n(e) } u.done ? t(c) : Promise.resolve(c).then(r, i) } function L(e, t) { for (var n = 0; n < t.length; n++) { var r = t[n]; r.enumerable = r.enumerable || !1, r.configurable = !0, "value" in r && ( r.writable = !0), Object.defineProperty(e, r.key, r) } } function I(e, t) { return !t || "object" !== P(t) && "function" != typeof t ? function (e) { if (void 0 === e) throw new ReferenceError( "this hasn't been initialised - super() hasn't been called"); return e }(e) : t } function q(e, t, n) { return (q = "undefined" != typeof Reflect && Reflect.get ? Reflect.get : function (e, t, n) { var r = function (e, t) { for (; !Object.prototype.hasOwnProperty.call(e, t) && null !== (e = M( e));); return e }(e, t); if (r) { var i = Object.getOwnPropertyDescriptor(r, t); return i.get ? i.get.call(n) : i.value } })(e, t, n || e) } function M(e) { return (M = Object.setPrototypeOf ? Object.getPrototypeOf : function (e) { return e.__proto__ || Object.getPrototypeOf(e) })(e) } function C(e, t) { return (C = Object.setPrototypeOf || function (e, t) { return e.__proto__ = t, e })(e, t) } var z = function (e) { function t() { var e; return function (e, t) { if (!(e instanceof t)) throw new TypeError( "Cannot call a class as a function") }(this, t), e = I(this, M(t).call(this)), window.addEventListener( "resize", function () { }), e } var n, r, i; return function (e, t) { if ("function" != typeof t && null !== t) throw new TypeError( "Super expression must either be null or a function"); e.prototype = Object.create(t && t.prototype, { constructor: { value: e, writable: !0, configurable: !0 } }), t && C(e, t) }(t, o["a"]), n = t, (r = [{ key: "onLoad", value: function () { var e = this; q(M(t.prototype), "onLoad", this).call(this), document.querySelectorAll( ".js-toggle").forEach(function (t) { var n = t.nextElementSibling; e.setState(t, n), t.addEventListener("click", function () { e.toggleBtnFunc(t, n) }), t.addEventListener("keypress", function (r) { 13 === r.keyCode && e.toggleBtnFunc(t, n) }) }) } }, { key: "setState", value: function (e, t) { e.classList.contains("is-open") ? (e.setAttribute("aria-selected", "true"), t.setAttribute("aria-hidden", "false"), t.style.height = t.clientHeight + "px") : (e.setAttribute("aria-selected", "false"), t.setAttribute("aria-hidden", "true")) } }, { key: "toggleBtnFunc", value: function () { var e, t = (e = regeneratorRuntime.mark(function e(t, n) { var r, i, o; return regeneratorRuntime.wrap(function (e) { for (; ;) switch (e.prev = e.next) { case 0: for (r = n.getElementsByClassName("js-toggle-content"), event.preventDefault(), i = 0, o = 0; o < r.length; o++) i += r[o].clientHeight; if (!n.classList.contains("is-open")) { e.next = 15; break } return t.classList.remove("is-open"), n.classList.remove( "is-open"), n.style.height = i + "px", e.next = 10, Object(c.b)(10); case 10: n.style.height = 0, t.setAttribute("aria-selected", "false"), n.setAttribute("aria-hidden", "true"), e.next = 20; break; case 15: t.classList.add("is-open"), n.classList.add("is-open"), n .style.height = i + "px", t.setAttribute("aria-selected", "true"), n.setAttribute("aria-hidden", "false"); case 20: case "end": return e.stop() } }, e) }), function () { var t = this, n = arguments; return new Promise(function (r, i) { var o = e.apply(t, n); function a(e) { R(o, r, i, a, u, "next", e) } function u(e) { R(o, r, i, a, u, "throw", e) } a(void 0) }) }); return function (e, n) { return t.apply(this, arguments) } }() }, { key: "onResize", value: function () { } }]) && L(n.prototype, r), i && L(n, i), t }(); function B(e) { return (B = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (e) { return typeof e } : function (e) { return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e })(e) } function H(e, t) { for (var n = 0; n < t.length; n++) { var r = t[n]; r.enumerable = r.enumerable || !1, r.configurable = !0, "value" in r && ( r.writable = !0), Object.defineProperty(e, r.key, r) } } function W(e, t) { return !t || "object" !== B(t) && "function" != typeof t ? function (e) { if (void 0 === e) throw new ReferenceError( "this hasn't been initialised - super() hasn't been called"); return e }(e) : t } function F(e, t, n) { return (F = "undefined" != typeof Reflect && Reflect.get ? Reflect.get : function (e, t, n) { var r = function (e, t) { for (; !Object.prototype.hasOwnProperty.call(e, t) && null !== (e = Q( e));); return e }(e, t); if (r) { var i = Object.getOwnPropertyDescriptor(r, t); return i.get ? i.get.call(n) : i.value } })(e, t, n || e) } function Q(e) { return (Q = Object.setPrototypeOf ? Object.getPrototypeOf : function (e) { return e.__proto__ || Object.getPrototypeOf(e) })(e) } function D(e, t) { return (D = Object.setPrototypeOf || function (e, t) { return e.__proto__ = t, e })(e, t) } var V = function (e) { function t() { var e; return function (e, t) { if (!(e instanceof t)) throw new TypeError( "Cannot call a class as a function") }(this, t), (e = W(this, Q(t).call(this))).onLoad(), window.addEventListener( "resize", function () { e.onResize() }), e } var n, i, a; return function (e, t) { if ("function" != typeof t && null !== t) throw new TypeError( "Super expression must either be null or a function"); e.prototype = Object.create(t && t.prototype, { constructor: { value: e, writable: !0, configurable: !0 } }), t && D(e, t) }(t, o["a"]), n = t, (i = [{ key: "onLoad", value: function () { F(Q(t.prototype), "onLoad", this).call(this), this.setMatchHeight() } }, { key: "setMatchHeight", value: function () { var e = document.querySelector(".vision-product__list").querySelectorAll( ".text"); window.innerWidth >= r.a.TabletMin ? Object(c.d)(e) : e.forEach( function (e) { e.style.height = "auto" }) } }, { key: "onResize", value: function () { this.setMatchHeight() } }]) && H(n.prototype, i), a && H(n, a), t }(), Y = n(225), N = n.n(Y); function G(e) { return (G = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (e) { return typeof e } : function (e) { return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e })(e) } function U(e, t) { for (var n = 0; n < t.length; n++) { var r = t[n]; r.enumerable = r.enumerable || !1, r.configurable = !0, "value" in r && ( r.writable = !0), Object.defineProperty(e, r.key, r) } } function K(e, t) { return !t || "object" !== G(t) && "function" != typeof t ? function (e) { if (void 0 === e) throw new ReferenceError( "this hasn't been initialised - super() hasn't been called"); return e }(e) : t } function J(e, t, n) { return (J = "undefined" != typeof Reflect && Reflect.get ? Reflect.get : function (e, t, n) { var r = function (e, t) { for (; !Object.prototype.hasOwnProperty.call(e, t) && null !== (e = X( e));); return e }(e, t); if (r) { var i = Object.getOwnPropertyDescriptor(r, t); return i.get ? i.get.call(n) : i.value } })(e, t, n || e) } function X(e) { return (X = Object.setPrototypeOf ? Object.getPrototypeOf : function (e) { return e.__proto__ || Object.getPrototypeOf(e) })(e) } function $(e, t) { return ($ = Object.setPrototypeOf || function (e, t) { return e.__proto__ = t, e })(e, t) } var Z = function (e) { function t() { var e; return function (e, t) { if (!(e instanceof t)) throw new TypeError( "Cannot call a class as a function") }(this, t), (e = K(this, X(t).call(this))).onLoad(), window.addEventListener( "resize", function () { e.onResize() }), e } var n, r, i; return function (e, t) { if ("function" != typeof t && null !== t) throw new TypeError( "Super expression must either be null or a function"); e.prototype = Object.create(t && t.prototype, { constructor: { value: e, writable: !0, configurable: !0 } }), t && $(e, t) }(t, o["a"]), n = t, (r = [{ key: "onLoad", value: function () { J(X(t.prototype), "onLoad", this).call(this), this.setGridItem() } }, { key: "setGridItem", value: function () { var e = document.querySelector(".questionnaire-list"); new N.a(e, { itemSelector: ".list-item", columnWidth: ".list-item", gutter: ".gutter-sizer", horizontalOrder: !0 }) } }, { key: "onResize", value: function () { } }]) && U(n.prototype, r), i && U(n, i), t }(), ee = function () { var e = location.pathname; return Object(i.a)(e, r.d.Home) ? new a.a : Object(i.a)(e, r.d.Innovation) ? new T : Object(i.a)(e, r.d.Message) ? new b : Object(i.a)(e, r.d.Faq) ? new z : Object(i.a)(e, r.d.Vision) ? new V : Object(i.a)(e, r.d.Questionnaire) ? new Z : -1 != e.indexOf("voice") ? new k.a : new o.a }, te = null; document.addEventListener("DOMContentLoaded", function () { te = ee() }), window.addEventListener("load", function () { te.onLoad() }) }, 92: function (e, t, n) { "use strict"; n.d(t, "a", function () { return O }); var r = n(226), i = n(217), o = n(218), a = n(114), u = n(227), c = n(73), s = (n(155), n(72)), l = n(6), f = n(219), d = n(23), p = n(3), h = n(16), y = n(220), v = n.n(y), m = n(221), b = n.n(m); function g(e, t, n, r, i, o, a) { try { var u = e[o](a), c = u.value } catch (e) { return void n(e) } u.done ? t(c) : Promise.resolve(c).then(r, i) } function w(e, t) { for (var n = 0; n < t.length; n++) { var r = t[n]; r.enumerable = r.enumerable || !1, r.configurable = !0, "value" in r && ( r.writable = !0), Object.defineProperty(e, r.key, r) } } var O = function () { function e(t) { var n = this, u = t.canvasEllement, p = t.canvasId; ! function (e, t) { if (!(e instanceof t)) throw new TypeError( "Cannot call a class as a function") }(this, e), Object.assign(this, { canvasEllement: u, canvasId: p }), this.deviceKind = Object(h.a)(), this.width = this.canvasEllement.clientWidth, this.height = this.canvasEllement.clientHeight, this.animationTime = 0, this.animationStart = !1; var y = v.a, m = b.a; this.renderer = new r.a({ canvas: this.canvasEllement, antialias: !1, alpha: !0 }), this.renderer.setPixelRatio(window.devicePixelRatio), this.renderer .setSize(this.width, this.height), this.scene = new o.a, this.camera = new i.a(-1, 1, 1, -1, 0, -1), this.uniforms = { uTex: { value: new d.a }, uTime: { value: performance.now() }, uAnimationTime: { value: 0 }, uResolution: { value: new l.a(this.width, this.height) } }, this.loadTexture(); var g = new c.a({ uniforms: this.uniforms, transparent: !0, blending: f.a, vertexShader: y, fragmentShader: m }), w = new a.b(2, 2), O = new s.a(w, g); this.scene.add(O), window.addEventListener("resize", function () { n.resize() }), this.render() } var t, n, y; return t = e, (n = [{ key: "loadTexture", value: function () { var e, t = (e = regeneratorRuntime.mark(function e() { var t, n, r, i, o; return regeneratorRuntime.wrap(function (e) { for (; ;) switch (e.prev = e.next) { case 0: return new u.a, t = this.canvasEllement.querySelector( "img").getAttribute("src"), n = window.innerWidth, this .canvasId !== p.b.HomeTop && this.canvasId != p.b.MessageTop || n <= p.a.TabletMin - 1 && (r = t.split("."), i = r[0], t = i + "-sp.png"), e.next = 6, Object(h.c)(t); case 6: o = e.sent, this.uniforms.uTex.value.needsUpdate = !0, this.uniforms.uTex.value.image = o; case 9: case "end": return e.stop() } }, e, this) }), function () { var t = this, n = arguments; return new Promise(function (r, i) { var o = e.apply(t, n); function a(e) { g(o, r, i, a, u, "next", e) } function u(e) { g(o, r, i, a, u, "throw", e) } a(void 0) }) }); return function () { return t.apply(this, arguments) } }() }, { key: "introAnimation", value: function () { var e = (performance.now() - this.animationTime) / 2e3; this.animationStart && (e <= 1 ? this.uniforms.uAnimationTime.value = e : e > 1 && (this.uniforms.uAnimationTime.value = 1, this.animationStart = ! 1)) } }, { key: "render", value: function () { var e = this; requestAnimationFrame(function () { e.render() }); var t = performance.now() / 1e3; this.introAnimation(), this.uniforms.uTime.value = t, this.renderer .render(this.scene, this.camera) } }, { key: "resize", value: function () { this.deviceKind != Object(h.a)() && this.loadTexture(), this.deviceKind = Object(h.a)(), this.width = this.canvasEllement.clientWidth, this.height = this.canvasEllement.clientHeight, this.renderer.setPixelRatio( window.devicePixelRatio), this.renderer.setSize(this.width, this.height), this.camera.aspect = this.width / this.height, this.camera.updateProjectionMatrix(), this.uniforms.uResolution = { value: new l.a(this.width, this.height) } } }, { key: "setAnimationStart", set: function (e) { e && (this.animationTime = performance.now(), this.animationStart = ! 0) } }]) && w(t.prototype, n), y && w(t, y), e }() } });