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

1(self.webpackChunksvk_designsystem=self.webpackChunksvk_designsystem||[]).push([[244,504,2395,2483,4888,6648,7316,7891],{88125:function(module){module.exports=function(obj){obj||(obj={});var __t,__p="";with(obj)__p+='<div class="row">\n\t<div class="church-items-filters grid--size-sidebar">\n\t\t<svk-church-items-filters></svk-church-items-filters>\n\t</div>\n\t<div class="church-items-content grid--size-main">\n\t\t<header class="church-items-content__header">\n\t\t\t<div class="church-items-content__header-filters">\n\t\t\t\t<svk-church-items-search></svk-church-items-search>\n\t\t\t\t<div class="church-items-filter-search"></div>\n\t\t\t\t<div class="church-items-filter-location"></div>\n\t\t\t</div>\n\t\t\t<div class="church-items-count"></div>\n\t\t\t<div class="church-items-active-filters"></div>\n\t\t\t<svk-readspeaker>\n\t\t\t\t<a href="https://app-eu.readspeaker.com/cgi-bin/rsent?customerid=4936&lang=sv_se&readid=plats-resultat" class="readspeaker__button svk-button button--tertiary">\n\t\t\t\t\t<svk-icon name="speaker"></svk-icon> Lyssna\n\t\t\t\t</a>\n\t\t\t</svk-readspeaker>\n\t\t</header>\n\t\t<svk-church-items-list></svk-church-items-list>\n\t\t<div id="plats-resultat" class="church-items-list"></div>\n\t\t<div class="js-c-church-items-new-events"></div>\n\t</div>\n</div>\n';return __p}},13942:function(module){module.exports=function(obj){obj||(obj={});var __t,__p="";with(obj)__p+='<div class="grid-container church-items-list-container church-items-list-container--not-found">\n\t<h2>\n\t\tVi kunde inte hitta din plats, välj en plats för kalenderhändelser.\n\t</h2>\n</div>\n';return __p}},8532:function(t,e,i){"use strict";i.d(e,{c:function(){return s}});let s=(t,e)=>{let i=document,s="script",n=i.createElement(s),r=i.getElementsByTagName(s)[0];n.src=t,e&&"function"==typeof e&&n.addEventListener("load",t=>{e(null,t)},!1),r.parentNode.insertBefore(n,r)}},90797:function(t,e,i){"use strict";function s(){return(+new Date+Math.random()).toString(36).replace(/[^a-z1-9]+/g,"")}i.d(e,{A:function(){return s}})},89298:function(t,e,i){"use strict";i.d(e,["A",0,(t,e)=>i=>{i.target.matches(t)?(i.delegatedElement=i.target,e(i)):i.target.closest(t)&&(i.delegatedElement=i.target.closest(t),e(i))}])},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("?"),s=new URLSearchParams(i),n=s.has("DoProcessing")||s.has("doprocessing");return n&&(s.delete("w"),s.delete("ra"),s.delete("c")),{url:`${e}${s.toString()?"?"+s.toString():""}`,hasDoProcessing:n}})(t.src);if(i){return`\n\t\t\t${Object.entries(t.sizes).sort(([t],[e])=>e-t).map(([t,{w:i,ra:s}])=>`<source ${0!==t&&"0"!==t?`media="(min-width: ${t}px)"`:""} srcset="${e}&w=${i}${s?`&ra=${s}&c=85`:""} 1x, ${e}&w=${Math.min(2*i,1920)}${s?`&ra=${s}&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`}])},47316:function(t,e,i){"use strict";i.r(e),i.d(e,{SvkCard:function(){return n}});i(26648);var s=i(35160);class n 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"),s=this.querySelector(".card__pretitle"),n=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!==s&&s.classList.add("paragraph-75"),null!==n&&n.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,s.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",n)}

1,26648:function(t,e,i){"use strict";i.r(e),i.d(e,{SvkChip:function(){return s}});class s 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",s)}

1,70244:function(t,e,i){"use strict";i.r(e),i.d(e,{SvkChurchItems:function(){return o}});var s=i(41402),n=i(49725),r=i(89298),a=i(37891),c=(i(91897),i(66243),i(22483),i(88125)),l=i(13942);i(90504);class o extends HTMLElement{static observedAttributes=[];constructor(){super(),this.dom={},this.dom.el=this,this.filter={},this.filter.subGroup=[],this.state=this.initState,this.bindEvents()}connectedCallback(){this.parameters=this.getQueryParameters(),this.search={},this.renderBase(),this.setupDom(),this.churchItemsCount=new a.default(this.dom.el.querySelector(".church-items-count"),{churchItemsFilter:this.churchItemsFilter}),this.updateEvents(),s.init()}get initState(){return{type:"",filter:"",pagination:{top:10,skip:0}}}setupDom(){this.dom.notFoundContainer=this.dom.el.querySelector(".church-items-list-container--not-found"),this.dom.foundContainer=this.dom.el.querySelector(".church-items-list-container--found"),this.dom.eventsContainer=this.dom.el.querySelector(".js-c-church-items-new-events"),this.dom.filterToggleButton=this.dom.el.querySelector(".js-toggle-filter"),this.dom.filterContainer=this.dom.el.querySelector(".church-items-filter-sub__container")}getQueryParameters(){return this.filter=(0,n.parseQuery)(this.state.selected),this.filter}updateEvents(){}handleLayoutChange(t){this.dom.el.setAttribute("data-layout",t)}openFilter(){this.churchItemsFilter.open()}bindEvents(){this.dom.el.addEventListener("click",(0,r.A)(".js-open-filter",this.openFilter.bind(this)))}renderBase(){this.innerHTML=c()}renderNotFound(){this.insertAdjacentHTML("afterbegin",l())}}window.customElements.define("svk-church-items",o)},37891:function(t,e,i){"use strict";i.r(e);var s=i(52801),n=i(41402);e.default=class{constructor(t,e){this.dom={},this.dom.el=t,this.options=e,this.render(),this.dom.count=this.dom.el.querySelector(".church-items-count__count"),this.bindEvents()}update(t){this.dom.count.textContent=t}handleFilterUpdate(t){let e=0;t.type.length&&(e+=t.type.length),t.details.length&&(e+=t.details.length),t.accessibility.length&&(e+=t.accessibility.length),void 0!==t.location.name&&(e+=1),this.dom.el.querySelector(".js-open-filter").textContent=e>0?`Filtrera (${e})`:"Filtrera"}handleOpenFilter(){this.options.church,itemsFilter.open()}bindEvents(){this.dom.el.querySelector(".js-open-filter").addEventListener("click",this.handleOpenFilter.bind(this)),(0,s.getData)(t=>{this.update(t.totalHits)}),n.changed(this.handleFilterUpdate.bind(this))}render(){this.dom.el.innerHTML='\n\t\t\t<div class="church-items-count__content label-75" role="alert" aria-live="assertive" aria-atomic="true" id="church-items-events">\n\t\t\t\tVisar <span class="church-items-count__count"></span> träffar\n\t\t\t</div>\n\t\t\t<button class="svk-button js-open-filter">Filtrera</button>\n\t\t'}}},91897:function(t,e,i){"use strict";i.r(e);i(34888);var s=i(41402);class n extends HTMLElement{constructor(){super(),this.filter=[]}connectedCallback(){this.fetchTags().then(t=>{this.render(t),this.bindEvents()})}async fetchTags(){new URLSearchParams({$orderby:"name",$select:"name,description,databaseId",$filter:"unit/websites/any(w: w/webId eq 2785852) and documents/any(d: d/published eq true and d/sqlDocumentType eq 'S')"}).toString();try{const t=await fetch("/webapi/api-v2/odata/tags?$orderby=name&$select=name,description,databaseId&$filter=unit/websites/any(w: w/webId eq 2785852) and documents/any(d:d/published eq true and d/sqlDocumentType eq 'S')&apikey=4eb494e4-cc9a-4a77-8149-620da6d28ce9");return(await t.json()).value}catch(t){}}updateCount(){this.filter.length?(this.querySelector(".title-text__count").textContent=`(${this.filter.length})`,this.classList.add("has-filter")):(this.querySelector(".title-text__count").textContent="",this.classList.remove("has-filter"))}handleEventDelegation(t){let e=t.target.closest(".checkbox__input");null!==e?(t.preventDefault(),t.stopPropagation(),this.handleItemToggleClick(e)):t.target.classList.contains("filter__title-clear")&&this.reset()}handleItemToggleClick(t){const e=t.value,i=t.getAttribute("data-type");t.classList.contains("is-active")?(t.removeAttribute("checked"),this.filter.splice(this.filter.findIndex(t=>t.id===e),1)):(t.setAttribute("checked",""),this.filter.push({id:e,name:t.name,type:i})),t.classList.toggle("is-active"),this.updateCount(),s.set({type:"type",data:[...this.filter]})}reset(){}bindEvents(){this.addEventListener("click",this.handleEventDelegation.bind(this))}render(t){this.innerHTML=`\n\t\t<h3>Kategorier <span class="title-text__count label-75"></span></h3>\n\t\t<ul class="list--none">\n\t\t\t${t.map(t=>`\n\t\t\t\t<li>

1\n\t\t\t\t\t<svk-input-checkbox\n\t\t\t\t\t\tclass="checkbox__input"\n\t\t\t\t\t\tlabel="${t.name}"\n\t\t\t\t\t\tname="${t.name}"\n\t\t\t\t\t\tvalue="${t.name}"\n\t\t\t\t\t>\n\t\t\t\t\t</svk-input-checkbox>\n\t\t\t\t</li>\n\t\t\t`).join("")}\n\t\t</ul>`}}customElements.define("svk-church-items-filters",n)},22483:function(t,e,i){"use strict";i.r(e);i(47316);class s extends HTMLElement{constructor(){super()}connectedCallback(){this.render()}async fetchData(){return i.e(7477).then(i.t.bind(i,77477,17))}renderItems(t){return t.map(t=>`\n\t\t\t<svk-card\n\t\t\t\tsize=""\n\t\t\t\t${t.blurbInfo?.imageInfo?.crop?`\n\t\t\t\t\timg-src=https://www.svenskakyrkan.se/${t.blurbInfo.imageInfo.crop}"\n\t\t\t\t`:""}\n\t\t\t\timg-alt="">\n\t\t\t\t<h2>\n\t\t\t\t\t<a href="${t.virtualUrl}">\n\t\t\t\t\t\t${t.headline}\n\t\t\t\t\t</a>\n\t\t\t\t</h2>\n\t\t\t\t${t.blurbInfo?.description?`<p>${t.blurbInfo.description}</p>`:`<p>${t.description}</p>`}\n\t\t\t</svk-card>\n\t\t`).join("")}connectedCallback(){this.fetchData().then(t=>{t=t.default[0],this.innerHTML=`\n\t\t\t\t<div class="church-items-list__container">\n\t\t\t\t\t${this.renderItems(t.value)}\n\t\t\t\t</div>\n\t\t\t`})}render(){this.innerHTML="\n\t\t"}}customElements.define("svk-church-items-list",s)},66243:function(t,e,i){"use strict";i.r(e);var s=i(41402);i(62395);class n extends HTMLElement{constructor(t,e={}){super(),this.dom={},this.dom.el=this,this.currentString=e.q||""}connectedCallback(){this.render(),this.setupDom(),this.bindEvents()}setupDom(){this.dom.search=this.dom.el.querySelector("input"),this.dom.searchForm=this.dom.el.querySelector(".church-items-search__form"),this.dom.clear=this.dom.el.querySelector(".church-items-search__clear")}checkHasText(t){!t.length&&this.dom.el.classList.contains("has-text")?(this.hasText=!1,this.dom.el.classList.remove("has-text")):t.length&&!this.dom.el.classList.contains("has-text")&&this.dom.el.classList.add("has-text")}update(){s.set({type:"q",data:this.currentString})}clear(){this.currentString="",this.checkHasText(""),this.update()}handleFormSubmit(t){t.preventDefault(),document.activeElement.blur()}handleSvkChange(t){let e=t.detail.value;t.detail.reset?this.clear():this.currentString!==e&&(this.checkHasText(e),this.currentString=e,this.update())}bindEvents(){this.dom.el.querySelector("svk-input-search").addEventListener("svk-change",this.handleSvkChange.bind(this)),s.changed(t=>{""!==t.q&&t.q!==this.currentString&&(this.currentString=t.q,this.dom.el.querySelector("svk-input-search").value=t.q)}),s.ready(t=>{""!==t.q&&(this.currentString=t.q,this.dom.el.querySelector("svk-input-search").value=t.q)})}render(){this.dom.el.innerHTML=`\n\t\t\t<svk-input-search id="church-items-search" ${""!==this.currentString?`value="${this.currentString}"`:""} label="Sök" placeholder="Sök bland våra föremål" type="search" name="church-items-search"></svk-input-search>`}}customElements.define("svk-church-items-search",n)},34888:function(t,e,i){"use strict";i.r(e),i.d(e,{SvkInputCheckbox:function(){return s}});class s extends HTMLElement{static observedAttributes=["checked","invalid","disabled"];constructor(){super(),this.label=this.getAttribute("label"),this.required=this.hasAttribute("required"),this.name=this.getAttribute("name"),this.value=this.getAttribute("value"),this.disabled=this.hasAttribute("disabled"),this.description=this.getAttribute("description"),this.size=this.getAttribute("size")??"100",this.validatePattern=this.getAttribute("validate-pattern"),this.error=this.getAttribute("error"),this.checked=!!this.hasAttribute("checked")}connectedCallback(){this.render(),this.bindEvents(),this.checked&&(this.querySelector("input").checked=!0)}attributeChangedCallback(t,e,i){if("checked"===t){this.checked=null!==i&&"false"!==i;const t=this.querySelector("input");t&&(t.checked=this.checked)}if("invalid"===t){const t=this.querySelector("input");t&&t.classList.toggle("is-error",null!==i)}if("disabled"===t){this.disabled=null!==i&&"false"!==i;const t=this.querySelector("input");t&&(t.disabled=this.disabled)}}emit(){this.dispatchEvent(new CustomEvent("svk-change",{bubbles:!0,detail:{checked:this.checked,value:this.value,

1name:this.name,label:this.label}}))}getLabelSize(){switch(this.size){case"75":return"label-75";case"100":return"label-100";case"200":return"heading-04"}}bindEvents(){this.querySelector("input").addEventListener("change",t=>{t.target.checked?(this.setAttribute("checked",""),this.checked=!0):(this.removeAttribute("checked"),this.checked=!1),this.emit()})}render(){this.innerHTML="";const t=document.createElement("template");t.innerHTML=`\n\t\t\t<label class="input-checkbox__label ${this.getLabelSize()}">\n\t\t\t\t<input\n\t\t\t\t\tclass="input-checkbox__input"\n\t\t\t\t\ttype="checkbox"\n\t\t\t\t\t${this.checked?"checked":""}\n\t\t\t\t\t${this.disabled?"disabled":""}\n\t\t\t\t\t${this.required?'required data-pattern="checkbox"':""}\n\t\t\t\t\tname="${this.name}"\n\t\t\t\t\tvalue="${this.value}"\n\t\t\t\t/>\n\t\t\t\t<span class="input-checkbox__box"></span>\n\t\t\t\t<span>\n\t\t\t\t\t${this.label}\n\t\t\t\t\t${this.required?' <abbr title="Obligatoriskt">*</abbr>':""}\n\t\t\t\t</span>\n\t\t\t</label>\n\t\t\t${this.error?`<span class="input-checkbox__error label-50">${this.error}</span>`:""}\n\t\t\t${this.description?`<span class="input-checkbox__description label-50">${this.description}</span>`:""}\n\t\t`,this.appendChild(t.content.cloneNode(!0))}}window.customElements.define("svk-input-checkbox",s)},62395:function(t,e,i){"use strict";i.r(e),i.d(e,{SvkInputSearch:function(){return n}});var s=i(90797);class n extends HTMLElement{static observedAttributes=["value"];constructor(){super(),this.elementId=(0,s.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 i=null;const s=Number.isFinite(Number(e))?Number(e):0,n=(...e)=>{s<=0?t(...e):(i&&clearTimeout(i),i=setTimeout(()=>{i=null,t(...e)},s))};return n.cancel=()=>{i&&(clearTimeout(i),i=null)},n}(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,i){if("value"===t){if(!this.elInput)return;const t=i??"";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(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",n)}

1,90504:function(t,e,i){"use strict";i.r(e),i.d(e,{SvkReadspeaker:function(){return r}});var s=i(8532);let n=!1;class r extends HTMLElement{constructor(){super(),this.isFixed=!1,this.init=!1,this.querySelector("a").classList.add("rs_skip","readspeaker_wrapper","rs_href","rs_preserve"),this.insertAdjacentHTML("beforeend",'\n\t\t\t<div id="readspeaker" class="rs_preserve rs_skip rs_addtools rs_splitbutton rs_exp"></div>\n\t\t')}connectedCallback(){this.bindEvents()}rsSkipForContent(){const t=document.getElementById("innehall");t&&t.querySelectorAll("button, img, .svk-button").forEach(t=>{t.closest("svk-text")||t.closest("svk-block-banner")||t.classList.add("rs_skip")})}startReadspeaker(){void 0!==window.readpage&&(this.rsSkipForContent(),this.classList.add("is-active"),window.readpage(this.querySelector("a").href,"readspeaker"))}handleClick(t){var e;t.preventDefault(),this.init?this.stopReadspeaker():(e=()=>{this.startReadspeaker()},(window.ReadSpeaker||(n||(n=!0,window.rsConf={googletranslate:{en:"en_uk",sv:"sv_se",de:"de_de",es:"es_es",fa:"fa_ir",fr:"fr_fr",fi:"fi_fi",ar:"ar_ar",hr:"hr_hr",tr:"tr_tr"},general:{usePost:!0},params:"https://f1-eu.readspeaker.com/script/4936/webReader/webReader.js?pids=wr&amp;notools=1"},(0,s.c)("https://f1-eu.readspeaker.com/script/4936/webReader/webReader.js?pids=wr&amp;notools=1",()=>{window.ReadSpeaker.init(),e&&"function"==typeof e&&e()})),0))&&e&&"function"==typeof e&&e())}bindEvents(){const t=this.querySelector("a");t&&t.addEventListener("click",this.handleClick.bind(this))}}window.customElements.define("svk-readspeaker",r)}}]);