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

1(self.webpackChunksvk_designsystem=self.webpackChunksvk_designsystem||[]).push([[5641,6648,7316],{72348:function(t,e,i){var n={"./sv":41011,"./sv.js":41011,"node_modules/moment/locale/sv":41011,"node_modules/moment/locale/sv.js":41011};function r(t){var e=a(t);return i(e)}function a(t){if(!i.o(n,t)){var e=new Error("Cannot find module '"+t+"'");throw e.code="MODULE_NOT_FOUND",e}return n[t]}r.keys=function(){return Object.keys(n)},r.resolve=a,t.exports=r,r.id=72348},43109: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)__p+='<div class="confirmation__container">\n\t',"null"!==title&&(__p+="\n\t\t<h2>\n\t\t\t"+__e(title)+"\n\t\t</h2>\n\t"),__p+='\n\t<div class="confirmation__list" size="'+__e(data.length)+'"></div>\n\t<div class="confirmation__footer">\n\t\t',showLink&&(__p+='\n\t\t\t<a href="/konfirmation/hitta-konfirmation" class="confirmation__button svk-button">Hitta konfirmation</a>\n\t\t'),__p+="\n\t\t",showMore&&show<total&&(__p+='\n\t\t\t<button class="confirmation__button-show-more svk-button button--loader button--secondary">Visa fler</a>\n\t\t'),__p+="\n\t</div>\n</div>\n";return __p}},86616:function(module,__unused_webpack_exports,__webpack_require__){var moment=__webpack_require__(95093);module.exports=function(obj){obj||(obj={});var __t,__p="",__e=_.escape,__j=Array.prototype.join;function print(){__p+=__j.call(arguments,"")}with(obj)data.forEach(t=>{__p+='\n\t<svk-card\n\t\t\timg-src="'+__e(t.images[0])+'?doprocessing=1"\n\t\t\timg-fallback="true"\n\t\t\timg-fallback-icon="church"\n\t\t\t',filter.offset||1!==data.length?filter.offset||2!==data.length||(__p+='\n\t\t\t\tsize="medium"\n\t\t\t'):__p+='\n\t\t\t\tsize="large"\n\t\t\t\tsurface="theme-auto"\n\t\t\t',__p+='\n\t\t>\n\t\t<p class="label-75">\n\t\t\tStart: '+__e(moment(t.start).format("D MMMM YYYY"))+'\n\t\t</p>\n\t\t<h3>\n\t\t\t<a href="'+__e(t.url)+'">\n\t\t\t\t'+__e(t.title)+"\n\t\t\t</a>\n\t\t</h3>\n\t\t<p>\n\t\t\t"+__e(t.description)+"\n\t\t</p>\n\t\t",null!==t.themes&&(__p+='\n\t\t\t<div class="card__tags">\n\t\t\t\t',t.themes.map(t=>{__p+='\n\t\t\t\t\t<svk-chip label="'+__e(t)+'" class="chip--secondary label-50"></svk-chip>\n\t\t\t\t'}),__p+="\n\t\t\t</div>\n\t\t"),__p+="\n\t</svk-card>\n"}),__p+="\n";return __p}},35160:function(t,e,i){"use strict";i.d(e,["U",0,t=>{const{url:e,hasDoProcessing:i}=(t=>{if(!t||!t.includes("?"))return{url:t,hasDoProcessing:!1};const[e,i]=t.split("?"),n=new URLSearchParams(i),r=n.has("DoProcessing")||n.has("doprocessing");return r&&(n.delete("w"),n.delete("ra"),n.delete("c")),{url:`${e}${n.toString()?"?"+n.toString():""}`,hasDoProcessing:r}})(t.src);if(i){return`\n\t\t\t${Object.entries(t.sizes).sort(([t],[e])=>e-t).map(([t,{w:i,ra:n}])=>`<source ${0!==t&&"0"!==t?`media="(min-width: ${t}px)"`:""} srcset="${e}&w=${i}${n?`&ra=${n}&c=85`:""} 1x, ${e}&w=${Math.min(2*i,1920)}${n?`&ra=${n}&c=75`:""} 2x" ${0!==t&&"0"!==t?`sizes="${i}px"`:'sizes="100vw"'} />`).join("\n")}\n\t\t\t<img\n\t\t\t\tsrc="${e}&w=${t.default.w}${t.default.ra?`&ra=${t.default.ra}`:""}"\n\t\t\t\tsrcset="${e}&w=${t.default.w}${t.default.ra?`&ra=${t.default.ra}`:""}&c=85 1x, ${e}&w=${Math.min(2*t.default.w,1920)}${t.default.ra?`&ra=${t.default.ra}`:""}&c=75 2x"\n\t\t\t\talt="${t.alt?t.alt:""}"\n\t\t\t\t${t.width?`width="${t.width}"`:`width="${t.default.w}"`}\n\t\t\t\t${t.height?`height="${t.height}"`:`height="${t.default.ra?t.default.w/t.default.ra:t.default.w}"`}\n\t\t\t\tsizes="100vw"\n\t\t\t\tloading="lazy"\n\t\t\t\t${t.position?`style="object-position: ${t.position}"`:""} />\n\t\t`}return`\n\t\t\t<img\n\t\t\t\tsrc="${e}"\n\t\t\t\talt="${t.alt?t.alt:""}"\n\t\t\t\t${t.width?`width="${t.width}"`:`width="${t.default.w}"`}\n\t\t\t\t${t.height?`height="${t.height}"`:`height="${t.default.ra?t.default.w/t.default.ra:t.default.w}"`}\n\t\t\t\tsizes="100vw"\n\t\t\t\tloading="lazy" />\n\t\t`}])},33730:function(t,e,i){"use strict";function n(t){return encodeURIComponent(t).replace(/[!'()*]/g,t=>`%${t.charCodeAt(0).toString(16).toUpperCase()}`)}function r(t){return"string"!=typeof t?{}:(t=t.trim().replace(/^(\?|#|&)/,""))?t.split("&").reduce(function(t,e){var i=e.replace(/\+/g," ").split("="),n=i.shift(),r=i.length>0?i.join("="):void 0;return n=decodeURIComponent(n),r=void 0===r?null:decodeURIComponent(r),t.hasOwnProperty(n)?Array.isArray(t[n])?t[n].push(r):t[n]=[t[n],r]:t[n]=r,t},{}):{}}function a(t){return t?Object.keys(t).map(function(e){var i=t[e];return void 0===i?"":null===i?e:Array.isArray(i)?i.map(function(t){return n(e)+"="+n(t)}).join("&"):n(e)+"="+n(i)}).filter(function(t){return t.length>0}).join("&"):""}i.d(e,{As:function(){return a},qg:function(){return r}})}

1,27862:function(t,e,i){"use strict";i.r(e),i.d(e,{SvkBlockConfirmation:function(){return s}});var n=i(33730),r=(i(47316),i(43109)),a=i(86616);class s extends HTMLElement{constructor(){super(),this.show=this.getAttribute("data-show")||3,this.showMore="false"!==this.getAttribute("data-show-more"),this.showLink="false"!==this.getAttribute("data-show-link"),this.svkTitle=this.getAttribute("data-title"),this.units=this.getAttribute("data-units"),this.theme=this.getAttribute("data-theme"),this.filter=this.getFilter()}connectedCallback(){this.fetchData().then(t=>{t.confirmations.length?(this.render(t),this.renderList(t),this.bindEvent()):this.parentElement.removeChild(this)})}async fetchData(){return(await fetch(`/webapi/api-v2/confirmation/search?apiKey=cbe1f4b6-552e-497f-a3d4-dde7409c3566&${n.As(this.filter)}`)).json()}getFilter(){let t={limit:0};return"all"===this.show?(this.showMore=!1,t.limit=100):(t.limit=this.show,"1"===this.show&&(this.showMore=!1)),t.offset=0,null!==this.units&&(t.unitIds=this.units),null!==this.theme&&(t.themes=this.theme),t}handleLoadMore(t){this.filter.offset+=this.filter.limit,t.target.setAttribute("loading",""),this.fetchData().then(e=>{t.target.removeAttribute("loading"),e.confirmations.length&&this.renderList(e),this.filter.offset+this.filter.limit>=e.meta.total&&(this.querySelector(".confirmation__button-show-more").style.display="none")})}bindEvent(){null!==this.querySelector(".confirmation__button-show-more")&&this.querySelector(".confirmation__button-show-more").addEventListener("click",this.handleLoadMore.bind(this))}renderList(t){this.querySelector(".confirmation__list").insertAdjacentHTML("beforeend",a({data:t.confirmations,total:t.meta.total,filter:this.filter}))}render(t){this.innerHTML=r({title:this.svkTitle,data:t.confirmations,total:t.meta.total,show:this.show,showMore:this.showMore,showLink:this.showLink})}}window.customElements.define("svk-block-confirmation",s)},47316:function(t,e,i){"use strict";i.r(e),i.d(e,{SvkCard:function(){return r}});i(26648);var n=i(35160);class r extends HTMLElement{constructor(){super(),this.size=this.getAttribute("size"),this.heading=this.getAttribute("heading"),this.imgSrc=this.getAttribute("img-src"),this.imgSrcset=this.getAttribute("img-srcset"),this.imgAlt=this.getAttribute("img-alt")||"",this.imgWidth=this.getAttribute("img-width")||"",this.imgHeight=this.getAttribute("img-height")||"",this.imgSizes=this.getAttribute("img-sizes")||"100vw",this.imgProcessing="false"!==this.getAttribute("img-processing"),this.imgPosition=this.getAttribute("img-position"),this.imgFallback="true"===this.getAttribute("img-fallback"),this.imgFallbackIcon=this.getAttribute("img-fallback-icon")||"image",this.illustrationFile=this.getAttribute("illustration-file"),this.illustrationName=this.getAttribute("illustration-name"),this.hasRendered=!1}connectedCallback(){this.hasRendered||(this.modifyContent(),this.render(),this.hasRendered=!0)}modifyContent(){let t=this.querySelector("h2, h3, h4",".card__title"),e=this.querySelector("a"),i=this.querySelector(".card__text, p:not(.card__subtitle,.card__pretitle"),n=this.querySelector(".card__pretitle"),r=this.querySelector(".card__subtitle");if(null!==t){let e="heading-03";null!==this.heading?e=this.heading:"large"===this.size?e="heading-02":"small"===this.size&&(e="heading-04"),t.classList.add(e)}null!==e&&(e.classList.add("svk-link"),e.classList.add("link--expand")),null!==i&&("small"===this.size?i.classList.add("paragraph-75"):i.classList.add("paragraph-100")),null!==n&&n.classList.add("paragraph-75"),null!==r&&r.classList.add("label-100")}getSizeConfiguration(){const t={large:{default:{w:"480",ra:"1.33"},sizes:{0:{w:"443",ra:"1.33"},480:{w:"641",ra:"1.33"},680:{w:"777",ra:"1.5"},860:{w:"375",ra:"1.5"},1024:{w:"443",ra:"1.5"},1200:{w:"602",ra:"1.5"}}},medium:{default:{w:"480",ra:"1.33"},sizes:{0:{w:"443",ra:"1.33"},480:{w:"641",ra:"1.33"},680:{w:"777",ra:"1.55"},860:{w:"458",ra:"1"},1024:{w:"543",ra:"1.6"},1200:{w:"740",ra:"1.6"}}},small:{default:{w:"480",ra:"1"},sizes:{0:{w:"443",ra:"1"},480:{w:"641",ra:"1"},680:{w:"641",ra:"1"},860:{w:"380",ra:"1"},1024:{w:"300",ra:"1"},1200:{w:"486",ra:"1"}}},default:{default:{w:"480",ra:"1"},sizes:{0:{w:"443",ra:"1"},480:{w:"641",ra:"1"},680:{w:"641",ra:"1"},860:{w:"380",ra:"1"},1024:{w:"300",ra:"1"},1200:{w:"486",ra:"1"}}}};return t[this.size]||t.default}getImage(){if(void 0!==this.imgSrc&&null!==this.imgSrc){if(this.imgProcessing){if(this.imgSrcset)return`\n\t\t\t\t<figure class="card__image">\n\t\t\t\t\t<picture>\n\t\t\t\t\t\t<img\n\t\t\t\t\t\t\tsrc="${this.imgSrc}"\n\t\t\t\t\t\t\tsrcset="${this.imgSrcset}"\n\t\t\t\t\t\t\talt="${this.imgAlt}"\n\t\t\t\t\t\t\tsizes="${this.imgSizes}"\n\t\t\t\t\t\t\tloading="lazy"\n\t\t\t\t\t\t\t${this.imgPosition?`style="object-position: ${this.imgPosition}"`:""} />\n\t\t\t\t\t</picture>\n\t\t\t\t</figure>`;{const t=this.getSizeConfiguration();return`\n\t\t\t\t<figure class="card__image">\n\t\t\t\t\t<picture>\n\t\t\t\t\t\t${(0,n.U)({src:this.imgSrc,alt:this.imgAlt,...t})}\n\t\t\t\t\t</picture>\n\t\t\t\t</figure>`}}return`\n\t\t\t\t<figure class="card__image">\n\t\t\t\t\t<picture>\n\t\t\t\t\t\t<img\n\t\t\t\t\t\t\tsrc="${this.imgSrc}"\n\t\t\t\t\t\t\talt="${this.imgAlt}"\n\t\t\t\t\t\t\tloading="lazy"\n\t\t\t\t\t\t\t${this.imgPosition?`style="object-position: ${this.imgPosition}"`:""} />\n\t\t\t\t\t</picture>\n\t\t\t\t</figure>`}return null!==this.illustrationFile&&null!==this.illustrationName?`\n\t\t\t<figure class="card__image"><svk-illustration file="${this.illustrationFile}" name="${this.illustrationName}"></svk-illustration></figure>`:this.imgFallback?null!==this.imgFallbackIcon?`<div class="card__image card__image--fallback"><svk-icon name="${this.imgFallbackIcon}"></svk-icon></div>`:(this.classList.add("card--no-image"),'<div class="card__image card__image--fallback"></div>'):(this.classList.add("card--no-image"),"")}checkLazyImages(){let t=this.querySelector("[loading=lazy]");"loading"in HTMLImageElement.prototype?null!==t&&(t.addEventListener("load",this.handleLazyImageLoad,!1),t.addEventListener("error",this.handleLazyImageError.bind(this),!1)):this.querySelector("img").classList.add("is-loaded")}isClamped(t){const e=t.clientHeight;return t.scrollHeight>e}toggleLineClamp(t){const e=t.target.previousElementSibling;e.classList.contains("is-show-more")?(e.classList.remove("is-show-more"),t.target.innerHTML='Visa mer <svk-icon name="arrow-down"></svk-icon>'):(e.classList.add("is-show-more"),t.target.innerHTML='Visa mindre <svk-icon name="arrow-up"></svk-icon>')}checkTextOverflow(){const t=this.querySelector(".card__content p");t&&this.isClamped(t)&&(t.insertAdjacentHTML("afterend",'<button class="svk-button button--tertiary button--tertiary-inline js-readmore">Visa mer <svk-icon name="arrow-down"></svk-icon></button>'),this.querySelector(".js-readmore").addEventListener("click",this.toggleLineClamp.bind(this)))}handleLazyImageLoad(t){t.currentTarget.classList.add("is-loaded")}handleLazyImageError(){try{this.imgFallback?this.querySelector(".card__content").insertAdjacentHTML("beforebegin",`<div class="card__image card__image--fallback"><svk-icon name="${this.imgFallbackIcon}"></svk-icon></div>`):(this.classList.add("card--no-image"),this.querySelector(".card__content").insertAdjacentHTML("beforebegin",'<div class="card__image card__image--fallback"></svk-icon></div>')),this.removeChild(this.querySelector(".card__image"))}catch(t){}}render(){let t=this.innerHTML;this.innerHTML=`\n\t\t\t${this.getImage()}\n\t\t\t<div class="card__content">\n\t\t\t\t${t}\n\t\t\t</div>\n\t\t`,this.checkLazyImages(),this.querySelector("a[href]")||this.checkTextOverflow()}}window.customElements.define("svk-card",r)}

1,26648:function(t,e,i){"use strict";i.r(e),i.d(e,{SvkChip:function(){return n}});class n extends HTMLElement{constructor(){super(),this.label=this.getAttribute("label"),this.action=this.getAttribute("action"),this.type=this.getAttribute("type"),this.href=this.getAttribute("href"),this.attachShadow({mode:"open"})}connectedCallback(){this.render()}templateLabel(){let t=`${this.label}`;return"filter"===this.action?t=`<svk-icon name="check-300"></svk-icon> ${t}`:"input"===this.action&&(t+='<svk-icon name="close-300"></svk-icon>'),t}templateText(){return`\n\t\t\t<span class="chip ${null!==this.action?`chip--${this.action}`:""}">\n\t\t\t\t${this.templateLabel()}\n\t\t\t</span>`}templateLink(){return`\n\t\t\t<a href="${this.href}" class="chip chip--button ${null!==this.action?`chip--${this.action}`:""}">\n\t\t\t\t${this.templateLabel()}\n\t\t\t</a>`}templateButton(){return`\n\t\t\t<button class="chip chip--button ${null!==this.action?`chip--${this.action}`:""}">\n\t\t\t\t${this.templateLabel()}\n\t\t\t</button>`}render(){let t=document.createElement("template");this.classList.add("label-50"),t.innerHTML='\n\t\t\t<style>\n\t\t\t\t:host {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t}\n\n\t\t\t\t.chip {\n\t\t\t\t\tdisplay: inline-flex;\n\t\t\t\t\tgap: var(--space-50);\n\t\t\t\t\talign-items: center;\n\t\t\t\t\tjustify-content: center;\n\t\t\t\t\tcolor: var(--link-color-primary);\n\t\t\t\t\tline-height: 1;\n\t\t\t\t\tbackground: transparent;\n\t\t\t\t\tborder: 1px solid currentColor;\n\t\t\t\t\tborder-radius: 10rem;\n\t\t\t\t\tpadding: var(--space-25) var(--space-50);\n\t\t\t\t\tfont-size: inherit;\n\t\t\t\t\ttext-decoration: none;\n\t\t\t\t\tcursor: default;\n\t\t\t\t}\n\n\t\t\t\t.chip--button,\n\t\t\t\t.chip--input,\n\t\t\t\t.chip--filter {\n\t\t\t\t\tposition: relative;\n\t\t\t\t\tpadding: var(--space-50) var(--space-75);\n\n\t\t\t\t\t&:after {\n\t\t\t\t\t\tcontent: "";\n\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\ttop: 50%;\n\t\t\t\t\t\tleft: 50%;\n\t\t\t\t\t\tmin-width: 44px;\n\t\t\t\t\t\tmin-height: 44px;\n\t\t\t\t\t\theight: 100%;\n\t\t\t\t\t\twidth: 100%;\n\t\t\t\t\t\ttransform: translate(-50%, -50%);\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.chip--button {\n\t\t\t\t\tcursor: pointer;\n\t\t\t\t}\n\n\t\t\t\t@media (hover: hover) {\n\t\t\t\t\t.chip--button:hover {\n\t\t\t\t\t\tbackground: var(--color-opacity-brand-primary-008);\n\t\t\t\t\t\toutline: 1px solid currentColor;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.chip--button:active {\n\t\t\t\t\tbackground: var(--color-opacity-brand-primary-016);\n\t\t\t\t\toutline: 1px solid currentColor;\n\t\t\t\t}\n\n\t\t\t\t.chip--button:focus-visible {\n\t\t\t\t\tborder-color: transparent;\n\t\t\t\t\toutline: var(--support-border-focused) solid var(--support-color-focused);\n\t\t\t\t}\n\n\t\t\t\t.chip--input {\n\t\t\t\t\tcolor: var(--color-black);\n\t\t\t\t\tbackground: var(--color-white);\n\t\t\t\t}\n\t\t\t\t.chip--filter svk-icon {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\n\t\t\t\t.chip--filter {\n\t\t\t\t\tcolor: var(--color-black);\n\t\t\t\t}\n\n\t\t\t\t:host([checked]) .chip--filter {\n\t\t\t\t\tcolor: var(--color-white);\n\t\t\t\t\tborder-color: var(--color-orange-700);\n\t\t\t\t\tbackground: var(--color-orange-700);\n\t\t\t\t}\n\n\t\t\t\t:host([checked]) .chip--filter svk-icon {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t}\n\n\t\t\t\t@media (hover: hover) {\n\t\t\t\t\t:host([checked]) .chip--filter:hover {\n\t\t\t\t\t\tbackground-color: var(--color-orange-800);\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t:host([checked]) .chip--filter:active {\n\t\t\t\t\tbackground-color: var(--color-orange-900);\n\t\t\t\t}\n\n\t\t\t\tsvk-icon {\n\t\t\t\t\tdisplay: inline-flex;\n\t\t\t\t\twidth: 0.8em;\n\t\t\t\t\theight: 0.8em;\n\t\t\t\t}\n\n\t\t\t\tsvg {\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\theight: 100%;\n\t\t\t\t}\n\n\t\t\t\tsvg:not([fill]) {\n\t\t\t\t\tfill: currentColor;\n\t\t\t\t}\n\n\t\t\t\t:host(.chip--secondary) .chip {\n\t\t\t\t\tcolor: var(--color-black);\n\t\t\t\t}\n\n\t\t\t\t:host(.chip--primary) .chip {\n\t\t\t\t\tcolor: var(--color-white);\n\t\t\t\t\tborder-color: var(--color-orange-700);\n\t\t\t\t\tbackground: var(--color-orange-700);\n\t\t\t\t}\n\n\t\t\t\t@media (hover: hover) {\n\t\t\t\t\t:host(.chip--primary) .chip:hover {\n\t\t\t\t\t\tbackground-color: var(--color-orange-800);\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t:host(.chip--primary) .chip:active {\n\t\t\t\t\tbackground-color: var(--color-orange-900);\n\t\t\t\t}\n\n\t\t\t\t:host(.chip--tertiary) .chip {\n\t\t\t\t\tcolor: var(--color-black);\n\t\t\t\t\tborder-color: var(--color-black);\n\t\t\t\t\tbackground: var(--color-opacity-brand-primary-008);\n\t\t\t\t}\n\n\t\t\t\t@media (hover: hover) {\n\t\t\t\t\t:host(.chip--tertiary) .chip:hover {\n\t\t\t\t\t\tbackground: var(--color-opacity-brand-primary-016);\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t:host(.chip--tertiary) .chip:active {\n\t\t\t\t\tbackground: var(--color-opacity-brand-primary-024);\n\t\t\t\t}\n\n\t\t\t\t:host([type=info]) .chip {\n\t\t\t\t\tbackground: var(--color-white);\n\t\t\t\t\tcolor: var(--color-black);\n\t\t\t\t\tborder-color: var(--color-white);\n\t\t\t\t}\n\t\t\t</style>\n\t\t\t',"link"===this.type?t.innerHTML+=this.templateLink():"button"===this.type?t.innerHTML+=this.templateButton():t.innerHTML+=this.templateText(),this.shadowRoot.appendChild(t.content)}}window.customElements.define("svk-chip",n)}}]);