https://static.shanghaidisneyresort.com/proda/micro/899.d8825df699ba6157.js

1"use strict";(self["webpackJsonp_@commerce/micro-web"]=self["webpackJsonp_@commerce/micro-web"]||[]).push([[899],{28899:(M,m,a)=>{a.r(m),a.d(m,{RoomDialogComponent:()=>_,default:()=>u});var d=a(98667),s=a(58163),c=a(63084),n=a(28675),l=a(97780);const p=i=>({info:i});function h(i,g){1&i&&n.GkF(0)}function f(i,g){1&i&&n.GkF(0)}function C(i,g){if(1&i){const o=n.EpF();n.TgZ(0,"img",25),n.NdJ("click",function(){const e=l.CHM(o).index,r=n.oxw(2);return l.KtG(r.changeImage(e))}),n.qZA()}if(2&i){const o=g.$implicit,t=g.index,e=n.oxw(2);n.ekj("active",t===e.currentImageIndex),n.Q6J("src",o.media,n.LSH)}}function x(i,g){if(1&i){const o=n.EpF();n.TgZ(0,"div",9),n.YNc(1,h,1,0,"ng-container",10),n.TgZ(2,"div",11)(3,"div",12),n.NdJ("click",function(){l.CHM(o);const e=n.oxw();return l.KtG(e.prevImage())}),l.O4$(),n.TgZ(4,"svg",13),n._UZ(5,"circle",14)(6,"path",15),n.qZA()(),l.kcU(),n._UZ(7,"img",16),n.TgZ(8,"div",17),n.NdJ("click",function(){l.CHM(o);const e=n.oxw();return l.KtG(e.nextImage())}),l.O4$(),n.TgZ(9,"svg",13),n._UZ(10,"circle",18)(11,"path",19),n.qZA()(),l.kcU(),n.TgZ(12,"div",20),n._uU(13),n.TgZ(14,"span",21),n._uU(15),n.qZA()()(),n.YNc(16,f,1,0,"ng-container",10),n.TgZ(17,"div",22)(18,"div",23),n.YNc(19,C,1,3,"img",24),n.qZA()()()}if(2&i){const o=n.oxw();n.xp6(),n.Q6J("ngComponentOutlet",o.appDivider),n.xp6(2),n.Q6J("disabled",0===o.currentImageIndex),n.xp6(4),n.Q6J("src",o.activeImageUrl,n.LSH),n.xp6(),n.Q6J("disabled",o.currentImageIndex===o.galleryImages.length-1),n.xp6(5),n.hij(" ",null==o.galleryImages||null==o.galleryImages[o.currentImageIndex]?null:o.galleryImages[o.currentImageIndex].description," "),n.xp6(2),n.Oqu(o.currentPhotoMessage),n.xp6(),n.Q6J("ngComponentOutlet",o.appDivider),n.xp6(3),n.Q6J("ngForOf",o.galleryImages)}}function O(i,g){1&i&&n.GkF(0)}let _=(()=>{var i;class g{constructor(t,e,r){this.viewContainerRef=t,this.dialogRef=e,this.data=r,this.currentImageIndex=0}get copyInfo(){const{featureItems:t,roomAmenities:e}=this.data;return{featureItems:t,roomAmenities:e}}get galleryImages(){return this.data.gallery}get activeImageUrl(){var t;return"".concat(null===(t=this.galleryImages)||void 0===t||null===(t=t[this.currentImageIndex])||void 0===t||null===(t=t.media.split("?"))||void 0===t?void 0:t[0],"?x-oss-process=image/resize,m_fixed,w_650")}get currentPhotoMessage(){return"".concat(this.currentImageIndex+1,"/").concat(this.galleryImages.length)}ngOnInit(){var t=this;return(0,d.Z)(function*(){yield Promise.all([a.e(574).then(a.bind(a,92574)).then(e=>e.RoomInfoComponent),a.e(446).then(a.bind(a,8446)).then(e=>e.DividerComponent)]).then(([e,r])=>{t.hotelRoomInfo=e,t.appDivider=r}).catch(e=>{console.error("Error loading components",e)})})()}changeImage(t){this.currentImageIndex=t}nextImage(){this.currentImageIndex<this.data.gallery.length-1&&this.currentImageIndex++}prevImage(){this.currentImageIndex>0&&this.currentImageIndex--}close(){this.currentImageIndex=0,this.dialogRef.close()}ngOnDestroy(){this.viewContainerRef.clear()}}return(i=g).\u0275fac=function(t){return new(t||i)(n.Y36(n.s_b),n.Y36(s.so),n.Y36(s.WI))},i.\u0275cmp=n.Xpm({type:i,selectors:[["app-room-dialog"]],decls:11,vars:6,consts:[[1,"dialog-sheet"],[1,"dialog-sheet_header"],[1,"close-icon",3,"click"],["xmlns","http://www.w3.org/2000/svg","width","28","height","28","viewBox","0 0 30 28","fill","none"],["fill-rule","evenodd","clip-rule","evenodd","d","M15 12.6L8.70002 6.3L7.30002 7.7L13.6 14L7.30002 20.3L8.70002 21.7L15 15.4L21.3 21.7L22.7 20.3L16.4 14L22.7 7.7L21.3 6.3L15 12.6Z","fill","#1C1E41"],[1,"room-dialog__gallery"],["class","review",4,"ngIf"],[1,"info-section"],[4,"ngComponentOutlet","ngComponentOutletInputs"],[1,"review"],[4,"ngComponentOutlet"],[1,"main-image"],[1,"prev",3,"click","disabled"],["xmlns","http://www.w3.org/2000/svg","width","36","height","36","viewBox","0 0 36 36","fill","none"],["opacity","0.8","cx","18","cy","18","r","18","transform","matrix(-1 0 0 1 36 0)","fill","#1C1E41"],["d","M23 25.9572C23 26.5306 22.805 27.0221 22.4149 27.4317C21.6543 28.1894 20.4255 28.1894 19.6454 27.4317L12.5656 19.9566C12.195 19.5675 12 19.076 12 18.523C12 17.9291 12.195 17.4376 12.5656 17.0485L19.6454 9.61439C20.4255 8.7952 21.6543 8.7952 22.4149 9.61439C22.7855 10.0035 22.961 10.4745 22.961 11.048C22.961 11.6009 22.7855 12.0924 22.4149 12.4815L16.6809 18.523L22.4149 24.5236C22.805 24.9127 23 25.4656 23 25.9572Z","fill","white"],["alt","\u623f\u95f4\u56fe\u7247","width","652","height","367","alt","room

1-detail-active-image",3,"src"],[1,"next",3,"click","disabled"],["opacity","0.8","cx","18","cy","18","r","18","fill","#1C1E41"],["d","M13 25.9572C13 26.5306 13.195 27.0221 13.5851 27.4317C14.3457 28.1894 15.5745 28.1894 16.3546 27.4317L23.4344 19.9566C23.805 19.5675 24 19.076 24 18.523C24 17.9291 23.805 17.4376 23.4344 17.0485L16.3546 9.61439C15.5745 8.7952 14.3457 8.7952 13.5851 9.61439C13.2145 10.0035 13.039 10.4745 13.039 11.048C13.039 11.6009 13.2145 12.0924 13.5851 12.4815L19.3191 18.523L13.5851 24.5236C13.195 24.9127 13 25.4656 13 25.9572Z","fill","white"],[1,"current-photo-message"],[1,"number"],[1,"thumbnail-container"],[1,"thumbnails"],["width","200","height","112","alt","room-detail-thumbnails-image",3,"src","active","click",4,"ngFor","ngForOf"],["width","200","height","112","alt","room-detail-thumbnails-image",3,"click","src"]],template:function(t,e){1&t&&(n.TgZ(0,"div",0)(1,"section",1)(2,"span"),n._uU(3),n.qZA(),n.TgZ(4,"div",2),n.NdJ("click",function(){return e.close()}),l.O4$(),n.TgZ(5,"svg",3),n._UZ(6,"path",4),n.qZA()()(),l.kcU(),n.TgZ(7,"div",5),n.YNc(8,x,20,8,"div",6),n.TgZ(9,"div",7),n.YNc(10,O,1,0,"ng-container",8),n.qZA()()()),2&t&&(n.xp6(3),n.Oqu(e.data.title),n.xp6(5),n.Q6J("ngIf",e.galleryImages&&e.galleryImages.length),n.xp6(2),n.Q6J("ngComponentOutlet",e.hotelRoomInfo)("ngComponentOutletInputs",n.VKq(4,p,e.copyInfo)))},dependencies:[c.ez,c.$G,c.sg,c.O5],styles:['@charset "UTF-8";.fl[_ngcontent-%COMP%]{float:left}.fr[_ngcontent-%COMP%]{float:right}.clear[_ngcontent-%COMP%]{clear:both}.block[_ngcontent-%COMP%]{display:block}.f-heavy[_ngcontent-%COMP%]{font-family:var(--font-family-heavy-theme)}.f-book[_ngcontent-%COMP%]{font-family:var(--font-family-book-theme)}.f-roman[_ngcontent-%COMP%]{font-family:var(--font-family-roman-theme)}.fullscreen-page[_ngcontent-%COMP%]{overflow:hidden;height:100%;display:flex;flex-direction:column}.fullscreen-list[_ngcontent-%COMP%]{overflow-y:auto;-webkit-overflow-scrolling:touch;flex:auto}.flex-center[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:center}.font12[_ngcontent-%COMP%]{font-size:12px}.font14[_ngcontent-%COMP%]{font-size:14px}.font16[_ngcontent-%COMP%]{font-size:16px}[_ngcontent-%COMP%]:root{--sat: env(safe-area-inset-top);--sar: env(safe-area-inset-right);--sab: env(safe-area-inset-bottom);--sal: env(safe-area-inset-left)}@media (min-width: 220px){html[_ngcontent-%COMP%]{font-size:9.3866666667px}}@media (min-width: 280px){html[_ngcontent-%COMP%]{font-size:11.9466666667px}}@media (min-width: 320px){html[_ngcontent-%COMP%]{font-size:13.6533333333px}}@media (min-width: 360px){html[_ngcontent-%COMP%]{font-size:15.36px}}@media (min-width: 375px){html[_ngcontent-%COMP%]{font-size:16px}}@media (min-width: 390px){html[_ngcontent-%COMP%]{font-size:16.64px}}@media (min-width: 411px){html[_ngcontent-%COMP%]{font-size:17.536px}}@media (min-width: 412px){html[_ngcontent-%COMP%]{font-size:17.5786666667px}}@media (min-width: 414px){html[_ngcontent-%COMP%]{font-size:17.664px}}@media (min-width: 428px){html[_ngcontent-%COMP%]{font-size:18.2613333333px}}@media (min-width: 480px){html[_ngcontent-%COMP%]{font-size:20.48px}}@media (min-width: 540px){html[_ngcontent-%COMP%]{font-size:23.04px}}@media (min-width: 640px){html[_ngcontent-%COMP%]{font-size:27.3066666667px}}@media (min-width: 720px){html[_ngcontent-%COMP%]{font-size:30.72px}}@media (min-width: 768px){html[_ngcontent-%COMP%]{font-size:32.768px}}@media (min-width: 1024px){html[_ngcontent-%COMP%]{font-size:43.6906666667px}}@media (min-width: 1440px){html[_ngcontent-%COMP%]{font-size:61.44px}}.dialog-sheet[_ngcontent-%COMP%]{border-radius:14px;background-color:#fff;padding:24px 20px;max-height:calc(100vh - 80px);display:flex;flex-direction:column;overflow:hidden}.dialog-sheet_header[_ngcontent-%COMP%]{width:100%;font-size:16px;font-weight:600;color:var(--primary-dark-theme);display:flex;justify-content:space-between;background-color:#fff;cursor:pointer}.room-dialog__gallery[_ngcontent-%COMP%]{display:flex;width:964px}.room-dialog__gallery[_ngcontent-%COMP%]   .review[_ngcontent-%COMP%]{width:652px;margin-right:20px}.room-dialog__gallery[_ngcontent-%COMP%]   .review[_ngcontent-%COMP%]   .main-image[_ngcontent-%COMP%]{position:relative}.room-dialog__gallery[_ngcontent-%COMP%]   .review[_ngcontent-%COMP%]   .main-image[_ngcontent-%COMP%] > img[_ngcontent-%COMP%]{width:652px;height:367px;object-fit:cover}.room-dialog__gallery[_ngcontent-%COMP%]   .review[_ngcontent-%COMP%]   .main-image[_ngcontent-%COMP%]   .current-photo-message[_ngcontent-%COMP%]{position:absolute;

1left:0;bottom:0;width:100%;height:34px;font-size:12px;background:#0009;text-align:center;line-height:34px;font-weight:400;color:#fff}.room-dialog__gallery[_ngcontent-%COMP%]   .review[_ngcontent-%COMP%]   .main-image[_ngcontent-%COMP%]   .current-photo-message[_ngcontent-%COMP%]   .number[_ngcontent-%COMP%]{position:absolute;top:50%;transform:translateY(-50%);right:8px}.room-dialog__gallery[_ngcontent-%COMP%]   .review[_ngcontent-%COMP%]   .main-image[_ngcontent-%COMP%]   .prev[_ngcontent-%COMP%], .room-dialog__gallery[_ngcontent-%COMP%]   .review[_ngcontent-%COMP%]   .main-image[_ngcontent-%COMP%]   .next[_ngcontent-%COMP%]{position:absolute;top:50%;transform:translateY(-50%);cursor:pointer}.room-dialog__gallery[_ngcontent-%COMP%]   .review[_ngcontent-%COMP%]   .main-image[_ngcontent-%COMP%]   .prev[_ngcontent-%COMP%]{left:8px}.room-dialog__gallery[_ngcontent-%COMP%]   .review[_ngcontent-%COMP%]   .main-image[_ngcontent-%COMP%]   .next[_ngcontent-%COMP%]{right:8px}.room-dialog__gallery[_ngcontent-%COMP%]   .thumbnail-container[_ngcontent-%COMP%]{overflow-x:auto;white-space:nowrap;padding-bottom:8px}.room-dialog__gallery[_ngcontent-%COMP%]   .thumbnail-container[_ngcontent-%COMP%]   .thumbnails[_ngcontent-%COMP%] > img[_ngcontent-%COMP%]{width:200px;height:112px;border-radius:4px;transition:.3s;display:inline-block;margin-right:10px;cursor:pointer;object-fit:cover}.room-dialog__gallery[_ngcontent-%COMP%]   .thumbnail-container[_ngcontent-%COMP%]   .thumbnails[_ngcontent-%COMP%] > img.active[_ngcontent-%COMP%]{border:2px solid #0064f0}']}),g})();const u=_}}]);