Implement inline styles conversion

- remove logging

Author: omiroshnichenko

app/code/Magento/PageBuilder/view/adminhtml/web/js/stage-builder.js

@@ -7,7 +7,7 @@
 
 <div attr="data.main.attributes"
      ko-style="data.main.style"
-     css="data.main.css" afterRender="function(){console.log(arguments, this, $root)}">
+     css="data.main.css">
     <div attr="data.inner.attributes"
          ko-style="Object.assign(data.container.style(), data.inner.style())"
          css="data.inner.css">

app/code/Magento/PageBuilder/view/adminhtml/web/template/content-type/row/contained/master.html

@@ -38,7 +38,6 @@ ko.bindingHandlers.pbStyles = {
             styleElement.setAttribute("data-selector", className);
             styleElement.innerHTML = generateCssBlock(className, styles);
             element.classList.add(className);
-            console.log(className, styleElement.innerHTML);
             element.append(styleElement);
         }
 

app/code/Magento/PageBuilder/view/adminhtml/web/ts/js/binding/style.ts

@@ -31,7 +31,6 @@ function buildFromContent(stage: Stage, value: string) {
     const stageDocument = new DOMParser().parseFromString(value, "text/html");
     stageDocument.body.setAttribute(Config.getConfig("dataContentTypeAttributeName"), "stage");
     convertToInlineStyles(stageDocument);
-    console.log(stageDocument);
     return buildElementIntoStage(stageDocument.body, stage.rootContainer, stage);
 }
 
@@ -45,7 +44,6 @@ function convertToInlineStyles(document: Document): void {
     const styles: { [key: string]: CSSStyleDeclaration[] } = {};
     if (styleBlocks.length > 0) {
         Array.from(styleBlocks).forEach((styleBlock: HTMLStyleElement) => {
-            console.log(styleBlock);
             const cssRules = (styleBlock.sheet as CSSStyleSheet).cssRules;
             Array.from(cssRules).forEach((rule: CSSStyleRule) => {
                 const selectors = rule.selectorText.split(",").map((selector) => selector.trim());
@@ -62,10 +60,7 @@ function convertToInlineStyles(document: Document): void {
         const element: HTMLElement = document.querySelector(selector);
 
         _.each(stylesArray, (style: CSSStyleDeclaration) => {
-            console.log(element.style.cssText, style.cssText);
-            console.log(element.style.cssText + style.cssText);
             element.setAttribute("style", element.style.cssText + style.cssText);
-            console.log(element);
         });
         element.classList.remove(selector.slice(1));
     });