{"version":3,"sources":["webpack:////Users/owenli/Documents/workspace/awi-wlc-fe/src/views/blocks/resourcesCustomCarouselBlock/js/resourcesCustomCarouselBlock.js","webpack:///./wlc/truncateNoReadMore.js"],"names":["CLS","ResourcesCustomCarouselBlock","_createClass","element","_this","this","_classCallCheck","$element","$","$sliderContainer","find","concat","$themesCarousel","$carouselItems","$carouselSlider","$videoModal","$close","$modal","$iframe","autoSlide","data","description","each","i","val","handleTruncate","slick","arrows","dots","dotsClass","autoplay","autoplaySpeed","appendArrows","appendDots","nextArrow","prevArrow","infinite","slidesToShow","slidesToScroll","cssEase","responsive","breakpoint","settings","variableWidth","on","event","videosrc","relatedTarget","attr","e","preventDefault","__webpack_require__","d","__webpack_exports__","truncate_html__WEBPACK_IMPORTED_MODULE_0__","limit","arguments","length","undefined","html","text","trimmedHtml","truncate","ellipsis"],"mappings":"q5BAAA,IACMA,EAAM,+BAICC,4GAA4BC,CACxC,SAAAD,EAAYE,GAAS,IAAAC,EAAAC,kGAAAC,CAAAD,KAAAJ,GACpBI,KAAKF,QAAUA,EACfE,KAAKE,SAAWC,EAAEL,GAClBE,KAAKI,iBAAmBJ,KAAKE,SAASG,KAAI,IAAAC,OAAKX,EAAG,qBAClDK,KAAKO,gBAAkBP,KAAKE,SAASG,KAAI,IAAAC,OAAKX,EAAG,cACjDK,KAAKQ,eAAiBR,KAAKE,SAASG,KAAI,IAAAC,OAAKX,EAAG,UAChDK,KAAKS,gBAAkBT,KAAKE,SAASG,KAAI,IAAAC,OAAKX,EAAG,YACjDK,KAAKU,YAAcV,KAAKE,SAASG,KAAI,eACrCL,KAAKW,OAASX,KAAKE,SAASG,KAAI,UAChCL,KAAKY,OAASZ,KAAKE,SAASG,KAAI,UAChCL,KAAKa,QAAUb,KAAKE,SAASG,KAAI,iBACjCL,KAAKc,UAAYd,KAAKE,SAASa,KAAI,aACnCf,KAAKgB,YAAchB,KAAKE,SAASG,KAAI,IAAAC,OAAKX,EAAG,gBACvCQ,EAAEc,KAAKjB,KAAKgB,YAAa,SAASE,EAAGC,GACjCC,YAAejB,EAAEgB,GAAM,OAEX,UAAnBnB,KAAKc,UACPd,KAAKc,WAAY,EAGjBd,KAAKc,WAAY,EAGlBd,KAAKS,gBAAgBY,OACpBC,QAAQ,EAGRC,MAAM,EACNC,UAAS,aACTC,SAAUzB,KAAKc,UACbY,cAAe,IACjBC,aAAc3B,KAAKI,iBACnBwB,WAAY5B,KAAKI,iBACjByB,UAAS,oIACTC,UAAS,uIACTC,UAAU,EACVC,aAAc,EACdC,eAAgB,EAChBC,QAAS,cACTC,aAEGC,WAAY,KACZC,UACDL,aAAc,EACdC,eAAgB,EAChBF,UAAU,EACVR,MAAM,KAILa,WAAY,IACZC,UACDL,aAAc,EACdC,eAAgB,OAqCnBjC,KAAKO,gBAAgBc,OA9BpBC,QAAQ,EACRS,UAAU,EACVR,MAAM,EACNe,eAAe,EACfL,eAAgB,EAChBH,UAAW,gEACND,UAAW,iEACdM,aAECC,WAAY,KACZC,UACDJ,eAAgB,KAIfG,WAAY,IACZC,UACDJ,eAAgB,KAIfG,WAAY,IACZC,UACDL,aAAc,EACdC,eAAgB,OAQnBjC,KAAKU,YAAY6B,GAAG,gBAAiB,SAAUC,GAC9C,IACIC,EADStC,EAAEqC,EAAME,eACC3B,KAAK,YACfZ,EAAEH,MACRK,KAAK,sBAAsBsC,KAAK,MAAOF,KAE9CtC,EAAEH,KAAKW,QAAQ4B,GAAG,QAAS,SAACK,GAC3BA,EAAEC,iBACF1C,EAAEJ,EAAKc,SAAS8B,KAAK,MAAO,MAG7BxC,EAAEH,KAAKY,QAAQ2B,GAAG,QAAS,SAACK,GAC3BA,EAAEC,iBACF1C,EAAEJ,EAAKc,SAAS8B,KAAK,MAAO,2DC/G/BG,EAAAC,EAAAC,EAAA,sBAAA5B,IAAA,IAAA6B,EAAAH,EAAA,KAEW1B,EAAiB,SAAClB,GAA0B,IAAhBgD,EAAKC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,IAC1CG,EAAOpD,EAASoD,OAEpB,GADWpD,EAASqD,OACZH,OAASF,EAAO,CAEvB,IAAIM,EAAcC,YAASH,EAAMJ,GAChCQ,SAAQ,OAETxD,EAASoD,KAAKE","file":"block-57.2f662a3aa586e55a56ca.js","sourcesContent":["const NS = 'ResourcesCustomCarouselBlock';\nconst CLS = 'resourcesCustomCarouselBlock';\n\nimport { handleTruncate } from '../../../../global/js/wlc/truncateNoReadMore';\n\nexport class ResourcesCustomCarouselBlock {\n\tconstructor(element) {\n\t\tthis.element = element;\n\t\tthis.$element = $(element);\n\t\tthis.$sliderContainer = this.$element.find(`.${CLS}-sliderContainer`);\n\t\tthis.$themesCarousel = this.$element.find(`.${CLS}-carousel`);\n\t\tthis.$carouselItems = this.$element.find(`.${CLS}-item`);\n\t\tthis.$carouselSlider = this.$element.find(`.${CLS}-slider`);\n\t\tthis.$videoModal = this.$element.find(`#videoModal`);\n\t\tthis.$close = this.$element.find(`.close`);\n\t\tthis.$modal = this.$element.find(`.modal`);\n\t\tthis.$iframe = this.$element.find(`.modal iframe`);\n\t\tthis.autoSlide = this.$element.data(`autoSlide`);\n\t\tthis.description = this.$element.find(`.${CLS}-theme-desc`);\n        $.each(this.description, function(i, val) {\n            handleTruncate($(val), 350);\n        });\n\t\tif(this.autoSlide === \"False\"){\n\t\t\tthis.autoSlide = false;\n\t\t}\n\t\telse{\n\t\t\tthis.autoSlide = true;\n\t\t}\n\t\t// init slider\n\t\tthis.$carouselSlider.slick({\n\t\t\tarrows: true,\n\t\t\t//variableWidth: true,\n\n\t\t\tdots: true,\n\t\t\tdotsClass: `slick-dots`,\n\t\t\tautoplay: this.autoSlide,\n  \t\t\tautoplaySpeed: 5000,\n\t\t\tappendArrows: this.$sliderContainer,\n\t\t\tappendDots: this.$sliderContainer,\n\t\t\tnextArrow: `<button type=\"button\" class=\"slick-arrow slick-arrow--next\"><i class=\"slick-arrow-icon icon icon--chevron-lg-right\"></i></button>`,\n\t\t\tprevArrow: `<button type=\"button\" class=\"slick-arrow slick-arrow--previous\"><i class=\"slick-arrow-icon icon icon--chevron-lg-left\"></i></button>`,\n\t\t\tinfinite: true,\n\t\t\tslidesToShow: 4,\n\t\t\tslidesToScroll: 3,\n\t\t\tcssEase: 'ease-in-out',\n\t\t\tresponsive: [\n\t\t\t\t{\n\t\t\t\t  breakpoint: 1024,\n\t\t\t\t  settings: {\n\t\t\t\t\tslidesToShow: 2,\n\t\t\t\t\tslidesToScroll: 2,\n\t\t\t\t\tinfinite: true,\n\t\t\t\t\tdots: true\n\t\t\t\t  }\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t  breakpoint: 767,\n\t\t\t\t  settings: {\n\t\t\t\t\tslidesToShow: 1,\n\t\t\t\t\tslidesToScroll: 1\n\t\t\t\t  }\n\t\t\t\t}\n\t\t\t  ]\n\t\t});\n\n\t\tconst options = {\n\t\t\tarrows: true,\n\t\t\tinfinite: false,\n\t\t\tdots: false,\n\t\t\tvariableWidth: true,\n\t\t\tslidesToScroll: 3,\n\t\t\tprevArrow: \"<button type='button' class='slick-prev pull-left'><</button>\",\n      \t\tnextArrow: \"<button type='button' class='slick-next pull-right'>></button>\",\n\t\t\t  responsive: [\n\t\t\t\t{\n\t\t\t\t  breakpoint: 1024,\n\t\t\t\t  settings: {\n\t\t\t\t\tslidesToScroll: 2,\n\t\t\t\t  }\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t  breakpoint: 600,\n\t\t\t\t  settings: {\n\t\t\t\t\tslidesToScroll: 1\n\t\t\t\t  }\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t  breakpoint: 480,\n\t\t\t\t  settings: {\n\t\t\t\t\tslidesToShow: 1,\n\t\t\t\t\tslidesToScroll: 1\n\t\t\t\t  }\n\t\t\t\t}\n\t\t\t  ]\n\t\t};\n\n\t\tthis.$themesCarousel.slick(options);\n\n\t\tthis.$videoModal.on('show.bs.modal', function (event) {\n\t\t\tvar button = $(event.relatedTarget);\n\t\t\tvar videosrc = button.data('videosrc');\n\t\t\tvar modal = $(this);\n\t\t\tmodal.find('.modal-body iframe').attr('src', videosrc);\n\t\t});\n\t\t$(this.$close).on('click', (e) => {\n\t\t\te.preventDefault();\n\t\t\t$(this.$iframe).attr('src', '');\n\t\t});\n\n\t\t$(this.$modal).on('click', (e) => {\n\t\t\te.preventDefault();\n\t\t\t$(this.$iframe).attr('src', '');\n\t\t});\n\t}\n}\n\n","import truncate from 'truncate-html';\n\nexport let handleTruncate = ($element, limit = 350) => {\n\tlet html = $element.html();\n\tlet text = $element.text();\n\tif(text.length > limit) {\n\t\t\n\t\tlet trimmedHtml = truncate(html, limit, {\n\t\t\tellipsis: ` …`\n\t\t});\n\t\t$element.html(trimmedHtml);\n\t}\n};\n"],"sourceRoot":""}