{"version":3,"sources":["webpack:///./src/views/smartMaker/MakerPreview.vue?687f","webpack:///./src/views/smartMaker/MakerPreview.vue","webpack:///./src/views/smartMaker/MakerPreview.vue?c40f"],"names":["class","style","value","name","id","widthDisplayWebSite","renderContainer","to","record","PK","SK","renderWeb","srcStyle","webSite","idioms","language","layout","models","binds","palette","paperPermissions","components","PaperDisplayer","PaperLayout","data","undefined","created","this","$router","currentRoute","query","webPreview","setTimeout","methods","mapMutations","preview","console","clear","pushData","pullData","orgPK","SMLPK","SMLSK","log","API","graphql","variables","smd_getWebPage","JSON","parse","index","SML","length","element","attributeType","attributeValue","error","attributeName","setWebSite","document","head","insertAdjacentHTML","fontScript","replacements","fonts","replacedString","replace","match","mediaRegex","exec","mediaBlockContent","existingDiv","getElementById","menuDiv","insertAdjacentElement","computed","mapState","__exports__","render"],"mappings":"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","file":"js/chunk-1c475367.5f97ff71.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/index.js??ref--1-1!./MakerPreview.vue?vue&type=style&index=0&id=4f24517e&lang=css\"","<template>\n   <div v-if=\"true\" class=\"smart-wrap\" >\n      <div class=\"col-md-6\" style=\"padding: 20px;\">\n         <h1>Preview</h1>\n         <div class=\"input-wrap col-6\">\n            <select name=\"\" id=\"\" v-model=\"widthDisplayWebSite\" v-on:change=\"renderContainer()\" >\n               <option value=\"100%\">Desk</option>\n               <option value=\"992px\">Laptop</option>\n               <option value=\"767px\">Tablet</option>\n               <option value=\"450px\">Phone</option>\n            </select>\n         </div>\n      </div>\n      <div class=\"col-md-6\" style=\"display: flex;padding: 20px;align-items: center; justify-content: flex-end;\">\n         <router-link class=\"btn-g show blue\" :to=\"{ path:'/smartmaker',query: { name:'SMLUP', PK:record.PK, SK:record.SK, } }\" style=\"margin: 0 10px;\"  >\n            Design\n         </router-link>\n         <router-link class=\"btn-g show gray\" :to=\" { path:'/webpreview',query: {  sml:record.SK,}  }\"  style=\"margin: 0 10px;\" >\n            Input Data\n         </router-link>\n         <router-link class=\"btn-g show green\" :to=\" { path:'/smartmaker',query: { name:'SMLUP', PK:record.PK, SK:record.SK, publish:true } }\"  style=\"margin: 0 10px;\" >\n            Publish\n         </router-link>\n      </div>\n      <div class=\"col-md-12\">\n         <div id=\"container-web\" :style=\"'width:'+ widthDisplayWebSite+';margin:0 auto;     justify-content: flex-end;'\">\n            <paper-layout id=\"wrap-menu\"  :srcStyle=\"webSite\" v-if=\"renderWeb \"  :idioms=\"webSite.idioms\" :language=\"webSite.language\" :layout=\"webSite.layout\" :models=\"webSite.binds\" :palette=\"webSite.palette\" :paperPermissions=\"{usersCanEdit:[], usersCanRead:[],groupsCanEdit:[],groupsCanRead:[]}\"/>\n         </div>\n      </div>\n   </div>\n</template>\n<script>\n\n\n//Tools\nimport Vuex from \"vuex\";\nimport { Auth, API, Storage } from \"aws-amplify\";\nimport { popUp, loading, validationInputJSON, processLayout } from \"../../store/tools\";\n\n//Components\nimport PaperDisplayer from \"../../components/papers/PaperDisplayer.vue\";\nimport PaperLayout from \"../../components/papers/PaperLayout.vue\";\n\n//Back End\nimport { smd_getRecord2, smd_listEntityObj, smd_getWebPage, smd_generateGraphicPost, smd_getRecordObj, smd_generateWebSite, smd_applyCSS } from \"../../graphql/queries\";\nimport { smd_updateSmartLayout, smd_updateAttributes, smd_updateSmartRecord } from \"../../graphql/mutations\";\nexport default {\n   name: \"smart-maker\",\n   components: {\n      PaperDisplayer,\n      PaperLayout,\n   },\n   data() {\n      return {\n         //Record\n         record: undefined,\n         webSite: undefined,\n         renderWeb: false,\n         widthDisplayWebSite:'100%'\n      }\n   },\n   created() {\n      this.record = this.$router.currentRoute.value.query\n      this.webPreview()\n      setTimeout(() => {\n         \n      }, 100);\n   },\n   methods: {\n      ...Vuex.mapMutations(['setCustomLayout', 'setWebSite', 'applyCustomItem', 'setgRecord']),\n\n      //Action PostZ\n      async webPreview(preview) {\n         console.clear()\n         loading('show', 'webPreview')\n         let pushData = {};\n         let pullData = ''\n         try {\n            pushData = {\n               orgPK: this.record.PK,\n               SMLPK: this.record.PK,\n               SMLSK: this.record.SK\n            }\n            console.log('pushData Get Layout:', pushData);\n            pullData = await API.graphql({\n               query: smd_getWebPage,\n               variables: pushData\n            });\n            this.webSite = {}\n            pullData = pullData.data.smd_getWebPage\n            pullData = JSON.parse(pullData.data)\n            for (let index = 0; index < JSON.parse(pullData.SML).length; index++) {\n               const element = JSON.parse(pullData.SML)[index];\n               try {\n                  if (element.attributeType == 'L') {\n                     element.attributeValue = JSON.parse(element.attributeValue)\n                  }\n               } catch (error) {\n                  console.log(error);\n               }\n               this.webSite[element.attributeName] = element.attributeValue\n            }\n            this.webSite.binds = pullData.binds\n            this.webSite.layout = pullData.layout\n            this.setWebSite(this.webSite)\n            console.log('Web Site Data:', this.webSite);\n            document.head.insertAdjacentHTML(\"beforeend\", this.webSite.fontScript)\n            const replacements = {\n               'var(--color0)': this.webSite.palette[0],\n               'var(--color1)': this.webSite.palette[1],\n               'var(--color2)': this.webSite.palette[2],\n               'var(--color3)': this.webSite.palette[3],\n               'var(--color4)': this.webSite.palette[4],\n               'var(--color5)': this.webSite.palette[5],\n               'var(--color6)': this.webSite.palette[6],\n               'var(--font0)': this.webSite.fonts[0],\n               'var(--font1)': this.webSite.fonts[1],\n               'var(--font2)': this.webSite.fonts[2],\n               'var(--font3)': this.webSite.fonts[3],\n            };\n\n            // Utilizar una expresión regular para buscar las palabras a reemplazar y la función replace() para hacer el reemplazo\n            if (this.webSite.class) {\n               \n               const replacedString = this.webSite.class.replace(/var\\(--(color|font)\\d\\)/g, match => replacements[match]);\n               console.log(replacedString);\n               document.head.insertAdjacentHTML(\"beforeend\", '<style>'+replacedString+'</style>')\n               setTimeout(() => {\n                  this.renderWeb = true\n               }, 100);\n            }\n            console.clear()\n            console.log(this.widthDisplayWebSite);\n            if (this.widthDisplayWebSite == '450px') {\n               \n               // Definir la expresión regular para un bloque @media\n               const mediaRegex = /@media[^{]+\\{([\\s\\S]+?})\\s*}/g;\n   \n               // Encontrar todas las coincidencias de bloques @media\n               let match;\n               while ((match = mediaRegex.exec(this.webSite.class)) !== null) {\n                  // Extraer el contenido del bloque @media\n                  const mediaBlockContent = match[1];\n                  console.log(mediaBlockContent);\n                  document.head.insertAdjacentHTML(\"beforeend\", '<style>'+mediaBlockContent+'</style>')\n               }\n            } \n            \n         } catch (error) {\n            console.log(error);\n         }\n         loading('hide', 'webPreview')\n      },\n      renderContainer(){\n         loading('show', 'webPreview')\n         this.renderWeb = false\n         \n         setTimeout(() => {\n            this.renderWeb = true\n            loading('hide', 'webPreview')\n         }, 100);\n         setTimeout(() => {\n            const existingDiv = document.getElementById('wrap-menu');\n            console.log(existingDiv);\n            // Create a new div element\n            const menuDiv = document.getElementById('collapseMenu-3');\n            console.log(menuDiv);\n            // Insert the new div element after the existing div element\n            existingDiv.insertAdjacentElement('afterend', menuDiv);\n            //menuDiv.remove();\n         }, 500);\n\n      }\n   },\n   computed: {\n      ...Vuex.mapState([\n         \"organizationID\",\n         \"userPermissions\",\n         \"permissions\",\n         \"preloadLists\",\n         \"customLayout\",\n         \"customItem\",\n         'elementList',\n         'srcFonts',\n         'comboFonts',\n      ]),\n   },\n}\n</script>\n<style>\n.menuResponsive{\n\tposition: absolute;\n\ttop: 0;\n\tbackground: #fff;\n\tz-index: 999;\n\theight: 100vh;\n\twidth: 100%;\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\tjustify-content: center;\n\talign-items: center;\n\talign-content: center;\n\topacity: 1;\n\t-webkit-transition: all 0.3s ease 0s;\n\t-moz-transition: all 0.3s ease 0s;\n\t-ms-transition: all 0.3s ease 0s;\n\t-o-transition: all 0.3s ease 0s;\n\ttransition: all 0.3s ease 0s;\n\toverflow: hidden;\n}\n.menuResponsive.hide{\n\topacity: 0;\n\tz-index: -999;\n\t-webkit-transition: all 0.3s ease 0s;\n\t-moz-transition: all 0.3s ease 0s;\n\t-ms-transition: all 0.3s ease 0s;\n\t-o-transition: all 0.3s ease 0s;\n\ttransition: all 0.3s ease 0s;\n}\n.headerMenu{\n\twidth: 100%;\t\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-around;\n\tflex-wrap: nowrap;\n}\n.headerMenu .menuLogo{\n\twidth: 200px;\n}\n.headerMenu .menuIcon{\n\twidth: 50px;\n}\n</style>","import { render } from \"./MakerPreview.vue?vue&type=template&id=4f24517e\"\nimport script from \"./MakerPreview.vue?vue&type=script&lang=js\"\nexport * from \"./MakerPreview.vue?vue&type=script&lang=js\"\n\nimport \"./MakerPreview.vue?vue&type=style&index=0&id=4f24517e&lang=css\"\n\nimport exportComponent from \"/codebuild/output/src1353221341/src/NewSmartDash/node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__"],"sourceRoot":""}