https://www.svenskakyrkan.se/assets/presentation/verktygsladan/chunks/04ea225d0fd618d95a38.js

1(self.webpackChunksvk_designsystem=self.webpackChunksvk_designsystem||[]).push([[1800,2395,6062,9672],{63122:function(module){module.exports=function(obj){obj||(obj={});var __t,__p="",__e=_.escape,__j=Array.prototype.join;function print(){__p+=__j.call(arguments,"")}with(obj)data!==undefined&&(__p+="\n\t",data.forEach(t=>{__p+='\n\t\t<svk-personnel surface="primary-100">\n\t\t\t<div class="personnel__header">\n\t\t\t\t',ui.showImage&&t.image&&(__p+='\n\t\t\t\t\t<img src="/'+__e(t.image.attachmentFileName)+(null==(__t=getImageProcessing(t.imageProcessingData,"384"))?"":__t)+'" loading="lazy" alt="'+__e(t.name)+'" />\n\t\t\t\t'),__p+='\n\t\t\t\t<div class="personnel__content">\n\t\t\t\t\t<div class="svk-grid svk-grid--50">\n\t\t\t\t\t\t<h3>\n\t\t\t\t\t\t\t'+__e(t.firstName)+" "+__e(t.lastName)+"\n\t\t\t\t\t\t</h3>\n\t\t\t\t\t\t"+(null==(__t=getAssignments(t.userProfileAssignmentCategories))?"":__t)+'\n\t\t\t\t\t</div>\n\t\t\t\t\t<ul class="list--none">\n\t\t\t\t\t\t',(ui.showDirectphone&&null!==t.directPhone&&""!==t.directPhone||ui.showCellphone&&null!==t.cellPhone&&""!==t.cellPhone||ui.showSwitchboardnumber&&null!==t.phone&&""!==t.phone)&&(__p+="\n\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t",ui.showDirectphone&&null!==t.directPhone&&""!==t.directPhone&&(__p+='\n\t\t\t\t\t\t\t\t<div><span class="heading-05">Direkt:</span> <a class="label-100" href="tel:'+__e(t.directPhone)+'">'+__e(t.directPhone)+"</a></div>\n\t\t\t\t\t\t\t"),__p+="\n\t\t\t\t\t\t\t",ui.showCellphone&&null!==t.cellPhone&&""!==t.cellPhone&&(__p+='\n\t\t\t\t\t\t\t\t<div><span class="heading-05">Mobil:</span> <a class="label-100" href="tel:'+__e(t.cellPhone)+'">'+__e(t.cellPhone)+"</a></div>\n\t\t\t\t\t\t\t"),__p+="\n\t\t\t\t\t\t\t",ui.showTextmessagenumber&&null!==t.textMessageNumber&&""!==t.textMessageNumber&&(__p+='\n\t\t\t\t\t\t\t\t<div><span class="heading-05">SMS:</span> <a class="label-100" href="sms:'+__e(t.textMessageNumber)+'">'+__e(t.textMessageNumber)+"</a></div>\n\t\t\t\t\t\t\t"),__p+="\n\t\t\t\t\t\t\t",ui.showSwitchboardnumber&&null!==t.phone&&""!==t.phone&&(__p+='\n\t\t\t\t\t\t\t\t<div><span class="heading-05">Växel:</span> <a class="label-100" href="tel:'+__e(t.phone)+'">'+__e(t.phone)+"</a></div>\n\t\t\t\t\t\t\t"),__p+="\n\t\t\t\t\t\t</li>\n\t\t\t\t\t\t"),__p+="\n\t\t\t\t\t\t",ui.showEmail&&t.emailAddress&&(__p+='\n\t\t\t\t\t\t\t<li><span class="heading-05">E-post:</span> <a class="label-100" href="mailto:'+__e(t.emailAddress)+'">'+__e(t.emailAddress)+"</a></li>\n\t\t\t\t\t\t"),__p+="\n\t\t\t\t\t</ul>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t",ui.showDescription&&null!==t.description&&""!==t.description&&(__p+='\n\t\t\t\t<div class="personnel__text svk-text">\n\t\t\t\t\t<h4>Mer om '+__e(t.firstName)+" "+__e(t.lastName)+"</h4>\n\t\t\t\t\t<p>"+__e(t.description)+"</p>\n\t\t\t\t</div>\n\t\t\t"),__p+="\n\t\t</svk-personnel>\n\t"}),__p+="\n\t",ui.showPaging&&hasPaging&&(__p+='\n\t\t<button class="svk-button js-load-more">Visa fler</button>\n\t'),__p+="\n"),__p+="\n";return __p}},90797:function(t,e,s){"use strict";function n(){return(+new Date+Math.random()).toString(36).replace(/[^a-z1-9]+/g,"")}s.d(e,{A:function(){return n}})},15642:function(t,e,s){"use strict";s.d(e,["G",0,(t={})=>{const e=new URLSearchParams;for(const[s,n]of Object.entries(t))null!=n&&e.append(`$${s}`,n);return e.toString()}])},11800:function(t,e,s){"use strict";s.r(e),s.d(e,{SvkBlockPersonnel:function(){return a}});var n=s(63122),i=(s(62395),s(36062),s(15642));class a extends HTMLElement{constructor(){super(),this.hasAttribute("data-maxrows")&&(this.controller=null,this.filter=this.getFilter(),this.ui=this.getPresentationFilter())}connectedCallback(){this.hasAttribute("data-maxrows")&&(this.ui.showFilter&&this.renderFilter(),this.bindEvents())}isJSON(t){try{JSON.parse(t)}catch(t){return!1}return!0}getPresentationFilter(){let t={};const e=t=>{const e=this.getAttribute(t);return null!==e&&"true"===e.toLowerCase()};return t.showPaging=e("data-show-paging"),t.showFilter=e("data-show-filter"),t.showDescription=e("data-show-description"),t.showImage=e("data-show-image"),t.showUnits=e("data-show-units"),t.showAssignments=e("data-show-assignments"),t.showDirectphone=e("data-show-directphone"),t.showCellphone=e("data-show-cellphone"),t.showEmail=e("data-show-email"),t.showTextmessagenumber=e("data-show-textmessagenumber"),t.showSwitchboardnumber=e("data-show-switchboardnumber"),t}getAspectRatio(t){if(null!==t)return`style="${t.replace(":","/")}"`}getImageProcessing(t,e){let s=`?doprocessing=1&w=${e}&c=95`;if(null!==t&&this.isJSON(t)){let e=JSON.parse(t);s+=`&ci=${Math.round(e.processingData.x)},${Math.round(e.processingData.y)},${Math.round(e.processingData.width)},${Math.round(e.processingData.height)}`}return s}getAssignments(t=[]){const{showAssignments:e,showUnits:s}=this.ui;if(!e&&!s)return"";const n=t.reduce((t,e)=>{const s=e?.web?.headline,n=e?.assignmentCategory?.assignmentCategoryName;return s||n?(t[s]||(t[s]=[]),n&&t[s].push(n),t):t},{}),i=Object.entries(n).map(([t,n])=>

1[e&&n.length?n.join(", "):null,s&&t?t:null].filter(Boolean).join(", ")).filter(Boolean).join(" / ");return i?`<p class="paragraph-100">${i}</p>`:""}getFilter(){let t={},e=this.getAttribute("data-webid"),s=this.getAttribute("data-maxrows"),n=this.getAttribute("data-skip"),i=this.getAttribute("data-assignmentcategories"),a=this.getAttribute("data-subjectareas"),r=this.getAttribute("data-globalsubjectareas"),l=this.getAttribute("data-subjectareafilterand"),o=this.getAttribute("data-subwebs");return null!==e&&""!==e&&(t.webIds=e),t.take=null!==s&&""!==s?parseInt(s):10,t.skip=null!==n&&""!==n?parseInt(n):0,null!==i&&""!==i&&(t.assignmentcategories=i),null!==a&&""!==a&&(t.subjectareas=a),null!==r&&""!==r&&(t.globalsubjectareas=r),t.subjectareafilterand=null!==l&&""!==l&&"true"===l.toLowerCase(),t.subwebs=null!==o&&""!==o&&"true"===o.toLocaleLowerCase(),t}escapeODataString(t){return t.toLowerCase().replace(/\s+/g," ").trim().replace(/'/g,"''")}isAbortError(t){if(!t)return!1;const e="string"==typeof t.message?t.message.toLowerCase():"";return"AbortError"===t.name||e.includes("aborted")}buildODataFilter(){let t=["(isPublished eq true and activated eq true)"];const e=()=>{if(this.filter.assignmentcategories){return` and uc/assignmentCategoryId in (${this.filter.assignmentcategories.split(",").map(t=>t.trim()).join(",")})`}return""};if(this.filter.webIds){const s=this.filter.webIds.split(",").map(t=>t.trim());t.push(`(userProfileAssignmentCategories/any(uc: uc/webId in (${s.join(",")}) and uc/isPublic eq true${e()}))`)}if(this.filter.subjectareas){const e=this.filter.subjectareas.split(",").map(t=>t.trim()).map(t=>`tags/any(t: t/databaseId eq ${t})`);t.push(`(${e.join(this.filter.subjectareafilterand?" and ":" or ")})`)}if(this.filter.globalsubjectareas){const e=this.filter.globalsubjectareas.split(",").map(t=>t.trim()).map(t=>`categories/any(c: c/databaseId eq ${t})`);t.push(`(${e.join(this.filter.subjectareafilterand?" and ":" or ")})`)}if(this.filter.searchText&&""!==this.filter.searchText){const e=this.escapeODataString(this.filter.searchText).split(" ").filter(Boolean).slice(0,3).map(t=>`(${[`contains(tolower(concat(concat(firstName,' '),lastName)),'${t}')`,`userProfileAssignmentCategories/any(uc: contains(tolower(uc/assignmentCategory/assignmentCategoryName),'${t}'))`].join(" or ")})`);t.push(`(${e.join(" and ")})`)}return t.join(" and ")}async fetch(){this.controller&&this.controller.abort(),this.controller=new AbortController;const t=this.controller.signal,e=this.buildODataFilter(),s=(0,i.G)({count:"true",select:"firstName,lastName,middleName,description,emailAddress,phone,directPhone,cellPhone,textMessageNumber,imageProcessingData",orderby:"lastName,firstName",expand:"image($select=attachmentFileName),categories($select=databaseId),tags($select=databaseId),userProfileAssignmentCategories($select=sortOrder;$expand=web($select=headline),assignmentCategory($select=assignmentCategoryName,assignmentCategoryId);$orderBy=sortOrder;$filter=isPublic eq true)",top:this.filter.take,skip:this.filter.skip,...e&&{filter:e}});try{return(await fetch(`/webapi/api-v2/odata/userProfiles?apikey=4eb494e4-cc9a-4a77-8149-620da6d28ce9&${s}`,{signal:t})).json()}catch(t){if(this.isAbortError(t))return null;throw t}}handleSearchChange(t){const e=this.filter.searchText||"",s=t?.detail?.value||"";e!==s&&(this.filter.skip=0,this.filter.searchText=s,this.querySelector(".personnel__list").innerHTML="",this.fetch().then(t=>{t&&(this.renderListItems(t),this.filter.skip+=this.filter.take)}).catch(t=>{}))}handleClick(t){t.target.classList.contains("js-load-more")&&this.fetch().then(e=>{e&&(t.target.parentElement.removeChild(t.target),this.renderListItems(e),this.filter.skip+=this.filter.take)}).catch(t=>{})}bindEvents(){null!==this.querySelector("svk-input-search")&&this.querySelector("svk-input-search").addEventListener("svk-change",this.handleSearchChange.bind(this)),this.addEventListener("click",this.handleClick.bind(this))}renderListItems(t){this.querySelector(".personnel__list").insertAdjacentHTML("beforeend",n({data:t.value,ui:this.ui,hasPaging:t["@odata.count"]>this.filter.skip+t.value.length,getImageProcessing:this.getImageProcessing.bind(this),getAspectRatio:this.getAspectRatio,getAssignments:this.getAssignments.bind(this)}))}renderFilter(){this.querySelector(".personnel__list").insertAdjacentHTML("beforebegin",'<svk-input-search label="Sök på namn, yrkestitel eller kyrka"></svk-input-search>')}}window.customElements.define("svk-block-personnel",a)},89672:function(t,e,s){"use strict";s.r(e),s.d(e,{SvkAvatar:function(){return n}});

1class n extends HTMLElement{constructor(){if(super(),this.src=this.getAttribute("src"),this.name=this.getAttribute("name"),this.layout=this.getAttribute("layout"),null!==this.name){this.name=this.name.replace(/\s\s+/g," ");const t=this.name.split(" ");t.length>1?this.name=t.map(t=>t.slice(0,1)).join(""):this.name=this.name.slice(0,2)}this.attachShadow({mode:"open"}),this.render()}render(){let t=document.createElement("template");t.innerHTML=`\n\t\t\t<style>\n\t\t\t\t:host {\n\t\t\t\t\tdisplay: inline-flex;\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\theight: auto;\n\t\t\t\t\tborder-radius: 50%;\n\t\t\t\t\taspect-ratio: 1/1;\n\t\t\t\t\toverflow: hidden;\n\t\t\t\t}\n\n\t\t\t\timg {\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\theight: 100%;\n\t\t\t\t\tobject-fit: cover;\n\t\t\t\t\tobject-position: top center;\n\t\t\t\t}\n\n\t\t\t\tsvg {\n\t\t\t\t\twidth: var(--size-100);\n\t\t\t\t\theight: var(--size-100);\n\t\t\t\t}\n\n\t\t\t\t.avatar__fallback {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\theight: 100%;\n\t\t\t\t\tjustify-content: center;\n\t\t\t\t\talign-items: center;\n\t\t\t\t\tbackground: var(--avatar-background);\n\t\t\t\t\tcolor: var(--avatar-text);\n\t\t\t\t\ttext-transform: uppercase;\n\t\t\t\t}\n\n\t\t\t\tspan {\n\t\t\t\t\tfont-size: var(--font-size-75);\n\t\t\t\t\tfont-weight: var(--font-weight-label);\n\t\t\t\t\tdisplay: inline-flex;\n\t\t\t\t}\n\n\t\t\t\t:host([layout="rect"]) {\n\t\t\t\t\taspect-ratio: 4/5;\n\t\t\t\t\tborder-radius: 0;\n\t\t\t\t}\n\n\t\t\t\t:host([size="200"]) {\n\t\t\t\t\twidth: var(--size-200);\n\t\t\t\t\theight: var(--size-200);\n\t\t\t\t}\n\n\t\t\t\t:host([size="300"]) {\n\t\t\t\t\twidth: var(--size-300);\n\t\t\t\t\theight: var(--size-300);\n\t\t\t\t}\n\t\t\t</style>\n\t\t\t${null!==this.src&&""!==this.src?`<img src="${this.src}" alt="" />`:`<div class="avatar__fallback">\n\t\t\t\t\t ${null!==this.name?`<span class="label-75">${this.name}</span>`:'<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">\n\t\t\t\t\t\t\t<path d="M11.7325 8.44C12.5175 7.5575 13 6.3975 13 5.125C13 2.3675 10.7575 0.125 8 0.125C5.2425 0.125 3 2.3675 3 5.125C3 6.3975 3.4825 7.5575 4.2675 8.44C1.7325 9.805 0.125 12.47 0.125 15.375C0.125 15.65 0.35 15.875 0.625 15.875C0.9 15.875 1.125 15.65 1.125 15.375C1.125 12.7175 2.6675 10.295 5.0625 9.1625C5.8875 9.765 6.9025 10.125 8 10.125C9.0975 10.125 10.1125 9.765 10.9375 9.1625C13.3325 10.2975 14.875 12.715 14.875 15.375C14.875 15.65 15.1 15.875 15.375 15.875C15.65 15.875 15.875 15.65 15.875 15.375C15.875 12.465 14.2675 9.805 11.7325 8.44ZM4 5.125C4 2.92 5.795 1.125 8 1.125C10.205 1.125 12 2.92 12 5.125C12 7.33 10.205 9.125 8 9.125C5.795 9.125 4 7.33 4 5.125Z" fill="black"/>\n\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t'}\n\t\t\t\t</div>\n\t\t\t\t`}\n\t\t`,this.shadowRoot.appendChild(t.content)}}window.customElements.define("svk-avatar",n)},62395:function(t,e,s){"use strict";s.r(e),s.d(e,{SvkInputSearch:function(){return i}});var n=s(90797);class i extends HTMLElement{static observedAttributes=["value"];constructor(){super(),this.elementId=(0,n.A)(),this.autocompleted=!1,this.debounceDelay=0,this.emitDebounced=null}connectedCallback(){this.label=null!==this.getAttribute("label")?this.getAttribute("label"):"Sök",this.showLabel=null!==this.getAttribute("label")&&"false"!==this.getAttribute("show-label"),this.name=this.getAttribute("name");const t=this.getAttribute("placeholder");if(this.placeholder=t&&"undefined"!==t&&"null"!==t?t:"",this.submitButton="true"===this.getAttribute("submit-button"),this.debounceDelay=Number.parseInt(this.getAttribute("debounce")??"0",10),(Number.isNaN(this.debounceDelay)||this.debounceDelay<0)&&(this.debounceDelay=0),this.emitDebounced=function(t,e=0){let s=null;const n=Number.isFinite(Number(e))?Number(e):0,i=(...e)=>{n<=0?t(...e):(s&&clearTimeout(s),s=setTimeout(()=>{s=null,t(...e)},n))};return i.cancel=()=>{s&&(clearTimeout(s),s=null)},i}(t=>{this.emit(t)},this.debounceDelay),this.render(),this.elInput=this.querySelector("input"),this.bindEvents(),this.elInput){const t=this.getAttribute("value");this.elInput.value=t??""}null!==this.label&&""!==this.label||(this.label="Sök")}disconnectedCallback(){this.emitDebounced?.cancel&&this.emitDebounced.cancel()}attributeChangedCallback(t,e,s){if("value"===t){if(!this.elInput)return;const t=s??"";this.elInput.value=t,""!==t?this.elInput.classList.add("is-active"):this.elInput.classList.remove("is-active"),t.includes("Min position")?(this.autocompleted=!0,this.classList.add("is-geo-position")):(this.autocompleted=!1,this.classList.remove("is-geo-position"))}}emit(t,e=!1){this.dispatchEvent(new CustomEvent("svk-change",{bubbles:!0,detail:{value:t,reset:e}}))}handleInput(t){if(""!==t.target.value?t.target.classList.add("is-active"):t.target.classList.remove("is-active"),!this.submitButton){const e=t.target.value;this.setAttribute("value",e),this.emitDebounced(e)}}handleKeyUp(t){t.preventDefault(),t.stopPropagation(),this.submitButton&&"Enter"===t.key&&(this.setAttribute("value",t.target.value),this.emit

1(t.target.value))}handleKeyDown(t){this.autocompleted&&this.handleReset(),"Escape"===t.key&&this.handleReset()}handleReset(){this.emitDebounced?.cancel&&this.emitDebounced.cancel(),this.elInput.value="",this.elInput.classList.remove("is-active"),this.elInput.classList.remove("is-geo-position"),this.setAttribute("value",""),this.emit("",!0)}handleButtonClick(){const t=this.elInput.value;this.setAttribute("value",t),this.emitDebounced?.cancel&&this.emitDebounced.cancel(),this.emit(t)}bindEvents(){this.elInput.addEventListener("input",this.handleInput.bind(this)),this.elInput.addEventListener("keyup",this.handleKeyUp.bind(this)),this.elInput.addEventListener("keydown",this.handleKeyDown.bind(this)),this.querySelector(".search__reset").addEventListener("click",this.handleReset.bind(this)),this.querySelector(".search-input__button")&&this.querySelector(".search-input__button").addEventListener("click",this.handleButtonClick.bind(this))}render(){let t=document.createElement("template");t.innerHTML=`\n\t\t\t${null!==this.label?`\n\t\t\t\t<label class="label-100 ${this.showLabel?"":"screen-reader"}" for="${this.elementId}">\n\t\t\t\t\t${this.label}\n\t\t\t\t</label>\n\t\t\t`:""}\n\t\t\t<div class="search__input-container">\n\t\t\t\t${this.submitButton?"":'<svk-icon name="search" class="search__icon"></svk-icon>'}\n\t\t\t\t<input\n\t\t\t\t\tclass="search__input"\n\t\t\t\t\tautocomplete="off"\n\t\t\t\t\t${this.elementId?`id="${this.elementId}"`:""}\n\t\t\t\t\t${this.placeholder?`placeholder="${this.placeholder}"`:""}\n\t\t\t\t\ttype="search"\n\t\t\t\t\tname="${this.name}" />\n\t\t\t\t<button type="button" class="search__reset svk-button button--icon button--tertiary button--size-75" aria-label="Rensa">\n\t\t\t\t\t<svk-icon name="close">\n\t\t\t\t</button>\n\t\t\t\t${this.submitButton?'<button type="submit" class="search-input__button svk-button button--icon button--tertiary button--size-75" aria-label="Sök">\n\t\t\t\t\t\t<svk-icon name="search"></svk-icon>\n\t\t\t\t\t</button>':""}\n\t\t\t</div>\n\t\t`,this.appendChild(t.content)}}window.customElements.define("svk-input-search",i)},36062:function(t,e,s){"use strict";s.r(e),s.d(e,{SvkPersonnel:function(){return n}});s(89672);class n extends HTMLElement{constructor(){super()}}window.customElements.define("svk-personnel",n)}}]);