{"version":3,"file":"./modules/WeekdayPicker-WeekdayPickerLayerMarkup.xxxxxxxx.js","mappings":"8IAEA,MAuDA,EAvDyBA,IACrB,MAAM,MAAEC,EAAK,MAAEC,EAAK,SAAEC,EAAQ,KAAEC,EAAI,YAAEC,EAAW,WAAEC,GAAeN,EA4B5DO,EAAe,mJAGON,0JAGVC,2HAGAC,gDAnCC,CAACK,IAChB,IAAIC,EAAa,GAkBjB,OAjBAD,EAAKE,QAASC,IACVF,GAA0B,8NAIRE,kFACgDA,wpBAW/D,kQAEOF,2CAiBJG,CAAWR,yGAGPC,uHAGAC,8DAKlB,OAAO,QAAwBC,G","sources":["webpack:///./modules/WeekdayPicker/WeekdayPickerLayerMarkup.ts"],"sourcesContent":["import { createElementFromString } from '../../helpers/DOMHelpers';\r\n\r\nconst getLayerContent = (details: WeekdayPickerLayerData): HTMLElement => {\r\n    const { Image, Title, Subtitle, Days, Description, ButtonText } = details;\r\n\r\n    const createDays = (days: Array<WeekdayPickerLayerDay>) => {\r\n        let pickerDays = '';\r\n        days.forEach((val) => {\r\n            pickerDays = pickerDays + `\r\n                <div class=\"nx-weekday-picker-option\">\r\n                    <div class=\"nx-checkbox-wrapper nx-checkbox-wrapper--bottom\">\r\n                        <label for=\"nx-weekday\">\r\n                            ${val}\r\n                            <input type=\"checkbox\" name=\"nx-weekday\" value=\"${val}\">\r\n                            <svg class=\"nx-checkmark-shape-wrapper\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 52 52\">\r\n                                <rect class=\"nx-checkmark-shape-background\" x=\"0\" y=\"0\"\"/>\r\n                                <circle class=\"nx-checkmark-shape-pulse\" cx=\"25\" cy=\"25\" r=\"0\"/>\r\n                                <path class=\"nx-checkmark-shape-check\" fill=\"none\" d=\"M14.1 27.2l7.1 7.2 16.7-16.8\"/>\r\n                            </svg>\r\n                            <span class=\"nx-weekday-picker-option--selected\"></span>\r\n                        </label>\r\n                    </div>\r\n                </div>\r\n            ` });\r\n        return `\r\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}}}'>\r\n                    ${pickerDays}\r\n                </div>\r\n            `;\r\n    };\r\n\r\n    const layerContent = `\r\n            <div class=\"nx-weekday-picker-layer\">\r\n                <div class=\"nx-weekday-picker-layer-image\">\r\n                    <img src=\"${Image}\"/>\r\n                </div>\r\n                <div class=\"nx-hdl-4 nx-weekday-picker-layer-title nx-font--bold nx-txt-uppercase\">\r\n                    ${Title}\r\n                </div>\r\n                <div class=\"nx-sbl-6 nx-weekday-picker-layer-subtitle\">\r\n                    ${Subtitle}\r\n                </div>\r\n\r\n                ${createDays(Days)}\r\n\r\n                <div class=\"nx-sbl-6 nx-weekday-picker-layer-description\">\r\n                    ${Description}\r\n                </div>\r\n                <div class=\"nx-btn nx-weekday-picker-layer-button\">\r\n                    ${ButtonText}\r\n                </div>\r\n            </div>\r\n            `;\r\n\r\n    return createElementFromString(layerContent);\r\n}\r\n\r\nexport default getLayerContent;"],"names":["details","Image","Title","Subtitle","Days","Description","ButtonText","layerContent","days","pickerDays","forEach","val","createDays"],"sourceRoot":""}