https://gemeinde-kordel.de/:res/modules/common/common/lib/listGene…or--listgenerator.system.js?fp=d3193fce72f9

1System.register(["axios","duetDatepicker","duetDatepickerLocales","dayjs","lib-listgenerator--listgenerator.css","lib-listgenerator--category-filterable","framework-vuejs--spinner"],(function(){"use strict";var t,e,a,s,i,r;return{setters:[function(e){t=e.default},function(){},function(t){e=t.default},function(t){a=t.default},function(t){s=t.default},function(t){i=t.default},function(t){r=t.default}],execute:function(){function l(t){if(n(t))return a(t).format("YYYY-MM-DD")}function n(t){return!(!t||isNaN(t))}document.adoptedStyleSheets=[...document.adoptedStyleSheets,s];var o={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"lg-datefilter"},[a("div",{staticClass:"lg-datepicker-start-wrapper lg-datepicker-wrapper"},[a("label",{staticClass:"lg-datepicker-label",attrs:{for:t.id+"lg-datepicker-start"}},[t._v("\n      "+t._s(t.fromLabel)+"\n      "),a("span",{staticClass:"sr-only"},[t._v(t._s(t.fromAriaLabel))])]),t._v(" "),a("duet-date-picker",{ref:"datepickerStart",staticClass:"lg-datepicker lg-datepicker-start",attrs:{identifier:t.id+"lg-datepicker-start"},on:{duetBlur:t.onDatepickerStartBlur,duetChange:t.onDatepickerStartChange}})],1),t._v(" "),a("div",{staticClass:"lg-datefilter-end-wrapper lg-datepicker-wrapper"},[a("label",{staticClass:"lg-datepicker-label",attrs:{for:t.id+"lg-datepicker-end"}},[t._v("\n      "+t._s(t.toLabel)+"\n      "),a("span",{staticClass:"sr-only"},[t._v(t._s(t.toAriaLabel))])]),t._v(" "),a("duet-date-picker",{ref:"datepickerEnd",staticClass:"lg-datepicker lg-datepicker-end",attrs:{identifier:t.id+"lg-datepicker-end"},on:{duetChange:t.onDatepickerEndChange,duetBlur:t.onDatepickerEndBlur}}),t._v(" "),a("button",{staticClass:"lg-datefilter-today-button",attrs:{"aria-label":t.todayAriaLabel},on:{click:t.setToday}},[t._v(t._s(t.todayLabel))])],1),t._v(" "),a("div",{staticClass:"lg-datepicker-button lg-datepicker-reset-button "},[a("button",{attrs:{"aria-label":t.resetAriaLabel},on:{click:t.reset}},[t._v(t._s(t.resetLabel))])]),t._v(" "),a("div",{staticClass:"lg-datepicker-button lg-datepicker-do-filter-button"},[a("button",{attrs:{"aria-label":t.doFilterAriaLabel},on:{click:t.doFilter}},[t._v(t._s(t.doFilterLabel))])])])},staticRenderFns:[],data(){return{id:this.shortId(),startDate:null,lastValidStartDate:null,endDate:null,lastValidEndDate:null}},name:"lg-date-filter",mounted(){this.$nextTick((()=>{const t=new Promise(((t,e)=>{customElements.whenDefined("duet-date-picker").then((()=>{t()}))}));this.lgData.subComponents.push({promisedWait:t,getParams:()=>({startDate:this.startDateIsoFormatted,endDate:this.endDateIsoFormatted})}),t.then((()=>{this.initPickers()}))})),this.$on("date-changed",(t=>{a(this.endDate).isBefore(a(this.startDate),"day")?"startDate"===t?this.setEndpickerValue(this.$refs.datepickerStart.localization.format(this.startDate),!1):this.endDate&&this.setStartpickerValue(this.$refs.datepickerEnd.localization.format(this.endDate),!1):"endDate"===t&&this.endDate&&!this.startDate&&this.setStartpickerValue(this.$refs.datepickerEnd.localization.format(this.endDate),!1)})),this.$on("date-blur",(t=>{let{date:e,pickerElement:s,lastValidDate:i}=t;const r=this.getInput(s).value;if(0===r.length||void 0===r)return void(i=null);const l=r.match(new RegExp(s.localization.regex));let n=l;if(l){a(`${l[3]}-${l[2]}-${l[1]}`).format("YYYY-MM-DD")!==r&&(n=!1)}if(!n){let t=i||a().toDate();this.changeValue(s,s.localization.format(t))}})),this.$watch("startDate",((t,e)=>{this.$nextTick((()=>{n(this.startDate)&&(this.lastValidStartDate=this.startDate),this.startDate||(this.lastValidStartDate=null),this.$emit("date-changed","startDate")}))})),this.$watch("endDate",((t,e)=>{this.$nextTick((()=>{n(this.endDate)&&(this.lastValidEndDate=this.endDate),this.endDate||(this.lastValidEndDate=null),this.$emit("date-changed","endDate")}))}))},methods:{setToday(){this.setStartpickerValue(new Date,!1),this.setEndpickerValue(new Date,!1),this.lgInstance.loadItems(1)},reset(){this.setStartpickerValue("",!1),this.setEndpickerValue("",!1),this.lgInstance.loadItems(1)},doFilter(){this.lgInstance.loadItems(1)},getInput:t=>t.shadowRoot.querySelector(".duet-date__input"),isNotNullOrUndefined:t=>

1null!=t,isDateValue:t=>t instanceof Date,changeValue(t,e=null,a=!1){const s=this.getInput(t);"string"==typeof e?s.value=e:this.isDateValue(e)&&(s.value=t.localization.format(e)),a||null==e||s.dispatchEvent(new Event("input"))},changeValueSilent(t,e){this.changeValue(t,e,!0)},onDatepickerStartChange(t){let e=null,s=this.$refs.datepickerStart.value;s.length&&(e=a(s).toDate()),this.startDate=e},setStartpickerValue(t,e=!0){this.changeValue(this.$refs.datepickerStart,t,e)},setEndpickerValue(t,e=!0){this.changeValue(this.$refs.datepickerEnd,t,e)},onDatepickerStartBlur(t){this.$nextTick((()=>{this.$emit("date-blur",{date:this.startDate,pickerElement:this.$refs.datepickerStart,lastValidDate:this.lastValidStartDate})}))},onDatepickerEndBlur(t){this.$nextTick((()=>{this.$emit("date-blur",{date:this.endDate,pickerElement:this.$refs.datepickerEnd,lastValidDate:this.lastValidEndDate})}))},onDatepickerEndChange(t){let e=null,s=this.$refs.datepickerEnd.value;s.length&&(e=a(s).toDate()),this.endDate=e},initPickers(){[this.$refs.datepickerStart,this.$refs.datepickerEnd].forEac

1h((t=>{t.localization=this.localization,t.dateAdapter={parse(e="",a){const s=e.match(new RegExp(t.localization.regex));if(s){let t=a(s[3],s[2],s[1]);if(n(t))return t}},format:e=>t.localization.format(e)}}))},decodeUnicode:t=>decodeURIComponent(atob(t).split("").map((t=>"%"+("00"+t.charCodeAt(0).toString(16)).slice(-2))).join("")),shortId(){var t=46656*Math.random()|0,e=46656*Math.random()|0;return(t=("000"+t.toString(36)).slice(-3))+(e=("000"+e.toString(36)).slice(-3))}},computed:{localization(){return e[this.locale]||e.en},startDateIsoFormatted(){return l(this.startDate)},endDateIsoFormatted(){return l(this.endDate)},startDateFormatted(){return l(this.startDate)},endDateFormatted(){return l(this.endDate)}},inject:["lgInstance","lgData"],props:{locale:String,todayAriaLabel:String,todayLabel:String,resetAriaLabel:String,resetLabel:String,doFilterAriaLabel:String,doFilterLabel:String,fromAriaLabel:String,fromLabel:String,toAriaLabel:String,toLabel:String}};const d=t.CancelToken;var c={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{ref:"container",staticClass:"listgenerator-wrapper",attrs:{"data-observe-resizing":"","data-breakpoints":'{"small": 0, "medium": 670, "large": 992, "xlarge": 1024}'}},[a("div",{staticClass:"listgenerator-filter-area",attrs:{role:"region","aria-label":"Artikel Filteroptionen "}},[t.showDateFilter?[a("lg-date-filter",{attrs:{locale:t.locale,"reset-aria-label":t.resetAriaLabel,"reset-label":t.resetLabel,"do-filter-aria-label":t.doFilterAriaLabel,"do-filter-label":t.doFilterLabel,"from-aria-label":t.fromAriaLabel,"from-label":t.fromLabel,"to-aria-label":t.toAriaLabel,"to-label":t.toLabel,"today-aria-label":t.todayAriaLabel,"today-label":t.todayLabel}})]:t._e(),t._v(" "),t.showCategoryFilters?[a("lg-category-filterable",{attrs:{"show-tag-filters-as-filter-bar":t.showTagFiltersAsFilterBar,"show-category-filters-as-filter-bar":t.showCategoryFiltersAsFilterBar,"show-tag-filters-as-select":t.showTagFiltersAsSelect,"show-date-filter":t.showDateFilter,"show-category-filters-as-select":t.showCategoryFiltersAsSelect}})]:t._e()],2),t._v(" "),a("p",{staticClass:"visually-hidden",attrs:{id:"listgenerator-"+t.id,"aria-live":"assertive"}},[!t.isLoadingItems&&t.loadedItems>0?a("span",[t.page>1?[t._v("\n                      "+t._s(t.loadedItemsForPage)+" Elemente wurden nachgeladen,\n                  ")]:t._e(),t._v("\n\n                  "+t._s(t.loadedItems)+" von "+t._s(t.totalCount)+" Elementen geladen\n              ")],2):t._e(),t._v(" "),t.isLoadingItems?a("span",[t._v("Elemente werden geladen")]):t._e(),t._v(" "),t.noResults?a("span",{staticStyle:{"text-align":"center"}},[t._v("\n              Keine Elemente gefunden\n          ")]):t._e()]),t._v(" "),t.loadedItems<t.totalCount?a("button",{ref:"focusGuard",staticClass:"focus-guard",attrs:{type:"button","aria-controls":"items-"+t.id},on:{click:t.loadMore}},[t.isLoadingItems?t._e():a("span",{attrs:{"aria-label":"Mehr Elemente laden"}},[t._v("Mehr anzeigen")])]):t._e(),t._v(" "),a("div",{ref:"itemsContainer",staticClass:"lg-list-wrapper",attrs:{tabindex:"-1",id:"items-"+t.id}},[t._t("default",(function(){return[a("div",{attrs:{"data-dummy":""}})]})),t._v(" "),a("spinner",{staticClass:"lg-category-filterable__loader",attrs:{loading:t.isLoadingItems,size:40}})],2),t._v(" "),t.loadedItems<t.totalCount?a("button",{staticClass:"lg-load-more-button",attrs:{type:"button","aria-controls":"items-"+t.id},on:{click:t.loadMore}},[t.isLoadingItems?t._e():a("span",{attrs:{"aria-label":"Mehr Elemente laden"}},[t._v("Mehr anzeigen")]),t._v(" "),t.isLoadingItems?a("span",[t._v("Wird geladen")]):t._e()]):t._e(),t._v(" "),t.noResults?a("div",[t._v("Keine Ergebnisse")]):t._e()])},staticRenderFns:[],data(){return{activeRequests:0,listContainer:null,id:this.shortId(),loadedItemsForPage:0,loadedItems:0,totalCount:0,params:{},page:1,noResults:!1,lastRequest:null,subComponents:[]}},name:"list-generator",mounted(){this.debouncedRequests=window.ionas.eventually((t=>{this.loadItems(t)}),400,!1);let t=this.$refs.itemsContainer.querySelector("[data-dummy]");this.listContainer=$(t).parent()[0],t.remove(),this.$nextTick((()=>{const t=this.subComponents.map((t=>t.promisedWait||Promise.resolve(!0)));Promise.all(t).then((()=>{this.loadItems(1)}))}))},methods:{decodeUnicode:t=>decodeURIComponent(atob(t).split("").map((t=>"%"+("00"+t.charCodeAt(0).toString(16)).slice(-2))).join("")),loadM

1ore(){this.page++,this.loadItems(this.page)},shortId(){var t=46656*Math.random()|0,e=46656*Math.random()|0;return(t=("000"+t.toString(36)).slice(-3))+(e=("000"+e.toString(36)).slice(-3))},loadItems(e){return this.activeRequests++,1===e&&(this.listContainer.innerHTML="",this.loadedItems=0,this.totalCount=0),this.lastRequest&&this.lastRequest.cancel("REQUEST_CANCELLED"),this.lastRequestId=this.shortId(),this.params={pagedBlockID:this.pagedBlockId,page:e,listGeneratorRequestId:this.lastRequestId},this.subComponents.forEach((t=>{let e=t.getParams(),a={};Object.entries(e).forEach((([t,e])=>{if("function"==typeof e){let s=e();null!=s&&(a[t]=s)}else null!=e&&(a[t]=e)})),this.params=Object.assign(this.params,a)})),this.lastRequest=d.source(),new Promise(((a,s)=>{t.get(this.url,{params:this.params,cancelToken:this.lastRequest.token}).then((t=>{if(t.data.requestId===this.lastRequestId)if(this.totalCount=t.data.totalCount,this.loadedItemsForPage=t.data.loadedItemsForPage,this.loadedItems+=this.loadedItemsForPage,t.data.totalCount>0){this.page=e;let s=this.decodeUnicode(t.data.itemsBase64),i=$(s);$(this.listContainer).append(i),this.noResults=!1,a(s)}else this.noResults=!0})).finally((()=>{this.activeRequests--,this.lastRequest=null}))}))}},computed:{isLoadingItems(){return this.activeRequests>0}},provide(){return{lgData:this.$data,lgInstance:this}},components:{LgDateFilter:o,LgCategoryFilterable:i,Spinner:r},props:{url:String,pagedBlockId:String,showDateFilter:Boolean,showAzCatalogue:Boolean,locale:String,todayAriaLabel:String,todayLabel:String,resetAriaLabel:String,resetLabel:String,doFilterAriaLabel:String,doFilterLabel:String,fromAriaLabel:String,fromLabel:String,toAriaLabel:String,toLabel:String,showCategoryFilters:Boolean,showCategoryFiltersAsSelect:Boolean,showTagFiltersAsSelect:Boolean,showCategoryFiltersAsFilterBar:Boolean,showTagFiltersAsFilterBar:Boolean}};document.adoptedStyleSheets=[...document.adoptedStyleSheets,s],Pegasus.Common.Common.Framework.Vuejs.registerComponent("list-generator",{ListGenerator:c})}}}));
2//# sourceMappingURL=lib-listgenerator--listgenerator.system.js.map