{"version":3,"file":"render.mjs","sources":["src/render.mjs"],"sourcesContent":["/* globals SCSRenderAPI */\nexport default class {\n\n    constructor(params) {\n        // store the args\n        this.id = params.componentId\n        this.sectionLayoutData = params.sectionLayoutData || {};\n        this.renderMode = params.renderMode || SCSRenderAPI.getRenderMode();\n\n        // store the path to the <component>/assets folder\n        this.assetsPath =\n            import.meta.url.replace('/render.mjs', '');\n\n        // get any OCM environment resources \n        this.$ = SCSRenderAPI.getJQuery();\n\n        // load up the component's CSS\n        SCSRenderAPI.importCSS(this.assetsPath + '/styles/design.css');\n    }\n\n\n    createComponentDiv(componentId, extraClass) {\n        return `<div id=\"${componentId}\" class=\"${extraClass}\"></div>`\n    }\n\n    addEventListeners(container) {\n        const flip = (evt, container) => {\n            if (evt.target.offsetWidth - evt.offsetX < 82 \n                && evt.target.offsetHeight - evt.offsetY < 82) {\n                    container.classList.toggle('brk_flip-back')\n                    container.classList.toggle('brk_flip-front')\n                }\n        }\n        container.querySelector('.front').addEventListener('click', (evt) => {\n            flip(evt, container)\n        })\n        \n        container.querySelector('.back').addEventListener('click', (evt) => {\n            flip(evt, container)\n        })\n    }\n\n    render(parentObj) {\n        parentObj.classList.add('brk_flip-container')\n        parentObj.classList.add('brk_flip-front')\n        var html = '<div class=\"inner\">'\n        var emptyClass;\n        var components = this.sectionLayoutData.components || [];\n        \n        try {\n            // Add the child components to the section layout.  For each of the child \n            // components, add a <div> to the page.  The child components will be \n            // rendered into these <div>s.\n            html += `<div id=\"${components[0]}\" class=\"front\"></div>`\n            html += `<div id=\"${components[1]}\" class=\"back\"></div>`\n            \n            // Add a drop zone to the section layout in edit mode, if applicable\n            if (this.renderMode === SCSRenderAPI.RENDER_MODE_EDIT && components.length < 2) {\n                emptyClass = (components.length > 0) ? '' : 'sl-empty'\n                this.$(parentObj).append('<div class=\"sl-list-drop-zone ' + emptyClass + '\">Add Item</div>')\n            }\n            \n            if (html) {\n                html += '</div>'\n                this.$(parentObj).append(html)\n                this.addEventListeners(parentObj)\n            }\n        } catch (e) {\n            console.error(e)\n        }\n    }\n\n    hydrate(container){\n        this.addEventListeners(container)\n    }\n}"],"names":["render","constructor","params","this","id","componentId","sectionLayoutData","renderMode","SCSRenderAPI","getRenderMode","assetsPath","import","meta","url","replace","$","getJQuery","importCSS","createComponentDiv","extraClass","addEventListeners","container","flip","evt","target","offsetWidth","offsetX","offsetHeight","offsetY","classList","toggle","querySelector","addEventListener","parentObj","add","emptyClass","components","html","RENDER_MODE_EDIT","length","append","e","console","error","hydrate"],"mappings":"AACqB,MAAAA,EAEjBC,YAAYC,GAERC,KAAKC,GAAKF,EAAOG,YACjBF,KAAKG,kBAAoBJ,EAAOI,mBAAqB,CAAA,EACrDH,KAAKI,WAAaL,EAAOK,YAAcC,aAAaC,gBAGpDN,KAAKO,WACDC,OAAOC,KAAKC,IAAIC,QAAQ,cAAe,IAG3CX,KAAKY,EAAIP,aAAaQ,YAGtBR,aAAaS,UAAUd,KAAKO,WAAa,qBAC5C,CAGDQ,mBAAmBb,EAAac,GAC5B,MAAQ,YAAWd,aAAuBc,WAC7C,CAEDC,kBAAkBC,GACd,MAAUC,EAAG,CAACC,EAAKF,KACXE,EAAIC,OAAOC,YAAcF,EAAIG,QAAU,IACpCH,EAAIC,OAAOG,aAAeJ,EAAIK,QAAU,KACvCP,EAAUQ,UAAUC,OAAO,iBAC3BT,EAAUQ,UAAUC,OAAO,kBAC9B,EAETT,EAAUU,cAAc,UAAUC,iBAAiB,SAAUT,IACzDD,EAAKC,EAAKF,EAAV,IAGJA,EAAUU,cAAc,SAASC,iBAAiB,SAAUT,IACxDD,EAAKC,EAAKF,EAAV,GAEP,CAEDrB,OAAOiC,GACHA,EAAUJ,UAAUK,IAAI,sBACxBD,EAAUJ,UAAUK,IAAI,kBACxB,IACIC,IADO,sBAEPC,EAAajC,KAAKG,kBAAkB8B,YAAc,GAEtD,IAIIC,GAAS,YAAWD,EAAW,2BAC/BC,GAAS,YAAWD,EAAW,0BAG3BjC,KAAKI,aAAeC,aAAa8B,kBAAoBF,EAAWG,OAAS,IACzEJ,EAAcC,EAAWG,OAAS,EAAK,GAAK,WAC5CpC,KAAKY,EAAEkB,GAAWO,OAAO,iCAAmCL,EAAa,qBAGzEE,IACAA,GAAQ,SACRlC,KAAKY,EAAEkB,GAAWO,OAAOH,GACzBlC,KAAKiB,kBAAkBa,GAI9B,CAFC,MAAOQ,GACLC,QAAQC,MAAMF,EACjB,CACJ,CAEDG,QAAQvB,GACJlB,KAAKiB,kBAAkBC,EAC1B"}