https://reservations.hotelkungstradgarden.se/integration/tc-theme/…-pager-introduction-900a197e23c6506a553e.js

1"use strict";(self.tcthemejsonpFunction=self.tcthemejsonpFunction||[]).push([[8852],{4557(t,e,n){n.r(e),n.d(e,{default:()=>g});var o=n(1425);const i={class:"m-plain-text--stripe cms-content"},r={key:0,class:"h2 m-plain-text--title cms-item"},a={key:1,class:"h3 m-plain-text--subtitle cms-item"},s=["innerHTML"],l=["href","target","aria-label"],c={key:3,class:"stripe-btn-wrapper"},u=["href","target","aria-label"],d={props:{configs:Object,requred:!0},name:"plainTextApp",setup(t){const e=e=>window.plainTextBlock?.[t.configs.blockId]?.[e]||"",n=(0,o.EW)(()=>e("introContent")),i=(0,o.EW)(()=>e("introTitle")),r=(0,o.EW)(()=>e("introSubtitle")),a=(0,o.EW)(()=>e("introLinkTitle")),s=(0,o.EW)(()=>e("introBtnTitle")),l=t.configs.introUrlTarget,c=t.configs.introBtnUrTarget,u=(0,o.EW)(()=>"enabled"===t.configs.showIntroButton&&t.configs.introBtnUrl&&s),d=(0,o.EW)(()=>{switch(t.configs.textButtonStyle){case"Primary":return"btn-primary";case"Secondary":return"btn-secondary";case"Ghost":return"btn-ghost";case"Action Custom":return"btn-custom";default:return"btn-action"}}),g=(0,o.EW)(()=>({"--intro-text-color":t.configs.introTextColor||"inherit","--intro-text-align":t.configs.introTextAlignment||"left"}));return{introContent:n,introTitle:i,introSubTitleText:r,introButtonText:s,introLinkTitleText:a,introUrlTarget:l,introBtnUrTarget:c,showIntroButton:u,buttonClass:d,cssProps:g}}},g=(0,n(6262).A)(d,[["render",function(t,e,n,d,g,b){return(0,o.uX)(),(0,o.CE)("div",{class:(0,o.C4)(["m-plain-text",n.configs.blockId]),style:(0,o.Tr)(d.cssProps)},[(0,o.Lk)("div",i,[d.introTitle?((0,o.uX)(),(0,o.CE)("h2",r,(0,o.v_)(d.introTitle),1)):(0,o.Q3)("v-if",!0),d.introSubTitleText?((0,o.uX)(),(0,o.CE)("h3",a,(0,o.v_)(d.introSubTitleText),1)):(0,o.Q3)("v-if",!0),(0,o.Lk)("div",{class:"m-plain-text--content cms-item cms-html-var",innerHTML:d.introContent},null,8,s),"enabled"==n.configs.lien&&""!==n.configs.introLinkTitle?((0,o.uX)(),(0,o.CE)("a",{key:2,href:n.configs.introUrl,target:d.introUrlTarget,"aria-label":`${d.introLinkTitleText} ${d.introUrlTarget?n.configs.locales.openInNewTab:""}`,class:"more-link m-plain-text--link cms-item custom-link-color"},(0,o.v_)(d.introLinkTitleText),9,l)):(0,o.Q3)("v-if",!0),d.showIntroButton?((0,o.uX)(),(0,o.CE)("div",c,[(0,o.Lk)("a",{href:n.configs.introBtnUrl,target:d.introBtnUrTarget,class:(0,o.C4)(["btn",d.buttonClass]),"aria-label":`${d.introButtonText} ${d.introBtnUrTarget?n.configs.locales.openInNewTab:""}`},(0,o.v_)(d.introButtonText),11,u)])):(0,o.Q3)("v-if",!0)])],6)}]])},366(t,e,n){n.r(e),n.d(e,{default:()=>L});var o=n(1425);const i={class:"container m-introduction__container"},r={class:"m-introduction__content"},a={key:0,class:"m-introduction--title",tabindex:"0"},s={key:1,class:"m-introduction--subtitle",tabindex:"0"};var l=n(8434);const c={class:"star-ratings"},u={class:"icon icon-star","aria-hidden":"true"},d={name:"StarIcon"};var g=n(6262);const b={components:{StarIcon:(0,g.A)(d,[["render",function(t,e,n,i,r,a){return(0,o.uX)(),(0,o.CE)("svg",u,[...e[0]||(e[0]=[(0,o.Lk)("use",{href:"#icon-star"},null,-1)])])}]])},name:"StarRating",props:{rating:{type:Number,required:!0},color:{type:String}},computed:{cssProps(){let t="inherit";return this.color&&(t=this.color),{"--icon-color":t}}}},p=(0,g.A)(b,[["render",function(t,e,n,i,r,a){const s=(0,o.g2)("StarIcon");return(0,o.uX)(),(0,o.CE)("div",c,[((0,o.uX)(!0),(0,o.CE)(o.FK,null,(0,o.pI)(n.rating,t=>((0,o.uX)(),(0,o.Wv)(s,{key:t,style:(0,o.Tr)(a.cssProps)},null,8,["style"]))),128))])}]]),f=["data-read-more"];var h=n(8972);const{fireEvent:k}=h.Wp,m={name:"DescriptionWithReadMore",props:{classList:{type:String},readMore:{type:Boolean},readMoreLine:{type:Number,default:5}},mounted(){k("introduction::mounted",{el:this.$refs.description,lines:this.readMoreLine})}},v=(0,g.A)(m,[["render",function(t,e,n,i,r,a){return(0,o.uX)(),(0,o.CE)("div",{class:(0,o.C4)(n.classList),"data-read-more":n.readMore,ref:"description",tabindex:"0"},[(0,o.RG)(t.$slots,"default")],10,f)}]]);var y=n(3445),T=n(2637);const C={components:{BlockWrapper:l.A,StarRating:p,DescriptionWithReadMore:v,ButtonLink:y.A},name:"onePagerIntroductionApp",props:{configs:{type:Object,required:!0}},mixins:[T.A],data:()=>({brandInfo:null,hotelInfo:null,isLoadingBrand:!0,isLoadingHotel:!0,hasStarRating:!1,hasButton:!1,adaLabel:"",innerClass:"",columnClass:"m-introduction--content cms-content",textAlign:"center",btnWrapClass:"center-block"}),methods:{analyzeSettings(){if(!this.configs)return;const t=this.getIntroBlock;t&&(t.enabledStarRating&&(this.hasStarRating=!0),t.btn&&t.btn.enabled&&(this.hasButton=!0,this.innerClass+=" row-block-padding"));const e=this.configs.blockStyles;e&&(e.textAlign&&(this.textAlign=e.textAlign),e.columnEnabled&&(this.columnClass+=" display-columns"),"left"===e.textAlign?this.btnWrapClass="pull-left":"r

1ight"===e.textAlign&&(this.btnWrapClass="pull-right"))}},async created(){this.fetchDynamicHotelData(),this.analyzeSettings()},computed:{outerCssProps(){if(!this.configs||!this.configs.blockStyles)return;const t=this.configs.blockStyles.marginSettings;let e=0;return t&&t.enabled&&(t.top&&(e=t.top),t.bottom&&(e=t.bottom)),{"--wrapper-margin-top":e+"px","--wrapper-margin-bottom":"0px"}},innerCssProps(){if(!this.configs||!this.configs.blockStyles)return;const t=this.configs.blockStyles;let e="100%",n="inherit",o="none",i="no-repeat",r="initial",a="initial",s=parseFloat(t.blockWidth);s&&(e=`${s}%`);let l=t.contentBackgroundSettings;return l&&("color"===l.type?o=`${l.color}`:"picture"===l.type&&(o=`url('${l.image}')`,l.repeat?i="repeat":(i="no-repeat",r="center",a="cover"))),t.linkColor&&(n=t.linkColor),{"--content-width":e,"--content-link-color":n,"--content-background":o,"--content-background-repeat":i,"--content-background-position":r,"--content-background-size":a}},getIntroBlock(){return window.introBlock?.[this.configs.blockId]||{}},getLocales(){return window.locales?.[this.configs.blockId]||{}}}},L=(0,g.A)(C,[["render",function(t,e,n,l,c,u){const d=(0,o.g2)("star-rating"),g=(0,o.g2)("description-with-read-more"),b=(0,o.g2)("button-link"),p=(0,o.g2)("block-wrapper");return t.isLoadingHotel?(0,o.Q3)("v-if",!0):((0,o.uX)(),(0,o.Wv)(p,{key:0,classList:"stripe-default-padding m-introduction one-pager-header-item",blockStyles:{textColor:n.configs.blockStyles.textColor,textAlign:n.configs.blockStyles.textAlign,backgroundSettings:n.configs.blockStyles.backgroundSettings,paddingSettings:n.configs.blockStyles.paddingSettings},style:(0,o.Tr)(u.outerCssProps),anchorId:n.configs.anchorId,"data-text-alignment":t.textAlign,"data-header-id":n.configs.anchorId},{default:(0,o.k6)(()=>[(0,o.Lk)("div",i,[(0,o.Lk)("div",{class:(0,o.C4)(["m-introduction__row",t.innerClass]),style:(0,o.Tr)(u.innerCssProps)},[(0,o.Lk)("div",r,[""!==t.hotelInfo.name?((0,o.uX)(),(0,o.CE)("h1",a,(0,o.v_)(u.getLocales?.welcomeText)+" "+(0,o.v_)(t.hotelInfo.name),1)):(0,o.Q3)("v-if",!0),""!==t.hotelInfo.sub_title?((0,o.uX)(),(0,o.CE)("h2",s,(0,o.v_)(t.hotelInfo.sub_title),1)):(0,o.Q3)("v-if",!0),t.hasStarRating?((0,o.uX)(),(0,o.Wv)(d,{key:2,rating:t.hotelInfo.star_rating,color:n.configs.blockStyles.starRatingColor},null,8,["rating","color"])):(0,o.Q3)("v-if",!0),""!==t.hotelInfo.long_description?((0,o.uX)(),(0,o.Wv)(g,{key:3,classList:t.columnClass,readMore:u.getIntroBlock?.enabledReadMore,readMoreLine:5,innerHTML:t.hotelInfo.long_description},null,8,["classList","readMore","innerHTML"])):(0,o.Q3)("v-if",!0),t.hasButton?((0,o.uX)(),(0,o.CE)("div",{key:4,class:(0,o.C4)(["m-introduction--button",t.btnWrapClass])},[(0,o.bF)(b,{type:"link-only",linkData:{title:u.getIntroBlock?.btn?.title,href:u.getIntroBlock?.btn?.url,target:u.getIntroBlock?.btn?.urlTarget,targetLabel:u.getLocales?.adaLabel,style:u.getIntroBlock?.btn?.style}},null,8,["linkData"])],2)):(0,o.Q3)("v-if",!0)])],6)])],void 0,!0),_:1},8,["blockStyles","style","anchorId","data-text-alignment","data-header-id"]))}]])},792(t,e,n){n.d(e,{A:()=>a});var o=n(1425);const i=["innerHTML"],r={name:"adaNewTab",props:{content:{type:String,required:!0,default:""}}},a=(0,n(6262).A)(r,[["render",function(t,e,n,r,a,s){return(0,o.uX)(),(0,o.CE)("span",{class:"sr-only",innerHTML:n.content},null,8,i)}]])},3445(t,e,n){n.d(e,{A:()=>s});var o=n(1425);const i=["href","target","aria-label"];var r=n(792);const a=(0,o.pM)({name:"ButtonLink",components:{adaNewTab:r.A},props:{type:{type:String,required:!0},classList:{type:String},linkData:{type:Object,required:!0},clickEvent:{type:Function}},setup(t){const e=(0,o.KR)(""),n=(0,o.KR)(!1),i=(0,o.KR)(!1),r=(0,o.KR)(""),a=(0,o.KR)(!1),s=(0,o.KR)("_self"),l=(0,o.KR)(""),c=(0,o.KR)(!1),u=(0,o.KR)(""),d=(t,e)=>t?`${t} ${e}`:e,g=()=>{const o=t.linkData;if(o){if(o.href&&(r.value=o.href),o.target&&(a.value=o.target,s.value=a.value?"_blank":"_self"),o.targetLabel&&(c.value=!0,u.value=o.targetLabel),t.classList&&(e.value=t.classList),o.ariaLabel&&(l.value=o.ariaLabel),"style"in o){switch(o.style.toLowerCase()){case"primary":e.value=d(e.value,"btn btn-primary");break;case"secondary":e.value=d(e.value,"btn btn-secondary");break;case"ghost":e.value=d(e.value,"btn btn-ghost");break;

1case"action custom":e.value=d(e.value,"btn btn-custom");break;case"link":e.value=d(e.value,"btn-text-only");break;default:e.value=d(e.value,"btn btn-action")}if("state"in o)switch(o.state.toLowerCase()){case"loading":e.value=d(e.value,"loading");break;case"disabled":e.value=d(e.value,"disabled")}}else e.value=d(e.value,"more-link");"link-only"===t.type&&o.href&&o.title?n.value=!0:"text-only"===t.type&&o.title&&(i.value=!0)}};return(0,o.sV)(()=>{g()}),{classNames:e,isAnchor:n,isButton:i,href:r,openNewTab:a,target:s,ariaLabel:l,hasNewTabContent:c,newTabContent:u,analyzeSettings:g}}}),s=(0,n(6262).A)(a,[["render",function(t,e,n,r,a,s){const l=(0,o.g2)("ada-new-tab");return t.isAnchor?((0,o.uX)(),(0,o.CE)("a",{key:0,class:(0,o.C4)(t.classNames),href:t.href,target:t.target,"aria-label":t.ariaLabel},[(0,o.eW)((0,o.v_)(t.linkData.title.trim())+" ",1),t.openNewTab&&t.newTabContent?((0,o.uX)(),(0,o.Wv)(l,{key:0,content:t.newTabContent},null,8,["content"])):(0,o.Q3)("v-if",!0)],10,i)):t.isButton?((0,o.uX)(),(0,o.CE)("button",{key:1,type:"button",class:(0,o.C4)(t.classNames),onClick:e[0]||(e[0]=(...e)=>t.clickEvent&&t.clickEvent(...e))},(0,o.v_)(t.linkData.title.trim()),3)):(0,o.Q3)("v-if",!0)}]])}}]);