{"version":3,"sources":["webpack:////Users/owenli/Documents/workspace/awi-wool-fe/src/views/blocks/wysiwygBlock/js/wysiwygBlock.js"],"names":["WysiwygBlock","element","_classCallCheck","this","$element","$","initImageOverride","initResponsiveTables","initListOverride","key","value","$images","find","each","index","cssClass","css","wrap","concat","$imageWrap","parent","width","float","display","imageViewerModal","init","before","after","length","addClass"],"mappings":"q4BAAA,IAKaA,EAAY,WAOvB,SAND,SAAAA,EAAYC,gGAASC,CAAAC,KAAAH,GACpBG,KAAKF,QAAUA,EACfE,KAAKC,SAAWC,EAAEJ,GAClBE,KAAKG,oBACLH,KAAKI,uBACLJ,KAAKK,yBACLC,IAAA,oBAAAC,MAED,WACCP,KAAKQ,QAAUR,KAAKC,SAASQ,KAAK,oBAClCT,KAAKQ,QAAQE,KAAK,SAACC,EAAOb,GACzB,IAAIc,EAE2B,SAA5BV,EAAEJ,GAASe,IAAI,SACjBD,EAAW,aAGwB,UAA5BV,EAAEJ,GAASe,IAAI,SACtBD,EAAW,cAGyB,SAA7BV,EAAEJ,GAASe,IAAI,aACtBD,EAAW,gBAGZV,EAAEJ,GAASgB,KAAI,0BAAAC,OAA2BH,EAAQ,aAElD,IAAII,EAAad,EAAEJ,GAASmB,OAAO,eACnCD,EAAWH,KACVK,MAAK,GAAAH,OAAKb,EAAEJ,GAASoB,WAGtBhB,EAAEJ,GAASe,KACVM,MAAO,QACPC,QAAS,iBAGVC,IAAiBC,KAAKN,QAIxBV,IAAA,uBAAAC,MACA,WACCP,KAAKC,SAASQ,KAAK,SAASK,KAAI,wCAAyCS,OAAO,oCAAoCC,MAAM,uCAC1HlB,IAAA,mBAAAC,MAED,WACCP,KAAKC,SAASQ,KAAK,WAAWC,KAAK,SAACC,EAAOb,IACtCI,EAAEJ,GAASW,KAAK,MAAMgB,OAAS,GAClCvB,EAAEJ,GAAS4B,SAAS,YAItB1B,KAAKC,SAASQ,KAAK,WAAWC,KAAK,SAACC,EAAOb,IACtCI,EAAEJ,GAASW,KAAK,MAAMgB,OAAS,GAClCvB,EAAEJ,GAAS4B,SAAS,2GAxDC","file":"block-44.430117f348aedc9992ce.js","sourcesContent":["const NS = 'WysiwygBlock';\nconst CLS = 'wysiwygBlock';\n\nimport { imageViewerModal } from '../../../../global/js/wool/imageViewerModal';\n\nexport class WysiwygBlock {\n\tconstructor(element) {\n\t\tthis.element = element;\n\t\tthis.$element = $(element);\n\t\tthis.initImageOverride();\n\t\tthis.initResponsiveTables();\n\t\tthis.initListOverride();\n\t}\n\n\tinitImageOverride() {\n\t\tthis.$images = this.$element.find('> p > img, > img');\n\t\tthis.$images.each((index, element) => {\n\t\t\tlet cssClass;\n\t\t\t// Float left property\n\t\t\tif($(element).css('float') === 'left') {\n\t\t\t\tcssClass = 'float-left';\n\t\t\t}\n\t\t\t// Float right\n\t\t\telse if($(element).css('float') === 'right') {\n\t\t\t\tcssClass = 'float-right';\n\t\t\t}\n\t\t\t// Align center (block implies center block alignment)\n\t\t\telse if($(element).css('display') == 'block') {\n\t\t\t\tcssClass = 'align-center';\n\t\t\t}\n\n\t\t\t$(element).wrap(`<div class='image-wrap ${cssClass}'></div>`);\n\n\t\t\tlet $imageWrap = $(element).parent('.image-wrap');\n\t\t\t$imageWrap.css({\n\t\t\t\twidth: `${$(element).width()}`\n\t\t\t});\n\n\t\t\t$(element).css({\n\t\t\t\tfloat: 'unset',\n\t\t\t\tdisplay: 'inline-block'\n\t\t\t});\n\n\t\t\timageViewerModal.init($imageWrap);\n\t\t});\n\t}\n\n\t// Wrap a div.table-responsive class to have responsive tables\n\tinitResponsiveTables() {\n\t\tthis.$element.find('table').wrap(`<div class='table-responsive'></div>`).before('<div class=\"table-spacer\"></div>').after('<div class=\"table-spacer\"></div>');\n\t}\n\n\tinitListOverride() {\n\t\tthis.$element.find('ul > li').each((index, element) => {\n\t\t\tif(!$(element).find('ul').length > 0) {\n\t\t\t\t$(element).addClass('styled');\n\t\t\t}\n\t\t});\n\n\t\tthis.$element.find('ol > li').each((index, element) => {\n\t\t\tif(!$(element).find('ol').length > 0) {\n\t\t\t\t$(element).addClass('styled');\n\t\t\t}\n\t\t});\n\t}\n}\n"],"sourceRoot":""}