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

1(self.webpackChunksvk_designsystem=self.webpackChunksvk_designsystem||[]).push([[795,6648],{72348:function(t,e,n){var s={"./sv":41011,"./sv.js":41011,"node_modules/moment/locale/sv":41011,"node_modules/moment/locale/sv.js":41011};function i(t){var e=r(t);return n(e)}function r(t){if(!n.o(s,t)){var e=new Error("Cannot find module '"+t+"'");throw e.code="MODULE_NOT_FOUND",e}return s[t]}i.keys=function(){return Object.keys(s)},i.resolve=r,t.exports=i,i.id=72348},43130:function(module){module.exports=function(obj){obj||(obj={});var __t,__p="",__e=_.escape;with(obj)__p+='<svk-list>\n\t<div class="search-results__count">Din sökning gav '+__e(count)+' träffar</div>\n\t<ul class="list--none"></ul>\n</svk-list>\n';return __p}},99767: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)items.forEach((t,e)=>{__p+="\n\t<li>\n\t\t<svk-list-item>\n\t\t\t<h3>\n\t\t\t\t","personnel"===t.category?__p+="\n\t\t\t\t\t"+(null==(__t=t.name)?"":__t)+"\n\t\t\t\t":"place"===t.category?__p+='\n\t\t\t\t\t<a href="https://www.svenskakyrkan.se/platser/'+__e(t.slug)+'">\n\t\t\t\t\t\t'+(null==(__t=t.title)?"":__t)+"\n\t\t\t\t\t</a>\n\t\t\t\t":__p+='\n\t\t\t\t\t<a href="'+__e(t.url)+'">\n\t\t\t\t\t\t'+(null==(__t=t.title)?"":__t)+"\n\t\t\t\t\t</a>\n\t\t\t\t",__p+='\n\t\t\t</h3>\n\t\t\t<span class="label-100">\n\t\t\t\t'+(null==(__t=getCategory(t.category))?"":__t)+" ·\n\t\t\t\t"+(null==(__t="parish"===t.category?`${t.stift}`:"")?"":__t)+"\n\t\t\t\t"+(null==(__t="page"===t.category||"place"===t.category?`${t.unit.name}`:"")?"":__t)+"\n\t\t\t\t"+(null==(__t="personnel"===t.category?getAssignments(t):"")?"":__t)+"\n\t\t\t\t"+(null==(__t="document"===t.category?getDocument(t):"")?"":__t)+"\n\t\t\t\t"+(null==(__t="news"===t.category?moment(t.modifiedDate).format("DD MMMM YYYY"):"")?"":__t)+"\n\t\t\t\t"+(null==(__t=!0===t.sponsored?" · Utvald länk":"")?"":__t)+"\n\t\t\t</span>\n\n\t\t\t","personnel"===t.category&&(__p+="\n\t\t\t\t",null!==t.email&&""!==t.email&&(__p+='\n\t\t\t\t\t<span class="list-item__meta label-75">\n\t\t\t\t\t\t<svk-icon name="email"></svk-icon>\n\t\t\t\t\t\t<a class="svk-link link--secondary" href="mailto:'+__e(t.email)+'">'+__e(t.email)+"</a>\n\t\t\t\t\t</span>\n\t\t\t\t"),__p+="\n\t\t\t\t",null!==t.phone&&""!==t.phone&&(__p+='\n\t\t\t\t\t<span class="list-item__meta label-75">\n\t\t\t\t\t\t<svk-icon name="call"></svk-icon>\n\t\t\t\t\t\t<a class="svk-link link--secondary" href="mailto:'+__e(t.phone)+'">'+__e(t.phone)+"</a>\n\t\t\t\t\t</span>\n\t\t\t\t"),__p+="\n\t\t\t"),__p+="\n\t\t\t","parish"===t.category&&(__p+="\n\t\t\t\t",null!==t.besoksadress&&""!==t.besoksadress&&(__p+='\n\t\t\t\t\t<span class="list-item__meta label-75">\n\t\t\t\t\t\t<svk-icon name="location"></svk-icon>\n\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t'+__e(t.besoksadress)+(null==(__t=null!==t.postadress_postnr&&""!==t.postadress_postnr?`, ${t.postadress_postnr}`:"")?"":__t)+"\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</span>\n\t\t\t\t"),__p+="\n\t\t\t\t",null!==t.telefon&&""!==t.telefon&&(__p+='\n\t\t\t\t\t<span class="list-item__meta label-75">\n\t\t\t\t\t\t<svk-icon name="call"></svk-icon>\n\t\t\t\t\t\t<a class="svk-link link--secondary" href="tel:'+__e(t.telefon)+'">'+__e(t.telefon)+"</a>\n\t\t\t\t\t</span>\n\t\t\t\t"),__p+="\n\t\t\t\t",null!==t.epost&&""!==t.epost&&(__p+='\n\t\t\t\t\t<span class="list-item__meta label-75">\n\t\t\t\t\t\t<svk-icon name="email"></svk-icon>\n\t\t\t\t\t\t<a class="svk-link link--secondary" href="mailto:'+__e(t.epost)+'">'+__e(t.epost)+"</a>\n\t\t\t\t\t</span>\n\t\t\t\t"),__p+="\n\t\t\t"),__p+="\n\t\t\t",null!==t.description&&""!==t.description&&(__p+='\n\t\t\t\t<p class="list-item__text">\n\t\t\t\t\t'+(null==(__t=t.description)?"":__t)+"\n\t\t\t\t</p>\n\t\t\t"),__p+="\n\t\t</svk-list-item>\n\t</li>\n"}),__p+="\n",null!==nextUrl&&""!==nextUrl&&(__p+='\n\t<button class="svk-button button--loader js-show-more" data-next-url="'+__e(nextUrl)+'">Visa fler</button>\n'),__p+="\n";return __p}},79218: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="svk-layout">\n\t<div class="row row--bg">\n\t\t<button class="svk-button button--tertiary button--icon search__close js-close" aria-label="Stäng">\n\t\t\t<svk-icon name="close"></svk-icon>\n\t\t</button>\n\t\t<header class="search__header">\n\t\t\t<form name="sok" class="search-form">\n\t\t\t\x3c!-- <form class="search-form searchresults__input-container" name="sok"> --\x3e\n\t\t\t\t<svk-input-search\n\t\t\t\t\tclass="input-search--rounded search-form__input js-search-input"\n\t\t\t\t\tplaceholder="Vad söker du?"\n\t\t\t\t\ttype="search"\n\t\t\t\t\tid="searchresults-search"\n\t\t\t\t\tsubmit-button="true"\n\t\t\t\t\t',filter.q!==undefined&&""!==filter.q&&(__p+='value="'+__e(filter.q)+'"'),__p+='\n\t\t\t\t\tname="text">\n\t\t\t\t</svk-input-search>\n\n\t\t\t\t\x3c!-- <input type="search" id="searchresults-search" placeholder="Vad söker du?" class="search-form__input js-search-input" autocomplete="off" ',filter.q!==undefined&&""!==filter.q&&(__p+='value="'+__e(filter.q)+'"'),__p+='/>\n\t\t\t\t<button class="search-form__button input-icon js-icon-search" aria-label="Sök">\n\t\t\t\t\t<svk-icon name="search"></svk-icon>\n\t\t\t\t</button>\n\t\t\t\t<div class="search-loader-container"></div> --\x3e\n\t\t\t</form>\n\t\t\t<div class="search__filter">\n\t\t\t\t<svk-chip class="js-filter-category" '+(null==(__t=filter.catfilter.includes("sida")?"checked":"")?"":__t)+' value="sida" label="Sidor" type="button" action="filter"></svk-chip>\n\t\t\t\t<svk-chip class="js-filter-category" '+(null==(__t=filter.catfilter.includes("forsamling")?"checked":"")?"":__t)+' value="forsamling" label="Församlingar" type="button" action="filter"></svk-chip>\n\t\t\t\t<svk-chip class="js-filter-category" '+(null==(__t=filter.catfilter.includes("plats")?"checked":"")?"":__t)+' value="plats" label="Kyrkor och platser" type="button" action="filter"></svk-chip>\n\t\t\t\t<svk-chip class="js-filter-category" '+(null==(__t=filter.catfilter.includes("personal")?"checked":"")?"":__t)+' value="personal" label="Personal" type="button" action="filter"></svk-chip>\n\t\t\t\t<svk-chip class="js-filter-category" '+(null==(__t=filter.catfilter.includes("binaryfile")?"checked":"")?"":__t)+' value="binaryfile" label="Filer" type="button" action="filter"></svk-chip>\n\t\t\t\t<svk-chip class="js-filter-category" '+(null==(__t=filter.catfilter.includes("nyhet")?"checked":"")?"":__t)+' value="nyhet" label="Nyheter" type="button" action="filter"></svk-chip>\n\t\t\t</div>\n\t\t\t<div class="searchresults__filterrow searchresults__filterrow--localfilter">

1\n\t\t\t\t<svk-input-checkbox\n\t\t\t\t\tlabel="'+(null==(__t=window.webContext&&window.webContext.local?`Visa bara resultat från ${webContext.webName}`:"Filtrera bort resultat från stift, pastorat och församlingar")?"":__t)+'"\n\t\t\t\t\t'+(null==(__t=filter.local?"checked":"")?"":__t)+'\n\t\t\t\t>\n\t\t\t\t</svk-input-checkbox>\n\t\t\t</div>\n\t\t</header>\n\t</div>\n\t<div class="row">\n\t\t<svk-search-results></svk-search-results>\n\t</div>\n</div>\n';return __p}},90797:function(t,e,n){"use strict";function s(){return(+new Date+Math.random()).toString(36).replace(/[^a-z1-9]+/g,"")}n.d(e,{A:function(){return s}})},5695:function(t,e){"use strict";e.A=class{constructor(t){this.dom={},this.dom.el=t,this.handleKeyDown=this.handleKeyDown.bind(this)}setupDom(){this.dom.activeElement=document.activeElement,this.dom.tabbableElements=this.dom.el.querySelectorAll('a[href], area[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), [tabindex="0"]'),this.dom.firstTabbableElement=this.dom.tabbableElements[0],this.dom.lastTabbableElement=this.dom.tabbableElements[this.dom.tabbableElements.length-1]}init(){this.setupDom(),void 0!==this.dom.firstTabbableElement&&this.dom.firstTabbableElement.focus(),this.bindEvents()}reInit(){this.setupDom(),void 0!==this.dom.firstTabbableElement&&this.dom.firstTabbableElement.focus()}destroy(){this.dom.activeElement.focus(),this.dom.el.removeEventListener("keydown",this.handleKeyDown,!1)}handleKeyDown(t){let e=t.which||t.keyCode;t.preventDefault=t.preventDefault||function(){t.returnValue=!1},9===e&&(t.target!==this.dom.lastTabbableElement||t.shiftKey?t.target===this.dom.firstTabbableElement&&t.shiftKey&&(t.preventDefault(),this.dom.lastTabbableElement.focus()):(t.preventDefault(),this.dom.firstTabbableElement.focus()))}bindEvents(){this.dom.el.addEventListener("keydown",this.handleKeyDown,!1)}}},26648:function(t,e,n){"use strict";n.r(e),n.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;

1\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)},34888:function(t,e,n){"use strict";n.r(e),n.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,n){if("checked"===t){this.checked=null!==n&&"false"!==n;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!==n)}if("disabled"===t){this.disabled=null!==n&&"false"!==n;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,name: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

1()})}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,n){"use strict";n.r(e),n.d(e,{SvkInputSearch:function(){return i}});var s=n(90797);class i 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 n=null;const s=Number.isFinite(Number(e))?Number(e):0,i=(...e)=>{s<=0?t(...e):(n&&clearTimeout(n),n=setTimeout(()=>{n=null,t(...e)},s))};return i.cancel=()=>{n&&(clearTimeout(n),n=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,n){if("value"===t){if(!this.elInput)return;const t=n??"";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",i)},95862:function(t,e,n){"use strict";n.r(e),n.d(e,{SvkListItem:function(){return s}});n(26648);class s extends HTMLElement{constructor(){super()}}window.customElements.define("svk-list-item",s)},89340:function(t,e,n){"use strict";n.r(e),n.d(e,{SvkList:function(){return s}});n(95862);class s extends HTMLElement{constructor(){super()}}window.customElements.define("svk-list",s)},74471:function(t,e,n){"use strict";n.r(e),n.d(e,{SvkSearchResults:function(){return o}});var s=n(33730),i=n(43130),r=n(99767),a=n(89298),l=n(95093);n(89340),n(95862);l.locale("sv");class o extends HTMLElement{constructor(){super(),this.dom={},this.dom.el=this,this.perPage=10,this.bindEvents()}update(t,e){let n=!1,i={start:0,num:this.perPage,search:!0,...t};i.q.trim().length?(t.local&&(webContext.unitId&&(i={...i,unitid:webContext.unitId}),webContext.samfCode&&(i={...i,samfid:webContext.samfCode})),""===t.catfilter&&delete i.catfilter,parseInt(t.start)>0&&(i.num=parseInt(t.start)+parseInt(t.num),i.start=0,n=!0),this.fetch(s.As(i)).then(t=>{const r=history.state||{};window.history.replaceState(r,null,`${window.location.origin}${window.location.pathname}?${s.As(i)}

1`),this.renderBase(t),this.renderList(t,n),this.getScrollPosition(i),e.reInit()}).catch(t=>{this.renderError()})):this.renderEmpty()}async fetch(t){try{return(await fetch(`/webapi/api-v2/search?apiKey=76c8f4c2-f02d-4c96-bab7-cb3486a66895&${t}`)).json()}catch(t){}}resetNextUrl(t){let e=s.qg(t);return e.start=parseInt(e.num),e.num=this.perPage,s.As(e)}getScrollPosition(){history.state&&history.state.scrollPosition&&(document.querySelector("svk-search").scrollTop=history.state.scrollPosition,this.updateScrollPosition(0))}getCategory(t){let e="";return"page"===t?e="Sida":"place"===t?e="Kyrka och plats":"document"===t?e="Fil":"parish"===t?e="Församling":"news"===t?e="Nyhet":"personnel"===t&&(e="Personal"),e}getAssignments(t){let e="",n=[];return t.assignments.length&&(t.assignments.forEach(t=>{n.push(`${t.assignmentName}, ${t.webname}`)}),e=n.join(", ")),e}getDocument(t){return`${t.fileExt} · ${l(t.modifiedDate).format("DD MMMM YYYY")}`}updateScrollPosition(t){const e=void 0!==t?t:document.querySelector("svk-search").scrollTop;window.history.replaceState({scrollPosition:e},null,`${window.location.href}`)}handleLinkClick(t){t.preventDefault();const e=t.target.getAttribute("href");this.updateScrollPosition(),window.location=e}handleShowMore(t){let e=t.target.getAttribute("data-next-url"),n=t.target;n.setAttribute("loading",""),e+="&search=true",this.fetch(e).then(t=>{const s=history.state||{};window.history.replaceState(s,null,`${window.location.origin}${window.location.pathname}?${e}`),n.parentElement.removeChild(n),this.renderList(t,!1)})}renderBase(t){this.innerHTML=i({count:t.meta.count})}renderList(t,e){this.querySelector("ul").insertAdjacentHTML("beforeend",r({getCategory:this.getCategory,getAssignments:this.getAssignments,getDocument:this.getDocument,items:t.data.documents,nextUrl:e?this.resetNextUrl(t.nextUrl):t.nextUrl}))}renderEmpty(){this.innerHTML='\n\t\t\t<div class="svk-text">\n\t\t\t\t<p class="search-results__empty">\n\t\t\t\t\tSkriv in ett sökord\n\t\t\t\t</p>\n\t\t\t</div>\n\t\t'}renderError(){this.innerHTML='\n\t\t\t<div class="svk-text">\n\t\t\t\t<h2 class="heading-03">Något gick fel</h2>\n\t\t\t\t<p>Vi kunde inte hämta sökresultaten, försök igen senare.</p>\n\t\t\t</div>\n\t\t'}bindEvents(){this.dom.el.addEventListener("click",(0,a.A)("a",this.handleLinkClick.bind(this))),this.dom.el.addEventListener("click",(0,a.A)(".js-show-more",this.handleShowMore.bind(this)))}}window.customElements.define("svk-search-results",o)},58664:function(t,e,n){"use strict";n.r(e),n.d(e,{SvkSearch:function(){return l}});var s=n(5695),i=n(89298),r=(n(34888),n(62395),n(26648),n(74471),n(79218));const a={search:!0,q:"",catfilter:[],local:window.webContext&&window.webContext.local||!1,webid:void 0!==window.webContext?window.webContext.webId:0};class l extends HTMLElement{constructor(){super(),this.dom={},this.dom.el=this,this.filter=a,this.rendered=!1}emitReset(){this.dispatchEvent(new CustomEvent("svk-change",{bubbles:!0,detail:{value:"",reset:!0}}))}updateChanges(){this.querySelector("svk-search-results").update(this.filter,this.focusWithin)}resetAll(){this.emitReset(),this.dom.el.querySelector("svk-input-search").setAttribute("value",""),this.dom.el.querySelector("svk-input-checkbox").removeAttribute("checked"),this.dom.el.querySelectorAll(".js-filter-category").forEach(t=>{t.removeAttribute("checked")})}open(t){this.dom.el.classList.add("is-open"),this.filter={...a,...t},this.rendered||(this.render(),this.bindEvents(),this.rendered=!0),this.dom.el.querySelector("svk-input-search").setAttribute("value",this.filter.q),document.body.classList.add("is-disable-scroll"),this.focusWithin=new s.A(this),this.focusWithin.init(),this.updateChanges()}close(){this.resetAll(),window.history.replaceState(null,null,`${window.location.origin}${window.location.pathname}`),document.body.classList.remove("is-disable-scroll"),this.focusWithin.destroy(),this.dom.el.classList.remove("is-open")}handleFilterCategoryClick(t){const e=t.target.getAttribute("value");let n=[...this.filter.catfilter];t.target.hasAttribute("checked")?(t.target.removeAttribute("checked"),n=n.filter(t=>t!==e)):(t.target.setAttribute("checked",""),n.push(e)),this.filter.catfilter=n,this.updateChanges()}handleSearchSubmit(t){t.preventDefault()}handleLocalSearchChange(t){t.stopPropagation(),this.filter.local=t.detail.checked,this.filter.local||("unitid"in this.filter&&delete this.filter.unitid,"samfid"in this.filter&&delete this.filter.samfid),this.updateChanges()}handleInputChange(t){t.detail.reset?(this.filter.q="",this.updateChanges()):(this.filter.q=t.detail.value,this.updateChanges())}bindEvents(){this.dom.el.querySelector(".search-form").addEventListener("submit",this.handleSearchSubmit.bind(this)),this.dom.el.querySelector("svk-input-search").addEventListener("svk-change",this.handleInputChange.bind(this)),this.dom.el.querySelector(".js-close").addEventListener("click",this.close.bind(this)),this.dom.el.addEventListener("click",(0,i.A)(".js-filter-category",this.handleFilterCategoryClick.bind(this))),this.dom.el.querySelector("svk-input-c

1heckbox").addEventListener("svk-change",this.handleLocalSearchChange.bind(this))}render(){this.dom.el.innerHTML=r({filter:this.filter})}}window.customElements.define("svk-search",l)}}]);