1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9224],{9224:function(e,i,t){t.r(i),t.d(i,{SkyticketHeaderI18n:function(){return A}});var n=t(90907),s=t(44069),r=t(79357),o=t(20496),a=t(24469),l=t(39097),d=t(52021),c=t(18913),p=t(58794),h=t(62641),g=(t(57046),function(e,i,t,n){var s,r=arguments.length,o=r<3?i:null===n?n=Object.getOwnPropertyDescriptor(i,t):n;if("object"===typeof Reflect&&"function"===typeof Reflect.decorate)o=Reflect.decorate(e,i,t,n);else for(var a=e.length-1;a>=0;a--)(s=e[a])&&(o=(r<3?s(o):r>3?s(i,t,o):s(i,t))||o);return r>3&&o&&Object.defineProperty(i,t,o),o});let u=class extends n.oi{constructor(){super(...arguments),this["is-login"]=!1,this.notice=0,this["language-code"]="en",this["z-index"]=0,this["is-unnecessary-login"]=!1,this.isModalVisible=!1,this.redirectLink="",this.serviceName=""}willUpdate(){0===this["z-index"]?this.style.setProperty("--inner-zIndex","4"):this.style.setProperty("--inner-zIndex",String(this["z-index"]+3))}generateLink(e){const i="hotel"===e.name||"vacation-rentals"===e.name;return n.dy` 2 <a 3 href="${i?"javascript:void(0)":e.href}" 4 class="menu-grid-serviceList-href" 5 @click="${i=>this.handleTagClick(i,e.href,e.name,e.gaTagClassName)}" 6 target="${"premium"==e.gaTagClassName?"_blank":""}" 7 rel="${"premium"==e.gaTagClassName?"noreferrer":""}" 8 > 9 ${e.label&&n.dy` 10 <div class="menu-grid-serviceList-label"> 11 <span class="menu-grid-serviceList-label-text" 12 >${e.label}</span 13 > 14 </div> 15 `} 16 <img 17 class="menu-grid-serviceList-icon" 18 src="${e.icon}" 19 alt="" 20 loading="lazy" 21 /> 22 <span>${e.name}</span> 23 <img 24 class="menu-grid-serviceList-arrow" 25 src="${p.FH}/svg/right-arrow.svg?v0.1" 26 alt="" 27 loading="lazy" 28 /> 29 </a> 30 `}handleTagClick(e,i,t,n){e.preventDefault(),"hotel"!==n.toLocaleLowerCase()&&"vacation-rentals"!==n.toLocaleLowerCase()||!i.includes("adventure.inc")?window.location.href=i:this.openModal(i,t)}async openModal(e,i){this.redirectLink=e,this.serviceName=i,this.isModalVisible=!0,this.timeoutId&&clearTimeout(this.timeoutId),await this.requestUpdate(),this.timeoutId=window.setTimeout((()=>{this.isModalVisible=!1,this.redirectToLink()}),2e3)}redirectToLink(){this.isModalVisible=!1,window.location.href=this.redirectLink}updated(e){super.updated(e)}static get styles(){return[a.O,n.iv` 31 .menu-inner { 32 background-color: ${o.O.white}; 33 box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.4); 34 min-width: 100%; 35 padding: 25px 0 35px; 36 position: absolute; 37 z-index: var(--inner-zIndex); 38 height: auto; 39 } 40 .menu-grid { 41 display: grid; 42 font-size: 12px; 43 grid-template-columns: 1fr 1fr 1fr; 44 grid-gap: 10px 60px; 45 margin: 0 auto; 46 width: 1024px; 47 padding: 0 16px; 48 } 49 .menu-grid-serviceList { 50 width: 95%; 51 } 52 .menu-grid-serviceListUl:nth-child(2) { 53 position: relative; 54 top: -20px; 55 } 56 .menu-grid-serviceListUl:nth-child(3) { 57 position: relative; 58 top: 50px; 59 } 60 .menu-grid-serviceListUl:nth-child(5) { 61 position: relative; 62 top: -60px; 63 } 64 .menu-grid-serviceListUl:nth-child(6) { 65 position: relative; 66 top: -75px; 67 } 68 .menu-grid-serviceList-href { 69 text-decoration: none; 70 display: flex; 71 align-items: center; 72 padding: 12px 12px 12px 0; 73 position: relative; 74 text-align: left; 75 } 76 .menu-grid-serviceList-href:not([class~='search'], [class~='login'], [class~='logout']) { 77 border-bottom: solid 1px ${o.O.gray}; 78 } 79 [class~='login'] { 80 border-top: solid 1px ${o.O.gray}; 81 } 82 .search { 83 padding: 6px 12px 6px 0; 84 } 85 .menu-grid-serviceList-href:not(:first-child) { 86 border-bottom: solid 1px ${o.O.warningColor}; 87 }
88 .menu-grid-serviceList-href:hover { 89 background-color: ${o.O.lightGray}; 90 } 91 .menu-grid-userArea { 92 border: solid 1px ${o.O.gray}; 93 padding: 16px; 94 } 95 .menu-grid-serviceList-icon { 96 width: 16px; 97 height: 16px; 98 margin-right: 8px; 99 vertical-align: bottom; 100 } 101 .menu-grid-serviceList-arrow { 102 position: absolute; 103 width: 14px; 104 height: 14px; 105 right: 4px; 106 top: 50%; 107 -webkit-transform: translateY(-50%); 108 -ms-transform: translateY(-50%); 109 transform: translateY(-50%); 110 } 111 .menu-grid-serviceList-href-subMark { 112 width: 8px; 113 height: 12px; 114 margin: 0 8px 0 16px; 115 font-family: HiraKakuPro-W3; 116 font-size: 12px; 117 color: ${o.O.darkGray}; 118 } 119 .menu-grid-supportListUl { 120 margin-bottom: 24px; 121 } 122 .menu-grid-serviceList-mail { 123 top: 26%; 124 right: 20%; 125 position: absolute; 126 height: 16px; 127 line-height: 16px; 128 } 129 .menu-grid-serviceList-label { 130 border-radius: 12px; 131 background-color: ${o.O.warningColor}; 132 top: 50%; 133 right: 20%; 134 -webkit-transform: translateY(-50%); 135 -ms-transform: translateY(-50%); 136 transform: translateY(-50%); 137 position: absolute; 138 height: 16px; 139 line-height: 16px; 140 } 141 .menu-grid-serviceList-label { 142 background-color: ${o.O.accentColor}; 143 } 144 .menu-grid-serviceList-label-text { 145 font-family: HiraKakuPro-W6; 146 font-size: 11px; 147 line-height: 1.09; 148 color: ${o.O.white}; 149 margin: 0 2px 0 2px; 150 top: 50%; 151 -webkit-transform: translateY(100%); 152 -ms-transform: translateY(100%); 153 transform: translateY(100%); 154 padding: 2px; 155 } 156 .menu-grid-support-text { 157 font-size: 10px; 158 }
159 .modal-overlay { 160 position: fixed; 161 top: 0; 162 left: 0; 163 width: 100%; 164 height: 100%; 165 background-color: rgba(0, 0, 0, 0.5); 166 display: flex; 167 justify-content: center; 168 align-items: center; 169 z-index: 10; 170 visibility: hidden; 171 opacity: 0; 172 transition: opacity 0.3s ease, visibility 0s ease 0.3s; 173 } 174 .modal-overlay.visible { 175 visibility: visible; 176 opacity: 1; 177 transition-delay: 0s; 178 } 179 .modal-content { 180 background: white; 181 padding: 16px; 182 display: flex; 183 justify-content: center; 184 align-items: center; 185 width: 80%; 186 height: 400px; 187 overflow: hidden; 188 } 189 .modal-body { 190 display: flex; 191 flex-direction: column; 192 gap: 20px; 193 align-items: center; 194 text-align: center; 195 } 196 .redirecting-text { 197 max-width: 250px; 198 color: #000; 199 text-align: center; 200 font-family: inherit; 201 font-size: 20px; 202 font-style: normal; 203 font-weight: 600; 204 line-height: 140%; 205 } 206 .loading-spinner { 207 width: 100%; 208 display: flex; 209 justify-content: center; 210 align-items: center; 211 } 212 .loading-spinner-span { 213 width: 125px; 214 height: 125px; 215 } 216 .logoSpan { 217 width: 100%; 218 display: flex; 219 justify-content: center; 220 align-items: center; 221 } 222 `]}render(){return n.dy` 223 <div class="menu-inner"> 224 <div class="menu-grid"> 225 <section> 226 <div class="menu-grid-serviceList"> 227 ${(0,h.PG)(this["language-code"]).map((e=>n.dy` 228 <ul class="menu-grid-serviceListUl"> 229 <h3>${e.title}</h3> 230 ${e.items.map((e=>n.dy` 231 <li class="footer-service-item"> 232 ${this.generateLink(e)} 233 </li> 234 `))} 235 </ul> 236 `))} 237 </div> 238 </section> 239 <section> 240 <div class="menu-grid-serviceList"> 241 ${(0,h.ZA)(this["language-code"]).map((e=>n.dy` 242 <ul class="menu-grid-serviceListUl"> 243 <h3>${e.title}</h3> 244 ${e.items.map((e=>n.dy` 245 <li class="menu-grid-serviceList-item"> 246 <a 247 class="menu-grid-serviceList-href ${e.gaTagClassName}" 248 href="${e.href}" 249 target="${"premium"==e.gaTagClassName?"_blank":""}" 250 rel="${"premium"==e.gaTagClassName?"noreferrer":""}" 251 > 252 ${e.label&&n.dy` 253 <div class="menu-grid-serviceList-label"> 254 <span class="menu-grid-serviceList-label-text" 255 >${e.label}</span 256 > 257 </div> 258 `} 259 <img 260 class="menu-grid-serviceList-icon" 261 src="${e.icon}" 262 alt="" 263 loading="lazy" 264 /> 265 <span>${e.name}</span> 266 <img 267 class="menu-grid-serviceList-arrow" 268 src="${p.FH}/svg/right-arrow.svg?v0.1" 269 alt="" 270 loading="lazy" 271 /> 272 </a> 273 </li> 274 `))} 275 </ul> 276 `))} 277 </div> 278 </section> 279 ${this["is-unnecessary-login"]?n.dy``:n.dy` 280 <section> 281 <div class="menu-grid-serviceList"> 282 ${(0,h.st)(this["language-code"],this["is-login"]).map((e=>n.dy` 283 <ul class="menu-grid-userListUl"> 284 <h3>${e.title}</h3> 285 ${e.items.map((e=>n.dy` 286 <li class="menu-grid-userList-item"> 287 <a 288 class="menu-grid-serviceList-href ${e.gaTagClassName}" 289 href="${e.href}" 290 target="${"premium"==e.gaTagClassName?"_blank":""}" 291 rel="${"premium"==e.gaTagClassName?"noreferrer":""}" 292 > 293 ${e.isnotice&&this.notice?n.dy` 294 <div class="menu-grid-serviceList-mail"> 295 <skyticket-header-notice 296 notice=${this.notice} 297 ></skyticket-header-notice> 298 </div> 299 `:n.dy``} 300 <img 301 class="menu-grid-serviceList-icon" 302 src="${e.icon}" 303 alt="" 304 loading="lazy" 305 />
306 <span>${e.name}</span> 307 <img 308 class="menu-grid-serviceList-arrow" 309 src="${p.FH}/svg/right-arrow.svg?v0.1" 310 alt="" 311 loading="lazy" 312 /> 313 </a> 314 315 ${e.sub&&n.dy` 316 <ul> 317 ${e.sub.map((e=>n.dy` 318 <li> 319 <a 320 class="menu-grid-serviceList-href ${e.gaTagClassName}" 321 href=${e.href} 322 target="${"premium"==e.gaTagClassName?"_blank":""}" 323 rel="${"premium"==e.gaTagClassName?"noreferrer":""}" 324 ><span 325 class="menu-grid-serviceList-href-subMark" 326 >â</span 327 >${e.name} 328 <img 329 class="menu-grid-serviceList-arrow" 330 src="${p.FH}/svg/right-arrow.svg?v0.1" 331 alt="" 332 loading="lazy" 333 /> 334 </a> 335 </li> 336 `))} 337 </ul> 338 `} 339 </li> 340 `))} 341 </ul> 342 `))} 343 </div> 344 </section> 345 `} 346 </div> 347 348 <!-- Modal Overlay and Content --> 349 <div class="modal-overlay ${this.isModalVisible?"visible":""}"> 350 <div class="modal-content"> 351 <div class="modal-body"> 352 <p class="redirecting-text"> 353 ${c.ag.redirectMessage[this["language-code"]]} 354 </p> 355 <div class="loading-spinner"> 356 <span class="loading-spinner-span"> 357 <img 358 src="${p.FH}/svg/processing-circle.svg?v0.1" 359 alt="Loading Spinner" 360 width="125" 361 height="125" 362 loading="lazy" 363 onerror="this.onerror=null; 364 this.src='https://menu.skyticket.jp/svg/processing-circle.svg?v0.1';" 365 /> 366 </span> 367 </div> 368 <div class="logoSpan"> 369 <img 370 src="${p.FH}/svg/adventure_logo.svg?v0.1" 371 alt="Adventure Logo" 372 width="200" 373 height="25" 374 loading="lazy" 375 onerror="this.onerror=null; 376 this.src='https://menu.skyticket.jp/svg/adventure_logo.svg?v0.1';" 377 /> 378 </div> 379 </div> 380 </div> 381 </div> 382 <!-- Modal Overlay and Content --> 383 </div> 384 `}};g([(0,s.Cb)({type:Boolean})],u.prototype,"is-login",void 0),g([(0,s.Cb)({type:Number})],u.prototype,"notice",void 0),g([(0,s.Cb)({type:String})],u.prototype,"language-code",void 0),g([(0,s.Cb)({type:Number})],u.prototype,"z-index",void 0),g([(0,s.Cb)({type:Boolean})],u.prototype,"is-unnecessary-login",void 0),g([(0,s.Cb)({type:Boolean})],u.prototype,"isModalVisible",void 0),g([(0,s.Cb)({type:String})],u.prototype,"redirectLink",void 0),g([(0,s.Cb)({type:String})],u.prototype,"serviceName",void 0),u=g([(0,s.Mo)("skyticket-header-i18n-menu-list-pc")],u);var y=function(e,i,t,n){var s,r=arguments.length,o=r<3?i:null===n?n=Object.getOwnPropertyDescriptor(i,t):n;if("object"===typeof Reflect&&"function"===typeof Reflect.decorate)o=Reflect.decorate(e,i,t,n);else for(var a=e.length-1;a>=0;a--)(s=e[a])&&(o=(r<3?s(o):r>3?s(i,t,o):s(i,t))||o);return r>3&&o&&Object.defineProperty(i,t,o),o};let v=class extends n.oi{constructor(){super(...arguments),this["is-login"]=!1,this.notice=0,this["language-code"]="en",this["z-index"]=0,this["is-unnecessary-login"]=!1}static get styles(){return[a.O,n.iv` 385 * { 386 color: ${o.O.black}; 387 } 388 `]}render(){return n.dy` 389 <skyticket-header-i18n-menu-list-pc 390 ?is-login=${this["is-login"]} 391 notice=${this.notice} 392 language-code=${this["language-code"]} 393 z-index=${this["z-index"]} 394 ?is-unnecessary-login=${this["is-unnecessary-login"]} 395 ></skyticket-header-i18n-menu-list-pc> 396 `}};y([(0,s.Cb)({type:Boolean})],v.prototype,"is-login",void 0),y([(0,s.Cb)({type:Number})],v.prototype,"notice",void 0),y([(0,s.Cb)({type:String})],v.prototype,"language-code",void 0),y([(0,s.Cb)({type:Number})],v.prototype,"z-index",void 0),y([(0,s.Cb)({type:Boolean})],v.prototype,"is-unnecessary-login",void 0),v=y([(0,s.Mo)("skyticket-header-i18n-menu-pc")],v);var b=function(e,i,t,n){var s,r=arguments.length,o=r<3?i:null===n?n=Object.getOwnPropertyDescriptor(i,t):n;if("object"===typeof Reflect&&"function"===typeof Reflect.decorate)o=Reflect.decorate(e,i,t,n);else for(var a=e.length-1;a>=0;a--)(s=e[a])&&(o=(r<3?s(o):r>3?s(i,t,o):s(i,t))||o);return r>3&&o&&Object.defineProperty(i,t,o),o};let m=class extends n.oi{constructor(){super(...arguments),this["is-login"]=!1,this.notice=0,this.language="",this["language-code"]="en",this.country="",this.currency="",this.service="da",this["logo-link"]="",this["z-index"]=0,this["show-i18n"]=!1,this["show-i18n-simple"]=!1,this["is-unnecessary-login"]=!1,this._showNavHelpMenu=!1,this._showNavMainMenu=!1,this._showPullDownLanguage=!1,this._showPullDownCurrency=!1}willUpdate(){0===this["z-index"]?(this.style.setProperty("--fader-zIndex","3"),this.style.setProperty("--menu-zIndex","4")):(this.style.setProperty("--fader-zIndex",String(this["z-index"]+2)),this.style.setProperty("--menu-zIndex",String(this["z-index"]+3))),0===this["z-index"]?(this.style.setProperty("--pull-down-fader-zIndex","1"),this.style.setProperty("--pull-down-nav-zIndex","2")):(this.style.setProperty("--pull-down-fader-zIndex",String(this["z-index"]+2)),this.style.setProperty("--pull-down-nav-zIndex",String(this["z-index"]+3)))}setShowNavHelpMenu(){this._showNavMainMenu=!1,this._showPullDownLanguage=!1,this._showPullDownCurrency=!1,this._showNavHelpMenu=!0,this.requestUpdate()}setShowNavMainMenu(){this._showNavHelpMenu=!1,this._showPullDownLanguage=!1,this._showPullDownCurrency=!1,this._showNavMainMenu=!this._showNavMainMenu,this.requestUpdate()}faderHandler(e){"click"===e.type&&this._showNavMainMenu?this._showNavMainMenu=!1:this._showNavHelpMenu=!1,this.requestUpdate()}clickHandler(){const e=new CustomEvent("wcLangClicked",{bubbles:!0,composed:!0});this.dispatchEvent(e)}pulldownLanguageHandler(){this._showPullDownLanguage=!0,this._showPullDownCurrency=!1,this._showNavMainMenu=!1,this.requestUpdate()}pulldownCurrencyHandler(){this._showPullDownCurrency=!0,this._showPullDownLanguage=!1,this._showNavMainMenu=!1,this.requestUpdate()}faderPulldownLanguageHandler(){this._showPullDownLanguage=!1,this.requestUpdate()}faderPulldownCurrencyHandler(){this._showPullDownCurrency=!1,this.requestUpdate()}static get styles(){return[a.O,n.iv` 397 .header-bar { 398 background-color: ${o.O.mainColor}; 399 color: ${o.O.white}; 400 width: 100%; 401 } 402 .header-bar-wrapper { 403 margin: 0 auto; 404 position: relative; 405 max-width: 1024px; 406 width: 100%; 407 } 408 .header-bar-content { 409 -webkit-box-align: center; 410 -ms-flex-align: center; 411 align-items: center; 412 display: -ms-grid; 413 display: grid; 414 -ms-grid-columns: 140px auto; 415 grid-template-columns: 140px auto; 416 grid-template-columns: 140px auto; 417 height: 60px; 418 width: 100%; 419 padding: 0 16px; 420 } 421 .header-bar-logo { 422 display: block; 423 width: 125px; 424 height: 38px; 425 } 426 .header-bar-nav { 427 display: -webkit-box; 428 display: -ms-flexbox; 429 display: flex; 430 -webkit-box-align: center; 431 -ms-flex-align: center; 432 align-items: center; 433 justify-self: flex-end; 434 } 435 .header-bar-nav-login { 436 display: inline-block; 437 font-size: 11px; 438 min-width: 100px; 439 text-align: center; 440 border-right: solid 1px rgba(255, 255, 255, 0.8); 441 padding: 0 16px; 442 } 443 .header-bar-nav-login-href { 444 -webkit-box-align: center; 445 -ms-flex-align: center; 446 align-items: center; 447 color: ${o.O.white}; 448 display: -webkit-box; 449 display: -ms-flexbox; 450 display: flex; 451 -webkit-box-pack: center; 452 -ms-flex-pack: center; 453 justify-content: center; 454 line-height: 1.2em; 455 padding: 6px 0; 456 } 457 .header-bar-nav-login-href:hover { 458 opacity: 0.4; 459 } 460 .header-bar-nav-customer-support { 461 display: inline-block; 462 font-size: 11px; 463 padding: 0 16px; 464 text-align: center; 465 border-right: solid 1px rgba(255, 255, 255, 0.8); 466 } 467 .header-bar-nav-customer-support-href { 468 -webkit-box-align: center; 469 -ms-flex-align: center; 470 align-items: center; 471 color: ${o.O.white}; 472 display: -webkit-box; 473 display: -ms-flexbox; 474 display: flex; 475 -webkit-box-pack: center; 476 -ms-flex-pack: center; 477 justify-content: center; 478 line-height: 1.2em; 479 padding: 6px 0; 480 } 481 .header-bar-nav-customer-support-href:hover { 482 opacity: 0.4; 483 } 484 .header-bar-nav-text { 485 margin-left: 4px; 486 line-height: 1.2em; 487 word-break: keep-all; 488 } 489 .header-notice-wrapper { 490 margin: 0 8px 0 4px; 491 } 492 .header-bar-helpMenu { 493 background: inherit; 494 position: relative; 495 display: inline-block; 496 text-align: center; 497 cursor: pointer; 498 font-size: 11px; 499 min-width: 100px; 500 z-index: var(--menu-zIndex); 501 } 502 .header-bar-helpMenu:hover { 503 margin-top: 12px; 504 } 505 .header-bar-helpMenu:hover:after { 506 background-color: transparent; 507 height: 12px; 508 content: ''; 509 display: block; 510 z-index: var(--menu-zIndex); 511 } 512 .header-bar-helpMenu-list { 513 border: 0; 514 } 515 .header-bar-helpMenu-list:hover { 516 background: ${o.O.gray}; 517 } 518 .header-bar-helpMenu-href { 519 color: ${o.O.black}; 520 display: block; 521 padding: 12px; 522 position: relative; 523 text-align: left; 524 border-bottom: solid 1px ${o.O.gray}; 525 text-decoration: none; 526 } 527 .header-bar-helpMenu-href:before { 528 background-color: ${o.O.white}; 529 } 530 .header-bar-helpArrow { 531 height: 12px; 532 position: absolute; 533 margin-top: -5px; 534 top: 50%; 535 right: 12px; 536 } 537 .header-bar-lang { 538 display: inline-block; 539 vertical-align: middle; 540 -webkit-box-sizing: border-box; 541 box-sizing: border-box; 542 width: 150px; 543 text-align: center; 544 margin: 0 8px; 545 } 546 .header-bar-lang-href { 547 line-height: 1.2em; 548 background-color: rgba(255, 255, 255, 0.3); 549 padding: 9px 5px; 550 border-radius: 15px; 551 font-size: 10px; 552 border: none; 553 cursor: pointer; 554 display: block; 555 -webkit-box-sizing: border-box; 556 box-sizing: border-box; 557 color: ${o.O.white}; 558 } 559 .header-bar-lang-flagIcon { 560 width: 1.33333333em; 561 margin-left: 5px; 562 -webkit-transform: translateY(15%); 563 -ms-transform: translateY(15%); 564 transform: translateY(15%); 565 } 566 .header-bar-mainMenu { 567 display: inline-block; 568 vertical-align: middle; 569 font-size: 11px; 570 padding-left: 10px; 571 -webkit-box-sizing: border-box; 572 box-sizing: border-box; 573 text-align: center; 574 z-index: var(--menu-zIndex); 575 } 576 .header-bar-mainMenu-href { 577 width: 105px; 578 height: 30px; 579 line-height: 2.5em; 580 background-color: rgba(255, 255, 255, 0.3); 581 cursor: pointer; 582 display: block; 583 text-align: center; 584 font-size: 12px; 585 color: ${o.O.white}; 586 border-radius: 15px; 587 } 588 .header-bar-mainMenu-flex-wrapper { 589 display: -webkit-box; 590 display: -ms-flexbox; 591 display: flex; 592 -webkit-box-align: center; 593 -ms-flex-align: center; 594 align-items: center; 595 -webkit-box-pack: center; 596 -ms-flex-pack: center; 597 justify-content: center; 598 padding: 6px 0px; 599 } 600 .icon-down-arrow { 601 content: ''; 602 width: 11px; 603 height: 11px; 604 display: inline-block; 605 background: url(https://wc.skyticket.jp/svg/right-arrow-fff.svg?v0.1); 606 background-size: 11px; 607 background-repeat: no-repeat; 608 -webkit-transform: rotate(90deg); 609 -ms-transform: rotate(90deg); 610 transform: rotate(90deg); 611 margin-left: 8px; 612 } 613 .header-bar-mainMenu-href[data-active='true'] 614 .header-bar-mainMenu-flex-wrapper 615 i { 616 -webkit-transform: rotate(270deg); 617 -ms-transform: rotate(270deg); 618 transform: rotate(270deg); 619 } 620 .header-bar-lang-href:hover, 621 .header-bar-mainMenu-href:hover { 622 background-color: rgba(255, 255, 255, 0.5); 623 } 624 .header-bar-fader { 625 height: 100%; 626 position: absolute; 627 width: 100%; 628 z-index: var(--fader-zIndex); 629 display: none; 630 } 631 .skyticket-pull-down-i18n { 632 display: flex; 633 gap: 8px; 634 margin-left: 8px; 635 } 636 .header-pull-down-wrapper { 637 display: inline-block; 638 vertical-align: middle; 639 font-size: 11px; 640 min-width: 100px; 641 box-sizing: border-box; 642 text-align: center; 643 z-index: var(--pull-down-nav-zIndex); 644 position: relative; 645 } 646 .header-pull-down-wrapper-currency { 647 display: inline-block; 648 vertical-align: middle; 649 font-size: 11px; 650 min-width: 100px; 651 box-sizing: border-box; 652 text-align: center; 653 z-index: var(--pull-down-nav-zIndex); 654 position: relative; 655 } 656 .header-pull-down-title { 657 padding: 0 18.5px; 658 height: 30px; 659 line-height: 2.5em; 660 background-color: rgba(255, 255, 255, 0.3); 661 cursor: pointer; 662 display: block; 663 text-align: center; 664 font-size: 12px; 665 color: ${o.O.white}; 666 border-radius: 15px; 667 z-index: var(--pull-down-nav-zIndex); 668 } 669 .header-pull-down-title:hover { 670 background-color: ${o.O.subColor}; 671 } 672 .header-pull-down-name { 673 line-height: 2.5em; 674 } 675 .header-pull-down-fader { 676 position: fixed; 677 width: 100%; 678 height: 100%; 679 left: 0; 680 top: 0; 681 z-index: var(--pull-down-fader-zIndex); 682 display: none; 683 } 684 .header-pull-down-serviceSubUl { 685 border: 1px solid ${o.O.lightGray}; 686 -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.4); 687 box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.4); 688 position: absolute; 689 top: 40px; 690 z-index: var(--pull-down-na
690v-zIndex); 691 display: block; 692 width: auto; 693 } 694 .header-pull-down-serviceSubUl:before { 695 border: 1px solid transparent; 696 border-bottom-color: ${o.O.white}; 697 border-width: 10px; 698 border-top: 0px; 699 border-left: 4px solid transparent; 700 border-right: 4px solid transparent; 701 content: ''; 702 display: block; 703 position: absolute; 704 left: 0px; 705 right: 0px; 706 margin: auto; 707 top: -10px; 708 width: 1px; 709 z-index: var(--pull-down-nav-zIndex); 710 } 711 .header-pull-down-serviceSubUl:after { 712 border: 7px solid transparent; 713 content: ''; 714 display: block; 715 position: absolute; 716 left: 0px; 717 top: -12px; 718 width: 90%; 719 z-index: var(--pull-down-nav-zIndex); 720 } 721 .header-pull-down-serviceSubList { 722 background: ${o.O.lightGray}; 723 color: ${o.O.black}; 724 cursor: pointer; 725 height: 40px; 726 position: relative; 727 white-space: nowrap; 728 background-position: left top; 729 background-repeat: no-repeat; 730 background-size: 30px; 731 z-index: var(--pull-down-nav-zIndex); 732 } 733 .header-pull-down-serviceSubHref { 734 background: ${o.O.white}; 735 color: ${o.O.black}; 736 display: -webkit-box; 737 display: -ms-flexbox; 738 display: flex; 739 font-size: 12px; 740 -webkit-box-pack: justify; 741 -ms-flex-pack: justify; 742 justify-content: space-between; 743 padding: 12px; 744 position: relative; 745 text-decoration: none; 746 width: 100%; 747 align-items: center; 748 } 749 .header-pull-down-serviceSubHref:hover { 750 background: ${o.O.gray}; 751 } 752 `]}render(){const e={backgroundColor:`${o.O.subColor}`},i={backgroundColor:`${o.O.subColor}`};return n.dy` 753 <header class="header-bar"> 754 <div class="header-bar-wrapper"> 755 <div class="header-bar-content"> 756 <a href=${this["logo-link"]}> 757 <img 758 class="header-bar-logo" 759 src="${p.FH}/svg/logo.svg?v0.1" 760 alt="skyticket" 761 /> 762 </a> 763 <div class="header-bar-nav"> 764 ${this["is-unnecessary-login"]?n.dy``:this["is-login"]?n.dy` 765 <div class="header-bar-nav-login"> 766 <a 767 class="header-bar-nav-login-href" 768 href=${(0,p.pd)("/user/login.php")} 769 > 770 <img 771 src="${p.FH}/svg/user-white-close-up-shape.svg?v0.1" 772 alt="" 773 width="14" 774 height="14" 775 loading="lazy" 776 /> 777 <span class="header-bar-nav-text" 778 >${c.ag.myPage[this["language-code"]]}</span 779 > 780 ${0!==this.notice?n.dy` 781 <div class="header-notice-wrapper"> 782 <skyticket-header-notice 783 notice=${this.notice} 784 ></skyticket-header-notice> 785 </div> 786 `:n.dy``} 787 </a> 788 </div> 789 `:n.dy` 790 <div class="header-bar-nav-login"> 791 <a 792 class="header-bar-nav-login-href" 793 href=${(0,p.pd)("/user/search.php")} 794 > 795 <img 796 src="${p.FH}/svg/file-alt-fff.svg?v0.1" 797 alt="" 798 width="14" 799 height="14" 800 loading="lazy" 801 /> 802 <span class="header-bar-nav-text" 803 >${c.ag.myReservation[this["language-code"]]}</span 804 > 805 </a> 806 </div> 807 <div class="header-bar-nav-login"> 808 <a 809 class="header-bar-nav-login-href" 810 href=${(0,p.pd)("/user/login.php")} 811 > 812 <img 813 src="${p.FH}/svg/user-white-close-up-shape.svg?v0.1" 814 alt="" 815 width="14" 816 height="14" 817 loading="lazy" 818 />
819 <span class="header-bar-nav-text" 820 >${c.ag.login[this["language-code"]]}</span 821 > 822 </a> 823 </div> 824 `} 825 <div class="header-bar-nav-customer-support"> 826 <a 827 class="header-bar-nav-customer-support-href" 828 href="https://support.skyticket.jp/hc/${(0,c.eH)(this["language-code"])}" 829 target="_blank" 830 rel="noopener noreferrer" 831 > 832 <img 833 src="${p.FH}/svg/question-title-fff.svg?v0.1" 834 alt="" 835 width="16" 836 height="16" 837 loading="lazy" 838 /> 839 <span class="header-bar-nav-text" 840 >${c.ag.custormerSupport[this["language-code"]]}</span 841 > 842 </a> 843 </div> 844 845 <div class="header-bar-langMain-border"></div> 846 ${"da"===this.service||this["show-i18n"]?n.dy` 847 <div class="header-bar-lang" @click=${this.clickHandler}> 848 <a class="header-bar-lang-href" href="javascript:void(0)"> 849 ${this.language} | 850 <img 851 class="header-bar-lang-flagIcon" 852 src="${p.FH}/svg/flags/${this.country}.svg?v0.1" 853 alt="" 854 loading="lazy" 855 /> 856 ${this.currency} 857 </a> 858 </div> 859 `:this["show-i18n-simple"]?n.dy` 860 <div class="skyticket-pull-down-i18n"> 861 <div class="header-pull-down-wrapper"> 862 <div 863 class="header-pull-down-title" 864 @mouseover=${this.pulldownLanguageHandler} 865 style=${this._showPullDownLanguage?(0,d.V)(i):""} 866 > 867 <span class="header-pull-down-name" 868 >${void 0!==this["language-code"]?c.s0[this["language-code"]]:this.language}</span 869 > 870 </div> 871 ${this._showPullDownLanguage?n.dy` <ul class="header-pull-down-serviceSubUl"> 872 ${(0,h.Wl)(this.service,this["language-code"]).map((e=>n.dy` 873 <li class="header-pull-down-serviceSubList"> 874 <a 875 class="header-pull-down-serviceSubHref" 876 href="${e.href}" 877 > 878 <span 879 class="header-pull-down-serviceSubName" 880 >${e.title}</span 881 > 882 ${e.isCheck?n.dy` <img 883 src="${p.FH}/svg/checkmark.svg?v0.1" 884 alt="" 885 width="12" 886 height="12" 887 loading="lazy" 888 />`:n.dy``} 889 </a> 890 </li> 891 `))} 892 </ul>`:n.dy``} 893 </div> 894 ${"guide"!==this.service?n.dy` <div class="header-pull-down-wrapper-currency"> 895 <div 896 class="header-pull-down-title" 897 @mouseover=${this.pulldownCurrencyHandler} 898 style=${this._showPullDownCurrency?(0,d.V)(i):""} 899 > 900 <span class="header-pull-down-name" 901 >${void 0!==this["currency-code"]?this["currency-code"]:this.currency} 902 </span> 903 </div> 904 ${this._showPullDownCurrency?n.dy` <ul class="header-pull-down-serviceSubUl"> 905 ${void 0!==this["currency-code"]&&(0,h.Sc)(this.service,this["language-code"],this["currency-code"]).map((e=>n.dy` 906 <li 907 class="header-pull-down-serviceSubList" 908 > 909 <a 910 class="header-pull-down-serviceSubHref" 911 href="${e.href}" 912 >
913 <span 914 class="header-pull-down-serviceSubName" 915 >${e.title}</span 916 > 917 ${e.isCheck?n.dy` <img 918 src="${p.FH}/svg/checkmark.svg?v0.1" 919 alt="" 920 width="12" 921 height="12" 922 loading="lazy" 923 />`:n.dy``} 924 </a> 925 </li> 926 `))} 927 </ul>`:n.dy``} 928 </div>`:n.dy``} 929 <div 930 class="header-pull-down-fader" 931 @mouseover=${this.faderPulldownLanguageHandler} 932 style=${this._showPullDownLanguage?(0,d.V)({display:"block"}):""} 933 ></div> 934 <div 935 class="header-pull-down-fader" 936 @mouseover=${this.faderPulldownCurrencyHandler} 937 style=${this._showPullDownCurrency?(0,d.V)({display:"block"}):""} 938 ></div> 939 </div> 940 `:n.dy``} 941 <div class="header-bar-mainMenu"> 942 <a 943 class="header-bar-mainMenu-href" 944 href="javascript:void(0)" 945 @click=${this.setShowNavMainMenu} 946 style=${this._showNavMainMenu?(0,d.V)(e):""} 947 data-active=${this._showNavMainMenu?"true":""} 948 > 949 <div class="header-bar-mainMenu-flex-wrapper"> 950 <span>${c.ag.menu[this["language-code"]]}</span> 951 <i class="icon-down-arrow"></i> 952 </div> 953 </a> 954 </div> 955 <!-- </div> --> 956 </div> 957 </div> 958 </div> 959 <skyticket-header-i18n-menu-pc 960 style=${this._showNavMainMenu?"":(0,d.V)({display:"none"})} 961 ?is-login=${this["is-login"]} 962 notice=${this.notice} 963 language-code=${this["language-code"]} 964 z-index=${this["z-index"]} 965 ?is-unnecessary-login=${this["is-unnecessary-login"]} 966 ></skyticket-header-i18n-menu-pc> 967 <div 968 class="header-bar-fader" 969 @click=${this.faderHandler} 970 @mouseover=${this.faderHandler} 971 style=${this._showNavMainMenu||this._showNavHelpMenu?(0,d.V)({display:"block",marginTop:this._showNavHelpMenu?"-60px":""}):""} 972 ></div> 973 </header> 974 `}};b([(0,s.Cb)({type:Boolean})],m.prototype,"is-login",void 0),b([(0,s.Cb)({type:Number})],m.prototype,"notice",void 0),b([(0,s.Cb)({type:String})],m.prototype,"language",void 0),b([(0,s.Cb)({type:String})],m.prototype,"language-code",void 0),b([(0,s.Cb)({type:String})],m.prototype,"country",void 0),b([(0,s.Cb)({type:String})],m.prototype,"currency",void 0),b([(0,s.Cb)({type:String})],m.prototype,"currency-code",void 0),b([(0,s.Cb)({type:String})],m.prototype,"service",void 0),b([(0,s.Cb)({type:String})],m.prototype,"logo-link",void 0),b([(0,s.Cb)({type:Number})],m.prototype,"z-index",void 0),b([(0,s.Cb)({type:Boolean})],m.prototype,"show-i18n",void 0),b([(0,s.Cb)({type:Boolean})],m.prototype,"show-i18n-simple",void 0),b([(0,s.Cb)({type:Boolean})],m.prototype,"is-unnecessary-login",void 0),b([(0,s.SB)()],m.prototype,"_showNavHelpMenu",void 0),b([(0,s.SB)()],m.prototype,"_showNavMainMenu",void 0),b([(0,s.SB)()],m.prototype,"_showPullDownLanguage",void 0),b([(0,s.SB)()],m.prototype,"_showPullDownCurrency",void 0),m=b([(0,s.Mo)("skyticket-header-i18n-bar-pc")],m);t(52009),t(20359);var w=function(e,i,t,n){var s,r=arguments.length,o=r<3?i:null===n?n=Object.getOwnPropertyDescriptor(i,t):n;if("object"===typeof Reflect&&"function"===typeof Reflect.decorate)o=Reflect.decorate(e,i,t,n);else for(var a=e.length-1;a>=0;a--)(s=e[a])&&(o=(r<3?s(o):r>3?s(i,t,o):s(i,t))||o);return r>3&&o&&Object.defineProperty(i,t,o),o};let x=class extends n.oi{constructor(){super(...arguments),this.service="ia",this["z-index"]=0,this["language-code"]="en",this.isModalVisible=!1,this.redirectLink="",this.serviceName=""}static get styles(){return[a.O,n.iv` 975 .header-nav-serviceRoot { 976 background-color: ${o.O.lightGray}; 977 } 978 .header-nav-serviceWrapper { 979 margin: 0 auto; 980 position: relative; 981 max-width: 1024px; 982 width: 100%; 983 } 984 .header-nav-service-ul { 985 display: flex; 986 justify-content: space-evenly; 987 width: 100%; 988 } 989 .header-nav-service-li:not(:last-of-type) { 990 border-right: 1px solid rgb(228, 228, 228); 991 } 992 .header-nav-service-li { 993 box-sizing: border-box; 994 position: relative; 995 display: table-cell; 996 vertical-align: middle; 997 height: 40px; 998 width: 100%; 999 } 1000 [class*='header-nav-service-li']:hover { 1001 background-color: ${o.O.subColor}; 1002 color: ${o.O.white}; 1003 } 1004 .is-active { 1005 background-color: ${o.O.subColor}; 1006 color: ${o.O.white}; 1007 } 1008 .header-nav-service-href { 1009 display: block; 1010 text-decoration: none; 1011 font-size: 12px; 1012 text-align: center; 1013 line-height: 40px; 1014 }
1015 .modal-overlay { 1016 position: fixed; 1017 top: 0; 1018 left: 0; 1019 width: 100%; 1020 height: 100%; 1021 background-color: rgba(0, 0, 0, 0.5); 1022 display: flex; 1023 justify-content: center; 1024 align-items: center; 1025 z-index: 10; 1026 visibility: hidden; 1027 opacity: 0; 1028 transition: opacity 0.3s ease, visibility 0s ease 0.3s; 1029 } 1030 .modal-overlay.visible { 1031 visibility: visible; 1032 opacity: 1; 1033 transition-delay: 0s; 1034 } 1035 .modal-content { 1036 background: white; 1037 padding: 16px; 1038 display: flex; 1039 justify-content: center; 1040 align-items: center; 1041 width: 80%; 1042 height: 400px; 1043 overflow: hidden; 1044 } 1045 .modal-body { 1046 display: flex; 1047 flex-direction: column; 1048 gap: 20px; 1049 align-items: center; 1050 text-align: center; 1051 } 1052 .redirecting-text { 1053 max-width: 250px; 1054 color: #000; 1055 text-align: center; 1056 font-family: inherit; 1057 font-size: 20px; 1058 font-style: normal; 1059 font-weight: 600; 1060 line-height: 140%; 1061 } 1062 .loading-spinner { 1063 width: 100%; 1064 display: flex; 1065 justify-content: center; 1066 align-items: center; 1067 } 1068 .loading-spinner-span { 1069 width: 125px; 1070 height: 125px; 1071 } 1072 .logoSpan { 1073 width: 100%; 1074 display: flex; 1075 justify-content: center; 1076 align-items: center; 1077 } 1078 `]}generateLink(e){const i="vacation-rentals"===e.name;return n.dy` 1079 <a 1080 href="${i?"javascript:void(0)":e.href}" 1081 class="${e.className||"header-nav-service-href"}" 1082 @click="${i=>this.handleTagClick(i,e.href,e.name,e.gaTagClassName)}" 1083 target="${"premium"===e.gaTagClassName?"_blank":""}" 1084 rel="${"premium"===e.gaTagClassName?"noreferrer":""}" 1085 > 1086 ${e.name} 1087 </a> 1088 `}handleTagClick(e,i,t,n){e.preventDefault(),"hotel"!==n.toLowerCase()&&"vacation-rentals"!==n.toLowerCase()||!i.includes("adventure.inc")?window.location.href=i:this.openModal(i,t)}async openModal(e,i){this.redirectLink=e,this.serviceName=i,this.isModalVisible=!0,this.timeoutId&&clearTimeout(this.timeoutId),await this.requestUpdate(),this.timeoutId=window.setTimeout((()=>{this.isModalVisible=!1,this.redirectToLink()}),2e3)}redirectToLink(){this.isModalVisible=!1,window.location.href=this.redirectLink}updated(e){super.updated(e)}getFilteredServices(){const e=this["language-code"];return(0,h.yD)(e).filter((i=>this.isVisibleForLanguage(i,e)))}isVisibleForLanguage(e,i){return!({en:["study-abroad","charter"],ko:["study-abroad"]}[i]||[]).includes(e.service)}getItemClass(e){const i=["header-nav-service-li",e.gaTagClassName];return this.service===e.service&&i.push("is-active"),i.filter(Boolean).join(" ")}render(){return n.dy` 1089 <div class="header-nav-serviceRoot"> 1090 <nav class="header-nav-serviceWrapper"> 1091 <ul class="header-nav-service-ul"> 1092 ${this.getFilteredServices().map((e=>n.dy` 1093 <li class="${this.getItemClass(e)}"> 1094 ${this.generateLink({name:e.name,href:e.href,gaTagClassName:e.gaTagClassName})} 1095 </li> 1096 `))} 1097 </ul> 1098 </nav> 1099 1100 <!-- Modal Overlay and Content --> 1101 <div class="modal-overlay ${this.isModalVisible?"visible":""}"> 1102 <div class="modal-content"> 1103 <div class="modal-body"> 1104 <p class="redirecting-text"> 1105 ${c.ag.redirectMessage[this["language-code"]]} 1106 </p> 1107 <div class="loading-spinner"> 1108 <span class="loading-spinner-span"> 1109 <img 1110 src="${p.FH}/svg/processing-circle.svg?v0.1" 1111 alt="Loading Spinner" 1112 width="125" 1113 height="125" 1114 loading="lazy" 1115 onerror="this.onerror=null; 1116 this.src='https://menu.skyticket.jp/svg/processing-circle.svg?v0.1';" 1117 /> 1118 </span> 1119 </div>
1120 <div class="logoSpan"> 1121 <img 1122 src="${p.FH}/svg/adventure_logo.svg?v0.1" 1123 alt="Adventure Logo" 1124 width="200" 1125 height="25" 1126 loading="lazy" 1127 onerror="this.onerror=null; 1128 this.src='https://menu.skyticket.jp/svg/adventure_logo.svg?v0.1';" 1129 /> 1130 </div> 1131 </div> 1132 </div> 1133 </div> 1134 <!-- Modal Overlay and Content --> 1135 </div> 1136 `}};w([(0,s.Cb)({type:String})],x.prototype,"service",void 0),w([(0,s.Cb)({type:Number})],x.prototype,"z-index",void 0),w([(0,s.Cb)({type:String})],x.prototype,"language-code",void 0),w([(0,s.Cb)({type:Boolean})],x.prototype,"isModalVisible",void 0),w([(0,s.Cb)({type:String})],x.prototype,"redirectLink",void 0),w([(0,s.Cb)({type:String})],x.prototype,"serviceName",void 0),x=w([(0,s.Mo)("skyticket-header-i18n-nav-pc")],x);var f=function(e,i,t,n){var s,r=arguments.length,o=r<3?i:null===n?n=Object.getOwnPropertyDescriptor(i,t):n;if("object"===typeof Reflect&&"function"===typeof Reflect.decorate)o=Reflect.decorate(e,i,t,n);else for(var a=e.length-1;a>=0;a--)(s=e[a])&&(o=(r<3?s(o):r>3?s(i,t,o):s(i,t))||o);return r>3&&o&&Object.defineProperty(i,t,o),o};let k=class extends n.oi{constructor(){super(...arguments),this["is-login"]=!1,this.notice=0,this.language="",this["language-code"]="",this.currency="",this.country="",this.service="da",this["show-line-menu"]=!1,this["z-index"]=0,this["show-i18n"]=!1,this["show-i18n-simple"]=!1,this["show-banner"]=!1,this["is-unnecessary-login"]=!1}render(){return n.dy` 1137 <skyticket-header-i18n-bar-pc 1138 ?is-login=${this["is-login"]} 1139 notice=${this.notice} 1140 language=${this.language} 1141 language-code=${this["language-code"]} 1142 country=${this.country} 1143 currency=${this.currency} 1144 currency-code=${this["currency-code"]} 1145 service=${this.service} 1146 logo-link=${(0,l.o)(this.service)} 1147 z-index=${this["z-index"]} 1148 ?show-i18n=${this["show-i18n"]} 1149 ?show-i18n-simple=${this["show-i18n-simple"]} 1150 ?is-unnecessary-login=${this["is-unnecessary-login"]} 1151 ></skyticket-header-i18n-bar-pc> 1152 ${this["show-line-menu"]?n.dy` 1153 <skyticket-header-i18n-nav-pc 1154 service=${this.service} 1155 z-index=${this["z-index"]} 1156 language-code=${this["language-code"]} 1157 ></skyticket-header-i18n-nav-pc> 1158 `:n.dy``} 1159 `}};f([(0,s.Cb)({type:Boolean})],k.prototype,"is-login",void 0),f([(0,s.Cb)({type:Number})],k.prototype,"notice",void 0),f([(0,s.Cb)({type:String})],k.prototype,"language",void 0),f([(0,s.Cb)({type:String})],k.prototype,"language-code",void 0),f([(0,s.Cb)({type:String})],k.prototype,"currency",void 0),f([(0,s.Cb)({type:String})],k.prototype,"currency-code",void 0),f([(0,s.Cb)({type:String})],k.prototype,"country",void 0),f([(0,s.Cb)({type:String})],k.prototype,"service",void 0),f([(0,s.Cb)({type:Boolean})],k.prototype,"show-line-menu",void 0),f([(0,s.Cb)({type:Number})],k.prototype,"z-index",void 0),f([(0,s.Cb)({type:Boolean})],k.prototype,"show-i18n",void 0),f([(0,s.Cb)({type:Boolean})],k.prototype,"show-i18n-simple",void 0),f([(0,s.Cb)({type:Boolean})],k.prototype,"show-banner",void 0),f([(0,s.Cb)({type:Boolean})],k.prototype,"is-unnecessary-login",void 0),k=f([(0,s.Mo)("skyticket-header-i18n-pc")],k);var $=function(e,i,t,n){var s,r=arguments.length,o=r<3?i:null===n?n=Object.getOwnPropertyDescriptor(i,t):n;if("object"===typeof Reflect&&"function"===typeof Reflect.decorate)o=Reflect.decorate(e,i,t,n);else for(var a=e.length-1;a>=0;a--)(s=e[a])&&(o=(r<3?s(o):r>3?s(i,t,o):s(i,t))||o);return r>3&&o&&Object.defineProperty(i,t,o),o};let C=class extends n.oi{constructor(){super(...arguments),this["is-login"]=!1,this.notice=0,this.language="",this["language-code"]="en",this.country="",this.currency="",this.service="da",this["logo-link"]="",this["z-index"]=0,this["show-i18n"]=!1,this["show-i18n-simple"]=!1,this["is-unnecessary-login"]=!1,this._showNavHelpMenu=!1,this._showNavMainMenu=!1,this._showPullDownLanguage=!1,this._showPullDownCurrency=!1}willUpdate(){0===this["z-index"]?(this.style.setProperty("--fader-zIndex","3"),this.style.setProperty("--menu-zIndex","4")):(this.style.setProperty("--fader-zIndex",String(this["z-index"]+2)),this.style.setProperty("--menu-zIndex",String(this["z-index"]+3))),0===this["z-index"]?(this.style.setProperty("--pull-down-fader-zIndex","1"),this.style.setProperty("--pull-down-nav-zIndex","2")):(this.style.setProperty("--pull-down-fader-zIndex",String(this["z-index"]+2)),this.style.setProperty("--pull-down-nav-zIndex",String(this["z-index"]+3)))}setShowNavHelpMenu(){this._showNavMainMenu=!1,this._showPullDownLanguage=!1,this._showPullDownCurrency=!1,this._showNavHelpMenu=!0,this.requestUpdate()}setShowNavMainMenu(){this._showNavHelpMenu=!1,this._showPullDownLanguage=!1,this._showPullDownCurrency=!1,this._showNavMainMenu=!this._showNavMainMenu,this.requestUpdate()}faderHandler(e){"click"===e.type&&this._showNavMainMenu?this._showNavMainMenu=!1:this._showNavHelpMenu=!1,this.requestUpdate()}clickHandler(){const e=new CustomEvent("wcLangClicked",{bubbles:!0,composed:!0});this.dispatchEvent(e)}pulldownLanguageHandler(){this._showPullDownLanguage=!0,this._showPullDownCurrency=!1,this._showNavMainMenu=!1,this.requestUpdate()}pulldownCurrencyHandler(){this._showPullDownCurrency=!0,this._showPullDownLanguage=!1,this._showNavMainMenu=!1,this.requestUpdate()}faderPulldownLanguageHandler(){this._showPullDownLanguage=!1,this.requestUpdate()}faderPulldownCurrencyHandler(){this._showPullDownCurrency=!1,this.requestUpdate()}static get styles(){return[a.O,n.iv` 1160 .header-bar { 1161 background-color: ${o.O.mainColor}; 1162 color: ${o.O.white}; 1163 width: 100%; 1164 } 1165 .header-bar-wrapper { 1166 margin: 0 auto; 1167 position: relative; 1168 max-width: 768px; 1169 width: 100%; 1170 } 1171 .header-bar-content { 1172 -webkit-box-align: center; 1173 -ms-flex-align: center; 1174 align-items: center; 1175 display: -ms-grid; 1176 display: grid; 1177 -ms-grid-columns: 140px auto; 1178 grid-template-columns: 140px auto; 1179 grid-template-columns: 140px auto; 1180 height: 60px; 1181 width: 100%; 1182 padding: 0 16px; 1183 } 1184 .header-bar-logo { 1185 display: block; 1186 width: 125px; 1187 height: 38px; 1188 } 1189 .header-bar-nav { 1190 display: -webkit-box; 1191 display: -ms-flexbox; 1192 display: flex; 1193 -webkit-box-align: center; 1194 -ms-flex-align: center; 1195 align-items: center; 1196 justify-self: flex-end; 1197 } 1198 .header-bar-nav-login { 1199 display: inline-block; 1200 font-size: 11px; 1201 min-width: 100px; 1202 text-align: center; 1203 border-right: solid 1px rgba(255, 255, 255, 0.8); 1204 padding: 0 16px; 1205 } 1206 .header-bar-nav-login-href { 1207 -webkit-box-align: center; 1208 -ms-flex-align: center; 1209 align-items: center; 1210 color: ${o.O.white}; 1211 display: -webkit-box; 1212 display: -ms-flexbox; 1213 display: flex; 1214 -webkit-box-pack: center; 1215 -ms-flex-pack: center; 1216 justify-content: center; 1217 line-height: 1.2em; 1218 padding: 6px 0; 1219 } 1220 .header-bar-nav-login-href:hover { 1221 opacity: 0.4; 1222 } 1223 .header-bar-nav-customer-support { 1224 display: inline-block; 1225 font-size: 11px; 1226 padding: 0 16px; 1227 text-align: center; 1228 border-right: solid 1px rgba(255, 255, 255, 0.8); 1229 } 1230 .header-bar-nav-customer-support-href { 1231 -webkit-box-align: center; 1232 -ms-flex-align: center; 1233 align-items: center; 1234 color: ${o.O.white}; 1235 display: -webkit-box; 1236 display: -ms-flexbox; 1237 display: flex; 1238 -webkit-box-pack: center; 1239 -ms-flex-pack: center; 1240 justify-content: center; 1241 line-height: 1.2em; 1242 padding: 6px 0; 1243 } 1244 .header-bar-nav-customer-support-href:hover { 1245 opacity: 0.4; 1246 } 1247 .header-bar-nav-text { 1248 margin-left: 4px; 1249 line-height: 1.2em; 1250 word-break: keep-all; 1251 } 1252 .header-notice-wrapper { 1253 margin: 0 8px 0 4px; 1254 } 1255 .header-bar-helpMenu { 1256 background: inherit; 1257 position: relative; 1258 display: inline-block; 1259 text-align: center; 1260 cursor: pointer; 1261 font-size: 11px; 1262 min-width: 100px; 1263 z-index: var(--menu-zIndex); 1264 } 1265 .header-bar-helpMenu:hover { 1266 margin-top: 12px; 1267 } 1268 .header-bar-helpMenu:hover:after { 1269 background-color: transparent; 1270 height: 12px; 1271 content: ''; 1272 display: block; 1273 z-index: var(--menu-zIndex); 1274 } 1275 .header-bar-helpMenu-list { 1276 border: 0; 1277 } 1278 .header-bar-helpMenu-list:hover { 1279 background: ${o.O.gray}; 1280 } 1281 .header-bar-helpMenu-href { 1282 color: ${o.O.black}; 1283 display: block; 1284 padding: 12px; 1285 position: relative; 1286 text-align: left; 1287 border-bottom: solid 1px ${o.O.gray}; 1288 text-decoration: none; 1289 } 1290 .header-bar-helpMenu-href:before { 1291 background-color: ${o.O.white}; 1292 } 1293 .header-bar-helpArrow { 1294 height: 12px; 1295 position: absolute; 1296 margin-top: -5px; 1297 top: 50%; 1298 right: 12px; 1299 } 1300 .header-bar-lang { 1301 display: inline-block; 1302 vertical-align: middle; 1303 -webkit-box-sizing: border-box; 1304 box-sizing: border-box; 1305 width: 150px; 1306 text-align: center; 1307 margin: 0 8px; 1308 } 1309 .header-bar-lang-href { 1310 line-height: 1.2em; 1311 background-color: rgba(255, 255, 255, 0.3); 1312 padding: 9px 5px; 1313 border-radius: 15px; 1314 font-size: 10px; 1315 border: none; 1316 cursor: pointer; 1317 display: block; 1318 -webkit-box-sizing: border-box; 1319 box-sizing: border-box; 1320 color: ${o.O.white}; 1321 } 1322 .header-bar-lang-flagIcon { 1323 width: 1.33333333em; 1324 margin-left: 5px; 1325 -webkit-transform: translateY(15%); 1326 -ms-transform: translateY(15%); 1327 transform: translateY(15%); 1328 } 1329 .header-bar-mainMenu { 1330 display: inline-block; 1331 vertical-align: middle; 1332 font-size: 11px; 1333 padding-left: 10px; 1334 -webkit-box-sizing: border-box; 1335 box-sizing: border-box; 1336 text-align: center; 1337 z-index: var(--menu-zIndex); 1338 } 1339 .header-bar-mainMenu-href { 1340 width: 105px; 1341 height: 30px; 1342 line-height: 2.5em; 1343 background-color: rgba(255, 255, 255, 0.3); 1344 cursor: pointer; 1345 display: block; 1346 text-align: center; 1347 font-size: 12px; 1348 color: ${o.O.white}; 1349 border-radius: 15px; 1350 } 1351 .header-bar-mainMenu-flex-wrapper { 1352 display: -webkit-box; 1353 display: -ms-flexbox; 1354 display: flex; 1355 -webkit-box-align: center; 1356 -ms-flex-align: center; 1357 align-items: center; 1358 -webkit-box-pack: center; 1359 -ms-flex-pack: center; 1360 justify-content: center; 1361 padding: 6px 0px; 1362 } 1363 .icon-down-arrow { 1364 content: ''; 1365 width: 11px; 1366 height: 11px; 1367 display: inline-block; 1368 background: url(https://wc.skyticket.jp/svg/right-arrow-fff.svg?v0.1); 1369 background-size: 11px; 1370 background-repeat: no-repeat; 1371 -webkit-transform: rotate(90deg); 1372 -ms-transform: rotate(90deg); 1373 transform: rotate(90deg); 1374 margin-left: 8px; 1375 } 1376 .header-bar-mainMenu-href[data-active='true'] 1377 .header-bar-mainMenu-flex-wrapper 1378 i { 1379 -webkit-transform: rotate(270deg); 1380 -ms-transform: rotate(270deg); 1381 transform: rotate(270deg); 1382 } 1383 .header-bar-lang-href:hover, 1384 .header-bar-mainMenu-href:hover { 1385 background-color: rgba(255, 255, 255, 0.5); 1386 } 1387 .header-bar-fader { 1388 height: 100%; 1389 position: absolute; 1390 width: 100%; 1391 z-index: var(--fader-zIndex); 1392 display: none; 1393 } 1394 .skyticket-pull-down-i18n { 1395 display: flex; 1396 gap: 8px; 1397 margin-left: 8px; 1398 } 1399 .header-pull-down-wrapper { 1400 display: inline-block; 1401 vertical-align: middle; 1402 font-size: 11px; 1403 min-width: 100px; 1404 box-sizing: border-box; 1405 text-align: center; 1406 z-index: var(--pull-down-nav-zIndex); 1407 position: relative; 1408 } 1409 .header-pull-down-wrapper-currency { 1410 display: inline-block; 1411 vertical-align: middle; 1412 font-size: 11px; 1413 min-width: 120px; 1414 box-sizing: border-box; 1415 text-align: center; 1416 z-index: var(--pull-down-nav-zIndex); 1417 position: relative; 1418 } 1419 .header-pull-down-title { 1420 padding: 0 18.5px; 1421 height: 30px; 1422 line-height: 2.5em; 1423 background-color: rgba(255, 255, 255, 0.3); 1424 cursor: pointer; 1425 display: block; 1426 text-align: center; 1427 font-size: 12px; 1428 color: ${o.O.white}; 1429 border-radius: 15px; 1430 z-index: var(--pull-down-nav-zIndex); 1431 } 1432 .header-pull-down-title:hover { 1433 background-color: ${o.O.subColor}; 1434 } 1435 .header-pull-down-name { 1436 line-height: 2.5em; 1437 } 1438 .header-pull-down-fader { 1439 position: fixed; 1440 width: 100%; 1441 height: 100%; 1442 left: 0; 1443 top: 0; 1444 z-index: var(--pull-down-fader-zIndex); 1445 display: none; 1446 } 1447 .header-pull-down-serviceSubUl { 1448 border: 1px solid ${o.O.lightGray}; 1449 -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.4); 1450 box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.4); 1451 position: absolute; 1452 top: 40px; 1453 z-index: var(--pull-down-nav-zIndex); 1454 display: block; 1455 width: auto; 1456 } 1457 .header-pull-down-serviceSubUl:before { 1458 border: 1px solid transparent; 1459 border-bottom-color: ${o.O.white}; 1460 border-width: 10px; 1461 border-top: 0px; 1462 border-left: 4px solid transparent; 1463 border-right: 4px solid transparent; 1464 content: ''; 1465 display: block; 1466 position: absolute; 1467 left: 0px; 1468 right: 0px; 1469 margin: auto; 1470 top: -10px; 1471 width: 1px; 1472 z-index: var(--pull-down-nav-zIndex); 1473 } 1474 .header-pull-down-serviceSubUl:after { 1475 border: 7px solid transparent; 1476 content: ''; 1477 display: block; 1478 position: absolute; 1479 left: 0px; 1480 top: -12px; 1481 width: 90%; 1482 z-index: var(--pull-down-nav-zIndex); 1483 } 1484 .header-pull-down-serviceSubList { 1485 background: ${o.O.lightGray}; 1486 color: ${o.O.black}; 1487 cursor: pointer; 1488 height: 40px; 1489 position: relative; 1490 white-space: nowrap; 1491 background-position: left top; 1492 background-repeat: no-repeat; 1493 background-size: 30px; 1494 z-index: var(--pull-down-nav-zIndex); 1495 } 1496 .header-pull-down-serviceSubHref { 1497 background: ${o.O.white}; 1498 color: ${o.O.black}; 1499 display: -webkit-box; 1500 display: -ms-flexbox; 1501 display: flex; 1502 font-size: 12px; 1503 -webkit-box-pack: justify; 1504 -ms-flex-pack: justify; 1505 justify-content: space-between; 1506 padding: 12px; 1507 position: relative; 1508 text-decoration: none; 1509 width: 100%; 1510 align-items: center; 1511 } 1512 .header-pull-down-serviceSubHref:hover { 1513
1513 background: ${o.O.gray}; 1514 } 1515 `]}render(){const e={backgroundColor:`${o.O.subColor}`},i={backgroundColor:`${o.O.subColor}`};return n.dy` 1516 <header class="header-bar"> 1517 <div class="header-bar-wrapper"> 1518 <div class="header-bar-content"> 1519 <a href=${this["logo-link"]}> 1520 <img 1521 class="header-bar-logo" 1522 src="${p.FH}/svg/logo.svg?v0.1" 1523 alt="skyticket" 1524 /> 1525 </a> 1526 <div class="header-bar-nav"> 1527 ${this["is-unnecessary-login"]?n.dy``:this["is-login"]?n.dy` 1528 <div class="header-bar-nav-login"> 1529 <a 1530 class="header-bar-nav-login-href" 1531 href=${(0,p.pd)("/user/login.php")} 1532 > 1533 <img 1534 src="${p.FH}/svg/user-white-close-up-shape.svg?v0.1" 1535 alt="" 1536 width="14" 1537 height="14" 1538 loading="lazy" 1539 /> 1540 <span class="header-bar-nav-text" 1541 >${c.ag.myPage[this["language-code"]]}</span 1542 > 1543 ${0!==this.notice?n.dy` 1544 <div class="header-notice-wrapper"> 1545 <skyticket-header-notice 1546 notice=${this.notice} 1547 ></skyticket-header-notice> 1548 </div> 1549 `:n.dy``} 1550 </a> 1551 </div> 1552 `:n.dy` 1553 <div class="header-bar-nav-login"> 1554 <a 1555 class="header-bar-nav-login-href" 1556 href=${(0,p.pd)("/user/search.php")} 1557 > 1558 <img 1559 src="${p.FH}/svg/file-alt-fff.svg?v0.1" 1560 alt="" 1561 width="14" 1562 height="14" 1563 loading="lazy" 1564 /> 1565 <span class="header-bar-nav-text" 1566 >${c.ag.myReservation[this["language-code"]]}</span 1567 > 1568 </a> 1569 </div> 1570 <div class="header-bar-nav-login"> 1571 <a 1572 class="header-bar-nav-login-href" 1573 href=${(0,p.pd)("/user/login.php")} 1574 > 1575 <img 1576 src="${p.FH}/svg/user-white-close-up-shape.svg?v0.1" 1577 alt="" 1578 width="14" 1579 height="14" 1580 loading="lazy" 1581 /> 1582 <span class="header-bar-nav-text" 1583 >${c.ag.login[this["language-code"]]}</span 1584 > 1585 </a> 1586 </div> 1587 `} 1588 <div 1589 class="header-bar-nav-customer-support" 1590 @mouseover=${this.setShowNavHelpMenu} 1591 > 1592 <a 1593 class="header-bar-nav-customer-support-href" 1594 href="https://support.skyticket.jp/hc/${(0,c.eH)(this["language-code"])}" 1595 target="_blank" 1596 rel="noopener noreferrer" 1597 > 1598 <img 1599 src="${p.FH}/svg/question-title-fff.svg?v0.1" 1600 alt="" 1601 width="16" 1602 height="16" 1603 loading="lazy" 1604 /> 1605 <span class="header-bar-nav-text" 1606 >${c.ag.custormerSupport[this["language-code"]]}</span 1607 > 1608 </a> 1609 </div> 1610 1611 <div class="header-bar-langMain-border"></div> 1612 ${"da"===this.service||this["show-i18n"]?n.dy` 1613 <div class="header-bar-lang" @click=${this.clickHandler}> 1614 <a class="header-bar-lang-href" href="javascript:void(0)"> 1615 ${this.language} | 1616 <img 1617 class="header-bar-lang-flagIcon" 1618 src="${p.FH}/svg/flags/${this.country}.svg?v0.1" 1619 alt="" 1620 loading="lazy" 1621 /> 1622 ${this.currency} 1623 </a> 1624 </div> 1625 `:this["show-i18n-simple"]?n.dy` 1626 <div class="skyticket-pull-down-i18n"> 1627 <div class="header-pull-down-wrapper"> 1628 <div 1629 class="header-pull-down-title" 1630 @mouseover=${this.pulldownLanguageHandler} 1631 style=${this._showPullDownLanguage?(0,d.V)(i):""} 1632 >
1633 <span class="header-pull-down-name" 1634 >${void 0!==this["language-code"]?c.s0[this["language-code"]]:this.language}</span 1635 > 1636 </div> 1637 ${this._showPullDownLanguage?n.dy` <ul class="header-pull-down-serviceSubUl"> 1638 ${(0,h.Wl)(this.service,this["language-code"]).map((e=>n.dy` 1639 <li class="header-pull-down-serviceSubList"> 1640 <a 1641 class="header-pull-down-serviceSubHref" 1642 href="${e.href}" 1643 > 1644 <span 1645 class="header-pull-down-serviceSubName" 1646 >${e.title}</span 1647 > 1648 ${e.isCheck?n.dy` <img 1649 src="${p.FH}/svg/checkmark.svg?v0.1" 1650 alt="" 1651 width="12" 1652 height="12" 1653 loading="lazy" 1654 />`:n.dy``} 1655 </a> 1656 </li> 1657 `))} 1658 </ul>`:n.dy``} 1659 </div> 1660 ${"guide"!==this.service?n.dy` <div class="header-pull-down-wrapper-currency"> 1661 <div 1662 class="header-pull-down-title" 1663 @mouseover=${this.pulldownCurrencyHandler} 1664 style=${this._showPullDownCurrency?(0,d.V)(i):""} 1665 > 1666 <span class="header-pull-down-name" 1667 >${void 0!==this["currency-code"]?this["currency-code"]:this.currency} 1668 </span> 1669 </div> 1670 ${this._showPullDownCurrency?n.dy` <ul class="header-pull-down-serviceSubUl"> 1671 ${void 0!==this["currency-code"]&&(0,h.Sc)(this.service,this["language-code"],this["currency-code"]).map((e=>n.dy` 1672 <li 1673 class="header-pull-down-serviceSubList" 1674 > 1675 <a 1676 class="header-pull-down-serviceSubHref" 1677 href="${e.href}" 1678 > 1679 <span 1680 class="header-pull-down-serviceSubName" 1681 >${e.title}</span 1682 > 1683 ${e.isCheck?n.dy` <img 1684 src="${p.FH}/svg/checkmark.svg?v0.1" 1685 alt="" 1686 width="12" 1687 height="12" 1688 loading="lazy" 1689 />`:n.dy``} 1690 </a> 1691 </li> 1692 `))} 1693 </ul>`:n.dy``} 1694 </div>`:n.dy``} 1695 <div 1696 class="header-pull-down-fader" 1697 @mouseover=${this.faderPulldownLanguageHandler} 1698 style=${this._showPullDownLanguage?(0,d.V)({display:"block"}):""} 1699 ></div> 1700 <div 1701 class="header-pull-down-fader" 1702 @mouseover=${this.faderPulldownCurrencyHandler} 1703 style=${this._showPullDownCurrency?(0,d.V)({display:"block"}):""} 1704 ></div> 1705 </div> 1706 `:n.dy``} 1707 <div class="header-bar-mainMenu"> 1708 <a 1709 class="header-bar-mainMenu-href" 1710 href="javascript:void(0)" 1711 @click=${this.setShowNavMainMenu}
1712 style=${this._showNavMainMenu?(0,d.V)(e):""} 1713 data-active=${this._showNavMainMenu?"true":""} 1714 > 1715 <div class="header-bar-mainMenu-flex-wrapper"> 1716 <span>${c.ag.menu[this["language-code"]]}</span> 1717 <i class="icon-down-arrow"></i> 1718 </div> 1719 </a> 1720 </div> 1721 <!-- </div> --> 1722 </div> 1723 </div> 1724 </div> 1725 <skyticket-header-i18n-menu-pc 1726 style=${this._showNavMainMenu?"":(0,d.V)({display:"none"})} 1727 ?is-login=${this["is-login"]} 1728 notice=${this.notice} 1729 language-code=${this["language-code"]} 1730 z-index=${this["z-index"]} 1731 ?is-unnecessary-login=${this["is-unnecessary-login"]} 1732 ></skyticket-header-i18n-menu-pc> 1733 <div 1734 class="header-bar-fader" 1735 @click=${this.faderHandler} 1736 @mouseover=${this.faderHandler} 1737 style=${this._showNavMainMenu||this._showNavHelpMenu?(0,d.V)({display:"block",marginTop:this._showNavHelpMenu?"-60px":""}):""} 1738 ></div> 1739 </header> 1740 `}};$([(0,s.Cb)({type:Boolean})],C.prototype,"is-login",void 0),$([(0,s.Cb)({type:Number})],C.prototype,"notice",void 0),$([(0,s.Cb)({type:String})],C.prototype,"language",void 0),$([(0,s.Cb)({type:String})],C.prototype,"language-code",void 0),$([(0,s.Cb)({type:String})],C.prototype,"country",void 0),$([(0,s.Cb)({type:String})],C.prototype,"currency",void 0),$([(0,s.Cb)({type:String})],C.prototype,"currency-code",void 0),$([(0,s.Cb)({type:String})],C.prototype,"service",void 0),$([(0,s.Cb)({type:String})],C.prototype,"logo-link",void 0),$([(0,s.Cb)({type:Number})],C.prototype,"z-index",void 0),$([(0,s.Cb)({type:Boolean})],C.prototype,"show-i18n",void 0),$([(0,s.Cb)({type:Boolean})],C.prototype,"show-i18n-simple",void 0),$([(0,s.Cb)({type:Boolean})],C.prototype,"is-unnecessary-login",void 0),$([(0,s.SB)()],C.prototype,"_showNavHelpMenu",void 0),$([(0,s.SB)()],C.prototype,"_showNavMainMenu",void 0),$([(0,s.SB)()],C.prototype,"_showPullDownLanguage",void 0),$([(0,s.SB)()],C.prototype,"_showPullDownCurrency",void 0),C=$([(0,s.Mo)("skyticket-header-i18n-bar-tb")],C);t(57990);var M=function(e,i,t,n){var s,r=arguments.length,o=r<3?i:null===n?n=Object.getOwnPropertyDescriptor(i,t):n;if("object"===typeof Reflect&&"function"===typeof Reflect.decorate)o=Reflect.decorate(e,i,t,n);else for(var a=e.length-1;a>=0;a--)(s=e[a])&&(o=(r<3?s(o):r>3?s(i,t,o):s(i,t))||o);return r>3&&o&&Object.defineProperty(i,t,o),o};let z=class extends n.oi{constructor(){super(...arguments),this.service="ia",this["z-index"]=0,this["language-code"]="en",this.isModalVisible=!1,this.redirectLink="",this.serviceName=""}static get styles(){return[a.O,n.iv` 1741 .header-nav-serviceRoot { 1742 background-color: ${o.O.lightGray}; 1743 } 1744 .header-nav-serviceWrapper { 1745 margin: 0 auto; 1746 position: relative; 1747 max-width: 768px; 1748 width: 100%; 1749 } 1750 .header-nav-service-ul { 1751 display: flex; 1752 justify-content: space-evenly; 1753 width: 100%; 1754 } 1755 .header-nav-service-li:not(:last-of-type) { 1756 border-right: 1px solid rgb(228, 228, 228); 1757 } 1758 .header-nav-service-li { 1759 box-sizing: border-box; 1760 position: relative; 1761 display: table-cell; 1762 vertical-align: middle; 1763 height: 40px; 1764 width: 100%; 1765 } 1766 [class*='header-nav-service-li']:hover { 1767 background-color: ${o.O.subColor}; 1768 color: ${o.O.white}; 1769 } 1770 .is-active { 1771 background-color: ${o.O.subColor}; 1772 color: ${o.O.white}; 1773 } 1774 .header-nav-service-href { 1775 display: block; 1776 text-decoration: none; 1777 font-size: 12px; 1778 text-align: center; 1779 line-height: 40px; 1780 }
1781 .modal-overlay { 1782 position: fixed; 1783 top: 0; 1784 left: 0; 1785 width: 100%; 1786 height: 100%; 1787 background-color: rgba(0, 0, 0, 0.5); 1788 display: flex; 1789 justify-content: center; 1790 align-items: center; 1791 z-index: 10; 1792 visibility: hidden; 1793 opacity: 0; 1794 transition: opacity 0.3s ease, visibility 0s ease 0.3s; 1795 } 1796 .modal-overlay.visible { 1797 visibility: visible; 1798 opacity: 1; 1799 transition-delay: 0s; 1800 } 1801 .modal-content { 1802 background: white; 1803 padding: 16px; 1804 display: flex; 1805 justify-content: center; 1806 align-items: center; 1807 width: 80%; 1808 height: 400px; 1809 overflow: hidden; 1810 } 1811 .modal-body { 1812 display: flex; 1813 flex-direction: column; 1814 gap: 20px; 1815 align-items: center; 1816 text-align: center; 1817 } 1818 .redirecting-text { 1819 max-width: 250px; 1820 color: #000; 1821 text-align: center; 1822 font-family: inherit; 1823 font-size: 20px; 1824 font-style: normal; 1825 font-weight: 600; 1826 line-height: 140%; 1827 } 1828 .loading-spinner { 1829 width: 100%; 1830 display: flex; 1831 justify-content: center; 1832 align-items: center; 1833 } 1834 .loading-spinner-span { 1835 width: 125px; 1836 height: 125px; 1837 } 1838 .logoSpan { 1839 width: 100%; 1840 display: flex; 1841 justify-content: center; 1842 align-items: center; 1843 } 1844 `]}generateLink(e){const i="vacation-rentals"===e.name;return n.dy` 1845 <a 1846 href="${i?"javascript:void(0)":e.href}" 1847 class="${e.className||"header-nav-service-href"}" 1848 @click="${i=>this.handleTagClick(i,e.href,e.name,e.gaTagClassName)}" 1849 target="${"premium"===e.gaTagClassName?"_blank":""}" 1850 rel="${"premium"===e.gaTagClassName?"noreferrer":""}" 1851 > 1852 ${e.name} 1853 </a> 1854 `}handleTagClick(e,i,t,n){e.preventDefault(),"hotel"!==n.toLowerCase()&&"vacation-rentals"!==n.toLowerCase()||!i.includes("adventure.inc")?window.location.href=i:this.openModal(i,t)}async openModal(e,i){this.redirectLink=e,this.serviceName=i,this.isModalVisible=!0,this.timeoutId&&clearTimeout(this.timeoutId),await this.requestUpdate(),this.timeoutId=window.setTimeout((()=>{this.isModalVisible=!1,this.redirectToLink()}),2e3)}redirectToLink(){this.isModalVisible=!1,window.location.href=this.redirectLink}updated(e){super.updated(e)}render(){return n.dy` 1855 <div class="header-nav-serviceRoot"> 1856 <nav class="header-nav-serviceWrapper"> 1857 <ul class="header-nav-service-ul"> 1858 ${(0,h.yD)(this["language-code"]).map((e=>n.dy` 1859 <li 1860 class="header-nav-service-li ${e.gaTagClassName} ${this.service===e.service?"is-active":""}" 1861 > 1862 ${this.generateLink({name:e.name,href:e.href,gaTagClassName:e.gaTagClassName})} 1863 </li> 1864 `))} 1865 </ul> 1866 </nav> 1867 1868 <!-- Modal Overlay and Content --> 1869 <div class="modal-overlay ${this.isModalVisible?"visible":""}"> 1870 <div class="modal-content"> 1871 <div class="modal-body"> 1872 <p class="redirecting-text"> 1873 ${c.ag.redirectMessage[this["language-code"]]} 1874 </p> 1875 <div class="loading-spinner"> 1876 <span class="loading-spinner-span"> 1877 <img 1878 src="${p.FH}/svg/processing-circle.svg?v0.1" 1879 alt="Loading Spinner" 1880 width="125" 1881 height="125" 1882 loading="lazy" 1883 onerror="this.onerror=null; 1884 this.src='https://menu.skyticket.jp/svg/processing-circle.svg?v0.1';" 1885 /> 1886 </span> 1887 </div> 1888 <div class="logoSpan"> 1889 <img 1890 src="${p.FH}/svg/adventure_logo.svg?v0.1" 1891 alt="Adventure Logo" 1892 width="200" 1893 height="25" 1894 loading="lazy" 1895 onerror="this.onerror=null; 1896 this.src='https://menu.skyticket.jp/svg/adventure_logo.svg?v0.1';" 1897 /> 1898 </div> 1899 </div> 1900 </div> 1901 </div> 1902 <!-- Modal Overlay and Content --> 1903 </div> 1904 `}};M([(0,s.Cb)({type:String})],z.prototype,"service",void 0),M([(0,s.Cb)({type:Number})],z.prototype,"z-index",void 0),M([(0,s.Cb)({type:String})],z.prototype,"language-code",void 0),M([(0,s.Cb)({type:Boolean})],z.prototype,"isModalVisible",void 0),M([(0,s.Cb)({type:String})],z.prototype,"redirectLink",void 0),M([(0,s.Cb)({type:String})],z.prototype,"serviceName",void 0),z=M([(0,s.Mo)("skyticket-header-i18n-nav-tb")],z);var L=function(e,i,t,n){var s,r=arguments.length,o=r<3?i:null===n?n=Object.getOwnPropertyDescriptor(i,t):n;if("object"===typeof Reflect&&"function"===typeof Reflect.decorate)o=Reflect.decorate(e,i,t,n);else for(var a=e.length-1;a>=0;a--)(s=e[a])&&(o=(r<3?s(o):r>3?s(i,t,o):s(i,t))||o);return r>3&&o&&Object.defineProperty(i,t,o),o};let S=class extends n.oi{constructor(){super(...arguments),this["is-login"]=!1,this.notice=0,this.language="",this["language-code"]="en",this.currency="",this.country="",this.service="da",this["show-line-menu"]=!1,this["z-index"]=0,this["show-i18n"]=!1,this["show-i18n-simple"]=!1,this["show-banner"]=!1,this["is-unnecessary-login"]=!1}render(){return n.dy` 1905 <skyticket-header-i18n-bar-tb 1906 ?is-login=${this["is-login"]} 1907 notice=${this.notice} 1908 language=${this.language} 1909 language-code=${this["language-code"]} 1910 country=${this.country} 1911 currency=${this.currency} 1912 currency-code=${this["currency-code"]} 1913 service=${this.service} 1914 logo-link=${(0,l.o)(this.service)} 1915 z-index=${this["z-index"]} 1916 ?show-i18n=${this["show-i18n"]} 1917 ?show-i18n-simple=${this["show-i18n-simple"]} 1918 ?is-unnecessary-login=${this["is-unnecessary-login"]} 1919 ></skyticket-header-i18n-bar-tb> 1920 ${this["show-line-menu"]?n.dy` 1921 <skyticket-header-i18n-nav-tb 1922 service=${this.service} 1923 z-index=${this["z-index"]} 1924 language-code=${this["language-code"]} 1925 ></skyticket-header-i18n-nav-tb> 1926 `:n.dy``} 1927 `}};L([(0,s.Cb)({type:Boolean})],S.prototype,"is-login",void 0),L([(0,s.Cb)({type:Number})],S.prototype,"notice",void 0),L([(0,s.Cb)({type:String})],S.prototype,"language",void 0),L([(0,s.Cb)({type:String})],S.prototype,"language-code",void 0),L([(0,s.Cb)({type:String})],S.prototype,"currency",void 0),L([(0,s.Cb)({type:String})],S.prototype,"currency-code",void 0),L([(0,s.Cb)({type:String})],S.prototype,"country",void 0),L([(0,s.Cb)({type:String})],S.prototype,"service",void 0),L([(0,s.Cb)({type:Boolean})],S.prototype,"show-line-menu",void 0),L([(0,s.Cb)({type:Number})],S.prototype,"z-index",void 0),L([(0,s.Cb)({type:Boolean})],S.prototype,"show-i18n",void 0),L([(0,s.Cb)({type:Boolean})],S.prototype,"show-i18n-simple",void 0),L([(0,s.Cb)({type:Boolean})],S.prototype,"show-banner",void 0),L([(0,s.Cb)({type:Boolean})],S.prototype,"is-unnecessary-login",void 0),S=L([(0,s.Mo)("skyticket-header-i18n-tb")],S);var O=function(e,i,t,n){var s,r=arguments.length,o=r<3?i:null===n?n=Object.getOwnPropertyDescriptor(i,t):n;if("object"===typeof Reflect&&"function"===typeof Reflect.decorate)o=Reflect.decorate(e,i,t,n);else for(var a=e.length-1;a>=0;a--)(s=e[a])&&(o=(r<3?s(o):r>3?s(i,t,o):s(i,t))||o);return r>3&&o&&Object.defineProperty(i,t,o),o};let _=class extends n.oi{constructor(){super(...arguments),this["is-login"]=!1,this.notice=0,this.language="",this["language-code"]="en",this.country="",this.currency="",this.service="da",this["show-line-menu"]=!1,this["z-index"]=0,this["show-i18n"]=!1,this["show-i18n-simple"]=!1,this["show-banner"]=!1,this["is-unnecessary-login"]=!1,this._isTb=!1}connectedCallback(){super.connectedCallback(),this._isTb=this.detectIsTb(),window.addEventListener("resize",(()=>{this._isTb=this.detectIsTb()}))}detectIsTb(){return window.innerWidth<r.w}static get styles(){return[a.O,n.iv` 1928 * { 1929 color: ${o.O.black}; 1930 } 1931 `]}render(){return this._isTb?n.dy` 1932 <skyticket-header-i18n-tb 1933 ?is-login=${this["is-login"]} 1934 notice=${this.notice} 1935 language=${this.language} 1936 language-code=${this["language-code"]} 1937 country=${this.country} 1938 currency=${this.currency} 1939 currency-code=${this["currency-code"]} 1940 service=${this.service} 1941 ?show-line-menu=${this["show-line-menu"]} 1942 z-index=${this["z-index"]} 1943 ?show-i18n=${this["show-i18n"]} 1944 ?show-i18n-simple=${this["show-i18n-simple"]} 1945 ?show-banner=${this["show-banner"]} 1946 ?is-unnecessary-login=${this["is-unnecessary-login"]} 1947 ></skyticket-header-i18n-tb> 1948 `:n.dy` 1949 <skyticket-header-i18n-pc 1950 ?is-login=${this["is-login"]} 1951 notice=${this.notice} 1952 language=${this.language} 1953 language-code=${this["language-code"]} 1954 country=${this.country} 1955 currency=${this.currency} 1956 currency-code=${this["currency-code"]} 1957 service=${this.service} 1958 ?show-line-menu=${this["show-line-menu"]} 1959 z-index=${this["z-index"]} 1960 ?show-i18n=${this["show-i18n"]} 1961 ?show-i18n-simple=${this["show-i18n-simple"]} 1962 ?show-banner=${this["show-banner"]} 1963 ?is-unnecessary-login=${this["is-unnecessary-login"]} 1964 ></skyticket-header-i18n-pc>
1964 1965 `}};O([(0,s.Cb)({type:Boolean})],_.prototype,"is-login",void 0),O([(0,s.Cb)({type:Number})],_.prototype,"notice",void 0),O([(0,s.Cb)({type:String})],_.prototype,"language",void 0),O([(0,s.Cb)({type:String})],_.prototype,"language-code",void 0),O([(0,s.Cb)({type:String})],_.prototype,"country",void 0),O([(0,s.Cb)({type:String})],_.prototype,"currency",void 0),O([(0,s.Cb)({type:String})],_.prototype,"currency-code",void 0),O([(0,s.Cb)({type:String})],_.prototype,"service",void 0),O([(0,s.Cb)({type:Boolean})],_.prototype,"show-line-menu",void 0),O([(0,s.Cb)({type:Number})],_.prototype,"z-index",void 0),O([(0,s.Cb)({type:Boolean})],_.prototype,"show-i18n",void 0),O([(0,s.Cb)({type:Boolean})],_.prototype,"show-i18n-simple",void 0),O([(0,s.Cb)({type:Boolean})],_.prototype,"show-banner",void 0),O([(0,s.Cb)({type:Boolean})],_.prototype,"is-unnecessary-login",void 0),O([(0,s.SB)()],_.prototype,"_isTb",void 0),_=O([(0,s.Mo)("skyticket-header-i18n-pc-tb")],_);var N=function(e,i,t,n){var s,r=arguments.length,o=r<3?i:null===n?n=Object.getOwnPropertyDescriptor(i,t):n;if("object"===typeof Reflect&&"function"===typeof Reflect.decorate)o=Reflect.decorate(e,i,t,n);else for(var a=e.length-1;a>=0;a--)(s=e[a])&&(o=(r<3?s(o):r>3?s(i,t,o):s(i,t))||o);return r>3&&o&&Object.defineProperty(i,t,o),o};let P=class extends n.oi{constructor(){super(...arguments),this.show=!1,this["language-code"]="en"}closeHandler(){this.show=!1;const e=new CustomEvent("update-close",{bubbles:!0,composed:!0});this.dispatchEvent(e)}static get styles(){return[a.O,n.iv` 1966 .menu-sideMenu-close { 1967 display: block; 1968 height: 50px; 1969 overflow: hidden; 1970 position: absolute; 1971 text-indent: 100%; 1972 top: 0; 1973 white-space: nowrap; 1974 width: 50px; 1975 } 1976 .menu-sideMenu-close-icon { 1977 position: absolute; 1978 left: 20px; 1979 top: 50%; 1980 -webkit-transform: translateY(-50%); 1981 -ms-transform: translateY(-50%); 1982 transform: translateY(-50%); 1983 } 1984 .menu-sideMenu-header-wrapper { 1985 background: ${o.O.mainColor}; 1986 height: 50px; 1987 display: flex; 1988 align-items: center; 1989 } 1990 .menu-sideMenu-header { 1991 -webkit-box-align: center; 1992 -ms-flex-align: center; 1993 align-items: center; 1994 display: -webkit-box; 1995 display: -ms-flexbox; 1996 display: flex; 1997 height: 34px; 1998 margin: auto; 1999 -webkit-box-pack: center; 2000 -ms-flex-pack: center; 2001 justify-content: center; 2002 width: 127px; 2003 font-family: HiraKakuPro-W6; 2004 font-size: 16px; 2005 line-height: 1.46; 2006 color: ${o.O.white}; 2007 } 2008 `]}render(){return n.dy` 2009 <div class="menu-sideMenu-header-wrapper"> 2010 <button 2011 type="button" 2012 aria-label="close" 2013 class="menu-sideMenu-close" 2014 @click=${this.closeHandler} 2015 > 2016 <img 2017 class="menu-sideMenu-close-icon" 2018 src="${p.FH}/svg/cross-fff.svg?v0.1" 2019 alt="" 2020 width="18" 2021 height="18" 2022 loading="lazy" 2023 /> 2024 </button> 2025 <span class="menu-sideMenu-header" 2026 >${c.ag.search[this["language-code"]]}</span 2027 > 2028 </div> 2029 `}};N([(0,s.Cb)({type:Boolean})],P.prototype,"show",void 0),N([(0,s.Cb)({type:String})],P.prototype,"language-code",void 0),P=N([(0,s.Mo)("skyticket-header-i18n-menu-header-sp")],P);var H=function(e,i,t,n){var s,r=arguments.length,o=r<3?i:null===n?n=Object.getOwnPropertyDescriptor(i,t):n;if("object"===typeof Reflect&&"function"===typeof Reflect.decorate)o=Reflect.decorate(e,i,t,n);else for(var a=e.length-1;a>=0;a--)(s=e[a])&&(o=(r<3?s(o):r>3?s(i,t,o):s(i,t))||o);return r>3&&o&&Object.defineProperty(i,t,o),o};let j=class extends n.oi{constructor(){super(...arguments),this["is-login"]=!1,this.notice=0,this["language-code"]="en",this.country="",this.currency="",this.isModalVisible=!1,this.redirectLink="",this.serviceName="",this.service="da",this["show-i18n"]=!1,this["show-i18n-simple"]=!1,this.show=!1,this["is-unnecessary-login"]=!1}closeHandler(){document.body.style.overflow="auto",this.show=!1,this.requestUpdate()}openHandler(){document.body.style.overflow="hidden",this.show=!0,this.requestUpdate()}countryHandler(){this.closeHandler(),setTimeout((()=>{const e=new CustomEvent("wcLangClicked",{bubbles:!0,composed:!0});this.dispatchEvent(e)}),10)}static get styles(){return[a.O,n.iv` 2030 .menu-sideMenu { 2031 background-color: ${o.O.white}; 2032 height: 100%; 2033 left: -300px; 2034 overflow-x: hidden; 2035 overflow-y: auto; 2036 position: fixed; 2037 top: 0; 2038 width: 300px; 2039 z-index: 9999; 2040 -webkit-overflow-scrolling: touch; 2041 } 2042 .menu-sideMenu-section:not(:nth-child(2)) { 2043 } 2044 .menu-sideMenu-title { 2045 font-size: 14px; 2046 font-weight: normal; 2047 line-height: 1; 2048 color: ${o.O.black}; 2049 background-color: ${o.O.lightGray}; 2050 padding: 8px; 2051 } 2052 .header-notice-wrapper { 2053 margin: 0 8px 0 4px; 2054 } 2055 .menu-sideMenu-serviceLink, 2056 .menu-sideMenu-serviceLink-country { 2057 display: flex; 2058 font-size: 14px; 2059 padding: 16px 16px; 2060 position: relative; 2061 text-decoration: none; 2062 line-height: 15px; 2063 } 2064 .menu-sideMenu-subMenu { 2065 margin-bottom: 10px; 2066 } 2067 .menu-sideMenu-sub-serviceLink { 2068 padding: 4px 8px !important; 2069 } 2070 .menu-sideMenu-serviceLink-country { 2071 background-color: ${o.O.lightGray}; 2072 margin: -2px 0 26px 0; 2073 } 2074 .menu-sideMenu-serviceLink-arrow { 2075 position: absolute; 2076 width: 14px; 2077 height: 14px; 2078 right: 12px; 2079 top: 50%; 2080 -webkit-transform: translateY(-50%); 2081 -ms-transform: translateY(-50%); 2082 transform: translateY(-50%); 2083 } 2084 .menu-sideMenu-serviceLink-icon { 2085 width: 16px; 2086 height: 16px; 2087 margin-right: 6px; 2088 vertical-align: text-bottom; 2089 } 2090 .menu-sideMenu-serviceLink-flagIcon { 2091 width: 28px; 2092 height: 23px; 2093 margin-right: 6px; 2094 vertical-align: bottom; 2095 } 2096 .menu-sideMenu-serviceLink-line { 2097 width: 268px; 2098 height: 1px; 2099 margin: 0 16px 0 16px; 2100 border: solid 1px ${o.O.gray}; 2101 } 2102 .menu-sideMenu-serviceLink-line:last-child { 2103 border: none; 2104 } 2105 .menu-sideMenu-sectionEnd { 2106 width: 100%; 2107 height: 8px; 2108 background-color: ${o.O.lightGray}; 2109 margin: 0 0 24px 0; 2110 } 2111 .menu-sideMenu-serviceLink-subMark { 2112 width: 8px; 2113 height: 12px; 2114 margin: 0 8px 0 10px; 2115 font-family: HiraKakuPro-W3; 2116 font-size: 12px; 2117 color: ${o.O.darkGray}; 2118 } 2119 .header-notice-wrapper { 2120 top: 34%; 2121 right: 12%; 2122 position: absolute; 2123 } 2124 .menu-sideMenu-serviceLink-mail, 2125 .menu-sideMenu-serviceLink-label { 2126 border-radius: 12px; 2127 background-color: ${o.O.warningColor}; 2128 top: 50%; 2129 right: 12%; 2130 -webkit-transform: translateY(-50%); 2131 -ms-transform: translateY(-50%); 2132 transform: translateY(-50%); 2133 position: absolute; 2134 height: 16px; 2135 line-height: 16px; 2136 } 2137 .menu-sideMenu-serviceLink-label { 2138 background-color: ${o.O.accentColor}; 2139 } 2140 .menu-sideMenu-serviceLink-label-text { 2141 font-family: HiraKakuPro-W6; 2142 color: ${o.O.white}; 2143 margin: 0 2px 0 2px; 2144 text-align: right; 2145 padding: 6px; 2146 } 2147 .menu-sideMenu-serviceLink-i18n-simple { 2148 display: block; 2149 font-size: 14px; 2150 padding: 16px 20px; 2151 position: relative; 2152 text-decoration: none; 2153 line-height: 15px; 2154 } 2155 .menu-sideMenu-serviceLink-line-i18n-simple { 2156 width: 260 8px; 2157 height: 1px; 2158 margin: 0 16px 0 18px; 2159 border: solid 1px ${o.O.gray}; 2160 } 2161 .menu-sideMenu-serviceLink-line-i18n-simple:last-child { 2162 border: none; 2163 } 2164 .menu-sideMenu-serviceLink-checkmark { 2165 position: absolute; 2166 width: 14px; 2167 height: 14px; 2168 right: 18px; 2169 top: 50%; 2170 -webkit-transform: translateY(-50%); 2171 -ms-transform: translateY(-50%); 2172 transform: translateY(-50%); 2173 } 2174 .menu-bg { 2175 background-color: rgba(0, 0, 0, 0.4); 2176 height: 100%; 2177 position: fixed; 2178 top: 0; 2179 width: 100%; 2180 z-index: 100; 2181 }
2182 .modal-overlay { 2183 position: fixed; 2184 top: 0; 2185 left: 0; 2186 width: 100%; 2187 height: 100%; 2188 background-color: rgba(0, 0, 0, 0.5); 2189 display: flex; 2190 justify-content: center; 2191 align-items: center; 2192 z-index: 10000; 2193 visibility: hidden; 2194 opacity: 0; 2195 transition: opacity 0.3s ease, visibility 0s ease 0.3s; 2196 } 2197 .modal-overlay.visible { 2198 visibility: visible; 2199 opacity: 1; 2200 transition-delay: 0s; 2201 } 2202 .modal-content { 2203 background: white; 2204 padding: 16px; 2205 display: flex; 2206 justify-content: center; 2207 align-items: center; 2208 width: 300px; 2209 height: 409px; 2210 overflow: hidden; 2211 } 2212 .modal-body { 2213 display: flex; 2214 flex-direction: column; 2215 gap: 20px; 2216 align-items: center; 2217 text-align: center; 2218 } 2219 .redirecting-text { 2220 max-width: 200px; 2221 color: #000; 2222 text-align: center; 2223 font-family: inherit; 2224 font-size: 20px; 2225 font-style: normal; 2226 font-weight: 600; 2227 line-height: 140%; 2228 } 2229 .loading-spinner { 2230 width: 100%; 2231 display: flex; 2232 justify-content: center; 2233 align-items: center; 2234 } 2235 .loading-spinner-span { 2236 width: 125px; 2237 height: 125px; 2238 } 2239 .logoSpan { 2240 max-width: 129.484px; 2241 height: 16.745px; 2242 flex-shrink: 0; 2243 display: flex; 2244 justify-content: center; 2245 align-items: center; 2246 } 2247 `]}generateLink(e){const i="hotel"===e.name||"vacation-rentals"===e.name;return n.dy` 2248 <a 2249 href="${i?"javascript:void(0)":e.href}" 2250 class="menu-sideMenu-serviceLink" 2251 @click="${i=>this.handleTagClick(i,e.href,e.name,e.gaTagClassName)}" 2252 target="${"premium"===e.gaTagClassName?"_blank":""}" 2253 rel="${"premium"===e.gaTagClassName?"noreferrer":""}" 2254 > 2255 ${e.label?n.dy` 2256 <div class="menu-sideMenu-serviceLink-label"> 2257 <span class="menu-sideMenu-serviceLink-label-text"> 2258 ${e.label} 2259 </span> 2260 </div> 2261 `:""} 2262 <img 2263 class="menu-sideMenu-serviceLink-icon" 2264 src="${e.icon}" 2265 alt="" 2266 loading="lazy" 2267 /> 2268 ${e.name} 2269 <img 2270 class="menu-sideMenu-serviceLink-arrow" 2271 src="${e.baseUrl}/svg/right-arrow.svg?v0.1" 2272 alt="" 2273 loading="lazy" 2274 /> 2275 </a> 2276 `}handleTagClick(e,i,t,n){e.preventDefault(),"hotel"!==n.toLocaleLowerCase()&&"vacation-rentals"!==n.toLocaleLowerCase()||!i.includes("adventure.inc")?window.location.href=i:this.openModal(i,t)}async openModal(e,i){this.redirectLink=e,this.serviceName=i,this.isModalVisible=!0,this.timeoutId&&clearTimeout(this.timeoutId),await this.requestUpdate(),this.timeoutId=window.setTimeout((()=>{this.isModalVisible=!1,this.redirectToLink()}),2e3)}redirectToLink(){this.isModalVisible=!1,window.location.href=this.redirectLink}updated(e){super.updated(e)}render(){const e={transform:this.show?"translate(300px, 0)":"translate(-300px, 0)",transition:"transform 100ms cubic-bezier(0, 0, 1, 0.1)"},i={animation:(this.show?"fadeIn":"fadeOut")+"0.3s linear 0s 1",display:this.show?"block":"none"};return n.dy` 2277 <div @update-close="${this.closeHandler}"> 2278 <aside class="menu-sideMenu" style=${(0,d.V)(e)}> 2279 <skyticket-header-i18n-menu-header-sp 2280 language-code=${this["language-code"]} 2281 ></skyticket-header-i18n-menu-header-sp> 2282 ${(0,h.PG)(this["language-code"]).map(((e,i)=>n.dy` 2283 <section class="menu-sideMenu-section"> 2284 <h4 class="menu-sideMenu-title">${e.title}</h4> 2285 <ul class="menu-sideMenu-list"> 2286 <li> 2287 ${e.items.map(((t,s)=>t.show?n.dy` 2288 ${this.generateLink({name:t.name,href:t.href,gaTagClassName:t.gaTagClassName,label:t.label,baseUrl:p.FH,icon:t.icon})} 2289 ${i==(0,h.PG)(this["language-code"]).length-1&&s==e.items.length-1?n.dy``:n.dy`<div 2290 class="menu-sideMenu-serviceLink-line" 2291 ></div>`} 2292 `:""))} 2293 </li> 2294 </ul> 2295 </section> 2296 `))} 2297 ${this["is-unnecessary-login"]?n.dy``:(0,h.st)(this["language-code"],this["is-login"]).map((e=>n.dy` 2298 <section class="menu-sideMenu-section"> 2299 <h4 class="menu-sideMenu-title">${e.title}</h4> 2300 <ul class="menu-sideMenu-list"> 2301 <li> 2302 ${e.items.map((e=>n.dy` 2303 <a 2304 class="menu-sideMenu-serviceLink" 2305 href=${e.href} 2306 target="${"premium"==e.gaTagClassName?"_blank":""}" 2307 rel="${"premium"==e.gaTagClassName?"noreferrer":""}" 2308 style="${"My Reservation(s)\u30fbCancel"===e.name?"padding: 12px 16px 8px 16px !important;":""}" 2309 > 2310 ${e.isnotice&&this.notice?n.dy` 2311 <div class="header-notice-wrapper"> 2312 <skyticket-header-notice 2313 notice=${this.notice} 2314 ></skyticket-header-notice> 2315 </div> 2316 `:n.dy``} 2317 <img 2318 class="menu-sideMenu-serviceLink-icon" 2319 src="${e.icon}" 2320 alt="" 2321 loading="lazy" 2322 /> 2323 ${e.name} 2324 <img 2325 class="menu-sideMenu-serviceLink-arrow" 2326 src="${p.FH}/svg/right-arrow.svg?v0.1" 2327 alt="" 2328 loading="lazy" 2329 /> 2330 </a> 2331 ${e.sub&&n.dy` 2332 <ul class="menu-sideMenu-subMenu"> 2333 ${e.sub.map((e=>n.dy` 2334 <li> 2335 <a 2336 class="menu-sideMenu-serviceLink menu-sideMenu-sub-serviceLink" 2337 href=${e.href} 2338 target="${"premium"==e.gaTagClassName?"_blank":""}" 2339 rel="${"premium"==e.gaTagClassName?"noreferrer":""}" 2340 ><span 2341 class="menu-sideMenu-serviceLink-subMark" 2342 >â</span 2343 ><span>${e.name}</span> 2344 </a> 2345 </li> 2346 `))} 2347 </ul> 2348 `} 2349 <div class="menu-sideMenu-serviceLink-line"></div> 2350 `))} 2351 </li> 2352 </ul> 2353 </section> 2354 `))} 2355 ${(0,h.UT)(this["language-code"]).map((e=>n.dy` 2356 <section class="menu-sideMenu-section"> 2357 <h4 class="menu-sideMenu-title">${e.title}</h4> 2358 <ul class="menu-sideMenu-list"> 2359 <li> 2360 ${e.items.map((e=>n.dy` 2361 ${e.isCountryItem?n.dy``:n.dy` 2362 <a 2363 class="menu-sideMenu-serviceLink" 2364 href=${e.href} 2365 target="${"premium"==e.gaTagClassName?"_blank":""}" 2366 rel="${"premium"==e.gaTagClassName?"noreferrer":""}" 2367 > 2368 ${e.name} 2369 <img 2370 class="menu-sideMenu-serviceLink-arrow" 2371 src="${p.FH}/svg/right-arrow.svg?v0.1" 2372 alt="" 2373 loading="lazy" 2374 /> 2375 </a> 2376 <div class="menu-sideMenu-serviceLink-line"></div> 2377 `} 2378 `))} 2379 </li> 2380 </ul> 2381 </section> 2382 `))} 2383 ${this["show-i18n-simple"]?n.dy` 2384 ${(0,h.Wl)(this.service,this["language-code"]).length>0?n.dy` 2385 <section class="menu-sideMenu-section"> 2386 <h4 class="menu-sideMenu-title"> 2387 ${c.ag.language[this["language-code"]]} 2388 </h4> 2389 <ul class="menu-sideMenu-list"> 2390 ${(0,h.Wl)(this.service,this["language-code"]).map((e=>n.dy` 2391 <li> 2392 <a 2393 class="menu-sideMenu-serviceLink-i18n-simple" 2394 href=${e.href} 2395 >
2396 <span>${e.title}</span> 2397 ${e.isCheck?n.dy` <img 2398 class="menu-sideMenu-serviceLink-checkmark" 2399 src="${p.FH}/svg/checkmark.svg?v0.1" 2400 alt="" 2401 loading="lazy" 2402 />`:n.dy``} 2403 </a> 2404 </li> 2405 <div 2406 class="menu-sideMenu-serviceLink-line-i18n-simple" 2407 ></div> 2408 `))} 2409 </ul> 2410 </section> 2411 `:n.dy``} 2412 <div class="menu-sideMenu-serviceLink-line-i18n-simple"></div> 2413 ${void 0!==this["currency-code"]&&(0,h.Sc)(this.service,this["language-code"],this["currency-code"]).length>0?n.dy` 2414 <section class="menu-sideMenu-section"> 2415 <h4 class="menu-sideMenu-title"> 2416 ${c.ag.currency[this["language-code"]]} 2417 </h4> 2418 <ul class="menu-sideMenu-list"> 2419 ${(0,h.Sc)(this.service,this["language-code"],this["currency-code"]).map((e=>n.dy` 2420 <li> 2421 <a 2422 class="menu-sideMenu-serviceLink-i18n-simple" 2423 href=${e.href} 2424 > 2425 <span>${e.title}</span> 2426 ${e.isCheck?n.dy` <img 2427 class="menu-sideMenu-serviceLink-checkmark" 2428 src="${p.FH}/svg/checkmark.svg?v0.1" 2429 alt="" 2430 loading="lazy" 2431 />`:n.dy``} 2432 </a> 2433 </li> 2434 <div 2435 class="menu-sideMenu-serviceLink-line-i18n-simple" 2436 ></div> 2437 `))} 2438 </ul> 2439 </section> 2440 `:n.dy``} 2441 `:n.dy``} 2442 </aside> 2443 <div 2444 class="menu-bg" 2445 @click=${this.closeHandler} 2446 style=${(0,d.V)(i)} 2447 ></div> 2448 2449 <!-- Modal Overlay and Content --> 2450 <div class="modal-overlay ${this.isModalVisible?"visible":""}"> 2451 <div class="modal-content"> 2452 <div class="modal-body"> 2453 <p class="redirecting-text"> 2454 ${c.ag.redirectMessage[this["language-code"]]} 2455 </p> 2456 <div class="loading-spinner"> 2457 <span class="loading-spinner-span"> 2458 <img 2459 src="${p.FH}/svg/processing-circle.svg?v0.1" 2460 alt="Loading Spinner" 2461 width="125" 2462 height="125" 2463 loading="lazy" 2464 onerror="this.onerror=null; 2465 this.src='https://menu.skyticket.jp/svg/processing-circle.svg?v0.1';" 2466 /> 2467 </span> 2468 </div> 2469 <div class="logoSpan"> 2470 <img 2471 src="${p.FH}/svg/adventure_logo.svg?v0.1" 2472 alt="Adventure Logo" 2473 width="200" 2474 height="25" 2475 loading="lazy" 2476 onerror="this.onerror=null; 2477 this.src='https://menu.skyticket.jp/svg/adventure_logo.svg?v0.1';" 2478 /> 2479 </div> 2480 </div> 2481 </div> 2482 </div> 2483 <!-- Modal Overlay and Content --> 2484 </div> 2485 `}};H([(0,s.Cb)({type:Boolean})],j.prototype,"is-login",void 0),H([(0,s.Cb)({type:Number})],j.prototype,"notice",void 0),H([(0,s.Cb)({type:String})],j.prototype,"language-code",void 0),H([(0,s.Cb)({type:String})],j.prototype,"country",void 0),H([(0,s.Cb)({type:String})],j.prototype,"currency",void 0),H([(0,s.Cb)({type:String})],j.prototype,"currency-code",void 0),H([(0,s.Cb)({type:Boolean})],j.prototype,"isModalVisible",void 0),H([(0,s.Cb)({type:String})],j.prototype,"redirectLink",void 0),H([(0,s.Cb)({type:String})],j.prototype,"serviceName",void 0),H([(0,s.Cb)({type:String})],j.prototype,"service",void 0),H([(0,s.Cb)({type:Boolean})],j.prototype,"show-i18n",void 0),H([(0,s.Cb)({type:Boolean})],j.prototype,"show-i18n-simple",void 0),H([(0,s.Cb)({type:Boolean})],j.prototype,"show",void 0),H([(0,s.Cb)({type:Boolean})],j.prototype,"is-unnecessary-login",void 0),j=H([(0,s.Mo)("skyticket-header-i18n-menu-list-sp")],j);var T=function(e,i,t,n){var s,r=arguments.length,o=r<3?i:null===n?n=Object.getOwnPropertyDescriptor(i,t):n;if("object"===typeof Reflect&&"function"===typeof Reflect.decorate)o=Reflect.decorate(e,i,t,n);else for(var a=e.length-1;a>=0;a--)(s=e[a])&&(o=(r<3?s(o):r>3?s(i,t,o):s(i,t))||o);return r>3&&o&&Object.defineProperty(i,t,o),o};let I=class extends n.oi{constructor(){super(...arguments),this["is-login"]=!1,this.notice=0,this["language-code"]="en",this.country="",this.currency="",this.service="da",this["show-i18n"]=!1,this["show-i18n-simple"]=!1,this["is-unnecessary-login"]=!1}openHandler(){this.shadowRoot.querySelector("skyticket-header-i18n-menu-list-sp").openHandler()}render(){return n.dy` 2486 <skyticket-header-i18n-menu-list-sp 2487 ?is-login=${this["is-login"]} 2488 notice=${this.notice} 2489 language-code=${this["language-code"]} 2490 country=${this.country} 2491 currency=${this.currency} 2492 currency-code=${this["currency-code"]} 2493 service=${this.service} 2494 ?show-i18n=${this["show-i18n"]} 2495 ?show-i18n-simple=${this["show-i18n-simple"]} 2496 ?is-unnecessary-login=${this["is-unnecessary-login"]} 2497 ></skyticket-header-i18n-menu-list-sp> 2498 `}};T([(0,s.Cb)({type:Boolean})],I.prototype,"is-login",void 0),T([(0,s.Cb)({type:Number})],I.prototype,"notice",void 0),T([(0,s.Cb)({type:String})],I.prototype,"language-code",void 0),T([(0,s.Cb)({type:String})],I.prototype,"country",void 0),T([(0,s.Cb)({type:String})],I.prototype,"currency",void 0),T([(0,s.Cb)({type:String})],I.prototype,"currency-code",void 0),T([(0,s.Cb)({type:String})],I.prototype,"service",void 0),T([(0,s.Cb)({type:Boolean})],I.prototype,"show-i18n",void 0),T([(0,s.Cb)({type:Boolean})],I.prototype,"show-i18n-simple",void 0),T([(0,s.Cb)({type:Boolean})],I.prototype,"is-unnecessary-login",void 0),I=T([(0,s.Mo)("skyticket-header-i18n-menu-sp")],I);var B,D=function(e,i,t,n){var s,r=arguments.length,o=r<3?i:null===n?n=Object.getOwnPropertyDescriptor(i,t):n;if("object"===typeof Reflect&&"function"===typeof Reflect.decorate)o=Reflect.decorate(e,i,t,n);else for(var a=e.length-1;a>=0;a--)(s=e[a])&&(o=(r<3?s(o):r>3?s(i,t,o):s(i,t))||o);return r>3&&o&&Object.defineProperty(i,t,o),o};let R=B=class extends n.oi{constructor(){super(...arguments),this["is-login"]=!1,this.notice=0,this.language="",this["language-code"]="en",this.country="",this.currency="",this["logo-link"]="",this.service="da",this["show-i18n"]=!1,this["show-i18n-simple"]=!1,this["is-unnecessary-login"]=!1,this.isModalVisible=!1,this.redirectLink="",this.serviceName=""}disconnectedCallback(){super.disconnectedCallback(),this.timeoutId&&clearTimeout(this.timeoutId),document.body.style.overflow="auto"}openHandler(){this.shadowRoot.querySelector("skyticket-header-i18n-menu-sp").openHandler()}
2498handleTagClick(e,i,t,n){e.preventDefault(),"hotel"!==n.toLowerCase()&&"vacation-rentals"!==n.toLowerCase()||!i.includes("adventure.inc")?window.location.href=i:this.openModal(i,t)}async openModal(e,i){this.redirectLink=e,this.serviceName=i,this.isModalVisible=!0,document.body.style.overflow="hidden",this.timeoutId&&clearTimeout(this.timeoutId),await this.requestUpdate(),this.timeoutId=window.setTimeout((()=>{this.isModalVisible=!1,document.body.style.overflow="auto",this.redirectToLink()}),B.REDIRECT_HOTEL_NAP_TIMEOUT_MS)}redirectToLink(){this.isModalVisible=!1,window.location.href=this.redirectLink}static get styles(){return[a.O,n.iv` 2499 .header-bar { 2500 position: relative; 2501 z-index: 2; 2502 height: 50px; 2503 background: ${o.O.mainColor}; 2504 } 2505 .header-bar-logo { 2506 display: flex; 2507 justify-content: center; 2508 align-items: center; 2509 height: 100%; 2510 } 2511 .header-bar-logo-img { 2512 vertical-align: middle; 2513 width: 110px; 2514 height: 33px; 2515 } 2516 .header-bar-button { 2517 position: absolute; 2518 top: 0px; 2519 left: 0px; 2520 width: 54px; 2521 height: 50px; 2522 display: flex; 2523 flex-flow: column; 2524 align-items: center; 2525 } 2526 .header-bar-button-content { 2527 width: 100%; 2528 display: flex; 2529 justify-content: center; 2530 align-items: center; 2531 margin: 8px 0px 2px; 2532 } 2533 .header-notice-wrapper { 2534 position: absolute; 2535 top: 2px; 2536 left: 32px; 2537 } 2538 .header-bar-button-text { 2539 font-family: HiraKakuPro-W6; 2540 font-size: 10px; 2541 line-height: 1.46; 2542 color: ${o.O.white}; 2543 } 2544 .hotel-button-container { 2545 position: absolute; 2546 top: 12px; 2547 right: 10px; 2548 display: inline-flex; 2549 align-items: center; 2550 } 2551 .hotel-button { 2552 width: 122px; 2553 height: 26px; 2554 line-height: 120%; 2555 background-color: rgba(255, 255, 255, 0.3); 2556 cursor: pointer; 2557 display: flex; 2558 justify-content: center; 2559 align-items: center; 2560 font-size: 12px; 2561 color: #ffffff; 2562 border-radius: 26px; 2563 gap: 4px; 2564 font-weight: 300; 2565 } 2566 .hotel-button:hover { 2567 background-color: rgba(255, 255, 255, 0.6); 2568 } 2569 .hotel-button-icon { 2570 width: 16px; 2571 height: 16px; 2572 }
2573 .modal-overlay { 2574 position: fixed; 2575 top: 0; 2576 left: 0; 2577 width: 100%; 2578 height: 100%; 2579 background-color: rgba(0, 0, 0, 0.5); 2580 display: flex; 2581 justify-content: center; 2582 align-items: center; 2583 z-index: 10000; 2584 } 2585 .modal-content { 2586 background: white; 2587 padding: 16px; 2588 display: flex; 2589 justify-content: center; 2590 align-items: center; 2591 width: 300px; 2592 height: 409px; 2593 } 2594 .modal-body { 2595 display: flex; 2596 flex-direction: column; 2597 gap: 20px; 2598 align-items: center; 2599 text-align: center; 2600 } 2601 .redirecting-text { 2602 color: #000; 2603 text-align: center; 2604 font-size: 20px; 2605 font-weight: 600; 2606 line-height: 140%; 2607 } 2608 .loading-spinner { 2609 width: 100%; 2610 display: flex; 2611 justify-content: center; 2612 align-items: center; 2613 } 2614 .loading-spinner-span { 2615 width: 125px; 2616 height: 125px; 2617 } 2618 .logoSpan { 2619 display: flex; 2620 justify-content: center; 2621 align-items: center; 2622 } 2623 `]}render(){const e="/hotel"===window.location.pathname||window.location.pathname.startsWith("/hotel/")||"hotel"===this.service,i="en"===this["language-code"]||"ko"===this["language-code"],t=!(e&&i);return n.dy` 2624 <header class="header-bar"> 2625 <button 2626 type="button" 2627 aria-label="open" 2628 class="header-bar-button" 2629 @click=${this.openHandler} 2630 > 2631 <div class="header-bar-button-content"> 2632 <svg fill="#fff" width="25" height="19.444" viewBox="0 0 18 14"> 2633 <title>Icon/menu-bars</title> 2634 <path 2635 d="M0 .594h18v3.031H0V.594zm0 4.855h18v3.03H0V5.45zm0 4.926h18v3.032H0v-3.032z" 2636 ></path> 2637 </svg> 2638 ${this["is-login"]&&this.notice?n.dy` 2639 <div class="header-notice-wrapper"> 2640 <skyticket-header-notice 2641 notice=${this.notice} 2642 ></skyticket-header-notice> 2643 </div> 2644 `:""} 2645 </div> 2646 <span class="header-bar-button-text"> 2647 ${c.ag.menu[this["language-code"]]} 2648 </span> 2649 </button> 2650 2651 <div class="header-bar-logo"> 2652 <a href=${this["logo-link"]}> 2653 <img 2654 class="header-bar-logo-img" 2655 src="${p.FH}/svg/logo.svg?v0.1" 2656 alt="skyticket" 2657 /> 2658 </a> 2659 </div> 2660 2661 ${t?n.dy`<div class="hotel-button-container"> 2662 <a 2663 href="https://adventure.inc/hotels?utm_source=skyticket.com&utm_medium=referral&utm_campaign=header" 2664 class="hotel-button" 2665 @click=${e=>this.handleTagClick(e,"https://adventure.inc/hotels?utm_source=skyticket.com&utm_medium=referral&utm_campaign=header","hotel","hotel")} 2666 > 2667 <img 2668 class="hotel-button-icon" 2669 src="https://menu.skyticket.jp/svg/hotel-nap_white.svg?v0.1" 2670 alt="hotel-icon-white" 2671 /> 2672 ${c.ag.hotel[this["language-code"]]} 2673 </a> 2674 </div>`:n.dy``} 2675 2676 <skyticket-header-i18n-menu-sp 2677 ?is-login=${this["is-login"]} 2678 notice=${this.notice} 2679 language-code=${this["language-code"]} 2680 country=${this.country} 2681 currency=${this.currency} 2682 currency-code=${this["currency-code"]} 2683 service=${this.service} 2684 ?show-i18n=${this["show-i18n"]} 2685 ?show-i18n-simple=${this["show-i18n-simple"]} 2686 ?is-unnecessary-login=${this["is-unnecessary-login"]} 2687 ></skyticket-header-i18n-menu-sp> 2688 </header> 2689 2690 ${this.isModalVisible?n.dy` 2691 <div class="modal-overlay visible"> 2692 <div class="modal-content"> 2693 <div class="modal-body"> 2694 <p class="redirecting-text"> 2695 ${c.ag.redirectMessage[this["language-code"]]} 2696 </p> 2697 <div class="loading-spinner">
2698 <span class="loading-spinner-span"> 2699 <img 2700 src="${p.FH}/svg/processing-circle.svg?v0.1" 2701 alt="Loading Spinner" 2702 width="125" 2703 height="125" 2704 loading="lazy" 2705 onerror="this.onerror=null; this.src='https://menu.skyticket.jp/svg/processing-circle.svg?v0.1';" 2706 /> 2707 </span> 2708 </div> 2709 <div class="logoSpan"> 2710 <img 2711 src="${p.FH}/svg/adventure_logo.svg?v0.1" 2712 alt="Adventure Logo" 2713 width="200" 2714 height="25" 2715 loading="lazy" 2716 onerror="this.onerror=null; this.src='https://stg-menu.skyticket.jp/svg/adventure_logo.svg';" 2717 /> 2718 </div> 2719 </div> 2720 </div> 2721 </div> 2722 `:""} 2723 `}};R.REDIRECT_HOTEL_NAP_TIMEOUT_MS=2e3,D([(0,s.Cb)({type:Boolean})],R.prototype,"is-login",void 0),D([(0,s.Cb)({type:Number})],R.prototype,"notice",void 0),D([(0,s.Cb)({type:String})],R.prototype,"language",void 0),D([(0,s.Cb)({type:String})],R.prototype,"language-code",void 0),D([(0,s.Cb)({type:String})],R.prototype,"country",void 0),D([(0,s.Cb)({type:String})],R.prototype,"currency",void 0),D([(0,s.Cb)({type:String})],R.prototype,"currency-code",void 0),D([(0,s.Cb)({type:String})],R.prototype,"logo-link",void 0),D([(0,s.Cb)({type:String})],R.prototype,"service",void 0),D([(0,s.Cb)({type:Boolean})],R.prototype,"show-i18n",void 0),D([(0,s.Cb)({type:Boolean})],R.prototype,"show-i18n-simple",void 0),D([(0,s.Cb)({type:Boolean})],R.prototype,"is-unnecessary-login",void 0),D([(0,s.Cb)({type:Boolean})],R.prototype,"isModalVisible",void 0),D([(0,s.Cb)({type:String})],R.prototype,"redirectLink",void 0),D([(0,s.Cb)({type:String})],R.prototype,"serviceName",void 0),R=B=D([(0,s.Mo)("skyticket-header-i18n-bar-sp")],R);var F=t(40769),U=(t(9390),function(e,i,t,n){var s,r=arguments.length,o=r<3?i:null===n?n=Object.getOwnPropertyDescriptor(i,t):n;if("object"===typeof Reflect&&"function"===typeof Reflect.decorate)o=Reflect.decorate(e,i,t,n);else for(var a=e.length-1;a>=0;a--)(s=e[a])&&(o=(r<3?s(o):r>3?s(i,t,o):s(i,t))||o);return r>3&&o&&Object.defineProperty(i,t,o),o});let V=class extends n.oi{constructor(){super(...arguments),this["language-code"]="en",this["show-app-promotion"]=!1,this.show=!0,this.cookieKey="skyticket_app_promotion",this.isIos=!1,this.bannerLink="",this.getStars=e=>{const i=Math.trunc(e),t=e-i>0;return n.dy` 2724 <span class="header-app-banner-content-rating"> 2725 ${[...Array(i)].map(((e,i)=>n.dy` 2726 <img 2727 class="header-app-banner-content-rating-star" 2728 src="${p.FH}/svg/header-sp/star-full.svg?v0.1" 2729 key="start${i}" 2730 width="12" 2731 height="12" 2732 loading="lazy" 2733 /> 2734 `))} 2735 ${t&&n.dy` 2736 <img 2737 class="header-app-banner-content-rating-star" 2738 src="${p.FH}/svg/header-sp/star-half.svg?v0.1" 2739 width="12" 2740 height="12" 2741 /> 2742 `} 2743 </span> 2744 `}}closeHandler(){this.show=!1;document.cookie=this.cookieKey+"=0; path=/; max-age=604800",this.requestUpdate()}static get styles(){return[a.O,n.iv` 2745 /* 2746 * The banner row sits at the very top of the SP header. 2747 * - When the App-download banner is shown, it takes 75% width and 2748 * the Let's-Play 25% banner fills the remaining 25%. 2749 * - When the App-download banner is hidden (cookie set, _app query, 2750 * app_skyticket UA, show-app-promotion=false, or user X-close), 2751 * the Let's-Play banner spans the full row. 2752 */ 2753 .banner-row { 2754 display: flex; 2755 width: 100%; 2756 align-items: stretch; 2757 } 2758 .lets-play-banner { 2759 display: block; 2760 line-height: 0; 2761 font-size: 0; 2762 margin: 0; 2763 padding: 0; 2764 } 2765 /* 2766 * Split: 25% of the row, capped at the SVG's intrinsic pixel size so 2767 * the banner doesn't blow up on wide phones. align-self stretches the 2768 * <a> to match the App-banner height; the visible img then covers 2769 * that stretched height via object-fit. 2770 */ 2771 .lets-play-banner--split { 2772 flex: 0 0 25%; 2773 width: 25%; 2774 max-width: 200px; 2775 } 2776 .lets-play-banner--split .lets-play-banner-img--25 { 2777 width: 100%; 2778 height: 100%; 2779 object-fit: cover; 2780 } 2781 .lets-play-banner--split .lets-play-banner-img--100 { 2782 display: none; 2783 } 2784 /* 2785 * Full: span the entire row, use the SVG's natural aspect ratio so 2786 * it isn't squashed. 2787 */ 2788 .lets-play-banner--full { 2789 flex: 1 1 100%; 2790 width: 100%; 2791 } 2792 .lets-play-banner--full .lets-play-banner-img--100 { 2793 width: 100%; 2794 height: auto; 2795 } 2796 .lets-play-banner--full .lets-play-banner-img--25 { 2797 display: none; 2798 } 2799 .lets-play-banner-img { 2800 display: block; 2801 } 2802 .header-app-banner { 2803 background: ${o.O.lightGray}; 2804 border-bottom: 1px solid #d4d4d4; 2805 padding-left: 32px; 2806 position: relative; 2807 flex: 0 0 75%; 2808 width: 75%; 2809 box-sizing: border-box; 2810 } 2811 .header-app-banner-link { 2812 align-items: center; 2813 color: ${o.O.black}; 2814 display: flex; 2815 line-height: 1.5; 2816 padding: 8px 8px 8px 0; 2817 } 2818 .header-app-banner-content { 2819 display: flex; 2820 flex: 1; 2821 height: 44px; 2822 } 2823 .header-app-banner-content-app-icon { 2824 margin-right: 10px; 2825 } 2826 .header-app-banner-content-text { 2827 margin-right: 10px; 2828 } 2829 .header-app-banner-content-main { 2830 font-size: 12px; 2831 line-height: 1.2; 2832 } 2833 .header-app-banner-content-rating { 2834 font-size: 16px; 2835 height: 1em; 2836 position: relative; 2837 } 2838 .header-app-banner-content-rating-star { 2839 margin-right: -3px; 2840 } 2841 .header-app-banner-close { 2842 background: 0 0; 2843 border: none; 2844 color: transparent; 2845 height: 100%; 2846 left: 0; 2847 overflow: hidden; 2848 padding: 0; 2849 position: absolute; 2850 top: 0; 2851 width: 30px; 2852 } 2853 `]}willUpdate(){if(/_app/.test(location.search))return document.cookie=this.cookieKey+"=0; path=/; max-age=86400",void(this.show=!1);if(navigator.userAgent.toLowerCase().includes("app_skyticket"))return void(this.show=!1);const e=!!new RegExp(this.cookieKey+"=([^;]*)").test(document.cookie);if(this.show=!e,this.show){this.isIos=/iphone/.test(navigator.userAgent.toLowerCase());const e=location.search?location.search.substring(1):"",i=e?`?${e}`:"";this.bannerLink=(this.isIos?F.L:F.n)+i}}render(){const e=this["show-app-promotion"]&&this.show,i="ko"===this["language-code"]?"/svg/promotions/lets-play-sp-100-ko.svg?v0.1":"/svg/promotions/lets-play-sp-100.svg?v0.1",t=e=>n.dy` 2854 <a 2855 class="lets-play-banner ${"split"===e?"lets-play-banner--split":"lets-play-banner--full"}" 2856 href=${(0,p.fT)(this["language-code"])} 2857 > 2858 <img 2859 class="lets-play-banner-img lets-play-banner-img--25" 2860 src="${p.FH}/svg/promotions/lets-play-sp-25.svg?v0.1" 2861 alt="Let's Play" 2862 /> 2863 <img 2864 class="lets-play-banner-img lets-play-banner-img--100" 2865 src="${p.FH}${i}" 2866 alt="" 2867 aria-hidden="true" 2868 /> 2869 </a> 2870 `;return n.dy` 2871 <div class="banner-row"> 2872 ${e?n.dy` 2873 <div class="header-app-banner"> 2874 <a 2875 class="header-app-banner-link" 2876 href=${this.bannerLink} 2877 rel="nofollow" 2878 target="_self" 2879 > 2880 <div class="header-app-banner-content"> 2881 <p class="header-app-banner-content-app-icon"> 2882 <img 2883 width="44" 2884 height="44" 2885 src="${p.FH}/images/icon_app.png?v0.1" 2886 alt="${c.ag.appPromotionIconAlt[this["language-code"]]}" 2887 /> 2888 </p> 2889 <div class="header-app-banner-content-text"> 2890 <div class="header-app-banner-content-main"> 2891 ${c.ag.appPromotionTitle[this["language-code"]]} 2892 </div>
2893 ${this.getStars(4.5)} 2894 </div> 2895 </div> 2896 <skyticket-button 2897 styling="link" 2898 min-width="106px" 2899 height="36px" 2900 font-size="12px" 2901 padding="8px 16px" 2902 >${c.ag.appPromotionButton[this["language-code"]]}</skyticket-button 2903 > 2904 </a> 2905 <button class="header-app-banner-close"> 2906 <img 2907 class="header-app-banner-close-icon" 2908 src="${p.FH}/svg/cross.svg?v0.1" 2909 alt="" 2910 width="11" 2911 height="10" 2912 loading="lazy" 2913 @click=${this.closeHandler} 2914 /> 2915 </button> 2916 </div> 2917 ${t("split")} 2918 `:t("full")} 2919 </div> 2920 `}};U([(0,s.Cb)({type:String})],V.prototype,"language-code",void 0),U([(0,s.Cb)({type:Boolean})],V.prototype,"show-app-promotion",void 0),U([(0,s.SB)()],V.prototype,"show",void 0),U([(0,s.SB)()],V.prototype,"cookieKey",void 0),U([(0,s.SB)()],V.prototype,"isIos",void 0),U([(0,s.SB)()],V.prototype,"bannerLink",void 0),V=U([(0,s.Mo)("skyticket-header-i18n-app-banner-sp")],V);var q=function(e,i,t,n){var s,r=arguments.length,o=r<3?i:null===n?n=Object.getOwnPropertyDescriptor(i,t):n;if("object"===typeof Reflect&&"function"===typeof Reflect.decorate)o=Reflect.decorate(e,i,t,n);else for(var a=e.length-1;a>=0;a--)(s=e[a])&&(o=(r<3?s(o):r>3?s(i,t,o):s(i,t))||o);return r>3&&o&&Object.defineProperty(i,t,o),o};let Y=class extends n.oi{constructor(){super(),this["is-login"]=!1,this.notice=0,this.language="",this["language-code"]="en",this.country="",this.currency="",this.service="da",this["show-i18n"]=!1,this["show-i18n-simple"]=!1,this["show-app-promotion"]=!1,this["is-unnecessary-login"]=!1,this._isBanner=!0;navigator.userAgent.toLowerCase().includes("app_skyticket")&&(this["show-app-promotion"]=!1)}connectedCallback(){super.connectedCallback(),this._isBanner=this["show-app-promotion"];navigator.userAgent.toLowerCase().includes("app_skyticket")&&(this._isBanner=!1)}render(){return n.dy` 2921 <skyticket-header-i18n-app-banner-sp 2922 language-code=${this["language-code"]} 2923 ?show-app-promotion=${this["show-app-promotion"]} 2924 ></skyticket-header-i18n-app-banner-sp> 2925 <skyticket-header-i18n-bar-sp 2926 ?is-login=${this["is-login"]} 2927 notice=${this.notice} 2928 language=${this.language} 2929 language-code=${this["language-code"]} 2930 country=${this.country} 2931 currency=${this.currency} 2932 currency-code=${this["currency-code"]} 2933 logo-link=${(0,l.o)(this.service)} 2934 service=${this.service} 2935 ?show-i18n=${this["show-i18n"]} 2936 ?show-i18n-simple=${this["show-i18n-simple"]} 2937 ?is-unnecessary-login=${this["is-unnecessary-login"]} 2938 ></skyticket-header-i18n-bar-sp> 2939 `}};q([(0,s.Cb)({type:Boolean})],Y.prototype,"is-login",void 0),q([(0,s.Cb)({type:Number})],Y.prototype,"notice",void 0),q([(0,s.Cb)({type:String})],Y.prototype,"language",void 0),q([(0,s.Cb)({type:String})],Y.prototype,"language-code",void 0),q([(0,s.Cb)({type:String})],Y.prototype,"country",void 0),q([(0,s.Cb)({type:String})],Y.prototype,"currency",void 0),q([(0,s.Cb)({type:String})],Y.prototype,"currency-code",void 0),q([(0,s.Cb)({type:String})],Y.prototype,"service",void 0),q([(0,s.Cb)({type:Boolean})],Y.prototype,"show-i18n",void 0),q([(0,s.Cb)({type:Boolean})],Y.prototype,"show-i18n-simple",void 0),q([(0,s.Cb)({type:Boolean})],Y.prototype,"show-app-promotion",void 0),q([(0,s.Cb)({type:Boolean})],Y.prototype,"is-unnecessary-login",void 0),q([(0,s.SB)()],Y.prototype,"_isBanner",void 0),Y=q([(0,s.Mo)("skyticket-header-i18n-sp")],Y);var E=function(e,i,t,n){var s,r=arguments.length,o=r<3?i:null===n?n=Object.getOwnPropertyDescriptor(i,t):n;if("object"===typeof Reflect&&"function"===typeof Reflect.decorate)o=Reflect.decorate(e,i,t,n);else for(var a=e.length-1;a>=0;a--)(s=e[a])&&(o=(r<3?s(o):r>3?s(i,t,o):s(i,t))||o);return r>3&&o&&Object.defineProperty(i,t,o),o};let A=class extends n.oi{constructor(){super(...arguments),this["is-login"]=!1,this.notice=0,this.language="",this["language-code"]="en",this.country="",this.currency="",this["currency-code"]=void 0,this.service="da",this["show-line-menu"]=!1,this["z-index"]=0,this["show-i18n"]=!1,this["show-i18n-simple"]=!1,this["show-banner"]=!1,this["is-unnecessary-login"]=!1,this["show-app-promotion"]=!1,this._isSp=!1}connectedCallback(){super.connectedCallback();const e=new URLSearchParams(window.location.search).get("currency");e&&(this["currency-code"]=e),this._isSp=this.detectIsSp(),window.addEventListener("resize",(()=>{this._isSp=this.detectIsSp()})),this.setFontFamily()}detectIsSp(){return window.innerWidth<r.U}updated(e){super.updated(e),e.has("language-code")&&(console.log("Language code has changed:",this["language-code"]),this.setFontFamily())}setFontFamily(){const e=String(this["language-code"])||"en";"ru"===`'${e}'`?(document.body.style.setProperty("font-family","'PT Serif', 'Times New Roman', serif","important"),document.body.style.setProperty("letter-spacing","-0.6px","important")):document.body.style.setProperty("font-family","'\u30d2\u30e9\u30ae\u30ce\u89d2\u30b4 ProN', 'Hiragino Kaku Gothic ProN', '\u30e1\u30a4\u30ea\u30aa', Meiryo, sans-serif","important")}render(){return this._isSp?n.dy`<skyticket-header-i18n-sp 2940 ?is-login=${this["is-login"]} 2941 notice=${this.notice} 2942 language=${this.language} 2943 language-code=${this["language-code"]} 2944 country=${this.country} 2945 currency=${this.currency} 2946 currency-code=${this["currency-code"]} 2947 service=${this.service} 2948 ?show-i18n=${this["show-i18n"]} 2949 ?show-i18n-simple=${this["show-i18n-simple"]} 2950 ?is-unnecessary-login=${this["is-unnecessary-login"]} 2951 ?show-app-promotion=${this["show-app-promotion"]} 2952 ></skyticket-header-i18n-sp>`:n.dy`<skyticket-header-i18n-pc-tb 2953 ?is-login=${this["is-login"]} 2954 notice=${this.notice} 2955 language=${this.language} 2956 language-code=${this["language-code"]} 2957 country=${this.country} 2958 currency=${this.currency} 2959 currency-code=${this["currency-code"]} 2960 service=${this.service} 2961 ?show-line-menu=${this["show-line-menu"]} 2962 z-index=${this["z-index"]} 2963 ?show-i18n=${this["show-i18n"]} 2964 ?show-i18n-simple=${this["show-i18n-simple"]} 2965 ?show-banner=${this["show-banner"]} 2966 ?is-unnecessary-login=${this["is-unnecessary-login"]} 2967 ></skyticket-header-i18n-pc-tb>`}};E([(0,s.Cb)({type:Boolean})],A.prototype,"is-login",void 0),E([(0,s.Cb)({type:Number})],A.prototype,"notice",void 0),E([(0,s.Cb)({type:String})],A.prototype,"language",void 0),E([(0,s.Cb)({type:String})],A.prototype,"language-code",void 0),E([(0,s.Cb)({type:String})],A.prototype,"country",void 0),E([(0,s.Cb)({type:String})],A.prototype,"currency",void 0),E([(0,s.Cb)({type:String})],A.prototype,"currency-code",void 0),E([(0,s.Cb)({type:String})],A.prototype,"service",void 0),E([(0,s.Cb)({type:Boolean})],A.prototype,"show-line-menu",void 0),E([(0,s.Cb)({type:Number})],A.prototype,"z-index",void 0),E([(0,s.Cb)({type:Boolean})],A.prototype,"show-i18n",void 0),E([(0,s.Cb)({type:Boolean})],A.prototype,"show-i18n-simple",void 0),E([(0,s.Cb)({type:Boolean})],A.prototype,"show-banner",void 0),E([(0,s.Cb)({type:Boolean})],A.prototype,"is-unnecessary-login",void 0),E([(0,s.Cb)({type:Boolean})],A.prototype,"show-app-promotion",void 0),E([(0,s.SB)()],A.prototype,"_isSp",void 0),A=E([(0,s.Mo)("skyticket-header-i18n")],A)}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.