https://dialog.bamble.kommune.no/header-ac203364.js

1import{r as e,x as t,E as a,i as n,_ as i,t as o}from"./custom-element-f942355b.js";import{n as r}from"./property-98bc03ee.js";import{a as s,L as l,d,E as g,e as c,U as h,r as u}from"./http.service-8ed52226.js";import"./login-header-8ac4387c.js";import{f as p}from"./button-3bbd7e34.js";import{m,a as f,s as y,n as b,b as w}from"./main-5517dc9b.js";import{l as v,u as S}from"./localized-decorator-df318405.js";import{s as k}from"./shared-styles-32c8a7b9.js";
2/**
3 * @license
4 * Copyright 2017 Google LLC
5 * SPDX-License-Identifier: BSD-3-Clause
6 */const x=(e,t,a)=>(a.configurable=!0,a.enumerable=!0,Reflect.decorate&&"object"!=typeof t&&Object.defineProperty(e,t,a),a)
7/**
8 * @license
9 * Copyright 2017 Google LLC
10 * SPDX-License-Identifier: BSD-3-Clause
11 */;function L(e,t){return(a,n,i)=>{const o=t=>t.renderRoot?.querySelector(e)??null;if(t){const{get:e,set:t}="object"==typeof n?a:i??(()=>{const e=Symbol();return{get(){return this[e]},set(t){this[e]=t}}})();return x(a,n,{get(){let a=e.call(this);return void 0===a&&(a=o(this),(null!==a||this.hasUpdated)&&t.call(this,a)),a}})}return x(a,n,{get(){return o(this)}})}}class C{constructor(e,t,a,n){this.operation=e,this.path=t,this.dataType=a,this.value=n}}class ${static{this.shouldCreateInstance=async e=>{const t=null!==s.getState().referenceNo;if(t)return!1;const a=await l.isLoggedIn();return!t&&"dialogue"===e&&a}}static{this.createInstance=async(e,t,a)=>{const n=a?`${e}/create/${a}`:`${e}/create`;return d.post(n,{preferredLanguage:t})}}static async addLoggedInEvent(){const e=await l.isLoggedIn(),t=await l.isAnonymous(),a=s.getState();if(!e||t||!a.referenceNo)return;const n=new C("user-logged-in","Login","Text","");await g.addEvent(n,!0)}static{this.checkForStartedUserDialogues=async(e,t)=>{const a=t?`${e}/checkForStartedDialogues?excludeReferenceId=${encodeURIComponent(t)}`:`${e}/checkForStartedDialogues`;return d.get(a)}}static{this.applyStartedUserDialogueData=async(e,t,a,n)=>{const i={currentReferenceId:t,savedDialogueReferenceId:a};return n&&(i.preferredStepId=n),await d.patchAsync(`${e}/applyStartedUserDialogueData`,i,!0)}}static{this.loadRenderModel=async(e,t,a)=>{const n=`${e}/${t}/${a}/get-render-model`;return d.get(n)}}static{this.getUpdatedRenderModel=async(e,t,a)=>{const n=`${e}/${t}/${a}/get-render-model`,i=await d.get(n);if(i){const e=new CustomEvent("definition-loaded",{detail:i});window.dispatchEvent(e)}}}static{this.loadRenderModelWithoutRef=async(e,t,a)=>{const n=`${e}/${t}/get-render-model-without-ref/${a}`;return d.get(n)}}static{this.submitDialogue=async(e,t)=>{const a=`${e}/${t}/submit`;return await d.post(a,{})}}static{this.getGeodataToken=async e=>{const t=`${e}/get-geodata-token`;return await d.get(t)}}}class D{constructor(e){this._onChangeLanguage=async e=>{const t=e.detail.languageCode;if(await l.isLoggedIn()){const e=new C("language-changed","","Text",t);return void g.addEvent(e,!0)}let a;try{a=s.getState()}catch{return}const n=await $.loadRenderModelWithoutRef(a.dialogueId,a.activeStep.id,t);if(await this.handleUnavailableDialogue(n,a.dialogueId),"string"==typeof n)throw new Error("Render definition is a string, expected RenderModelStepToDialogueApp");const i=n.stepInfo;s.patchState((e=>({...e,activeStep:c(i)}))),window.dispatchEvent(new CustomEvent("definition-loaded",{detail:n}))},this.host=e,e.addController(this)}hostConnected(){this.host.addEventListener("change-language",this._onChangeLanguage)}async handleUnavailableDialogue(e,t){if("string"==typeof e){const a={day:"2-digit",month:"2-digit",year:"numeric"},n=new Date(e).toLocaleDateString("no-NO",a);window.location.href=h.makeUrl(`dialogueUnavailable?dialogueId=${t}&from=${n}`)}}}let O=class extends e{constructor(){if(super(),this.selectedLanguage="nb-NO",this.isOpen=!1,this.availableLanguages=[],this.controller=new D(this),!this.availableLanguages||0===this.availableLanguages.length)try{this.availableLanguages=s.getState().availableLanguages,this.availableLanguages&&0!==this.availableLanguages.length||(this.availableLanguages=[{languageCode:"nb-NO",name:"Bokmål"}])}catch(e){this.availableLanguages=[{languageCode:"nb-NO",name:"Bokmål"},{languageCode:"nn-NO",name:"Nynorsk"},{languageCode:"en-GB",name:"English"}

11,{languageCode:"en-CA",name:"English (Canada)"},{languageCode:"da-DK",name:"Dansk"},{languageCode:"se-NO",name:"Davvisámegiella"},{languageCode:"smj-NO",name:"Julevsámegiella"},{languageCode:"sma-NO",name:"Åarjelsaemien"},{languageCode:"ru-RU",name:"Русский"},{languageCode:"uk-UA",name:"Українська"}]}}render(){return this.availableLanguages&&this.availableLanguages.length>0?t`<div class="dropdown"><ia-button id="dropdown-btn" @click="${this.toggleDropdown}" aria-labelledby="language-sr-only"><p id="language-sr-only" class="sr-only">${m("Velg språk")}</p><svg class="language-icon" xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zm6.93 6h-2.95c-.32-1.25-.78-2.45-1.38-3.56 1.84.63 3.37 1.91 4.33 3.56zM12 4.04c.83 1.2 1.48 2.53 1.91 3.96h-3.82c.43-1.43 1.08-2.76 1.91-3.96zM4.26 14C4.1 13.36 4 12.69 4 12s.1-1.36.26-2h3.38c-.08.66-.14 1.32-.14 2 0 .68.06 1.34.14 2H4.26zm.82 2h2.95c.32 1.25.78 2.45 1.38 3.56-1.84-.63-3.37-1.9-4.33-3.56zm2.95-8H5.08c.96-1.66 2.49-2.93 4.33-3.56C8.81 5.55 8.35 6.75 8.03 8zM12 19.96c-.83-1.2-1.48-2.53-1.91-3.96h3.82c-.43 1.43-1.08 2.76-1.91 3.96zM14.34 14H9.66c-.09-.66-.16-1.32-.16-2 0-.68.07-1.35.16-2h4.68c.09.65.16 1.32.16 2 0 .68-.07 1.34-.16 2zm.25 5.56c.6-1.11 1.06-2.31 1.38-3.56h2.95c-.96 1.65-2.49 2.93-4.33 3.56zM16.36 14c.08-.66.14-1.32.14-2 0-.68-.06-1.34-.14-2h3.38c.16.64.26 1.31.26 2s-.1 1.36-.26 2h-3.38z"/></svg> <span class="language"><span class="language-name">${this.getLanguageByLanguageCode(this.selectedLanguage)} </span><span class="arrow-down"></span></span></ia-button>

11${this.isOpen?t`<div class="dropdown-content" id="dropdown-content">${this.availableLanguages.map((e=>this.addLanguageButton(e)))}</div>`:a}</div>`:a}addLanguageButton(e){return t`<ia-button @click="${async()=>await this.updateLanguage(e.languageCode)}" .color="${this.selectedLanguage===e.languageCode?"primary":"normal"}" .align="${"left"}"><span class="language">${e.name}</span></ia-button>`}getLanguageByLanguageCode(e){switch(e){case"en-GB":return"English";case"en-CA":return"English (Canada)";case"nb-NO":return"Bokmål";case"nn-NO":return"Nynorsk";case"da-DK":return"Dansk";case"se-NO":return"Davvisámegiella";case"smj-NO":return"Julevsámegiella";case"sma-NO":return"Åarjelsaemien";case"ru-RU":return"Русский";case"uk-UA":return"Українська";default:return"Select language"}}toggleDropdown(e){this.isOpen=!this.isOpen,this.isOpen?setTimeout((()=>{document.addEventListener("click",this.onDocumentClick.bind(this))})):document.removeEventListener("click",this.onDocumentClick.bind(this)),e.stopPropagation()}onDocumentClick(e){!this.shadowRoot?.contains(e.target)&&(this.isOpen=!1,document.removeEventListener("click",this.onDocumentClick.bind(this)),this.requestUpdate())}async updateLanguage(e){this.isOpen=!1,this.selectedLanguage=e;e!==f()&&(localStorage.setItem("ia-locale",e),localStorage.setItem("ia-locale-user-set","true"),await y(e),this.dispatchEvent(new CustomEvent("change-language",{detail:{languageCode:e},bubbles:!0,composed:!0})),window.dispatchEvent(new CustomEvent("change-language",{detail:{languageCode:e},bubbles:!0,composed:!0})))}static{this.styles=[...k,n`.language-icon{width:20px;height:20px;flex-shrink:0}.language{white-space:nowrap}.dropdown{position:relative;display:inline-block}.dropdown button{background-color:var(--ia-primary-color,#1f3f65);height:48px;border:1px solid var(--ia-primary-color,#1f3f65);border-radius:5px;color:#fff;padding:10px;font-size:16px;justify-content:center;border:none;cursor:pointer;justify-content:space-evenly}.dropdown button img{margin:0 5px 0 0}.dropdown button img,.dropdown-content ia-button img{width:28px}.dropdown button,.dropdown-content ia-button{display:flex;align-items:center;font-size:14px;font-weight:500}.arrow-down{width:0;height:0;display:inline-block;vertical-align:middle;border-style:solid;border-width:4px 4px 0 4px;border-color:var(--ia-primary-color,#1f3f65) transparent transparent transparent;margin:0 0 0 5px}.dropdown button:hover{cursor:pointer;background-color:#000}.dropdown-content{position:absolute;display:flex;flex-direction:column;gap:5px;justify-content:flex-start;max-height:315px;margin:0;margin-top:.5rem;z-index:10;right:0}.dropdown-content ia-button{color:#000;display:flex;justify-content:space-between;margin:0;text-decoration:none}@keyframes slideIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-content{animation:slideIn .3s ease-out}::-webkit-scrollbar{width:8px;height:10px}::-webkit-scrollbar-thumb{border-radius:8px;background:#c2c9d2}@media screen and (max-width:601px){.language-name{display:none}}`]}};i([r({type:String})],O.prototype,"selectedLanguage",void 0),i([u()],O.prototype,"isOpen",void 0),i([L("#language-picker-select")],O.prototype,"select",void 0),i([r({type:Array})],O.prototype,"availableLanguages",void 0),O=i([v(),o("ia-language-picker")],O);
12/**
13 * @license
14 * Copyright 2018 Google LLC
15 * SPDX-License-Identifier: BSD-3-Clause
16 */
17const U=e=>e??a;let j=class extends e{constructor(){super(),this.headerSettings=void 0,this.styles=void 0,this.headerType="default",this.loginTypes=[],this.frontSettings=null,this.addEventListeners(),S(this)}async connectedCallback(){super.connectedCallback(),await this.loadFrontSettings()}async loadFrontSettings(){this.frontSettings=await p.getSettings(),this.frontSettings&&this.applyCssVariables()}applyCssVariables(){if(!this.frontSettings)return;const e=document.documentElement;Object.entries({primaryColor:"--ia-primary-color",backgroundColor:"--ia-layout-container-background-color",headerBackgroundColor:"--ia-header-background-color",footerBackgroun

17dColor:"--ia-footer-background-color",fontFamily:"--ia-font-family"}).forEach((([t,a])=>{const n=this.frontSettings?.[t];n&&e.style.setProperty(a,n)}))}render(){return"dialogue"!==this.headerType||this.headerSettings?.showPageHeader?(this.style.display="block","default"===this.headerType?this.renderDefaultHeader():"cookie"===this.headerType?this.renderCookieHeader():this.renderHeaderWithHeaderSettings()):(this.style.display="none",a)}renderDefaultHeader(){return t`<header class="dialogue-header-default" id="header"><div class="header-logo">${this.renderGlobalLogo()}</div><div class="header-right"><ia-login-header></ia-login-header><ia-language-picker .selectedLanguage="${f()}" .availableLanguages="${[{languageCode:"nb-NO",name:"Bokmål"},{languageCode:"nn-NO",name:"Nynorsk"},{languageCode:"en-GB",name:"English"},{languageCode:"en-CA",name:"English (Canada)"},{languageCode:"da-DK",name:"Dansk"},{languageCode:"se-NO",name:"Davvisámegiella"},{languageCode:"smj-NO",name:"Julevsámegiella"},{languageCode:"sma-NO",name:"Åarjelsaemien"},{languageCode:"ru-RU",name:"Русский"},{languageCode:"uk-UA",name:"Українська"}]}"></ia-language-picker></div></header>`}renderCookieHeader(){return t`<header class="dialogue-header-default" id="header"><div class="header-logo">${this.renderGlobalLogo()}</div><div class="header-right">${this.renderLanguageSelector()}</div></header>`}renderHeaderWithHeaderSettings(){return this.headerSettings?t`<header class="dialogue-header" style="grid-template-columns:minmax(150px,1fr) minmax(auto,${this.getDialogueWidth()+"px"}) 1fr" id="header"><div class="header-logo">${this.headerSettings&&this.headerSettings.showLogo?this.renderLocalLogo():this.renderGlobalLogo()} ${this.headerSettings?a:m("Tilbake til skjemaoversikten")}</div><div class="header-space" style="max-width:${this.getDialogueWidth()}"></div><div class="header-right"><ia-login-header .loginTypes="${this.loginTypes}" .showLoginButton="${this.headerSettings?.showLoginButton??!0}"></ia-login-header>${this.headerSettings?.showLanguageSelector?this.renderLanguageSelector():a}</div></header>`:a}getLogoUrl(){if(!(void 0!==this.headerSettings))return"./";if(!(void 0!==this.headerSettings?.logoSettings))return"./";const e=this.headerSettings?.logoSettings;return void 0!==e?.logoUrl&&""!==e?.logoUrl?e.logoUrl:"./"}renderGlobalLogo(){if(null===this.frontSettings)return a;if(this.frontSettings?.logoUrl){const e=this.frontSettings.logoAltText?.trim()||m("Tilbake til skjemaoversikten"),a=this.frontSettings?.logoLinkUrl||"./";return t`<a href="${a}" aria-label="${e}"><img fetchpriority="high" src="${this.frontSettings.logoUrl}" alt="${e}" title="${e}" class="logo link"></a>`}const e=this.headerSettings?.logoSettings?.logoAltText?.trim()||m("Tilbake til skjemaoversikten"),n=this.getLogoUrl();return t`<a href="${n}" aria-label="${e}"><span class="logo-text">${e}</span></a>`}renderLocalLogo(){const e=this.headerSettings?.showLogo;if(!e)return a;

17if(void 0!==this.headerSettings?.logoSettings?.logoBase64String&&""!==this.headerSettings?.logoSettings?.logoBase64String){const e=this.headerSettings?.logoSettings?.logoAltText?.trim()||m("Tilbake til skjemaoversikten"),a=this.getLogoUrl();return t`<a href="${a}" aria-label="${e}"><img fetchpriority="high" src="${U(this.headerSettings?.logoSettings?.logoBase64String)}" alt="${e}" title="${e}" class="logo link"></a>`}return this.renderGlobalLogo()}getDialogueWidth(){return this.styles&&this.styles.dialogueWidth>0?this.styles.dialogueWidth:640}async addEventListeners(){window.addEventListener("dialogue-ready",(async e=>{const t=e.detail.styles;this.styles=t,this.headerSettings=t.headerSettings,this.headerType="dialogue",this.loginTypes=e.detail.loginTypes,this.requestUpdate()}))}renderLanguageSelector(){return t`<ia-language-picker .selectedLanguage="${f()}"></ia-language-picker>`}getFlagEmoji(e){switch(e){case"nb-NO":case"nn-NO":return"🇳🇴";case"en-GB":return"🇬🇧";case"en-CA":return"🇨🇦";case"da-DK":return"🇩🇰";case"se-NO":case"smj-NO":return"🇸🇯";case"sma-NO":return"🇸🇲";case"ru-RU":return"🇷🇺";case"uk-UA":return"🇺🇦";default:return"🏳️"}}async firstUpdated(){const e=new URLSearchParams(window.location.search).get("SelectedLanguage"),t=b(e);

17if(t){localStorage.getItem("ia-locale")!==t?(await y(t),localStorage.setItem("ia-locale",t),localStorage.setItem("ia-locale-user-set","true")):(localStorage.setItem("ia-locale-user-set","true"),await y(t))}else await w(),document.documentElement.setAttribute("lang",localStorage.getItem("ia-locale")??"nb-NO")}async localeChanged(e){const t=e.target.value;t!==f()&&(localStorage.setItem("ia-locale",t),localStorage.setItem("ia-locale-user-set","true"),await y(t))}static get styles(){return n`:host{display:block;background-color:var(--ia-header-background-color,#fff);padding:16px 0 16px 0}.dialogue-header{background-color:inherit;display:grid;grid-template-rows:1fr;gap:1rem;grid-auto-flow:row;grid-template-areas:'logo space login';padding:0 1rem}.dialogue-header .header-space{grid-area:space;width:100%;box-sizing:border-box}.dialogue-header .header-logo{margin-left:auto}.header-logo{grid-area:logo;display:flex;align-items:center;margin-left:20%}.logo.link{cursor:pointer}.header-logo:focus-within{outline:3px solid var(--ia-focus-component-color)}.header-right{grid-area:login;display:flex;align-items:center;justify-content:flex-start;gap:.5rem;margin-right:20%}.header-logo .logo{height:100%;width:100%;max-height:100px;max-width:225px}.dialogue-header-default{display:flex;justify-content:space-between;margin:0 auto}@media (max-width:768px){.logo{max-height:50px;max-width:175px}}@media screen and (max-width:600px){.logo{max-width:130px}}@media screen and (max-width:1000px){.dialogue-header-default{width:90%}.dialogue-header-default .header-logo{margin-left:0}.dialogue-header-default .header-right{margin-right:0}}`}};i([r({type:String})],j.prototype,"headerType",void 0),i([r({type:Array})],j.prototype,"loginTypes",void 0),i([u()],j.prototype,"frontSettings",void 0),j=i([o("ia-header"),v()],j);var E=Object.freeze({__proto__:null,get Header(){return j}});export{C,$ as D,L as a,x as e,E as h,U as o};