{"version":3,"sources":["webpack:///D:/a/1/s/frontend/src/views/blocks/relatedContentBlock/js/relatedContentBlock.js"],"names":["RelatedContentBlock","$el","_classCallCheck3","default","this","$cardList","querySelectorAll","$btn","querySelector","initButton","_this","addEventListener","e","viewAll","_this2","preventDefault","_loop","i","classList","add","remove","setTimeout","length"],"mappings":"kRAYaA,+BACZ,SAAAA,EAAYC,IAAK,EAAAC,EAAAC,SAAAC,KAAAJ,GAEhBI,KAAKH,IAAMA,EACXG,KAAKH,IAAMA,EACXG,KAAKC,UAAYD,KAAKH,IAAIK,iBAAiB,uBAC3CF,KAAKG,KAAOH,KAAKH,IAAIO,cAAc,oEAInCJ,KAAKK,kDAGO,IAAAC,EAAAN,KACNA,KAAKG,MAIXH,KAAKG,KAAKI,iBAAiB,QAAS,SAACC,GACpCF,EAAKG,QAAQD,qCAIPA,GAAG,IAAAE,EAAAV,KACVQ,EAAEG,iBAEF,IAHU,IAAAC,EAAA,SAGDC,GACRH,EAAKT,UAAUY,GAAGC,UAAUC,IAAI,WAChCL,EAAKT,UAAUY,GAAGC,UAAUE,OAAO,UACnCN,EAAKT,UAAUY,GAAGC,UAAUE,OAAO,aAEnCC,WAAW,WACVP,EAAKT,UAAUY,GAAGC,UAAUC,IAAI,SAC9B,MAPKF,EAAIb,KAAKC,UAAUiB,OAAS,EAAGL,GAAK,EAAGA,IAAKD,EAA5CC,GAUTb,KAAKG,KAAKW,UAAUC,IAAI","file":"block-77.b9f88d4cffa17521b332.js","sourcesContent":["// CONSTANTS are all caps.\nconst NS = 'RelatedContentBlock';\nconst CLS = 'relatedContentBlock';\nconst BLK = '.' + CLS + '-';\n\n// Import stuff here if you need to or even better to import them dynamically\n// for ex. of dynamic import check out ./loadBlk.js using Webpack dynamic imports as chunks.\n// import $ from 'jquery'\n// import rRelatedContentBlock from './RelatedContentBlock.jsx';\n// import React from 'react';\n// import ReactDOM from 'react-dom';\n\nexport class RelatedContentBlock {\n\tconstructor($el) {\n\t\t// $el is the blk node return by the loadRelatedContentBlock function\n\t\tthis.$el = $el;\n\t\tthis.$el = $el;\n\t\tthis.$cardList = this.$el.querySelectorAll('.relatedContentCard');\n\t\tthis.$btn = this.$el.querySelector('.btn-viewAll');\n\t}\n\n\tinit() {\n\t\tthis.initButton();\n\t}\n\n\tinitButton() {\n\t\tif (! this.$btn) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.$btn.addEventListener('click', (e) => {\n\t\t\tthis.viewAll(e);\n\t\t});\n\t}\n\n\tviewAll(e) {\n\t\te.preventDefault();\n\n\t\tfor (let i = this.$cardList.length - 1; i >= 0; i--) {\n\t\t\tthis.$cardList[i].classList.add('d-block');\n\t\t\tthis.$cardList[i].classList.remove('d-none');\n\t\t\tthis.$cardList[i].classList.remove('d-lg-none');\n\n\t\t\tsetTimeout(() => {\n\t\t\t\tthis.$cardList[i].classList.add('show');\n\t\t\t}, 100);\n\t\t}\n\n\t\tthis.$btn.classList.add('d-none');\n\t}\n\n\t// Add more functions like on above here\n}\n"],"sourceRoot":""}