1"use strict";(self.NiveaXwebpackJsonp=self.NiveaXwebpackJsonp||[]).push([[5374,6541,9197],{30793:(e,t,s)=>{s.r(t),s.d(t,{default:()=>n});var i=s(98684);const n=e=>{const{Image:t,Title:s,Subtitle:n,Days:a,Description:l,ButtonText:r}=e,o=`\n <div class="nx-weekday-picker-layer">\n <div class="nx-weekday-picker-layer-image">\n <img src="${t}"/>\n </div>\n <div class="nx-hdl-4 nx-weekday-picker-layer-title nx-font--bold nx-txt-uppercase">\n ${s}\n </div>\n <div class="nx-sbl-6 nx-weekday-picker-layer-subtitle">\n ${n}\n </div>\n\n ${(e=>{let t="";return e.forEach(e=>{t+=`\n <div class="nx-weekday-picker-option">\n <div class="nx-checkbox-wrapper nx-checkbox-wrapper--bottom">\n <label for="nx-weekday">\n ${e}\n <input type="checkbox" name="nx-weekday" value="${e}">\n <svg class="nx-checkmark-shape-wrapper" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 52 52">\n <rect class="nx-checkmark-shape-background" x="0" y="0""/>\n <circle class="nx-checkmark-shape-pulse" cx="25" cy="25" r="0"/>\n <path class="nx-checkmark-shape-check" fill="none" d="M14.1 27.2l7.1 7.2 16.7-16.8"/>\n </svg>\n <span class="nx-weekday-picker-option--selected"></span>\n </label>\n </div>\n </div>\n `}),`\n <div class="nx-weekday-picker-layer-options nx-slider" data-module="SliderPagination" data-no-lazy-load data-options='{"items":4, "responsive": {"320": {"items": 4, "controls": false}, "1024": {"controls": true}}}'>\n ${t}\n </div>\n `})(a)}\n\n <div class="nx-sbl-6 nx-weekday-picker-layer-description">\n ${l}\n </div>\n <div class="nx-btn nx-weekday-picker-layer-button">\n ${r}\n </div>\n </div>\n `;return(0,i.Uo)(o)}},83230:(e,t,s)=>{s.r(t),s.d(t,{default:()=>i});const i=s(83810).default},83810:(e,t,s)=>{s.r(t),s.d(t,{default:()=>o});var i=s(21464),n=s(76202),a=s(98684),l=s(30793);const r='[data-module="WeekdayPicker"]';class o{static setup(e=r){Array.from(document.querySelectorAll(e)).filter(e=>!e.dataset.moduleInitialized).forEach(e=>{new o(e),e.dataset.moduleInitialized="true"})}constructor(e,t={}){this.element=e,this.options=(0,i.$E)(this.element,Object.assign(this.getDefaultOptions(),t));const s=this.element.querySelector(`.${this.options.LayerData}`).innerHTML;this.layerData=(0,i.pt)(s.replace(/[\r\n]/gm,"")).shift(),this.inputField=this.element.querySelector(`.${this.options.InputFieldClass}`),this.pickerSelect=this.element.querySelector(`.${this.options.WeekdayPickerSelectClass}`),this.pickerResult=this.element.querySelector(`.${this.options.WeekdayPickerResultClass}`),this.maxOptionsSelected=parseInt(this.element.getAttribute("data-max-selected")),this.layer=new n.default(this.element,{layerModifierClasses:"nx-layer--popup"}),this.init()}init(){return this.layerContent=(0,l.default)(this.layerData),this.layer.insertContent(this.layerContent,()=>this.addConfirmButtonListener(this.layer)),this.pickerSelect.addEventListener("click",e=>this.onElementClick(e)),this}onElementClick(e){e.preventDefault(),this.element.classList.add(`${this.options.WeekdayPickerSelectClass}--open`),(0,a.nB)(this.element,`${this.options.WeekdayPickerSelectClass}--open`)?(this.openLayerAndInitModules(),this.selectCheckboxFromPreSelection(),this.mobileDesktopChangeEventListener()):this.closeLayer()}getPreSelectedInputValueArray(){let e=this.pickerResult.innerHTML;if(e)return e.split(/\s*,\s*/)}selectCheckboxFromPreSelection(){""!==this.pickerResult.innerHTML&&this.getPreSelectedInputValueArray().forEac
1h(e=>{this.element.querySelector(`input[type='checkbox'][value='${e}']`).checked=!0})}mobileDesktopChangeEventListener(){return document.addEventListener("niveax:breakpointchange",e=>{this.changePositionOfOpenedLayer("isMobile"==e.detail.deviceType)}),this}setPositionOfOpenedLayer(){this.changePositionOfOpenedLayer(window.NiveaX.deviceType.isMobile)}changePositionOfOpenedLayer(e){e?this.setPositionOfWeekayPickerLayer():this.clearLayerInlineStyles()}setPositionOfWeekayPickerLayer(){const e=this.element.querySelector(".nx-layer"),t=this.element.getBoundingClientRect().top,s=Math.ceil(100*t/window.outerHeight);let i=(window.innerHeight-e.offsetHeight)/2;i=i>0?i:20;const n=`calc(${-s}vh + ${i}px)`;e&&(e.style.transform=`translate(-50%, ${n})`)}clearLayerInlineStyles(){const e=this.layer.getElement().querySelector(".nx-layer");e&&e.removeAttribute("style")}openLayerAndInitModules(){return this.layer.open(()=>NiveaX.initModules()),this.setPositionOfOpenedLayer(),this}addConfirmButtonListener(e){const t=e.layerContent.querySelector(`.${this.options.LayerButtonClass}`);this.layerOptions=e.layerContent.querySelector(`.${this.options.LayerOptionsClass}`),t.addEventListener("click",e=>this.inLayerClick(e)),this.layerOptions.addEventListener("click",e=>this.inLayerOptionsClick(e))}inLayerClick(e){e.target.classList.contains(`${this.options.LayerButtonClass}`)&&this.closeLayer()}inLayerOptionsClick(e){const t=e.target;setTimeout(()=>{this.validateMaxSelected(t)},100)}validateMaxSelected(e){const t=Array.from(this.layerOptions.querySelectorAll("input:checked")).length;this.maxOptionsSelected<=t?this.disableOptions():this.enableOptions()}enableOptions(){return Array.from(this.layerOptions.querySelectorAll("input:not(:checked)")).map(e=>{e.closest(`.${this.options.LayerOptionClass}`).classList.remove("nx-option-disabled"),e.disabled=!1}),this}disableOptions(){return Array.from(this.layerOptions.querySelectorAll("input:not(:checked)")).map(e=>{e.closest(`.${this.options.LayerOptionClass}`).classList.add("nx-option-disabled"),e.disabled=!0}),this}closeLayer(){let e=Array.from(this.layerContent.querySelectorAll("input:checked")),t=this.getSelectedInputValues(e);this.pickerResult.innerHTML=t,this.element.dispatchEvent(new CustomEvent("niveax:WeekdayPicker:submit",{detail:{Options:e}})),this.layer.close()}getSelectedInputValues(e){return e.map(e=>e.value).join(", ")}getDefaultOptions(){return{WeekdayPickerClass:"nx-weekday-picker",InputFieldClass:"nx-autosuggest-input",LayerData:"nx-weekday-picker-layer-data",LayerOptionsClass:"nx-weekday-picker-layer-options",LayerOptionClass:"nx-weekday-picker-option",LayerButtonClass:"nx-weekday-picker-layer-button",WeekdayPickerSelectClass:"nx-weekday-picker-select",WeekdayPickerResultClass:"nx-weekday-picker-select-result"}}}o.setup(r)}}]); 2//# sourceMappingURL=/dist/NiveaX/./modules/WeekdayPicker.568b1e66.js.4f50dde9.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.