ZetaProducer.RuntimeBusinessLogic.Rendering.Scripting.ErrorHandling.InterpreterException ----------------- Skript-Fehler: --------------- Objekt erforderlich --------------- Zeile 111, Spalte 4: var focusx = bgimg.focusPointX || 50; --------------- Datei: C:\Users\tobull\AppData\Local\Zeta Producer 16\packaging\layouts\_shared\templates\partials\container.html --------------- Quelltext: 001: function SE638260063274381940() {} 002: 003: 004: SE638260063274381940.prototype.executeScript = function(){ 005: // Start source file: 'C:\Users\tobull\AppData\Local\Zeta Producer 16\packaging\layouts\_shared\templates\partials\container.html'. 006: 007: var args = context.param(0, {}); var containerId = args["containerId"] || 0; var injectCss = args["injectCss"]; var firstC = args["firstC"] || 0; var lastC = args["lastC"] || 0; var areaName = args["areaName"] || "Standard"; var areaNameLc = args["areaNameLc"]; var maxColumns = args["maxColumns"] || "0"; var cssRowClass = args["cssRowClass"] || ""; var displayNumColumns = args["displayNumColumns"] || "12"; // number of columns to display. We always calculate with 12, but can display less var cssAreaClass = args["cssAreaClass"] || ""; var noBreakoutWithNews = args["noBreakoutWithNews"]; var hideIeForArea = args["hideIeForArea"]; var canContainer = args["canContainer"]; var showEmptyArticleAreas = args["showEmptyArticleAreas"]; var hasNews = args["hasNews"]; var icon = args["icon"] || 0; var pageLang = args["pageLang"] || "de"; if ( maxColumns == "1" ){ if ( cssRowClass == "" || cssRowClass == "noresize" ){ cssRowClass = "noresize"; } else{ cssRowClass += " noresize"; } } 008: 009: context.write("\n\n"); 010: 011: if ( containerId !== 0 ){ var cssOutput = ""; var container = project.getContainer(containerId); // append container styles to head via css var cid = container.id; var output = ""; var isSection = container.value("issection") == "1"; var isStyled = false; if ( container.value("fontcolor", "") !== "" && container.value("fontcolor") !== "transparent" ){ var cssSelector = "#container_" + cid; output = cssSelector; output += ", " + cssSelector + " p"; output += ", " + cssSelector + " h1"; output += ", " + cssSelector + " h2"; output += ", " + cssSelector + " h3{"; output += "color: " + container.value("fontcolor") + ";"; output += "}\n"; } if ( container.value("linkcolor", "") !== "" && container.value("linkcolor") !== "transparent" ){ var cssSelector = "#container_" + cid; output += "\n\n" + cssSelector + " a:not(.button):not(.fancybox):not(.zpSO-Uplink-Flat):not(.zpnolayoutlinkstyles)"; output += ", " + cssSelector + " a:not(.button):not(.fancybox):not(.zpSO-Uplink-Flat):not(.zpnolayoutlinkstyles):hover{"; output += "color: " + container.value("linkcolor") + ";"; output += "}\n"; } if ( container.value("margin-top", "") !== "" || container.value("margin-bottom", "") !== "" ){ var cssSelector = "#container_" + cid; output += cssSelector + "{"; if ( container.value("margin-top") ){ output += "margin-top: " + container.value("margin-top") + " !important;"; } if ( container.value("margin-bottom") ){ output += "margin-bottom: " + container.value("margin-bottom") + " !important;" ; } output += "}\n"; } if ( container.value("padding-top", "") !== "" || container.value("padding-bottom", "") !== "" || container.value("padding-left", "") !== "" || container.value("padding-right", "") !== ""){ var cssSelector = "#container_" + cid; output += cssSelector + "{"; if ( container.value("padding-top") ){ output += "padding-top: " + container.value("padding-top") + " !important;"; } if ( container.value("padding-bottom") ){ output += "padding-bottom: " + container.value("padding-bottom") + " !important;"; } if ( container.value("padding-left") ){ output += "padding-left: " + container.value("padding-left") + " !important;"; } if ( container.value("padding-right") ){ output += "padding-right: " + container.value("padding-right") + " !important;"; } output += "}\n"; } if ( container.value("bgcolor", "") !== "" && container.value("bgcolor", "") !== "transparent" ){ isStyled = true; var cssSelector = "#container_" + cid; output += cssSelector + "{"; output += "background-color: " + container.value("bgcolor") + " !important;"; output += "}\n"; } var image = container.cssBackgroundImage("bgimage"); var focusPointAttr = ''; if ( image.imageUrl ){ // normales image-objekt aus cssBackgroundImage ermitteln var bgimg = project.getImage(image.imageUrl); isStyled = true; // wenn image.size "cover" ist und keine image.position gesetzt, bzw. diese "center center" (das Default) ist, fokuspunkt nutzen if ( image.size == "cover" && image.position && (image.position == "" || image.position == "center center") ){ var focusx = bgimg.focusPointX || 50; var focusy = bgimg.focusPointY || 50; focusPointAttr = ' data-focus-x="' + focusx + '" data-focus-y="' + focusy + '" data-image-w="' + bgimg.workingCopyWidth + '" data-image-h="' + bgimg.workingCopyHeight + '"'; } var cssSelector = "#container_" + cid; output += cssSelector + "{"; // temporary workaround to get "-large" working copy of image, as // image.imageUrl returns only the contentCopy (small copy) of the image var imageObject = project.getImage(image.imageUrl); if ( imageObject && imageObject.workingCopyPath && !imageObject.isSvgImage ){ output += "background-image: url(" + imageObject.workingCopyPath + ") !important;"; } else{ // do not generate -large copy for SVG-Images output += "background-image: url(" + image.imageUrl + ") !important;"; } // output += "background-repeat: " + image.repeat + " !important;"; output += "background-size: " + image.size + " !important;"; if ( focusPointAttr == "" ) { output += "background-position: " + (image.position !== "" ? image.position : "center center") + " !important;"; } else{ // wenn focus point genutzt wird, "!important" unbedingt weg lassen output += "background-position: " + (image.position !== "" ? image.position : "center center") + ";"; } output += "background-attachment: " + (image.attachment !== "" ? image.attachment : "scroll") + " !important;"; output += "}\n"; } if ( output !== "" ){ cssOutput += "\n" + output.replace(/^\s+|\s+$/gm,'') + "\n"; } var containerstyle = container.inlineCss || ""; if ( showEmptyArticleAreas ){ containerstyle = ''; // remove any inline-css if in xray-mode } containerstyle = containerstyle.toString().replace(/^\s+|\s+$/gm,''); // trim() // make sure the users inlineCss properly ends with a semicolon as we attach more styles later below if ( containerstyle && containerstyle.slice(-1) !== ";" ){ containerstyle += ";"; } var initialContainerstyle = containerstyle; containerstyle = containerstyle.replace(/^\s+|\s+$/gm,''); // trim() if ( containerstyle ){ containerstyle = ' style="' + containerstyle + '"'; } if ( noBreakoutWithNews && system.preview && container.value("breakout") == "1" && hasNews ){ system.warn("Die 'Randlos-Option' für einen Container kann nicht berücksichtigt werden, weil der 'Einfügen-Schalter' auf an steht oder die Seite auch Artikel im News-Bereich enthält."); } var containerTag = "div"; if ( isSection ){ containerTag = "section"; } 012: 013: context.write("\n\t\t\n\t<"); 014: 015: context.write( containerTag ); 016: 017: context.write(" id=\"container_"); 018: 019: context.write( container.id ); 020: 021: context.write("\""); 022: 023: context.write( focusPointAttr ); 024: 025: context.write(" class=\"zpContainer"); 026: 027: if (icon==firstC){ 028: 029: context.write(" first"); 030: 031: } 032: 033: 034: if (icon==lastC){ 035: 036: context.write(" last"); 037: 038: } 039: 040: 041: if( container.value("animate", "") !== "" && container.value("animate") !== "off" ){ 042: 043: context.write(" zpanimate "); 044: 045: context.write( container.value("animate")); 046: 047: 048: } 049: 050: 051: if( isStyled ){ 052: 053: context.write(" styled"); 054: 055: } 056: 057: context.write(" "); 058: 059: if ( container.value("breakout") == "1" ){ 060: 061: context.write("zpBreakout "); 062: 063: } 064: 065: 066: if( noBreakoutWithNews && hasNews ) { 067: 068: context.write(" hasNews"); 069: 070: } 071: 072: 073: if( focusPointAttr !== "" ) { 074: 075: context.write(" zpfocal"); 076: 077: } 078: 079: context.write(" "); 080: 081: context.write( container.cssClass ); 082: 083: context.write("\""); 084: 085: context.write( containerstyle ); 086: 087: context.write(" \n\t\t data-zpeleel=\"container\" data-zpleid=\""); 120: 121: context.write( container.id ); 122: 123: context.write("\">\n\t\n\t"); 124: 125: var paragraphs = container.paragraphs; for ( var ipar = 0; ipar < paragraphs.count; ++ipar ){ var additionalRowClass = ""; var paragraph = paragraphs.item(ipar); var columns = paragraph.columns; // if current paragraph doesn't contain articles, we skip the loop, so we don't print empty paragraphs // we do not skip when on impressum page and the container ist the last one, as we need to insert freeware content var articleCount = paragraph.articles.count; if ( articleCount < 1 && !(icon == lastC && page.isSpecialPage("legal")) ){ continue; } else if ( articleCount > 0 ){ // set special rowClass for Articles which are not visible, so we can remove any margins which might not be desired var firstWidgetName = paragraph.articles.item(0).widgetName; switch(firstWidgetName) { case "Info-Banner": additionalRowClass = " alertbanner"; break; case "Quelltext": additionalRowClass = " quelltext"; break; case "Slider": additionalRowClass = " zpwSlider"; break; case "Carousel": additionalRowClass = " zpwCarousel"; break; case "Navigationsmenü": if ( paragraph.articles.item(0).value("menufixed") ){ additionalRowClass = " zpwNavmenu zpwNavmenuFixed"; } else{ additionalRowClass = " zpwNavmenu"; } break; case "Navigationsmenü manuell": if ( paragraph.articles.item(0).value("menufixed") ){ additionalRowClass = " zpwNavmenu zpwNavmenuFixed"; } else{ additionalRowClass = " zpwNavmenu"; } break; case "Video-Hintergrund": additionalRowClass = " zpvideobg"; break; } // append row styles to head via css var rid = paragraph.id; var output = ""; if ( paragraph.value("margin-top", "") !== "" || paragraph.value("margin-bottom", "") !== ""){ var cssSelector = ".zpRow[data-row-id=\"" + rid + "\"], .zpRow:first-child[data-row-id=\"" + rid + "\"], .zpRow:last-child[data-row-id=\"" + rid + "\"]"; output += cssSelector + "{"; if ( paragraph.value("margin-top") ){ output += "margin-top: " + paragraph.value("margin-top", "initial") + " !important;"; } if ( paragraph.value("margin-bottom") ){ output += "margin-bottom: " + paragraph.value("margin-bottom", "initial") + " !important;" ; } output += "}\n"; } if ( paragraph.value("padding-top", "") !== "" || paragraph.value("padding-bottom", "") !== "" || paragraph.value("padding-left", "") !== "" || paragraph.value("padding-right", "") !== "" ){ var cssSelector = ".zpRow[data-row-id=\"" + rid + "\"]"; output += cssSelector + "{"; if ( paragraph.value("padding-top") ){ output += "padding-top: " + paragraph.value("padding-top") + " !important;"; } if ( paragraph.value("padding-bottom") ){ output += "padding-bottom: " + paragraph.value("padding-bottom") + " !important;"; } if ( paragraph.value("padding-left") ){ output += "padding-left: " + paragraph.value("padding-left") + " !important;"; } if ( paragraph.value("padding-right") ){ output += "padding-right: " + paragraph.value("padding-right") + " !important;"; } output += "}\n"; } if ( paragraph.value("bgcolor", "") !== "" && paragraph.value("bgcolor", "") !== "transparent" ){ var cssSelector = ".zpRow[data-row-id=\"" + rid + "\"]"; output += cssSelector + "{"; output += "background-color: " + paragraph.value("bgcolor") + " !important;"; output += "}\n"; } var pimage = paragraph.cssBackgroundImage("bgimage"); if ( pimage.imageUrl ){ var cssSelector = ".zpRow[data-row-id=\"" + rid + "\"]"; output += cssSelector + "{"; output += "background-image: url(" + pimage.imageUrl + ") !important;"; output += "background-repeat: " + pimage.repeat + " !important;"; output += "background-size: " + pimage.size + " !important;"; output += "background-position: " + (pimage.position !== "" ? pimage.position : "center center") + " !important;"; output += "background-attachment: " + (pimage.attachment !== "" ? pimage.attachment : "scroll") + ";"; output += "}\n"; } if ( paragraph.value("justifycontent", "") !== "" ){ var cssSelector = ".zpRow[data-row-id=\"" + rid + "\"]"; output += cssSelector + "{"; output += "justify-content: " + paragraph.value("justifycontent") + ";"; output += "}\n"; } if ( output !== "" ){ cssOutput += "\n" + output.replace(/^\s+|\s+$/gm,'') + "\n"; } // paragraph styles var rowstyle = paragraph.inlineCss || ""; if ( showEmptyArticleAreas ){ rowstyle = ''; // remove any inline-css if in xray-mode } rowstyle = rowstyle.toString().replace(/^\s+|\s+$/gm,''); // trim(); // make sure the users inlineCss properly ends with a semicolon as we attach more styles later below if ( rowstyle && rowstyle.slice(-1) !== ";" ){ rowstyle += ";"; } 126: 127: context.write("\n\n\t\t\t"); 128: 129: if ( paragraph.value("breakout") == "1" ){ 130: 131: context.write("\n\t\t\t\t
\n\t\t\t"); 136: 137: rowstyle = " width: 100%; margin: 0 auto; float: none;"; } rowstyle.replace(/^\s+|\s+$/gm,''); // trim() if ( rowstyle ){ rowstyle = ' style="' + rowstyle + '"'; } // classes to hide row on specific device (and smaller) var hideondeviceClass = ""; if ( paragraph.value("hideondevice") && paragraph.value("hideondevice") !== "" ){ hideondeviceClass = " " + paragraph.value("hideondevice") + " zpmobilehide"; } } 138: 139: context.write("\n\t\t\t
>\n\n\t\t\t"); 213: 214: var evenodd = "even"; for ( var icol = 0; icol < columns.count; ++icol ){ var column = columns.item(icol); var articles = column.articles; var coid = column.id; var output = ""; var isStyled = false; var selectorPrefix = "#container_" + cid + " "; if ( column.value("bgcolor", "") !== "" && column.value("bgcolor", "") !== "transparent" ){ var cssSelector = "div.zpRow .zpColumn[data-column-id='" + coid + "']"; output += cssSelector + "{"; output += "background-color: " + column.value("bgcolor") + ";"; output += "padding-top: 15px;"; output += "padding-bottom: 15px;"; output += "}\n"; isStyled = true; } if ( column.value("fontcolor", "") !== "" && column.value("fontcolor") !== "transparent" ){ var cssSelector = selectorPrefix + "div.zpRow .zpColumn[data-column-id='" + coid + "']"; output += cssSelector; output += ", " + cssSelector + " p"; output += ", " + cssSelector + " h1"; output += ", " + cssSelector + " h2"; output += ", " + cssSelector + " h3{"; output += "color: " + column.value("fontcolor") + ";"; output += "}\n"; } if ( column.value("linkcolor", "") !== "" && column.value("linkcolor") !== "transparent" ){ var cssSelector = selectorPrefix + "div.zpRow .zpColumn[data-column-id='" + coid + "']"; output += "\n\n" + cssSelector + " a:not(.button)"; output += ", " + cssSelector + " a:not(.button):hover{"; output += "color: " + column.value("linkcolor") + ";"; output += "}\n"; } if ( column.value("align-self", "") !== "" ){ var cssSelector = "div.zpRow .zpColumn[data-column-id='" + coid + "']"; output += cssSelector + "{"; output += "align-self: " + column.value("align-self") + ";"; output += "}\n"; } if ( output !== "" ){ cssOutput += "\n" + output.replace(/^\s+|\s+$/gm,'') + "\n"; } var clearCss = column.value("clearLeft") ? "clear: left;" : ""; if ( column.articles.count > 0 ){ var firstWidgetName = articles.item(0).widgetName; } else{ var firstWidgetName = ""; } // used in a className, alternate between even and odd, not taking into account zpSpacer-Columns if( firstWidgetName !== "Spacer" ){ if( evenodd === "even" ){ evenodd = "odd"; } else{ evenodd = "even"; } var additionalColumnClass = " " + evenodd; } else{ var additionalColumnClass = ""; } // if a spacer-widget is alone in a column, we set a class .zpSpacer, so we can set the width of spacer-widgets responsively in zpgrid.less accordingly if ( firstWidgetName == "Spacer" && column.articles.count < 2 ){ additionalColumnClass += " zpSpacer"; } else if ( firstWidgetName == "Navigationsmenü" ){ additionalColumnClass += " zpnavmenu"; } // TODO move adding of missing classes to converter and remove next 4 lines var columnCssClass = column.cssClass; if ( !column.cssClass || !column.cssClass.match(/\bc[1-9][0-2]?\b/) ){ columnCssClass = "c" + String(Math.round(12 / columns.count - 0.1)) ; } var columnInlineCss = column.inlineCss ? column.inlineCss+" " : ""; if ( showEmptyArticleAreas ){ columnInlineCss = ''; // remove any inline-css if in xray-mode } if ( column.value("clearLeft") ){ 215: 216: context.write("\n\t\t\t\t
\n\t\t\t\t"); 217: 218: } 219: 220: context.write("\n\t\t\t\t\n\t\t\t\t
>\n\t\n\t\t\t\t\t"); 315: 316: for ( var iart = 0; iart < articles.count; ++iart ){ var a = articles.item(iart); if ( a.isAvailable || !system.preview){ context.write(a.render()); } else{ // rendered article is using a deleted widget context.write(system.partial("deleted-widget.html", a.id)); } } 317: 318: context.write("\n\t\t\t\t
\n\t\n\t\t\t"); 319: 320: } // insert zp-ad-box in last row of last container on impressum pages if ( system.isFreeware && areaName.toLowerCase() == "standard" && page.isSpecialPage("legal") && icon == lastC && ipar == paragraphs.count-1 ){ 321: 322: context.write("\n\t\t\t\t\t
\n\t\t\t\t\t\t"); 323: 324: context.write( system.partial("zpinfolegal.html") ); 325: 326: context.write("\n\t\t\t\t\t
\n\t\t\t\t"); 327: 328: } 329: 330: context.write("\n\n\t\t\t
\n\t\t"); 331: 332: if ( articleCount > 0 && paragraph.value("breakout") == "1" ){ 333: 334: context.write("\n\t\t
\n\t\t"); 335: 336: } 337: 338: context.write("\n\n\t"); 339: 340: } context.write(""); if ( injectCss ){ // inject styles into head system.addHtmlHeadElement(cssOutput); } else{ context.write('
' + cssOutput + '
') } } 341: 342: // End source file: 'C:\Users\tobull\AppData\Local\Zeta Producer 16\packaging\layouts\_shared\templates\partials\container.html'. 343: }; 344: 345: /* Shortcuts. */ 346: article = context.article; 347: page = context.page; 348: projectFolder = context.projectFolder; 349: project = context.project; 350: system = context.system; 351: 352: 353: new SE638260063274381940().executeScript(); ----------------- bei ZetaProducer.SuperSlimScriptingEngine.SlimScriptEngine.ThrowHostException(Exception exception) in c:\P\ukeim\zp-develop\ZetaProducerMain\Source\Core\SuperSlimScriptingEngine\SlimScriptEngine.cs:Zeile 104. bei ZetaProducer.RuntimeBusinessLogic.Rendering.Scripting.Engine.RenderingInterpreterHelper.GuardEngineRun(SlimScriptEngine engine, String scriptToExecute, RenderingContext renderingContext, String runString) in c:\P\ukeim\zp-develop\ZetaProducerMain\Source\Core\RuntimeBusinessLogic\Rendering\Scripting\Engine\RenderingInterpreterHelper.cs:Zeile 214. bei ZetaProducer.RuntimeBusinessLogic.Rendering.Scripting.Engine.RenderingInterpreter.doRun(RenderingContext renderingContext, String runString) in c:\P\ukeim\zp-develop\ZetaProducerMain\Source\Core\RuntimeBusinessLogic\Rendering\Scripting\Engine\RenderingInterpreter.cs:Zeile 48. bei ZetaProducer.RuntimeBusinessLogic.Rendering.Scripting.Engine.RenderingInterpreter.Run(RenderingContext renderingContext, String runString) in c:\P\ukeim\zp-develop\ZetaProducerMain\Source\Core\RuntimeBusinessLogic\Rendering\Scripting\Engine\RenderingInterpreter.cs:Zeile 21. bei ZetaProducer.RuntimeBusinessLogic.Rendering.Scripting.HighLevel.RenderingScriptProcessor.Process(String textToProcess) in c:\P\ukeim\zp-develop\ZetaProducerMain\Source\Core\RuntimeBusinessLogic\Rendering\Scripting\HighLevel\RenderingScriptProcessor.cs:Zeile 24. bei ZetaProducer.RuntimeBusinessLogic.Rendering.Macros.RenderingScriptingMacrosNew.doProcess(String textToProcess) in c:\P\ukeim\zp-develop\ZetaProducerMain\Source\Core\RuntimeBusinessLogic\Rendering\Macros\RenderingScriptingMacrosNew.cs:Zeile 37. bei ZetaProducer.RuntimeBusinessLogic.Rendering.Macros.RenderingScriptingMacrosNew.Process(String textToProcess) in c:\P\ukeim\zp-develop\ZetaProducerMain\Source\Core\RuntimeBusinessLogic\Rendering\Macros\RenderingScriptingMacrosNew.cs:Zeile 25. bei ZetaProducer.RuntimeBusinessLogic.Rendering.Core.RenderingDispatcher.doProcess(String textToProcess) in c:\P\ukeim\zp-develop\ZetaProducerMain\Source\Core\RuntimeBusinessLogic\Rendering\Core\RenderingDispatcher.cs:Zeile 48. bei ZetaProducer.RuntimeBusinessLogic.Rendering.Core.RenderingDispatcher.Process(String textToProcess) in c:\P\ukeim\zp-develop\ZetaProducerMain\Source\Core\RuntimeBusinessLogic\Rendering\Core\RenderingDispatcher.cs:Zeile 31. bei ZetaProducer.RuntimeBusinessLogic.Rendering.Scripting.Dom.SystemScriptObject.doDispatch(String textToProcess, String filePath, Dictionary`2 values) in c:\P\ukeim\zp-develop\ZetaProducerMain\Source\Core\RuntimeBusinessLogic\Rendering\Scripting\Dom\SystemScriptObject.cs:Zeile 369. bei ZetaProducer.RuntimeBusinessLogic.Rendering.Scripting.Dom.SystemScriptObject.partial(String includeRelativeFilePath, Object arguments00, Object arguments01, Object arguments02, Object arguments03, Object arguments04, Object arguments05, Object arguments06, Object arguments07, Object arguments08, Object arguments09, Object arguments10, Object arguments11, Object arguments12) in c:\P\ukeim\zp-develop\ZetaProducerMain\Source\Core\RuntimeBusinessLogic\Rendering\Scripting\Dom\SystemScriptObject.Partials.cs:Zeile 77. InterpreterException { ErrorDetailsWithStack="Objekt erforderlich", CompleteSourceTextWithHiddenRegions="001: function SE638260063274381940() {}\\r\\n002: \\r\\n003: \\r\\n004: SE638260063274381940.prototype.executeScript = function(){\\r\\n005: // Start source file: \\'C:\\Users\\tobull\\AppData\\Local\\Zeta Producer 16\\packaging\\layouts\\_shared\\templates\\partials\\container.html\\'.\\r\\n006: \\r\\n007: \\nvar args = context.param(0, {});\\n\\nvar containerId\\t\\t\\t\\t= args[\\"containerId\\"] || 0;\\nvar injectCss \\t\\t\\t\\t= args[\\"injectCss\\"];\\nvar firstC \\t\\t\\t\\t\\t= args[\\"firstC\\"] || 0;\\nvar lastC \\t\\t\\t\\t\\t= args[\\"lastC\\"] || 0;\\nvar areaName \\t\\t\\t\\t= args[\\"areaName\\"] || \\"Standard\\";\\nvar areaNameLc \\t\\t\\t\\t= args[\\"areaNameLc\\"];\\nvar maxColumns \\t\\t\\t\\t= args[\\"maxColumns\\"] || \\"0\\";\\nvar cssRowClass \\t\\t\\t= args[\\"cssRowClass\\"] || \\"\\";\\nvar displayNumColumns \\t\\t= args[\\"displayNumColumns\\"] || \\"12\\"; // number of columns to display. We always calculate with 12, but can display less\\nvar cssAreaClass \\t\\t\\t= args[\\"cssAreaClass\\"] || \\"\\";\\nvar noBreakoutWithNews \\t\\t= args[\\"noBreakoutWithNews\\"];\\nvar hideIeForArea \\t\\t\\t= args[\\"hideIeForArea\\"];\\nvar canContainer \\t\\t\\t= args[\\"canContainer\\"];\\nvar showEmptyArticleAreas \\t= args[\\"showEmptyArticleAreas\\"];\\nvar hasNews \\t\\t\\t\\t= args[\\"hasNews\\"];\\nvar icon \\t\\t\\t\\t\\t= args[\\"icon\\"] || 0;\\nvar pageLang = args[\\"pageLang\\"] || \\"de\\";\\n\\nif ( maxColumns == \\"1\\" ){\\n\\tif ( cssRowClass == \\"\\" || cssRowClass == \\"noresize\\" ){\\n\\t\\tcssRowClass = \\"noresize\\";\\n\\t}\\n\\telse{\\n\\t\\tcssRowClass += \\" noresize\\";\\n\\t}\\n}\\n\\r\\n008: \\r\\n009: context.write(\\"\\n\\n\\");\\r\\n010: \\r\\n011: \\nif ( containerId !== 0 ){\\n\\tvar cssOutput = \\"\\";\\n\\tvar container = project.getContainer(containerId);\\n\\t\\n\\t// append container styles to head via css\\n\\tvar cid = container.id;\\n\\tvar output = \\"\\";\\n\\tvar\\tisSection = container.value(\\"issection\\") == \\"1\\";\\n\\tvar isStyled = false;\\n\\t\\n\\tif ( container.value(\\"fontcolor\\", \\"\\") !== \\"\\" && container.value(\\"fontcolor\\") !== \\"transparent\\" ){\\n\\t\\tvar cssSelector = \\"#container_\\" + cid;\\n\\t\\toutput = cssSelector;\\n\\t\\toutput += \\", \\" + cssSelector + \\" p\\";\\n\\t\\toutput += \\", \\" + cssSelector + \\" h1\\";\\n\\t\\toutput += \\", \\" + cssSelector + \\" h2\\";\\n\\t\\toutput += \\", \\" + cssSelector + \\" h3{\\";\\n\\t\\toutput += \\"color: \\" + container.value(\\"fontcolor\\") + \\";\\";\\n\\t\\toutput += \\"}\\n\\";\\n\\t}\\n\\tif ( container.value(\\"linkcolor\\", \\"\\") !== \\"\\" && container.value(\\"linkcolor\\") !== \\"transparent\\" ){\\n\\t\\tvar cssSelector = \\"#container_\\" + cid;\\n\\t\\toutput += \\"\\n\\n\\" + cssSelector + \\" a:not(.button):not(.fancybox):not(.zpSO-Uplink-Flat):not(.zpnolayoutlinkstyles)\\";\\n\\t\\toutput += \\", \\" + cssSelector + \\" a:not(.button):not(.fancybox):not(.zpSO-Uplink-Flat):not(.zpnolayoutlinkstyles):hover{\\";\\n\\t\\toutput += \\"color: \\" + container.value(\\"linkcolor\\") + \\";\\";\\n\\t\\toutput += \\"}\\n\\";\\n\\t}\\n\\tif ( container.value(\\"margin-top\\", \\"\\") !== \\"\\" || container.value(\\"margin-bottom\\", \\"\\") !== \\"\\" ){\\n\\t\\tvar cssSelector = \\"#container_\\" + cid;\\n\\t\\toutput += cssSelector + \\"{\\";\\n\\t\\tif ( container.value(\\"margin-top\\") ){\\n\\t\\t\\toutput += \\"margin-top: \\" + container.value(\\"margin-top\\") + \\" !important;\\";\\n\\t\\t}\\n\\t\\tif ( container.value(\\"margin-bottom\\") ){\\n\\t\\t\\toutput += \\"margin-bottom: \\" + container.value(\\"margin-bottom\\") + \\" !important;\\" ;\\n\\t\\t}\\n\\t\\toutput += \\"}\\n\\";\\n\\t}\\n\\tif ( container.value(\\"padding-top\\", \\"\\") !== \\"\\" || container.value(\\"padding-bottom\\", \\"\\") !== \\"\\" || container.value(\\"padding-left\\", \\"\\") !== \\"\\" || container.value(\\"padding-right\\", \\"\\") !== \\"\\"){\\n\\t\\tvar cssSelector = \\"#container_\\" + cid;\\n\\t\\toutput += cssSelector + \\"{\\";\\n\\t\\tif ( container.value(\\"padding-top\\") ){\\n\\t\\t\\toutput += \\"padding-top: \\" + container.value(\\"padding-top\\") + \\" !important;\\";\\n\\t\\t}\\n\\t\\tif ( container.value(\\"padding-bottom\\") ){\\n\\t\\t\\toutput += \\"padding-bottom: \\" + container.value(\\"padding-bottom\\") + \\" !important;\\";\\n\\t\\t}\\n\\t\\tif ( container.value(\\"padding-left\\") ){\\n\\t\\t\\toutput += \\"padding-left: \\" + container.value(\\"padding-left\\") + \\" !important;\\";\\n\\t\\t}\\n\\t\\tif ( container.value(\\"padding-right\\") ){\\n\\t\\t\\toutput += \\"padding-right: \\" + container.value(\\"padding-right\\") + \\" !important;\\";\\n\\t\\t}\\n\\t\\toutput += \\"}\\n\\";\\n\\t}\\n\\tif ( container.value(\\"bgcolor\\", \\"\\") !== \\"\\" && container.value(\\"bgcolor\\", \\"\\") !== \\"transparent\\" ){\\n\\t\\tisStyled = true;\\n\\t\\tvar cssSelector = \\"#container_\\" + cid;\\n\\t\\toutput += cssSelector + \\"{\\";\\n\\t\\toutput += \\"background-color: \\" + container.value(\\"bgcolor\\") + \\" !important;\\";\\n\\t\\toutput += \\"}\\n\\";\\n\\t}\\n\\tvar image = container.cssBackgroundImage(\\"bgimage\\");\\n\\tvar focusPointAttr = \\'\\';\\n\\tif ( image.imageUrl ){\\n\\t\\t// normales image-objekt aus cssBackgroundImage ermitteln\\n\\t\\tvar bgimg = project.getImage(image.imageUrl);\\n\\t\\tisStyled = true;\\n\\t\\t// wenn image.size \\"cover\\" ist und keine image.position gesetzt, bzw. diese \\"center center\\" (das Default) ist, fokuspunkt nutzen\\n\\t\\tif ( image.size == \\"cover\\" && image.position && (image.position == \\"\\" || image.position == \\"center center\\") ){\\n\\t\\t\\tvar focusx = bgimg.focusPointX || 50;\\n\\t\\t\\tvar focusy = bgimg.focusPointY || 50;\\n\\t\\t\\t\\n\\t\\t\\tfocusPointAttr = \\' data-focus-x=\\"\\' + focusx + \\'\\" data-focus-y=\\"\\' + focusy + \\'\\" data-image-w=\\"\\' + bgimg.workingCopyWidth + \\'\\" data-image-h=\\"\\' + bgimg.workingCopyHeight + \\'\\"\\';\\t\\n\\t\\t}\\n\\t\\t\\n\\t\\tvar cssSelector = \\"#container_\\" + cid;\\n\\t\\toutput += cssSelector + \\"{\\";\\n\\t\\t// temporary workaround to get \\"-large\\" working copy of image, as\\n\\t\\t// image.imageUrl returns only the contentCopy (small copy) of the image\\n\\t\\t\\tvar imageObject = project.getImage(image.imageUrl);\\n\\t\\t\\tif ( imageObject && imageObject.workingCopyPath && !imageObject.isSvgImage ){\\n\\t\\t\\t\\toutput += \\"background-image: url(\\" + imageObject.workingCopyPath + \\") !important;\\";\\n\\t\\t\\t}\\n\\t\\t\\telse{\\n\\t\\t\\t\\t// do not generate -large copy for SVG-Images\\n\\t\\t\\t\\toutput += \\"background-image: url(\\" + image.imageUrl + \\") !important;\\";\\n\\t\\t\\t}\\n\\t\\t//\\n\\t\\toutput += \\"background-repeat: \\" + image.repeat + \\" !important;\\";\\n\\t\\toutput += \\"background-size: \\" + image.size + \\" !important;\\";\\n\\t\\tif ( focusPointAttr == \\"\\" ) {\\n\\t\\t\\toutput += \\"background-position: \\" + (image.position !== \\"\\" ? image.position : \\"center center\\") + \\" !important;\\";\\n\\t\\t}\\n\\t\\telse{\\n\\t\\t\\t// wenn focus point genutzt wird, \\"!important\\" unbedingt weg lassen\\n\\t\\t\\toutput += \\"background-position: \\" + (image.position !== \\"\\" ? image.position : \\"center center\\") + \\";\\";\\n\\t\\t}\\n\\t\\toutput += \\"background-attachment: \\" + (image.attachment !== \\"\\" ? image.attachment : \\"scroll\\") + \\" !important;\\";\\n\\t\\toutput += \\"}\\n\\";\\n\\t}\\n\\t\\n\\tif ( output !== \\"\\" ){\\n\\t\\tcssOutput += \\"\\n\\" + output.replace(/^\\s+|\\s+$/gm,\\'\\') + \\"\\n\\";\\n\\t}\\n\\t\\n\\tvar containerstyle = container.inlineCss || \\"\\";\\n\\tif ( showEmptyArticleAreas ){\\n\\t\\tcontainerstyle = \\'\\'; // remove any inline-css if in xray-mode\\n\\t}\\n\\tcontainerstyle = containerstyle.toString().replace(/^\\s+|\\s+$/gm,\\'\\'); // trim()\\n\\n\\t// make sure the users inlineCss properly ends with a semicolon as we attach more styles later below\\n\\tif ( containerstyle && containerstyle.slice(-1) !== \\";\\" ){\\n\\t\\tcontainerstyle += \\";\\";\\n\\t}\\n\\tvar initialContainerstyle = containerstyle;\\n\\tcontainerstyle = containerstyle.replace(/^\\s+|\\s+$/gm,\\'\\'); // trim()\\n\\tif ( containerstyle ){\\n\\t\\tcontainerstyle = \\' style=\\"\\' + containerstyle + \\'\\"\\';\\n\\t}\\n\\t\\n\\tif ( noBreakoutWithNews && system.preview && container.value(\\"breakout\\") == \\"1\\" && hasNews ){\\n\\t\\tsystem.warn(\\"Die \\'Randlos-Option\\' für einen Container kann nicht berücksichtigt werden, weil der \\'Einfügen-Schalter\\' auf an steht oder die Seite auch Artikel im News-Bereich enthält.\\");\\n\\t}\\n\\t\\n\\tvar containerTag = \\"div\\";\\n\\tif ( isSection ){\\n\\t\\tcontainerTag = \\"section\\";\\n\\t}\\n\\t\\r\\n012: \\r\\n013: context.write(\\"\\n\\t\\t\\n\\t<\\");\\r\\n014: \\r\\n015: context.write( containerTag );\\r\\n016: \\r\\n017: context.write(\\" id=\\\\"container_\\");\\r\\n018: \\r\\n019: context.write( container.id );\\r\\n020: \\r\\n021: context.write(\\"\\\\"\\");\\r\\n022: \\r\\n023: context.write( focusPointAttr );\\r\\n024: \\r\\n025: context.write(\\" class=\\\\"zpContainer\\");\\r\\n026: \\r\\n027: if (icon==firstC){\\r\\n028: \\r\\n029: context.write(\\" first\\");\\r\\n030: \\r\\n031: }\\r\\n032: \\r\\n033: \\r\\n034: if (icon==lastC){\\r\\n035: \\r\\n036: context.write(\\" last\\");\\r\\n037: \\r\\n038: }\\r\\n039: \\r\\n040: \\r\\n041: if( container.value(\\"animate\\", \\"\\") !== \\"\\" && container.value(\\"animate\\") !== \\"off\\" ){ \\r\\n042: \\r\\n043: context.write(\\" zpanimate \\");\\r\\n044: \\r\\n045: context.write( container.value(\\"animate\\"));\\r\\n046: \\r\\n047: \\r\\n048: } \\r\\n049: \\r\\n050: \\r\\n051: if( isStyled ){ \\r\\n052: \\r\\n053: context.write(\\" styled\\");\\r\\n054: \\r\\n055: } \\r\\n056: \\r\\n057: context.write(\\" \\");\\r\\n058: \\r\\n059: if ( container.value(\\"breakout\\") == \\"1\\" ){ \\r\\n060: \\r\\n061: context.write(\\"zpBreakout \\");\\r\\n062: \\r\\n063: } \\r\\n064: \\r\\n065: \\r\\n066: if( noBreakoutWithNews && hasNews ) { \\r\\n067: \\r\\n068: context.write(\\" hasNews\\");\\r\\n069: \\r\\n070: } \\r\\n071: \\r\\n072: \\r\\n073: if( focusPointAttr !== \\"\\" ) { \\r\\n074: \\r\\n075: context.write(\\" zpfocal\\");\\r\\n076: \\r\\n077: } \\r\\n078: \\r\\n079: context.write(\\" \\");\\r\\n080: \\r\\n081: context.write( container.cssClass );\\r\\n082: \\r\\n083: context.write(\\"\\\\"\\");\\r\\n084: \\r\\n085: context.write( containerstyle );\\r\\n086: \\r\\n087: context.write(\\" \\n\\t\\t data-zpeleel=\\\\"container\\\\" data-zpleid=\\\\"\\");\\r\\n120: \\r\\n121: context.write( container.id );\\r\\n122: \\r\\n123: context.write(\\"\\\\">\\n\\t\\n\\t\\");\\r\\n124: \\r\\n125: \\n\\tvar paragraphs = container.paragraphs;\\n\\n\\tfor ( var ipar = 0; ipar < paragraphs.count; ++ipar ){\\n\\t\\tvar additionalRowClass = \\"\\";\\n\\t\\tvar paragraph = paragraphs.item(ipar);\\n\\t\\tvar columns = paragraph.columns;\\n\\n\\t\\t// if current paragraph doesn\\'t contain articles, we skip the loop, so we don\\'t print empty paragraphs\\n\\t\\t// we do not skip when on impressum page and the container ist the last one, as we need to insert freeware content\\n\\t\\tvar articleCount = paragraph.articles.count;\\n\\t\\tif ( articleCount < 1 && !(icon == lastC && page.isSpecialPage(\\"legal\\")) ){\\n\\t\\t\\tcontinue;\\n\\t\\t}\\n\\t\\telse if ( articleCount > 0 ){\\n\\t\\t\\t// set special rowClass for Articles which are not visible, so we can remove any margins which might not be desired\\n\\t\\t\\tvar firstWidgetName = paragraph.articles.item(0).widgetName;\\n\\t\\t\\n\\t\\t\\tswitch(firstWidgetName) {\\n\\t\\t\\t\\tcase \\"Info-Banner\\":\\n\\t\\t\\t\\t\\tadditionalRowClass = \\" alertbanner\\";\\n\\t\\t\\t\\t\\tbreak;\\n\\t\\t\\t\\tcase \\"Quelltext\\":\\n\\t\\t\\t\\t\\tadditionalRowClass = \\" quelltext\\";\\n\\t\\t\\t\\t\\tbreak;\\n\\t\\t\\t\\tcase \\"Slider\\":\\n\\t\\t\\t\\t\\tadditionalRowClass = \\" zpwSlider\\";\\n\\t\\t\\t\\t\\tbreak;\\n\\t\\t\\t\\tcase \\"Carousel\\":\\n\\t\\t\\t\\t\\tadditionalRowClass = \\" zpwCarousel\\";\\n\\t\\t\\t\\t\\tbreak;\\n\\t\\t\\t\\tcase \\"Navigationsmenü\\":\\n\\t\\t\\t\\t\\tif ( paragraph.articles.item(0).value(\\"menufixed\\") ){\\n\\t\\t\\t\\t\\t\\tadditionalRowClass = \\" zpwNavmenu zpwNavmenuFixed\\";\\n\\t\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\telse{\\n\\t\\t\\t\\t\\t\\tadditionalRowClass = \\" zpwNavmenu\\";\\n\\t\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\tbreak;\\n\\t\\t\\t\\tcase \\"Navigationsmenü manuell\\":\\n\\t\\t\\t\\t\\tif ( paragraph.articles.item(0).value(\\"menufixed\\") ){\\n\\t\\t\\t\\t\\t\\tadditionalRowClass = \\" zpwNavmenu zpwNavmenuFixed\\";\\n\\t\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\telse{\\n\\t\\t\\t\\t\\t\\tadditionalRowClass = \\" zpwNavmenu\\";\\n\\t\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\tbreak;\\n\\t\\t\\t\\tcase \\"Video-Hintergrund\\":\\n\\t\\t\\t\\t\\tadditionalRowClass = \\" zpvideobg\\";\\n\\t\\t\\t\\t\\tbreak;\\n\\t\\t\\t}\\n\\t\\t\\t\\n\\t\\t\\t// append row styles to head via css\\n\\t\\t\\tvar rid = paragraph.id;\\n\\t\\t\\tvar output = \\"\\";\\n\\t\\t\\tif ( paragraph.value(\\"margin-top\\", \\"\\") !== \\"\\" || paragraph.value(\\"margin-bottom\\", \\"\\") !== \\"\\"){\\n\\t\\t\\t\\tvar cssSelector = \\".zpRow[data-row-id=\\\\"\\" + rid + \\"\\\\"], .zpRow:first-child[data-row-id=\\\\"\\" + rid + \\"\\\\"], .zpRow:last-child[data-row-id=\\\\"\\" + rid + \\"\\\\"]\\";\\n\\t\\t\\t\\toutput += cssSelector + \\"{\\";\\n\\t\\t\\t\\tif ( paragraph.value(\\"margin-top\\") ){\\n\\t\\t\\t\\t\\toutput += \\"margin-top: \\" + paragraph.value(\\"margin-top\\", \\"initial\\") + \\" !important;\\";\\n\\t\\t\\t\\t}\\n\\t\\t\\t\\tif ( paragraph.value(\\"margin-bottom\\") ){\\n\\t\\t\\t\\t\\toutput += \\"margin-bottom: \\" + paragraph.value(\\"margin-bottom\\", \\"initial\\") + \\" !important;\\" ;\\n\\t\\t\\t\\t}\\n\\t\\t\\t\\toutput += \\"}\\n\\";\\n\\t\\t\\t}\\n\\t\\t\\tif ( paragraph.value(\\"padding-top\\", \\"\\") !== \\"\\" || paragraph.value(\\"padding-bottom\\", \\"\\") !== \\"\\" || paragraph.value(\\"padding-left\\", \\"\\") !== \\"\\" || paragraph.value(\\"padding-right\\", \\"\\") !== \\"\\" ){\\n\\t\\t\\t\\tvar cssSelector = \\".zpRow[data-row-id=\\\\"\\" + rid + \\"\\\\"]\\";\\n\\t\\t\\t\\toutput += cssSelector + \\"{\\";\\n\\t\\t\\t\\tif ( paragraph.value(\\"padding-top\\") ){\\n\\t\\t\\t\\t\\toutput += \\"padding-top: \\" + paragraph.value(\\"padding-top\\") + \\" !important;\\";\\n\\t\\t\\t\\t}\\n\\t\\t\\t\\tif ( paragraph.value(\\"padding-bottom\\") ){\\n\\t\\t\\t\\t\\toutput += \\"padding-bottom: \\" + paragraph.value(\\"padding-bottom\\") + \\" !important;\\";\\n\\t\\t\\t\\t}\\n\\t\\t\\t\\tif ( paragraph.value(\\"padding-left\\") ){\\n\\t\\t\\t\\t\\toutput += \\"padding-left: \\" + paragraph.value(\\"padding-left\\") + \\" !important;\\";\\n\\t\\t\\t\\t}\\n\\t\\t\\t\\tif ( paragraph.value(\\"padding-right\\") ){\\n\\t\\t\\t\\t\\toutput += \\"padding-right: \\" + paragraph.value(\\"padding-right\\") + \\" !important;\\";\\n\\t\\t\\t\\t}\\n\\t\\t\\t\\toutput += \\"}\\n\\";\\n\\t\\t\\t}\\n\\t\\t\\tif ( paragraph.value(\\"bgcolor\\", \\"\\") !== \\"\\" && paragraph.value(\\"bgcolor\\", \\"\\") !== \\"transparent\\" ){\\n\\t\\t\\t\\tvar cssSelector = \\".zpRow[data-row-id=\\\\"\\" + rid + \\"\\\\"]\\";\\n\\t\\t\\t\\toutput += cssSelector + \\"{\\";\\n\\t\\t\\t\\toutput += \\"background-color: \\" + paragraph.value(\\"bgcolor\\") + \\" !important;\\";\\n\\t\\t\\t\\toutput += \\"}\\n\\";\\n\\t\\t\\t}\\n\\t\\t\\tvar pimage = paragraph.cssBackgroundImage(\\"bgimage\\");\\n\\t\\t\\tif ( pimage.imageUrl ){\\n\\t\\t\\t\\tvar cssSelector = \\".zpRow[data-row-id=\\\\"\\" + rid + \\"\\\\"]\\";\\n\\t\\t\\t\\toutput += cssSelector + \\"{\\";\\n\\t\\t\\t\\toutput += \\"background-image: url(\\" + pimage.imageUrl + \\") !important;\\";\\n\\t\\t\\t\\toutput += \\"background-repeat: \\" + pimage.repeat + \\" !important;\\";\\n\\t\\t\\t\\toutput += \\"background-size: \\" + pimage.size + \\" !important;\\";\\n\\t\\t\\t\\toutput += \\"background-position: \\" + (pimage.position !== \\"\\" ? pimage.position : \\"center center\\") + \\" !important;\\";\\n\\t\\t\\t\\toutput += \\"background-attachment: \\" + (pimage.attachment !== \\"\\" ? pimage.attachment : \\"scroll\\") + \\";\\";\\n\\t\\t\\t\\toutput += \\"}\\n\\";\\n\\t\\t\\t}\\n\\t\\t\\tif ( paragraph.value(\\"justifycontent\\", \\"\\") !== \\"\\" ){\\n\\t\\t\\t\\tvar cssSelector = \\".zpRow[data-row-id=\\\\"\\" + rid + \\"\\\\"]\\";\\n\\t\\t\\t\\toutput += cssSelector + \\"{\\";\\n\\t\\t\\t\\toutput += \\"justify-content: \\" + paragraph.value(\\"justifycontent\\") + \\";\\";\\n\\t\\t\\t\\toutput += \\"}\\n\\";\\n\\t\\t\\t}\\n\\t\\t\\n\\t\\t\\tif ( output !== \\"\\" ){\\n\\t\\t\\t\\tcssOutput += \\"\\n\\" + output.replace(/^\\s+|\\s+$/gm,\\'\\') + \\"\\n\\";\\n\\t\\t\\t}\\n\\t\\t\\n\\t\\t\\t// paragraph styles\\n\\t\\t\\tvar rowstyle = paragraph.inlineCss || \\"\\";\\n\\t\\t\\tif ( showEmptyArticleAreas ){\\n\\t\\t\\t\\trowstyle = \\'\\'; // remove any inline-css if in xray-mode\\n\\t\\t\\t}\\n\\t\\t\\trowstyle = rowstyle.toString().replace(/^\\s+|\\s+$/gm,\\'\\'); // trim();\\n\\t\\t\\t// make sure the users inlineCss properly ends with a semicolon as we attach more styles later below\\n\\t\\t\\tif ( rowstyle && rowstyle.slice(-1) !== \\";\\" ){\\n\\t\\t\\t\\trowstyle += \\";\\";\\n\\t\\t\\t}\\n\\t\\t\\t\\r\\n126: \\r\\n127: context.write(\\"\\n\\n\\t\\t\\t\\");\\r\\n128: \\r\\n129: if ( paragraph.value(\\"breakout\\") == \\"1\\" ){ \\r\\n130: \\r\\n131: context.write(\\"\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\");\\r\\n136: \\r\\n137: \\n\\t\\t\\t\\trowstyle = \\" width: 100%; margin: 0 auto; float: none;\\";\\n\\t\\t\\t} \\n\\t\\n\\t\\t\\trowstyle.replace(/^\\s+|\\s+$/gm,\\'\\'); // trim()\\n\\t\\t\\tif ( rowstyle ){\\n\\t\\t\\t\\trowstyle = \\' style=\\"\\' + rowstyle + \\'\\"\\';\\n\\t\\t\\t}\\n\\t\\t\\t\\n\\t\\t\\t// classes to hide row on specific device (and smaller)\\n\\t\\t\\tvar hideondeviceClass = \\"\\"; \\n\\t\\t\\tif ( paragraph.value(\\"hideondevice\\") && paragraph.value(\\"hideondevice\\") !== \\"\\" ){\\n\\t\\t\\t\\thideondeviceClass = \\" \\" + paragraph.value(\\"hideondevice\\") + \\" zpmobilehide\\";\\n\\t\\t\\t}\\n\\t\\t}\\n\\t\\t\\r\\n138: \\r\\n139: context.write(\\"\\n\\t\\t\\t
>\\n\\n\\t\\t\\t\\");\\r\\n213: \\r\\n214: \\t\\n\\t\\t\\tvar evenodd = \\"even\\";\\n\\t\\t\\tfor ( var icol = 0; icol < columns.count; ++icol ){\\n\\t\\t\\t\\tvar column = columns.item(icol);\\n\\t\\t\\t\\tvar articles = column.articles;\\n\\t\\t\\t\\tvar coid = column.id;\\n\\t\\t\\t\\tvar output = \\"\\";\\n\\t\\t\\t\\tvar isStyled = false;\\n\\t\\t\\t\\tvar selectorPrefix = \\"#container_\\" + cid + \\" \\";\\n\\t\\t\\t\\t\\n\\t\\t\\t\\tif ( column.value(\\"bgcolor\\", \\"\\") !== \\"\\" && column.value(\\"bgcolor\\", \\"\\") !== \\"transparent\\" ){\\n\\t\\t\\t\\t\\tvar cssSelector = \\"div.zpRow .zpColumn[data-column-id=\\'\\" + coid + \\"\\']\\";\\n\\t\\t\\t\\t\\toutput += cssSelector + \\"{\\";\\n\\t\\t\\t\\t\\toutput += \\"background-color: \\" + column.value(\\"bgcolor\\") + \\";\\";\\n\\t\\t\\t\\t\\toutput += \\"padding-top: 15px;\\";\\n\\t\\t\\t\\t\\toutput += \\"padding-bottom: 15px;\\";\\n\\t\\t\\t\\t\\toutput += \\"}\\n\\";\\n\\t\\t\\t\\t\\tisStyled = true;\\n\\t\\t\\t\\t}\\n\\t\\t\\t\\tif ( column.value(\\"fontcolor\\", \\"\\") !== \\"\\" && column.value(\\"fontcolor\\") !== \\"transparent\\" ){\\n\\t\\t\\t\\t\\tvar cssSelector = selectorPrefix + \\"div.zpRow .zpColumn[data-column-id=\\'\\" + coid + \\"\\']\\";\\n\\t\\t\\t\\t\\toutput += cssSelector;\\n\\t\\t\\t\\t\\toutput += \\", \\" + cssSelector + \\" p\\";\\n\\t\\t\\t\\t\\toutput += \\", \\" + cssSelector + \\" h1\\";\\n\\t\\t\\t\\t\\toutput += \\", \\" + cssSelector + \\" h2\\";\\n\\t\\t\\t\\t\\toutput += \\", \\" + cssSelector + \\" h3{\\";\\n\\t\\t\\t\\t\\toutput += \\"color: \\" + column.value(\\"fontcolor\\") + \\";\\";\\n\\t\\t\\t\\t\\toutput += \\"}\\n\\";\\n\\t\\t\\t\\t}\\n\\t\\t\\t\\tif ( column.value(\\"linkcolor\\", \\"\\") !== \\"\\" && column.value(\\"linkcolor\\") !== \\"transparent\\" ){\\n\\t\\t\\t\\t\\tvar cssSelector = selectorPrefix + \\"div.zpRow .zpColumn[data-column-id=\\'\\" + coid + \\"\\']\\";\\n\\t\\t\\t\\t\\toutput += \\"\\n\\n\\" + cssSelector + \\" a:not(.button)\\";\\n\\t\\t\\t\\t\\toutput += \\", \\" + cssSelector + \\" a:not(.button):hover{\\";\\n\\t\\t\\t\\t\\toutput += \\"color: \\" + column.value(\\"linkcolor\\") + \\";\\";\\n\\t\\t\\t\\t\\toutput += \\"}\\n\\";\\n\\t\\t\\t\\t}\\n\\t\\t\\t\\tif ( column.value(\\"align-self\\", \\"\\") !== \\"\\" ){\\n\\t\\t\\t\\t\\tvar cssSelector = \\"div.zpRow .zpColumn[data-column-id=\\'\\" + coid + \\"\\']\\";\\n\\t\\t\\t\\t\\toutput += cssSelector + \\"{\\";\\n\\t\\t\\t\\t\\toutput += \\"align-self: \\" + column.value(\\"align-self\\") + \\";\\";\\n\\t\\t\\t\\t\\toutput += \\"}\\n\\";\\n\\t\\t\\t\\t}\\n\\t\\t\\t\\tif ( output !== \\"\\" ){\\n\\t\\t\\t\\t\\tcssOutput += \\"\\n\\" + output.replace(/^\\s+|\\s+$/gm,\\'\\') + \\"\\n\\";\\n\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\n\\t\\t\\t\\tvar clearCss = column.value(\\"clearLeft\\") ? \\"clear: left;\\" : \\"\\";\\n\\t\\t\\t\\tif ( column.articles.count > 0 ){\\n\\t\\t\\t\\t\\tvar firstWidgetName = articles.item(0).widgetName;\\n\\t\\t\\t\\t} \\n\\t\\t\\t\\telse{\\n\\t\\t\\t\\t\\tvar firstWidgetName = \\"\\";\\n\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t// used in a className, alternate between even and odd, not taking into account zpSpacer-Columns\\n\\t\\t\\t\\tif( firstWidgetName !== \\"Spacer\\" ){\\n\\t\\t\\t\\t\\tif( evenodd === \\"even\\" ){\\n\\t\\t\\t\\t\\t\\tevenodd = \\"odd\\";\\n\\t\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\telse{\\n\\t\\t\\t\\t\\t\\tevenodd = \\"even\\";\\n\\t\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\tvar additionalColumnClass = \\" \\" + evenodd;\\n\\t\\t\\t\\t}\\n\\t\\t\\t\\telse{\\n\\t\\t\\t\\t\\tvar additionalColumnClass = \\"\\";\\n\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t// if a spacer-widget is alone in a column, we set a class .zpSpacer, so we can set the width of spacer-widgets responsively in zpgrid.less accordingly\\n\\t\\t\\t\\tif ( firstWidgetName == \\"Spacer\\" && column.articles.count < 2 ){\\n\\t\\t\\t\\t\\tadditionalColumnClass += \\" zpSpacer\\";\\n\\t\\t\\t\\t}\\n\\t\\t\\t\\telse if ( firstWidgetName == \\"Navigationsmenü\\" ){\\n\\t\\t\\t\\t\\tadditionalColumnClass += \\" zpnavmenu\\";\\n\\t\\t\\t\\t}\\n\\t\\t\\n\\t\\t\\t\\t// TODO move adding of missing classes to converter and remove next 4 lines\\n\\t\\t\\t\\tvar columnCssClass = column.cssClass;\\n\\t\\t\\t\\tif ( !column.cssClass || !column.cssClass.match(/\\bc[1-9][0-2]?\\b/) ){\\n\\t\\t\\t\\t\\tcolumnCssClass = \\"c\\" + String(Math.round(12 / columns.count - 0.1)) ;\\n\\t\\t\\t\\t}\\n\\t\\t\\t\\tvar columnInlineCss = column.inlineCss ? column.inlineCss+\\" \\" : \\"\\";\\n\\t\\t\\t\\tif ( showEmptyArticleAreas ){\\n\\t\\t\\t\\t\\tcolumnInlineCss = \\'\\'; // remove any inline-css if in xray-mode\\n\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\n\\t\\t\\t\\tif ( column.value(\\"clearLeft\\") ){\\n\\t\\t\\t\\t\\r\\n215: \\r\\n216: context.write(\\"\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\");\\r\\n217: \\r\\n218: } \\r\\n219: \\r\\n220: context.write(\\"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t
>\\n\\t\\n\\t\\t\\t\\t\\t\\");\\r\\n315: \\r\\n316: \\t\\t\\t\\n\\t\\t\\t\\t\\tfor ( var iart = 0; iart < articles.count; ++iart ){\\n\\t\\t\\t\\t\\t\\tvar a = articles.item(iart);\\n\\t\\t\\t\\t\\t\\tif ( a.isAvailable || !system.preview){\\n\\t\\t\\t\\t\\t\\t\\tcontext.write(a.render());\\n\\t\\t\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\t\\telse{\\n\\t\\t\\t\\t\\t\\t\\t// rendered article is using a deleted widget\\n\\t\\t\\t\\t\\t\\t\\tcontext.write(system.partial(\\"deleted-widget.html\\", a.id));\\n\\t\\t\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\t\\r\\n317: \\r\\n318: context.write(\\"\\n\\t\\t\\t\\t
\\n\\t\\n\\t\\t\\t\\");\\r\\n319: \\r\\n320: \\n\\t\\t\\t}\\n\\t\\t\\t// insert zp-ad-box in last row of last container on impressum pages\\n\\t\\t\\tif ( system.isFreeware && areaName.toLowerCase() == \\"standard\\" && page.isSpecialPage(\\"legal\\") && icon == lastC && ipar == paragraphs.count-1 ){\\n\\t\\t\\t\\t\\r\\n321: \\r\\n322: context.write(\\"\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t\\");\\r\\n323: \\r\\n324: context.write( system.partial(\\"zpinfolegal.html\\") );\\r\\n325: \\r\\n326: context.write(\\"\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\");\\r\\n327: \\r\\n328: \\n\\t\\t\\t}\\n\\t\\t\\t\\r\\n329: \\r\\n330: context.write(\\"\\n\\n\\t\\t\\t
\\n\\t\\t\\");\\r\\n331: \\r\\n332: if ( articleCount > 0 && paragraph.value(\\"breakout\\") == \\"1\\" ){ \\r\\n333: \\r\\n334: context.write(\\"\\n\\t\\t
\\n\\t\\t\\");\\r\\n335: \\r\\n336: } \\r\\n337: \\r\\n338: context.write(\\"\\n\\n\\t\\");\\r\\n339: \\r\\n340: \\n\\t}\\n\\t\\n\\tcontext.write(\\"\\");\\n\\t\\n\\tif ( injectCss ){\\n\\t\\t// inject styles into head\\n\\t\\tsystem.addHtmlHeadElement(cssOutput);\\n\\t}\\n\\telse{\\n\\t\\tcontext.write(\\'
\\' + cssOutput + \\'
\\')\\n\\t}\\n}\\n\\r\\n341: \\r\\n342: // End source file: \\'C:\\Users\\tobull\\AppData\\Local\\Zeta Producer 16\\packaging\\layouts\\_shared\\templates\\partials\\container.html\\'.\\r\\n343: };\\r\\n344: \\r\\n345: /* Shortcuts. */\\r\\n346: article = context.article;\\r\\n347: page = context.page;\\r\\n348: projectFolder = context.projectFolder;\\r\\n349: project = context.project;\\r\\n350: system = context.system;\\r\\n351: \\r\\n352: \\r\\n353: new SE638260063274381940().executeScript();\\r\\n", CompleteSourceText="001: function SE638260063274381940() {}\\r\\n002: \\r\\n003: \\r\\n004: SE638260063274381940.prototype.executeScript = function(){\\r\\n005: // Start source file: \\'C:\\Users\\tobull\\AppData\\Local\\Zeta Producer 16\\packaging\\layouts\\_shared\\templates\\partials\\container.html\\'.\\r\\n006: \\r\\n007: \\nvar args = context.param(0, {});\\n\\nvar containerId\\t\\t\\t\\t= args[\\"containerId\\"] || 0;\\nvar injectCss \\t\\t\\t\\t= args[\\"injectCss\\"];\\nvar firstC \\t\\t\\t\\t\\t= args[\\"firstC\\"] || 0;\\nvar lastC \\t\\t\\t\\t\\t= args[\\"lastC\\"] || 0;\\nvar areaName \\t\\t\\t\\t= args[\\"areaName\\"] || \\"Standard\\";\\nvar areaNameLc \\t\\t\\t\\t= args[\\"areaNameLc\\"];\\nvar maxColumns \\t\\t\\t\\t= args[\\"maxColumns\\"] || \\"0\\";\\nvar cssRowClass \\t\\t\\t= args[\\"cssRowClass\\"] || \\"\\";\\nvar displayNumColumns \\t\\t= args[\\"displayNumColumns\\"] || \\"12\\"; // number of columns to display. We always calculate with 12, but can display less\\nvar cssAreaClass \\t\\t\\t= args[\\"cssAreaClass\\"] || \\"\\";\\nvar noBreakoutWithNews \\t\\t= args[\\"noBreakoutWithNews\\"];\\nvar hideIeForArea \\t\\t\\t= args[\\"hideIeForArea\\"];\\nvar canContainer \\t\\t\\t= args[\\"canContainer\\"];\\nvar showEmptyArticleAreas \\t= args[\\"showEmptyArticleAreas\\"];\\nvar hasNews \\t\\t\\t\\t= args[\\"hasNews\\"];\\nvar icon \\t\\t\\t\\t\\t= args[\\"icon\\"] || 0;\\nvar pageLang = args[\\"pageLang\\"] || \\"de\\";\\n\\nif ( maxColumns == \\"1\\" ){\\n\\tif ( cssRowClass == \\"\\" || cssRowClass == \\"noresize\\" ){\\n\\t\\tcssRowClass = \\"noresize\\";\\n\\t}\\n\\telse{\\n\\t\\tcssRowClass += \\" noresize\\";\\n\\t}\\n}\\n\\r\\n008: \\r\\n009: context.write(\\"\\n\\n\\");\\r\\n010: \\r\\n011: \\nif ( containerId !== 0 ){\\n\\tvar cssOutput = \\"\\";\\n\\tvar container = project.getContainer(containerId);\\n\\t\\n\\t// append container styles to head via css\\n\\tvar cid = container.id;\\n\\tvar output = \\"\\";\\n\\tvar\\tisSection = container.value(\\"issection\\") == \\"1\\";\\n\\tvar isStyled = false;\\n\\t\\n\\tif ( container.value(\\"fontcolor\\", \\"\\") !== \\"\\" && container.value(\\"fontcolor\\") !== \\"transparent\\" ){\\n\\t\\tvar cssSelector = \\"#container_\\" + cid;\\n\\t\\toutput = cssSelector;\\n\\t\\toutput += \\", \\" + cssSelector + \\" p\\";\\n\\t\\toutput += \\", \\" + cssSelector + \\" h1\\";\\n\\t\\toutput += \\", \\" + cssSelector + \\" h2\\";\\n\\t\\toutput += \\", \\" + cssSelector + \\" h3{\\";\\n\\t\\toutput += \\"color: \\" + container.value(\\"fontcolor\\") + \\";\\";\\n\\t\\toutput += \\"}\\n\\";\\n\\t}\\n\\tif ( container.value(\\"linkcolor\\", \\"\\") !== \\"\\" && container.value(\\"linkcolor\\") !== \\"transparent\\" ){\\n\\t\\tvar cssSelector = \\"#container_\\" + cid;\\n\\t\\toutput += \\"\\n\\n\\" + cssSelector + \\" a:not(.button):not(.fancybox):not(.zpSO-Uplink-Flat):not(.zpnolayoutlinkstyles)\\";\\n\\t\\toutput += \\", \\" + cssSelector + \\" a:not(.button):not(.fancybox):not(.zpSO-Uplink-Flat):not(.zpnolayoutlinkstyles):hover{\\";\\n\\t\\toutput += \\"color: \\" + container.value(\\"linkcolor\\") + \\";\\";\\n\\t\\toutput += \\"}\\n\\";\\n\\t}\\n\\tif ( container.value(\\"margin-top\\", \\"\\") !== \\"\\" || container.value(\\"margin-bottom\\", \\"\\") !== \\"\\" ){\\n\\t\\tvar cssSelector = \\"#container_\\" + cid;\\n\\t\\toutput += cssSelector + \\"{\\";\\n\\t\\tif ( container.value(\\"margin-top\\") ){\\n\\t\\t\\toutput += \\"margin-top: \\" + container.value(\\"margin-top\\") + \\" !important;\\";\\n\\t\\t}\\n\\t\\tif ( container.value(\\"margin-bottom\\") ){\\n\\t\\t\\toutput += \\"margin-bottom: \\" + container.value(\\"margin-bottom\\") + \\" !important;\\" ;\\n\\t\\t}\\n\\t\\toutput += \\"}\\n\\";\\n\\t}\\n\\tif ( container.value(\\"padding-top\\", \\"\\") !== \\"\\" || container.value(\\"padding-bottom\\", \\"\\") !== \\"\\" || container.value(\\"padding-left\\", \\"\\") !== \\"\\" || container.value(\\"padding-right\\", \\"\\") !== \\"\\"){\\n\\t\\tvar cssSelector = \\"#container_\\" + cid;\\n\\t\\toutput += cssSelector + \\"{\\";\\n\\t\\tif ( container.value(\\"padding-top\\") ){\\n\\t\\t\\toutput += \\"padding-top: \\" + container.value(\\"padding-top\\") + \\" !important;\\";\\n\\t\\t}\\n\\t\\tif ( container.value(\\"padding-bottom\\") ){\\n\\t\\t\\toutput += \\"padding-bottom: \\" + container.value(\\"padding-bottom\\") + \\" !important;\\";\\n\\t\\t}\\n\\t\\tif ( container.value(\\"padding-left\\") ){\\n\\t\\t\\toutput += \\"padding-left: \\" + container.value(\\"padding-left\\") + \\" !important;\\";\\n\\t\\t}\\n\\t\\tif ( container.value(\\"padding-right\\") ){\\n\\t\\t\\toutput += \\"padding-right: \\" + container.value(\\"padding-right\\") + \\" !important;\\";\\n\\t\\t}\\n\\t\\toutput += \\"}\\n\\";\\n\\t}\\n\\tif ( container.value(\\"bgcolor\\", \\"\\") !== \\"\\" && container.value(\\"bgcolor\\", \\"\\") !== \\"transparent\\" ){\\n\\t\\tisStyled = true;\\n\\t\\tvar cssSelector = \\"#container_\\" + cid;\\n\\t\\toutput += cssSelector + \\"{\\";\\n\\t\\toutput += \\"background-color: \\" + container.value(\\"bgcolor\\") + \\" !important;\\";\\n\\t\\toutput += \\"}\\n\\";\\n\\t}\\n\\tvar image = container.cssBackgroundImage(\\"bgimage\\");\\n\\tvar focusPointAttr = \\'\\';\\n\\tif ( image.imageUrl ){\\n\\t\\t// normales image-objekt aus cssBackgroundImage ermitteln\\n\\t\\tvar bgimg = project.getImage(image.imageUrl);\\n\\t\\tisStyled = true;\\n\\t\\t// wenn image.size \\"cover\\" ist und keine image.position gesetzt, bzw. diese \\"center center\\" (das Default) ist, fokuspunkt nutzen\\n\\t\\tif ( image.size == \\"cover\\" && image.position && (image.position == \\"\\" || image.position == \\"center center\\") ){\\n\\t\\t\\tvar focusx = bgimg.focusPointX || 50;\\n\\t\\t\\tvar focusy = bgimg.focusPointY || 50;\\n\\t\\t\\t\\n\\t\\t\\tfocusPointAttr = \\' data-focus-x=\\"\\' + focusx + \\'\\" data-focus-y=\\"\\' + focusy + \\'\\" data-image-w=\\"\\' + bgimg.workingCopyWidth + \\'\\" data-image-h=\\"\\' + bgimg.workingCopyHeight + \\'\\"\\';\\t\\n\\t\\t}\\n\\t\\t\\n\\t\\tvar cssSelector = \\"#container_\\" + cid;\\n\\t\\toutput += cssSelector + \\"{\\";\\n\\t\\t// temporary workaround to get \\"-large\\" working copy of image, as\\n\\t\\t// image.imageUrl returns only the contentCopy (small copy) of the image\\n\\t\\t\\tvar imageObject = project.getImage(image.imageUrl);\\n\\t\\t\\tif ( imageObject && imageObject.workingCopyPath && !imageObject.isSvgImage ){\\n\\t\\t\\t\\toutput += \\"background-image: url(\\" + imageObject.workingCopyPath + \\") !important;\\";\\n\\t\\t\\t}\\n\\t\\t\\telse{\\n\\t\\t\\t\\t// do not generate -large copy for SVG-Images\\n\\t\\t\\t\\toutput += \\"background-image: url(\\" + image.imageUrl + \\") !important;\\";\\n\\t\\t\\t}\\n\\t\\t//\\n\\t\\toutput += \\"background-repeat: \\" + image.repeat + \\" !important;\\";\\n\\t\\toutput += \\"background-size: \\" + image.size + \\" !important;\\";\\n\\t\\tif ( focusPointAttr == \\"\\" ) {\\n\\t\\t\\toutput += \\"background-position: \\" + (image.position !== \\"\\" ? image.position : \\"center center\\") + \\" !important;\\";\\n\\t\\t}\\n\\t\\telse{\\n\\t\\t\\t// wenn focus point genutzt wird, \\"!important\\" unbedingt weg lassen\\n\\t\\t\\toutput += \\"background-position: \\" + (image.position !== \\"\\" ? image.position : \\"center center\\") + \\";\\";\\n\\t\\t}\\n\\t\\toutput += \\"background-attachment: \\" + (image.attachment !== \\"\\" ? image.attachment : \\"scroll\\") + \\" !important;\\";\\n\\t\\toutput += \\"}\\n\\";\\n\\t}\\n\\t\\n\\tif ( output !== \\"\\" ){\\n\\t\\tcssOutput += \\"\\n\\" + output.replace(/^\\s+|\\s+$/gm,\\'\\') + \\"\\n\\";\\n\\t}\\n\\t\\n\\tvar containerstyle = container.inlineCss || \\"\\";\\n\\tif ( showEmptyArticleAreas ){\\n\\t\\tcontainerstyle = \\'\\'; // remove any inline-css if in xray-mode\\n\\t}\\n\\tcontainerstyle = containerstyle.toString().replace(/^\\s+|\\s+$/gm,\\'\\'); // trim()\\n\\n\\t// make sure the users inlineCss properly ends with a semicolon as we attach more styles later below\\n\\tif ( containerstyle && containerstyle.slice(-1) !== \\";\\" ){\\n\\t\\tcontainerstyle += \\";\\";\\n\\t}\\n\\tvar initialContainerstyle = containerstyle;\\n\\tcontainerstyle = containerstyle.replace(/^\\s+|\\s+$/gm,\\'\\'); // trim()\\n\\tif ( containerstyle ){\\n\\t\\tcontainerstyle = \\' style=\\"\\' + containerstyle + \\'\\"\\';\\n\\t}\\n\\t\\n\\tif ( noBreakoutWithNews && system.preview && container.value(\\"breakout\\") == \\"1\\" && hasNews ){\\n\\t\\tsystem.warn(\\"Die \\'Randlos-Option\\' für einen Container kann nicht berücksichtigt werden, weil der \\'Einfügen-Schalter\\' auf an steht oder die Seite auch Artikel im News-Bereich enthält.\\");\\n\\t}\\n\\t\\n\\tvar containerTag = \\"div\\";\\n\\tif ( isSection ){\\n\\t\\tcontainerTag = \\"section\\";\\n\\t}\\n\\t\\r\\n012: \\r\\n013: context.write(\\"\\n\\t\\t\\n\\t<\\");\\r\\n014: \\r\\n015: context.write( containerTag );\\r\\n016: \\r\\n017: context.write(\\" id=\\\\"container_\\");\\r\\n018: \\r\\n019: context.write( container.id );\\r\\n020: \\r\\n021: context.write(\\"\\\\"\\");\\r\\n022: \\r\\n023: context.write( focusPointAttr );\\r\\n024: \\r\\n025: context.write(\\" class=\\\\"zpContainer\\");\\r\\n026: \\r\\n027: if (icon==firstC){\\r\\n028: \\r\\n029: context.write(\\" first\\");\\r\\n030: \\r\\n031: }\\r\\n032: \\r\\n033: \\r\\n034: if (icon==lastC){\\r\\n035: \\r\\n036: context.write(\\" last\\");\\r\\n037: \\r\\n038: }\\r\\n039: \\r\\n040: \\r\\n041: if( container.value(\\"animate\\", \\"\\") !== \\"\\" && container.value(\\"animate\\") !== \\"off\\" ){ \\r\\n042: \\r\\n043: context.write(\\" zpanimate \\");\\r\\n044: \\r\\n045: context.write( container.value(\\"animate\\"));\\r\\n046: \\r\\n047: \\r\\n048: } \\r\\n049: \\r\\n050: \\r\\n051: if( isStyled ){ \\r\\n052: \\r\\n053: context.write(\\" styled\\");\\r\\n054: \\r\\n055: } \\r\\n056: \\r\\n057: context.write(\\" \\");\\r\\n058: \\r\\n059: if ( container.value(\\"breakout\\") == \\"1\\" ){ \\r\\n060: \\r\\n061: context.write(\\"zpBreakout \\");\\r\\n062: \\r\\n063: } \\r\\n064: \\r\\n065: \\r\\n066: if( noBreakoutWithNews && hasNews ) { \\r\\n067: \\r\\n068: context.write(\\" hasNews\\");\\r\\n069: \\r\\n070: } \\r\\n071: \\r\\n072: \\r\\n073: if( focusPointAttr !== \\"\\" ) { \\r\\n074: \\r\\n075: context.write(\\" zpfocal\\");\\r\\n076: \\r\\n077: } \\r\\n078: \\r\\n079: context.write(\\" \\");\\r\\n080: \\r\\n081: context.write( container.cssClass );\\r\\n082: \\r\\n083: context.write(\\"\\\\"\\");\\r\\n084: \\r\\n085: context.write( containerstyle );\\r\\n086: \\r\\n087: context.write(\\" \\n\\t\\t data-zpeleel=\\\\"container\\\\" data-zpleid=\\\\"\\");\\r\\n120: \\r\\n121: context.write( container.id );\\r\\n122: \\r\\n123: context.write(\\"\\\\">\\n\\t\\n\\t\\");\\r\\n124: \\r\\n125: \\n\\tvar paragraphs = container.paragraphs;\\n\\n\\tfor ( var ipar = 0; ipar < paragraphs.count; ++ipar ){\\n\\t\\tvar additionalRowClass = \\"\\";\\n\\t\\tvar paragraph = paragraphs.item(ipar);\\n\\t\\tvar columns = paragraph.columns;\\n\\n\\t\\t// if current paragraph doesn\\'t contain articles, we skip the loop, so we don\\'t print empty paragraphs\\n\\t\\t// we do not skip when on impressum page and the container ist the last one, as we need to insert freeware content\\n\\t\\tvar articleCount = paragraph.articles.count;\\n\\t\\tif ( articleCount < 1 && !(icon == lastC && page.isSpecialPage(\\"legal\\")) ){\\n\\t\\t\\tcontinue;\\n\\t\\t}\\n\\t\\telse if ( articleCount > 0 ){\\n\\t\\t\\t// set special rowClass for Articles which are not visible, so we can remove any margins which might not be desired\\n\\t\\t\\tvar firstWidgetName = paragraph.articles.item(0).widgetName;\\n\\t\\t\\n\\t\\t\\tswitch(firstWidgetName) {\\n\\t\\t\\t\\tcase \\"Info-Banner\\":\\n\\t\\t\\t\\t\\tadditionalRowClass = \\" alertbanner\\";\\n\\t\\t\\t\\t\\tbreak;\\n\\t\\t\\t\\tcase \\"Quelltext\\":\\n\\t\\t\\t\\t\\tadditionalRowClass = \\" quelltext\\";\\n\\t\\t\\t\\t\\tbreak;\\n\\t\\t\\t\\tcase \\"Slider\\":\\n\\t\\t\\t\\t\\tadditionalRowClass = \\" zpwSlider\\";\\n\\t\\t\\t\\t\\tbreak;\\n\\t\\t\\t\\tcase \\"Carousel\\":\\n\\t\\t\\t\\t\\tadditionalRowClass = \\" zpwCarousel\\";\\n\\t\\t\\t\\t\\tbreak;\\n\\t\\t\\t\\tcase \\"Navigationsmenü\\":\\n\\t\\t\\t\\t\\tif ( paragraph.articles.item(0).value(\\"menufixed\\") ){\\n\\t\\t\\t\\t\\t\\tadditionalRowClass = \\" zpwNavmenu zpwNavmenuFixed\\";\\n\\t\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\telse{\\n\\t\\t\\t\\t\\t\\tadditionalRowClass = \\" zpwNavmenu\\";\\n\\t\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\tbreak;\\n\\t\\t\\t\\tcase \\"Navigationsmenü manuell\\":\\n\\t\\t\\t\\t\\tif ( paragraph.articles.item(0).value(\\"menufixed\\") ){\\n\\t\\t\\t\\t\\t\\tadditionalRowClass = \\" zpwNavmenu zpwNavmenuFixed\\";\\n\\t\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\telse{\\n\\t\\t\\t\\t\\t\\tadditionalRowClass = \\" zpwNavmenu\\";\\n\\t\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\tbreak;\\n\\t\\t\\t\\tcase \\"Video-Hintergrund\\":\\n\\t\\t\\t\\t\\tadditionalRowClass = \\" zpvideobg\\";\\n\\t\\t\\t\\t\\tbreak;\\n\\t\\t\\t}\\n\\t\\t\\t\\n\\t\\t\\t// append row styles to head via css\\n\\t\\t\\tvar rid = paragraph.id;\\n\\t\\t\\tvar output = \\"\\";\\n\\t\\t\\tif ( paragraph.value(\\"margin-top\\", \\"\\") !== \\"\\" || paragraph.value(\\"margin-bottom\\", \\"\\") !== \\"\\"){\\n\\t\\t\\t\\tvar cssSelector = \\".zpRow[data-row-id=\\\\"\\" + rid + \\"\\\\"], .zpRow:first-child[data-row-id=\\\\"\\" + rid + \\"\\\\"], .zpRow:last-child[data-row-id=\\\\"\\" + rid + \\"\\\\"]\\";\\n\\t\\t\\t\\toutput += cssSelector + \\"{\\";\\n\\t\\t\\t\\tif ( paragraph.value(\\"margin-top\\") ){\\n\\t\\t\\t\\t\\toutput += \\"margin-top: \\" + paragraph.value(\\"margin-top\\", \\"initial\\") + \\" !important;\\";\\n\\t\\t\\t\\t}\\n\\t\\t\\t\\tif ( paragraph.value(\\"margin-bottom\\") ){\\n\\t\\t\\t\\t\\toutput += \\"margin-bottom: \\" + paragraph.value(\\"margin-bottom\\", \\"initial\\") + \\" !important;\\" ;\\n\\t\\t\\t\\t}\\n\\t\\t\\t\\toutput += \\"}\\n\\";\\n\\t\\t\\t}\\n\\t\\t\\tif ( paragraph.value(\\"padding-top\\", \\"\\") !== \\"\\" || paragraph.value(\\"padding-bottom\\", \\"\\") !== \\"\\" || paragraph.value(\\"padding-left\\", \\"\\") !== \\"\\" || paragraph.value(\\"padding-right\\", \\"\\") !== \\"\\" ){\\n\\t\\t\\t\\tvar cssSelector = \\".zpRow[data-row-id=\\\\"\\" + rid + \\"\\\\"]\\";\\n\\t\\t\\t\\toutput += cssSelector + \\"{\\";\\n\\t\\t\\t\\tif ( paragraph.value(\\"padding-top\\") ){\\n\\t\\t\\t\\t\\toutput += \\"padding-top: \\" + paragraph.value(\\"padding-top\\") + \\" !important;\\";\\n\\t\\t\\t\\t}\\n\\t\\t\\t\\tif ( paragraph.value(\\"padding-bottom\\") ){\\n\\t\\t\\t\\t\\toutput += \\"padding-bottom: \\" + paragraph.value(\\"padding-bottom\\") + \\" !important;\\";\\n\\t\\t\\t\\t}\\n\\t\\t\\t\\tif ( paragraph.value(\\"padding-left\\") ){\\n\\t\\t\\t\\t\\toutput += \\"padding-left: \\" + paragraph.value(\\"padding-left\\") + \\" !important;\\";\\n\\t\\t\\t\\t}\\n\\t\\t\\t\\tif ( paragraph.value(\\"padding-right\\") ){\\n\\t\\t\\t\\t\\toutput += \\"padding-right: \\" + paragraph.value(\\"padding-right\\") + \\" !important;\\";\\n\\t\\t\\t\\t}\\n\\t\\t\\t\\toutput += \\"}\\n\\";\\n\\t\\t\\t}\\n\\t\\t\\tif ( paragraph.value(\\"bgcolor\\", \\"\\") !== \\"\\" && paragraph.value(\\"bgcolor\\", \\"\\") !== \\"transparent\\" ){\\n\\t\\t\\t\\tvar cssSelector = \\".zpRow[data-row-id=\\\\"\\" + rid + \\"\\\\"]\\";\\n\\t\\t\\t\\toutput += cssSelector + \\"{\\";\\n\\t\\t\\t\\toutput += \\"background-color: \\" + paragraph.value(\\"bgcolor\\") + \\" !important;\\";\\n\\t\\t\\t\\toutput += \\"}\\n\\";\\n\\t\\t\\t}\\n\\t\\t\\tvar pimage = paragraph.cssBackgroundImage(\\"bgimage\\");\\n\\t\\t\\tif ( pimage.imageUrl ){\\n\\t\\t\\t\\tvar cssSelector = \\".zpRow[data-row-id=\\\\"\\" + rid + \\"\\\\"]\\";\\n\\t\\t\\t\\toutput += cssSelector + \\"{\\";\\n\\t\\t\\t\\toutput += \\"background-image: url(\\" + pimage.imageUrl + \\") !important;\\";\\n\\t\\t\\t\\toutput += \\"background-repeat: \\" + pimage.repeat + \\" !important;\\";\\n\\t\\t\\t\\toutput += \\"background-size: \\" + pimage.size + \\" !important;\\";\\n\\t\\t\\t\\toutput += \\"background-position: \\" + (pimage.position !== \\"\\" ? pimage.position : \\"center center\\") + \\" !important;\\";\\n\\t\\t\\t\\toutput += \\"background-attachment: \\" + (pimage.attachment !== \\"\\" ? pimage.attachment : \\"scroll\\") + \\";\\";\\n\\t\\t\\t\\toutput += \\"}\\n\\";\\n\\t\\t\\t}\\n\\t\\t\\tif ( paragraph.value(\\"justifycontent\\", \\"\\") !== \\"\\" ){\\n\\t\\t\\t\\tvar cssSelector = \\".zpRow[data-row-id=\\\\"\\" + rid + \\"\\\\"]\\";\\n\\t\\t\\t\\toutput += cssSelector + \\"{\\";\\n\\t\\t\\t\\toutput += \\"justify-content: \\" + paragraph.value(\\"justifycontent\\") + \\";\\";\\n\\t\\t\\t\\toutput += \\"}\\n\\";\\n\\t\\t\\t}\\n\\t\\t\\n\\t\\t\\tif ( output !== \\"\\" ){\\n\\t\\t\\t\\tcssOutput += \\"\\n\\" + output.replace(/^\\s+|\\s+$/gm,\\'\\') + \\"\\n\\";\\n\\t\\t\\t}\\n\\t\\t\\n\\t\\t\\t// paragraph styles\\n\\t\\t\\tvar rowstyle = paragraph.inlineCss || \\"\\";\\n\\t\\t\\tif ( showEmptyArticleAreas ){\\n\\t\\t\\t\\trowstyle = \\'\\'; // remove any inline-css if in xray-mode\\n\\t\\t\\t}\\n\\t\\t\\trowstyle = rowstyle.toString().replace(/^\\s+|\\s+$/gm,\\'\\'); // trim();\\n\\t\\t\\t// make sure the users inlineCss properly ends with a semicolon as we attach more styles later below\\n\\t\\t\\tif ( rowstyle && rowstyle.slice(-1) !== \\";\\" ){\\n\\t\\t\\t\\trowstyle += \\";\\";\\n\\t\\t\\t}\\n\\t\\t\\t\\r\\n126: \\r\\n127: context.write(\\"\\n\\n\\t\\t\\t\\");\\r\\n128: \\r\\n129: if ( paragraph.value(\\"breakout\\") == \\"1\\" ){ \\r\\n130: \\r\\n131: context.write(\\"\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\");\\r\\n136: \\r\\n137: \\n\\t\\t\\t\\trowstyle = \\" width: 100%; margin: 0 auto; float: none;\\";\\n\\t\\t\\t} \\n\\t\\n\\t\\t\\trowstyle.replace(/^\\s+|\\s+$/gm,\\'\\'); // trim()\\n\\t\\t\\tif ( rowstyle ){\\n\\t\\t\\t\\trowstyle = \\' style=\\"\\' + rowstyle + \\'\\"\\';\\n\\t\\t\\t}\\n\\t\\t\\t\\n\\t\\t\\t// classes to hide row on specific device (and smaller)\\n\\t\\t\\tvar hideondeviceClass = \\"\\"; \\n\\t\\t\\tif ( paragraph.value(\\"hideondevice\\") && paragraph.value(\\"hideondevice\\") !== \\"\\" ){\\n\\t\\t\\t\\thideondeviceClass = \\" \\" + paragraph.value(\\"hideondevice\\") + \\" zpmobilehide\\";\\n\\t\\t\\t}\\n\\t\\t}\\n\\t\\t\\r\\n138: \\r\\n139: context.write(\\"\\n\\t\\t\\t
>\\n\\n\\t\\t\\t\\");\\r\\n213: \\r\\n214: \\t\\n\\t\\t\\tvar evenodd = \\"even\\";\\n\\t\\t\\tfor ( var icol = 0; icol < columns.count; ++icol ){\\n\\t\\t\\t\\tvar column = columns.item(icol);\\n\\t\\t\\t\\tvar articles = column.articles;\\n\\t\\t\\t\\tvar coid = column.id;\\n\\t\\t\\t\\tvar output = \\"\\";\\n\\t\\t\\t\\tvar isStyled = false;\\n\\t\\t\\t\\tvar selectorPrefix = \\"#container_\\" + cid + \\" \\";\\n\\t\\t\\t\\t\\n\\t\\t\\t\\tif ( column.value(\\"bgcolor\\", \\"\\") !== \\"\\" && column.value(\\"bgcolor\\", \\"\\") !== \\"transparent\\" ){\\n\\t\\t\\t\\t\\tvar cssSelector = \\"div.zpRow .zpColumn[data-column-id=\\'\\" + coid + \\"\\']\\";\\n\\t\\t\\t\\t\\toutput += cssSelector + \\"{\\";\\n\\t\\t\\t\\t\\toutput += \\"background-color: \\" + column.value(\\"bgcolor\\") + \\";\\";\\n\\t\\t\\t\\t\\toutput += \\"padding-top: 15px;\\";\\n\\t\\t\\t\\t\\toutput += \\"padding-bottom: 15px;\\";\\n\\t\\t\\t\\t\\toutput += \\"}\\n\\";\\n\\t\\t\\t\\t\\tisStyled = true;\\n\\t\\t\\t\\t}\\n\\t\\t\\t\\tif ( column.value(\\"fontcolor\\", \\"\\") !== \\"\\" && column.value(\\"fontcolor\\") !== \\"transparent\\" ){\\n\\t\\t\\t\\t\\tvar cssSelector = selectorPrefix + \\"div.zpRow .zpColumn[data-column-id=\\'\\" + coid + \\"\\']\\";\\n\\t\\t\\t\\t\\toutput += cssSelector;\\n\\t\\t\\t\\t\\toutput += \\", \\" + cssSelector + \\" p\\";\\n\\t\\t\\t\\t\\toutput += \\", \\" + cssSelector + \\" h1\\";\\n\\t\\t\\t\\t\\toutput += \\", \\" + cssSelector + \\" h2\\";\\n\\t\\t\\t\\t\\toutput += \\", \\" + cssSelector + \\" h3{\\";\\n\\t\\t\\t\\t\\toutput += \\"color: \\" + column.value(\\"fontcolor\\") + \\";\\";\\n\\t\\t\\t\\t\\toutput += \\"}\\n\\";\\n\\t\\t\\t\\t}\\n\\t\\t\\t\\tif ( column.value(\\"linkcolor\\", \\"\\") !== \\"\\" && column.value(\\"linkcolor\\") !== \\"transparent\\" ){\\n\\t\\t\\t\\t\\tvar cssSelector = selectorPrefix + \\"div.zpRow .zpColumn[data-column-id=\\'\\" + coid + \\"\\']\\";\\n\\t\\t\\t\\t\\toutput += \\"\\n\\n\\" + cssSelector + \\" a:not(.button)\\";\\n\\t\\t\\t\\t\\toutput += \\", \\" + cssSelector + \\" a:not(.button):hover{\\";\\n\\t\\t\\t\\t\\toutput += \\"color: \\" + column.value(\\"linkcolor\\") + \\";\\";\\n\\t\\t\\t\\t\\toutput += \\"}\\n\\";\\n\\t\\t\\t\\t}\\n\\t\\t\\t\\tif ( column.value(\\"align-self\\", \\"\\") !== \\"\\" ){\\n\\t\\t\\t\\t\\tvar cssSelector = \\"div.zpRow .zpColumn[data-column-id=\\'\\" + coid + \\"\\']\\";\\n\\t\\t\\t\\t\\toutput += cssSelector + \\"{\\";\\n\\t\\t\\t\\t\\toutput += \\"align-self: \\" + column.value(\\"align-self\\") + \\";\\";\\n\\t\\t\\t\\t\\toutput += \\"}\\n\\";\\n\\t\\t\\t\\t}\\n\\t\\t\\t\\tif ( output !== \\"\\" ){\\n\\t\\t\\t\\t\\tcssOutput += \\"\\n\\" + output.replace(/^\\s+|\\s+$/gm,\\'\\') + \\"\\n\\";\\n\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\n\\t\\t\\t\\tvar clearCss = column.value(\\"clearLeft\\") ? \\"clear: left;\\" : \\"\\";\\n\\t\\t\\t\\tif ( column.articles.count > 0 ){\\n\\t\\t\\t\\t\\tvar firstWidgetName = articles.item(0).widgetName;\\n\\t\\t\\t\\t} \\n\\t\\t\\t\\telse{\\n\\t\\t\\t\\t\\tvar firstWidgetName = \\"\\";\\n\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t// used in a className, alternate between even and odd, not taking into account zpSpacer-Columns\\n\\t\\t\\t\\tif( firstWidgetName !== \\"Spacer\\" ){\\n\\t\\t\\t\\t\\tif( evenodd === \\"even\\" ){\\n\\t\\t\\t\\t\\t\\tevenodd = \\"odd\\";\\n\\t\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\telse{\\n\\t\\t\\t\\t\\t\\tevenodd = \\"even\\";\\n\\t\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\tvar additionalColumnClass = \\" \\" + evenodd;\\n\\t\\t\\t\\t}\\n\\t\\t\\t\\telse{\\n\\t\\t\\t\\t\\tvar additionalColumnClass = \\"\\";\\n\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t// if a spacer-widget is alone in a column, we set a class .zpSpacer, so we can set the width of spacer-widgets responsively in zpgrid.less accordingly\\n\\t\\t\\t\\tif ( firstWidgetName == \\"Spacer\\" && column.articles.count < 2 ){\\n\\t\\t\\t\\t\\tadditionalColumnClass += \\" zpSpacer\\";\\n\\t\\t\\t\\t}\\n\\t\\t\\t\\telse if ( firstWidgetName == \\"Navigationsmenü\\" ){\\n\\t\\t\\t\\t\\tadditionalColumnClass += \\" zpnavmenu\\";\\n\\t\\t\\t\\t}\\n\\t\\t\\n\\t\\t\\t\\t// TODO move adding of missing classes to converter and remove next 4 lines\\n\\t\\t\\t\\tvar columnCssClass = column.cssClass;\\n\\t\\t\\t\\tif ( !column.cssClass || !column.cssClass.match(/\\bc[1-9][0-2]?\\b/) ){\\n\\t\\t\\t\\t\\tcolumnCssClass = \\"c\\" + String(Math.round(12 / columns.count - 0.1)) ;\\n\\t\\t\\t\\t}\\n\\t\\t\\t\\tvar columnInlineCss = column.inlineCss ? column.inlineCss+\\" \\" : \\"\\";\\n\\t\\t\\t\\tif ( showEmptyArticleAreas ){\\n\\t\\t\\t\\t\\tcolumnInlineCss = \\'\\'; // remove any inline-css if in xray-mode\\n\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\n\\t\\t\\t\\tif ( column.value(\\"clearLeft\\") ){\\n\\t\\t\\t\\t\\r\\n215: \\r\\n216: context.write(\\"\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\");\\r\\n217: \\r\\n218: } \\r\\n219: \\r\\n220: context.write(\\"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t
>\\n\\t\\n\\t\\t\\t\\t\\t\\");\\r\\n315: \\r\\n316: \\t\\t\\t\\n\\t\\t\\t\\t\\tfor ( var iart = 0; iart < articles.count; ++iart ){\\n\\t\\t\\t\\t\\t\\tvar a = articles.item(iart);\\n\\t\\t\\t\\t\\t\\tif ( a.isAvailable || !system.preview){\\n\\t\\t\\t\\t\\t\\t\\tcontext.write(a.render());\\n\\t\\t\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\t\\telse{\\n\\t\\t\\t\\t\\t\\t\\t// rendered article is using a deleted widget\\n\\t\\t\\t\\t\\t\\t\\tcontext.write(system.partial(\\"deleted-widget.html\\", a.id));\\n\\t\\t\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\t\\r\\n317: \\r\\n318: context.write(\\"\\n\\t\\t\\t\\t
\\n\\t\\n\\t\\t\\t\\");\\r\\n319: \\r\\n320: \\n\\t\\t\\t}\\n\\t\\t\\t// insert zp-ad-box in last row of last container on impressum pages\\n\\t\\t\\tif ( system.isFreeware && areaName.toLowerCase() == \\"standard\\" && page.isSpecialPage(\\"legal\\") && icon == lastC && ipar == paragraphs.count-1 ){\\n\\t\\t\\t\\t\\r\\n321: \\r\\n322: context.write(\\"\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t\\");\\r\\n323: \\r\\n324: context.write( system.partial(\\"zpinfolegal.html\\") );\\r\\n325: \\r\\n326: context.write(\\"\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\");\\r\\n327: \\r\\n328: \\n\\t\\t\\t}\\n\\t\\t\\t\\r\\n329: \\r\\n330: context.write(\\"\\n\\n\\t\\t\\t
\\n\\t\\t\\");\\r\\n331: \\r\\n332: if ( articleCount > 0 && paragraph.value(\\"breakout\\") == \\"1\\" ){ \\r\\n333: \\r\\n334: context.write(\\"\\n\\t\\t
\\n\\t\\t\\");\\r\\n335: \\r\\n336: } \\r\\n337: \\r\\n338: context.write(\\"\\n\\n\\t\\");\\r\\n339: \\r\\n340: \\n\\t}\\n\\t\\n\\tcontext.write(\\"\\");\\n\\t\\n\\tif ( injectCss ){\\n\\t\\t// inject styles into head\\n\\t\\tsystem.addHtmlHeadElement(cssOutput);\\n\\t}\\n\\telse{\\n\\t\\tcontext.write(\\'
\\' + cssOutput + \\'
\\')\\n\\t}\\n}\\n\\r\\n341: \\r\\n342: // End source file: \\'C:\\Users\\tobull\\AppData\\Local\\Zeta Producer 16\\packaging\\layouts\\_shared\\templates\\partials\\container.html\\'.\\r\\n343: };\\r\\n344: \\r\\n345: /* Shortcuts. */\\r\\n346: article = context.article;\\r\\n347: page = context.page;\\r\\n348: projectFolder = context.projectFolder;\\r\\n349: project = context.project;\\r\\n350: system = context.system;\\r\\n351: \\r\\n352: \\r\\n353: new SE638260063274381940().executeScript();", CompleteSourceLines=String[] { Length=353, LongLength=353, Rank=1, , IsReadOnly=False, IsFixedSize=True, IsSynchronized=False "001: function SE638260063274381940() {}", "002: ", "003: ", "004: SE638260063274381940.prototype.executeScript = function(){", "005: // Start source file: \\'C:\\Users\\tobull\\AppData\\Local\\Zeta Producer 16\\packaging\\layouts\\_shared\\templates\\partials\\container.html\\'.", "006: ", "007: \\nvar args = context.param(0, {});\\n\\nvar containerId\\t\\t\\t\\t= args[\\"containerId\\"] || 0;\\nvar injectCss \\t\\t\\t\\t= args[\\"injectCss\\"];\\nvar firstC \\t\\t\\t\\t\\t= args[\\"firstC\\"] || 0;\\nvar lastC \\t\\t\\t\\t\\t= args[\\"lastC\\"] || 0;\\nvar areaName \\t\\t\\t\\t= args[\\"areaName\\"] || \\"Standard\\";\\nvar areaNameLc \\t\\t\\t\\t= args[\\"areaNameLc\\"];\\nvar maxColumns \\t\\t\\t\\t= args[\\"maxColumns\\"] || \\"0\\";\\nvar cssRowClass \\t\\t\\t= args[\\"cssRowClass\\"] || \\"\\";\\nvar displayNumColumns \\t\\t= args[\\"displayNumColumns\\"] || \\"12\\"; // number of columns to display. We always calculate with 12, but can display less\\nvar cssAreaClass \\t\\t\\t= args[\\"cssAreaClass\\"] || \\"\\";\\nvar noBreakoutWithNews \\t\\t= args[\\"noBreakoutWithNews\\"];\\nvar hideIeForArea \\t\\t\\t= args[\\"hideIeForArea\\"];\\nvar canContainer \\t\\t\\t= args[\\"canContainer\\"];\\nvar showEmptyArticleAreas \\t= args[\\"showEmptyArticleAreas\\"];\\nvar hasNews \\t\\t\\t\\t= args[\\"hasNews\\"];\\nvar icon \\t\\t\\t\\t\\t= args[\\"icon\\"] || 0;\\nvar pageLang = args[\\"pageLang\\"] || \\"de\\";\\n\\nif ( maxColumns == \\"1\\" ){\\n\\tif ( cssRowClass == \\"\\" || cssRowClass == \\"noresize\\" ){\\n\\t\\tcssRowClass = \\"noresize\\";\\n\\t}\\n\\telse{\\n\\t\\tcssRowClass += \\" noresize\\";\\n\\t}\\n}\\n", "008: ", "009: context.write(\\"\\n\\n\\");", "010: ", "011: \\nif ( containerId !== 0 ){\\n\\tvar cssOutput = \\"\\";\\n\\tvar container = project.getContainer(containerId);\\n\\t\\n\\t// append container styles to head via css\\n\\tvar cid = container.id;\\n\\tvar output = \\"\\";\\n\\tvar\\tisSection = container.value(\\"issection\\") == \\"1\\";\\n\\tvar isStyled = false;\\n\\t\\n\\tif ( container.value(\\"fontcolor\\", \\"\\") !== \\"\\" && container.value(\\"fontcolor\\") !== \\"transparent\\" ){\\n\\t\\tvar cssSelector = \\"#container_\\" + cid;\\n\\t\\toutput = cssSelector;\\n\\t\\toutput += \\", \\" + cssSelector + \\" p\\";\\n\\t\\toutput += \\", \\" + cssSelector + \\" h1\\";\\n\\t\\toutput += \\", \\" + cssSelector + \\" h2\\";\\n\\t\\toutput += \\", \\" + cssSelector + \\" h3{\\";\\n\\t\\toutput += \\"color: \\" + container.value(\\"fontcolor\\") + \\";\\";\\n\\t\\toutput += \\"}\\n\\";\\n\\t}\\n\\tif ( container.value(\\"linkcolor\\", \\"\\") !== \\"\\" && container.value(\\"linkcolor\\") !== \\"transparent\\" ){\\n\\t\\tvar cssSelector = \\"#container_\\" + cid;\\n\\t\\toutput += \\"\\n\\n\\" + cssSelector + \\" a:not(.button):not(.fancybox):not(.zpSO-Uplink-Flat):not(.zpnolayoutlinkstyles)\\";\\n\\t\\toutput += \\", \\" + cssSelector + \\" a:not(.button):not(.fancybox):not(.zpSO-Uplink-Flat):not(.zpnolayoutlinkstyles):hover{\\";\\n\\t\\toutput += \\"color: \\" + container.value(\\"linkcolor\\") + \\";\\";\\n\\t\\toutput += \\"}\\n\\";\\n\\t}\\n\\tif ( container.value(\\"margin-top\\", \\"\\") !== \\"\\" || container.value(\\"margin-bottom\\", \\"\\") !== \\"\\" ){\\n\\t\\tvar cssSelector = \\"#container_\\" + cid;\\n\\t\\toutput += cssSelector + \\"{\\";\\n\\t\\tif ( container.value(\\"margin-top\\") ){\\n\\t\\t\\toutput += \\"margin-top: \\" + container.value(\\"margin-top\\") + \\" !important;\\";\\n\\t\\t}\\n\\t\\tif ( container.value(\\"margin-bottom\\") ){\\n\\t\\t\\toutput += \\"margin-bottom: \\" + container.value(\\"margin-bottom\\") + \\" !important;\\" ;\\n\\t\\t}\\n\\t\\toutput += \\"}\\n\\";\\n\\t}\\n\\tif ( container.value(\\"padding-top\\", \\"\\") !== \\"\\" || container.value(\\"padding-bottom\\", \\"\\") !== \\"\\" || container.value(\\"padding-left\\", \\"\\") !== \\"\\" || container.value(\\"padding-right\\", \\"\\") !== \\"\\"){\\n\\t\\tvar cssSelector = \\"#container_\\" + cid;\\n\\t\\toutput += cssSelector + \\"{\\";\\n\\t\\tif ( container.value(\\"padding-top\\") ){\\n\\t\\t\\toutput += \\"padding-top: \\" + container.value(\\"padding-top\\") + \\" !important;\\";\\n\\t\\t}\\n\\t\\tif ( container.value(\\"padding-bottom\\") ){\\n\\t\\t\\toutput += \\"padding-bottom: \\" + container.value(\\"padding-bottom\\") + \\" !important;\\";\\n\\t\\t}\\n\\t\\tif ( container.value(\\"padding-left\\") ){\\n\\t\\t\\toutput += \\"padding-left: \\" + container.value(\\"padding-left\\") + \\" !important;\\";\\n\\t\\t}\\n\\t\\tif ( container.value(\\"padding-right\\") ){\\n\\t\\t\\toutput += \\"padding-right: \\" + container.value(\\"padding-right\\") + \\" !important;\\";\\n\\t\\t}\\n\\t\\toutput += \\"}\\n\\";\\n\\t}\\n\\tif ( container.value(\\"bgcolor\\", \\"\\") !== \\"\\" && container.value(\\"bgcolor\\", \\"\\") !== \\"transparent\\" ){\\n\\t\\tisStyled = true;\\n\\t\\tvar cssSelector = \\"#container_\\" + cid;\\n\\t\\toutput += cssSelector + \\"{\\";\\n\\t\\toutput += \\"background-color: \\" + container.value(\\"bgcolor\\") + \\" !important;\\";\\n\\t\\toutput += \\"}\\n\\";\\n\\t}\\n\\tvar image = container.cssBackgroundImage(\\"bgimage\\");\\n\\tvar focusPointAttr = \\'\\';\\n\\tif ( image.imageUrl ){\\n\\t\\t// normales image-objekt aus cssBackgroundImage ermitteln\\n\\t\\tvar bgimg = project.getImage(image.imageUrl);\\n\\t\\tisStyled = true;\\n\\t\\t// wenn image.size \\"cover\\" ist und keine image.position gesetzt, bzw. diese \\"center center\\" (das Default) ist, fokuspunkt nutzen\\n\\t\\tif ( image.size == \\"cover\\" && image.position && (image.position == \\"\\" || image.position == \\"center center\\") ){\\n\\t\\t\\tvar focusx = bgimg.focusPointX || 50;\\n\\t\\t\\tvar focusy = bgimg.focusPointY || 50;\\n\\t\\t\\t\\n\\t\\t\\tfocusPointAttr = \\' data-focus-x=\\"\\' + focusx + \\'\\" data-focus-y=\\"\\' + focusy + \\'\\" data-image-w=\\"\\' + bgimg.workingCopyWidth + \\'\\" data-image-h=\\"\\' + bgimg.workingCopyHeight + \\'\\"\\';\\t\\n\\t\\t}\\n\\t\\t\\n\\t\\tvar cssSelector = \\"#container_\\" + cid;\\n\\t\\toutput += cssSelector + \\"{\\";\\n\\t\\t// temporary workaround to get \\"-large\\" working copy of image, as\\n\\t\\t// image.imageUrl returns only the contentCopy (small copy) of the image\\n\\t\\t\\tvar imageObject = project.getImage(image.imageUrl);\\n\\t\\t\\tif ( imageObject && imageObject.workingCopyPath && !imageObject.isSvgImage ){\\n\\t\\t\\t\\toutput += \\"background-image: url(\\" + imageObject.workingCopyPath + \\") !important;\\";\\n\\t\\t\\t}\\n\\t\\t\\telse{\\n\\t\\t\\t\\t// do not generate -large copy for SVG-Images\\n\\t\\t\\t\\toutput += \\"background-image: url(\\" + image.imageUrl + \\") !important;\\";\\n\\t\\t\\t}\\n\\t\\t//\\n\\t\\toutput += \\"background-repeat: \\" + image.repeat + \\" !important;\\";\\n\\t\\toutput += \\"background-size: \\" + image.size + \\" !important;\\";\\n\\t\\tif ( focusPointAttr == \\"\\" ) {\\n\\t\\t\\toutput += \\"background-position: \\" + (image.position !== \\"\\" ? image.position : \\"center center\\") + \\" !important;\\";\\n\\t\\t}\\n\\t\\telse{\\n\\t\\t\\t// wenn focus point genutzt wird, \\"!important\\" unbedingt weg lassen\\n\\t\\t\\toutput += \\"background-position: \\" + (image.position !== \\"\\" ? image.position : \\"center center\\") + \\";\\";\\n\\t\\t}\\n\\t\\toutput += \\"background-attachment: \\" + (image.attachment !== \\"\\" ? image.attachment : \\"scroll\\") + \\" !important;\\";\\n\\t\\toutput += \\"}\\n\\";\\n\\t}\\n\\t\\n\\tif ( output !== \\"\\" ){\\n\\t\\tcssOutput += \\"\\n\\" + output.replace(/^\\s+|\\s+$/gm,\\'\\') + \\"\\n\\";\\n\\t}\\n\\t\\n\\tvar containerstyle = container.inlineCss || \\"\\";\\n\\tif ( showEmptyArticleAreas ){\\n\\t\\tcontainerstyle = \\'\\'; // remove any inline-css if in xray-mode\\n\\t}\\n\\tcontainerstyle = containerstyle.toString().replace(/^\\s+|\\s+$/gm,\\'\\'); // trim()\\n\\n\\t// make sure the users inlineCss properly ends with a semicolon as we attach more styles later below\\n\\tif ( containerstyle && containerstyle.slice(-1) !== \\";\\" ){\\n\\t\\tcontainerstyle += \\";\\";\\n\\t}\\n\\tvar initialContainerstyle = containerstyle;\\n\\tcontainerstyle = containerstyle.replace(/^\\s+|\\s+$/gm,\\'\\'); // trim()\\n\\tif ( containerstyle ){\\n\\t\\tcontainerstyle = \\' style=\\"\\' + containerstyle + \\'\\"\\';\\n\\t}\\n\\t\\n\\tif ( noBreakoutWithNews && system.preview && container.value(\\"breakout\\") == \\"1\\" && hasNews ){\\n\\t\\tsystem.warn(\\"Die \\'Randlos-Option\\' für einen Container kann nicht berücksichtigt werden, weil der \\'Einfügen-Schalter\\' auf an steht oder die Seite auch Artikel im News-Bereich enthält.\\");\\n\\t}\\n\\t\\n\\tvar containerTag = \\"div\\";\\n\\tif ( isSection ){\\n\\t\\tcontainerTag = \\"section\\";\\n\\t}\\n\\t", "012: ", "013: context.write(\\"\\n\\t\\t\\n\\t<\\");", "014: ", "015: context.write( containerTag );", "016: ", "017: context.write(\\" id=\\\\"container_\\");", "018: ", "019: context.write( container.id );", "020: ", "021: context.write(\\"\\\\"\\");", "022: ", "023: context.write( focusPointAttr );", "024: ", "025: context.write(\\" class=\\\\"zpContainer\\");", "026: ", "027: if (icon==firstC){", "028: ", "029: context.write(\\" first\\");", "030: ", "031: }", "032: ", "033: ", "034: if (icon==lastC){", "035: ", "036: context.write(\\" last\\");", "037: ", "038: }", "039: ", "040: ", "041: if( container.value(\\"animate\\", \\"\\") !== \\"\\" && container.value(\\"animate\\") !== \\"off\\" ){ ", "042: ", "043: context.write(\\" zpanimate \\");", "044: ", "045: context.write( container.value(\\"animate\\"));", "046: ", "047: ", "048: } ", "049: ", "050: ", "051: if( isStyled ){ ", "052: ", "053: context.write(\\" styled\\");", "054: ", "055: } ", "056: ", "057: context.write(\\" \\");", "058: ", "059: if ( container.value(\\"breakout\\") == \\"1\\" ){ ", "060: ", "061: context.write(\\"zpBreakout \\");", "062: ", "063: } ", "064: ", "065: ", "066: if( noBreakoutWithNews && hasNews ) { ", "067: ", "068: context.write(\\" hasNews\\");", "069: ", "070: } ", "071: ", "072: ", "073: if( focusPointAttr !== \\"\\" ) { ", "074: ", "075: context.write(\\" zpfocal\\");", "076: ", "077: } ", "078: ", "079: context.write(\\" \\");", "080: ", "081: context.write( container.cssClass );", "082: ", "083: context.write(\\"\\\\"\\");", "084: ", "085: context.write( containerstyle );", "086: ", "087: context.write(\\" \\n\\t\\t data-zpeleel=\\\\"container\\\\" data-zpleid=\\\\"\\");", "120: ", "121: context.write( container.id );", "122: ", "123: context.write(\\"\\\\">\\n\\t\\n\\t\\");", "124: ", "125: \\n\\tvar paragraphs = container.paragraphs;\\n\\n\\tfor ( var ipar = 0; ipar < paragraphs.count; ++ipar ){\\n\\t\\tvar additionalRowClass = \\"\\";\\n\\t\\tvar paragraph = paragraphs.item(ipar);\\n\\t\\tvar columns = paragraph.columns;\\n\\n\\t\\t// if current paragraph doesn\\'t contain articles, we skip the loop, so we don\\'t print empty paragraphs\\n\\t\\t// we do not skip when on impressum page and the container ist the last one, as we need to insert freeware content\\n\\t\\tvar articleCount = paragraph.articles.count;\\n\\t\\tif ( articleCount < 1 && !(icon == lastC && page.isSpecialPage(\\"legal\\")) ){\\n\\t\\t\\tcontinue;\\n\\t\\t}\\n\\t\\telse if ( articleCount > 0 ){\\n\\t\\t\\t// set special rowClass for Articles which are not visible, so we can remove any margins which might not be desired\\n\\t\\t\\tvar firstWidgetName = paragraph.articles.item(0).widgetName;\\n\\t\\t\\n\\t\\t\\tswitch(firstWidgetName) {\\n\\t\\t\\t\\tcase \\"Info-Banner\\":\\n\\t\\t\\t\\t\\tadditionalRowClass = \\" alertbanner\\";\\n\\t\\t\\t\\t\\tbreak;\\n\\t\\t\\t\\tcase \\"Quelltext\\":\\n\\t\\t\\t\\t\\tadditionalRowClass = \\" quelltext\\";\\n\\t\\t\\t\\t\\tbreak;\\n\\t\\t\\t\\tcase \\"Slider\\":\\n\\t\\t\\t\\t\\tadditionalRowClass = \\" zpwSlider\\";\\n\\t\\t\\t\\t\\tbreak;\\n\\t\\t\\t\\tcase \\"Carousel\\":\\n\\t\\t\\t\\t\\tadditionalRowClass = \\" zpwCarousel\\";\\n\\t\\t\\t\\t\\tbreak;\\n\\t\\t\\t\\tcase \\"Navigationsmenü\\":\\n\\t\\t\\t\\t\\tif ( paragraph.articles.item(0).value(\\"menufixed\\") ){\\n\\t\\t\\t\\t\\t\\tadditionalRowClass = \\" zpwNavmenu zpwNavmenuFixed\\";\\n\\t\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\telse{\\n\\t\\t\\t\\t\\t\\tadditionalRowClass = \\" zpwNavmenu\\";\\n\\t\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\tbreak;\\n\\t\\t\\t\\tcase \\"Navigationsmenü manuell\\":\\n\\t\\t\\t\\t\\tif ( paragraph.articles.item(0).value(\\"menufixed\\") ){\\n\\t\\t\\t\\t\\t\\tadditionalRowClass = \\" zpwNavmenu zpwNavmenuFixed\\";\\n\\t\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\telse{\\n\\t\\t\\t\\t\\t\\tadditionalRowClass = \\" zpwNavmenu\\";\\n\\t\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\tbreak;\\n\\t\\t\\t\\tcase \\"Video-Hintergrund\\":\\n\\t\\t\\t\\t\\tadditionalRowClass = \\" zpvideobg\\";\\n\\t\\t\\t\\t\\tbreak;\\n\\t\\t\\t}\\n\\t\\t\\t\\n\\t\\t\\t// append row styles to head via css\\n\\t\\t\\tvar rid = paragraph.id;\\n\\t\\t\\tvar output = \\"\\";\\n\\t\\t\\tif ( paragraph.value(\\"margin-top\\", \\"\\") !== \\"\\" || paragraph.value(\\"margin-bottom\\", \\"\\") !== \\"\\"){\\n\\t\\t\\t\\tvar cssSelector = \\".zpRow[data-row-id=\\\\"\\" + rid + \\"\\\\"], .zpRow:first-child[data-row-id=\\\\"\\" + rid + \\"\\\\"], .zpRow:last-child[data-row-id=\\\\"\\" + rid + \\"\\\\"]\\";\\n\\t\\t\\t\\toutput += cssSelector + \\"{\\";\\n\\t\\t\\t\\tif ( paragraph.value(\\"margin-top\\") ){\\n\\t\\t\\t\\t\\toutput += \\"margin-top: \\" + paragraph.value(\\"margin-top\\", \\"initial\\") + \\" !important;\\";\\n\\t\\t\\t\\t}\\n\\t\\t\\t\\tif ( paragraph.value(\\"margin-bottom\\") ){\\n\\t\\t\\t\\t\\toutput += \\"margin-bottom: \\" + paragraph.value(\\"margin-bottom\\", \\"initial\\") + \\" !important;\\" ;\\n\\t\\t\\t\\t}\\n\\t\\t\\t\\toutput += \\"}\\n\\";\\n\\t\\t\\t}\\n\\t\\t\\tif ( paragraph.value(\\"padding-top\\", \\"\\") !== \\"\\" || paragraph.value(\\"padding-bottom\\", \\"\\") !== \\"\\" || paragraph.value(\\"padding-left\\", \\"\\") !== \\"\\" || paragraph.value(\\"padding-right\\", \\"\\") !== \\"\\" ){\\n\\t\\t\\t\\tvar cssSelector = \\".zpRow[data-row-id=\\\\"\\" + rid + \\"\\\\"]\\";\\n\\t\\t\\t\\toutput += cssSelector + \\"{\\";\\n\\t\\t\\t\\tif ( paragraph.value(\\"padding-top\\") ){\\n\\t\\t\\t\\t\\toutput += \\"padding-top: \\" + paragraph.value(\\"padding-top\\") + \\" !important;\\";\\n\\t\\t\\t\\t}\\n\\t\\t\\t\\tif ( paragraph.value(\\"padding-bottom\\") ){\\n\\t\\t\\t\\t\\toutput += \\"padding-bottom: \\" + paragraph.value(\\"padding-bottom\\") + \\" !important;\\";\\n\\t\\t\\t\\t}\\n\\t\\t\\t\\tif ( paragraph.value(\\"padding-left\\") ){\\n\\t\\t\\t\\t\\toutput += \\"padding-left: \\" + paragraph.value(\\"padding-left\\") + \\" !important;\\";\\n\\t\\t\\t\\t}\\n\\t\\t\\t\\tif ( paragraph.value(\\"padding-right\\") ){\\n\\t\\t\\t\\t\\toutput += \\"padding-right: \\" + paragraph.value(\\"padding-right\\") + \\" !important;\\";\\n\\t\\t\\t\\t}\\n\\t\\t\\t\\toutput += \\"}\\n\\";\\n\\t\\t\\t}\\n\\t\\t\\tif ( paragraph.value(\\"bgcolor\\", \\"\\") !== \\"\\" && paragraph.value(\\"bgcolor\\", \\"\\") !== \\"transparent\\" ){\\n\\t\\t\\t\\tvar cssSelector = \\".zpRow[data-row-id=\\\\"\\" + rid + \\"\\\\"]\\";\\n\\t\\t\\t\\toutput += cssSelector + \\"{\\";\\n\\t\\t\\t\\toutput += \\"background-color: \\" + paragraph.value(\\"bgcolor\\") + \\" !important;\\";\\n\\t\\t\\t\\toutput += \\"}\\n\\";\\n\\t\\t\\t}\\n\\t\\t\\tvar pimage = paragraph.cssBackgroundImage(\\"bgimage\\");\\n\\t\\t\\tif ( pimage.imageUrl ){\\n\\t\\t\\t\\tvar cssSelector = \\".zpRow[data-row-id=\\\\"\\" + rid + \\"\\\\"]\\";\\n\\t\\t\\t\\toutput += cssSelector + \\"{\\";\\n\\t\\t\\t\\toutput += \\"background-image: url(\\" + pimage.imageUrl + \\") !important;\\";\\n\\t\\t\\t\\toutput += \\"background-repeat: \\" + pimage.repeat + \\" !important;\\";\\n\\t\\t\\t\\toutput += \\"background-size: \\" + pimage.size + \\" !important;\\";\\n\\t\\t\\t\\toutput += \\"background-position: \\" + (pimage.position !== \\"\\" ? pimage.position : \\"center center\\") + \\" !important;\\";\\n\\t\\t\\t\\toutput += \\"background-attachment: \\" + (pimage.attachment !== \\"\\" ? pimage.attachment : \\"scroll\\") + \\";\\";\\n\\t\\t\\t\\toutput += \\"}\\n\\";\\n\\t\\t\\t}\\n\\t\\t\\tif ( paragraph.value(\\"justifycontent\\", \\"\\") !== \\"\\" ){\\n\\t\\t\\t\\tvar cssSelector = \\".zpRow[data-row-id=\\\\"\\" + rid + \\"\\\\"]\\";\\n\\t\\t\\t\\toutput += cssSelector + \\"{\\";\\n\\t\\t\\t\\toutput += \\"justify-content: \\" + paragraph.value(\\"justifycontent\\") + \\";\\";\\n\\t\\t\\t\\toutput += \\"}\\n\\";\\n\\t\\t\\t}\\n\\t\\t\\n\\t\\t\\tif ( output !== \\"\\" ){\\n\\t\\t\\t\\tcssOutput += \\"\\n\\" + output.replace(/^\\s+|\\s+$/gm,\\'\\') + \\"\\n\\";\\n\\t\\t\\t}\\n\\t\\t\\n\\t\\t\\t// paragraph styles\\n\\t\\t\\tvar rowstyle = paragraph.inlineCss || \\"\\";\\n\\t\\t\\tif ( showEmptyArticleAreas ){\\n\\t\\t\\t\\trowstyle = \\'\\'; // remove any inline-css if in xray-mode\\n\\t\\t\\t}\\n\\t\\t\\trowstyle = rowstyle.toString().replace(/^\\s+|\\s+$/gm,\\'\\'); // trim();\\n\\t\\t\\t// make sure the users inlineCss properly ends with a semicolon as we attach more styles later below\\n\\t\\t\\tif ( rowstyle && rowstyle.slice(-1) !== \\";\\" ){\\n\\t\\t\\t\\trowstyle += \\";\\";\\n\\t\\t\\t}\\n\\t\\t\\t", "126: ", "127: context.write(\\"\\n\\n\\t\\t\\t\\");", "128: ", "129: if ( paragraph.value(\\"breakout\\") == \\"1\\" ){ ", "130: ", "131: context.write(\\"\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\");", "136: ", "137: \\n\\t\\t\\t\\trowstyle = \\" width: 100%; margin: 0 auto; float: none;\\";\\n\\t\\t\\t} \\n\\t\\n\\t\\t\\trowstyle.replace(/^\\s+|\\s+$/gm,\\'\\'); // trim()\\n\\t\\t\\tif ( rowstyle ){\\n\\t\\t\\t\\trowstyle = \\' style=\\"\\' + rowstyle + \\'\\"\\';\\n\\t\\t\\t}\\n\\t\\t\\t\\n\\t\\t\\t// classes to hide row on specific device (and smaller)\\n\\t\\t\\tvar hideondeviceClass = \\"\\"; \\n\\t\\t\\tif ( paragraph.value(\\"hideondevice\\") && paragraph.value(\\"hideondevice\\") !== \\"\\" ){\\n\\t\\t\\t\\thideondeviceClass = \\" \\" + paragraph.value(\\"hideondevice\\") + \\" zpmobilehide\\";\\n\\t\\t\\t}\\n\\t\\t}\\n\\t\\t", "138: ", "139: context.write(\\"\\n\\t\\t\\t
>\\n\\n\\t\\t\\t\\");", "213: ", "214: \\t\\n\\t\\t\\tvar evenodd = \\"even\\";\\n\\t\\t\\tfor ( var icol = 0; icol < columns.count; ++icol ){\\n\\t\\t\\t\\tvar column = columns.item(icol);\\n\\t\\t\\t\\tvar articles = column.articles;\\n\\t\\t\\t\\tvar coid = column.id;\\n\\t\\t\\t\\tvar output = \\"\\";\\n\\t\\t\\t\\tvar isStyled = false;\\n\\t\\t\\t\\tvar selectorPrefix = \\"#container_\\" + cid + \\" \\";\\n\\t\\t\\t\\t\\n\\t\\t\\t\\tif ( column.value(\\"bgcolor\\", \\"\\") !== \\"\\" && column.value(\\"bgcolor\\", \\"\\") !== \\"transparent\\" ){\\n\\t\\t\\t\\t\\tvar cssSelector = \\"div.zpRow .zpColumn[data-column-id=\\'\\" + coid + \\"\\']\\";\\n\\t\\t\\t\\t\\toutput += cssSelector + \\"{\\";\\n\\t\\t\\t\\t\\toutput += \\"background-color: \\" + column.value(\\"bgcolor\\") + \\";\\";\\n\\t\\t\\t\\t\\toutput += \\"padding-top: 15px;\\";\\n\\t\\t\\t\\t\\toutput += \\"padding-bottom: 15px;\\";\\n\\t\\t\\t\\t\\toutput += \\"}\\n\\";\\n\\t\\t\\t\\t\\tisStyled = true;\\n\\t\\t\\t\\t}\\n\\t\\t\\t\\tif ( column.value(\\"fontcolor\\", \\"\\") !== \\"\\" && column.value(\\"fontcolor\\") !== \\"transparent\\" ){\\n\\t\\t\\t\\t\\tvar cssSelector = selectorPrefix + \\"div.zpRow .zpColumn[data-column-id=\\'\\" + coid + \\"\\']\\";\\n\\t\\t\\t\\t\\toutput += cssSelector;\\n\\t\\t\\t\\t\\toutput += \\", \\" + cssSelector + \\" p\\";\\n\\t\\t\\t\\t\\toutput += \\", \\" + cssSelector + \\" h1\\";\\n\\t\\t\\t\\t\\toutput += \\", \\" + cssSelector + \\" h2\\";\\n\\t\\t\\t\\t\\toutput += \\", \\" + cssSelector + \\" h3{\\";\\n\\t\\t\\t\\t\\toutput += \\"color: \\" + column.value(\\"fontcolor\\") + \\";\\";\\n\\t\\t\\t\\t\\toutput += \\"}\\n\\";\\n\\t\\t\\t\\t}\\n\\t\\t\\t\\tif ( column.value(\\"linkcolor\\", \\"\\") !== \\"\\" && column.value(\\"linkcolor\\") !== \\"transparent\\" ){\\n\\t\\t\\t\\t\\tvar cssSelector = selectorPrefix + \\"div.zpRow .zpColumn[data-column-id=\\'\\" + coid + \\"\\']\\";\\n\\t\\t\\t\\t\\toutput += \\"\\n\\n\\" + cssSelector + \\" a:not(.button)\\";\\n\\t\\t\\t\\t\\toutput += \\", \\" + cssSelector + \\" a:not(.button):hover{\\";\\n\\t\\t\\t\\t\\toutput += \\"color: \\" + column.value(\\"linkcolor\\") + \\";\\";\\n\\t\\t\\t\\t\\toutput += \\"}\\n\\";\\n\\t\\t\\t\\t}\\n\\t\\t\\t\\tif ( column.value(\\"align-self\\", \\"\\") !== \\"\\" ){\\n\\t\\t\\t\\t\\tvar cssSelector = \\"div.zpRow .zpColumn[data-column-id=\\'\\" + coid + \\"\\']\\";\\n\\t\\t\\t\\t\\toutput += cssSelector + \\"{\\";\\n\\t\\t\\t\\t\\toutput += \\"align-self: \\" + column.value(\\"align-self\\") + \\";\\";\\n\\t\\t\\t\\t\\toutput += \\"}\\n\\";\\n\\t\\t\\t\\t}\\n\\t\\t\\t\\tif ( output !== \\"\\" ){\\n\\t\\t\\t\\t\\tcssOutput += \\"\\n\\" + output.replace(/^\\s+|\\s+$/gm,\\'\\') + \\"\\n\\";\\n\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\n\\t\\t\\t\\tvar clearCss = column.value(\\"clearLeft\\") ? \\"clear: left;\\" : \\"\\";\\n\\t\\t\\t\\tif ( column.articles.count > 0 ){\\n\\t\\t\\t\\t\\tvar firstWidgetName = articles.item(0).widgetName;\\n\\t\\t\\t\\t} \\n\\t\\t\\t\\telse{\\n\\t\\t\\t\\t\\tvar firstWidgetName = \\"\\";\\n\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t// used in a className, alternate between even and odd, not taking into account zpSpacer-Columns\\n\\t\\t\\t\\tif( firstWidgetName !== \\"Spacer\\" ){\\n\\t\\t\\t\\t\\tif( evenodd === \\"even\\" ){\\n\\t\\t\\t\\t\\t\\tevenodd = \\"odd\\";\\n\\t\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\telse{\\n\\t\\t\\t\\t\\t\\tevenodd = \\"even\\";\\n\\t\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\tvar additionalColumnClass = \\" \\" + evenodd;\\n\\t\\t\\t\\t}\\n\\t\\t\\t\\telse{\\n\\t\\t\\t\\t\\tvar additionalColumnClass = \\"\\";\\n\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t// if a spacer-widget is alone in a column, we set a class .zpSpacer, so we can set the width of spacer-widgets responsively in zpgrid.less accordingly\\n\\t\\t\\t\\tif ( firstWidgetName == \\"Spacer\\" && column.articles.count < 2 ){\\n\\t\\t\\t\\t\\tadditionalColumnClass += \\" zpSpacer\\";\\n\\t\\t\\t\\t}\\n\\t\\t\\t\\telse if ( firstWidgetName == \\"Navigationsmenü\\" ){\\n\\t\\t\\t\\t\\tadditionalColumnClass += \\" zpnavmenu\\";\\n\\t\\t\\t\\t}\\n\\t\\t\\n\\t\\t\\t\\t// TODO move adding of missing classes to converter and remove next 4 lines\\n\\t\\t\\t\\tvar columnCssClass = column.cssClass;\\n\\t\\t\\t\\tif ( !column.cssClass || !column.cssClass.match(/\\bc[1-9][0-2]?\\b/) ){\\n\\t\\t\\t\\t\\tcolumnCssClass = \\"c\\" + String(Math.round(12 / columns.count - 0.1)) ;\\n\\t\\t\\t\\t}\\n\\t\\t\\t\\tvar columnInlineCss = column.inlineCss ? column.inlineCss+\\" \\" : \\"\\";\\n\\t\\t\\t\\tif ( showEmptyArticleAreas ){\\n\\t\\t\\t\\t\\tcolumnInlineCss = \\'\\'; // remove any inline-css if in xray-mode\\n\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\n\\t\\t\\t\\tif ( column.value(\\"clearLeft\\") ){\\n\\t\\t\\t\\t", "215: ", "216: context.write(\\"\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\");", "217: ", "218: } ", "219: ", "220: context.write(\\"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t
>\\n\\t\\n\\t\\t\\t\\t\\t\\");", "315: ", "316: \\t\\t\\t\\n\\t\\t\\t\\t\\tfor ( var iart = 0; iart < articles.count; ++iart ){\\n\\t\\t\\t\\t\\t\\tvar a = articles.item(iart);\\n\\t\\t\\t\\t\\t\\tif ( a.isAvailable || !system.preview){\\n\\t\\t\\t\\t\\t\\t\\tcontext.write(a.render());\\n\\t\\t\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\t\\telse{\\n\\t\\t\\t\\t\\t\\t\\t// rendered article is using a deleted widget\\n\\t\\t\\t\\t\\t\\t\\tcontext.write(system.partial(\\"deleted-widget.html\\", a.id));\\n\\t\\t\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\t", "317: ", "318: context.write(\\"\\n\\t\\t\\t\\t
\\n\\t\\n\\t\\t\\t\\");", "319: ", "320: \\n\\t\\t\\t}\\n\\t\\t\\t// insert zp-ad-box in last row of last container on impressum pages\\n\\t\\t\\tif ( system.isFreeware && areaName.toLowerCase() == \\"standard\\" && page.isSpecialPage(\\"legal\\") && icon == lastC && ipar == paragraphs.count-1 ){\\n\\t\\t\\t\\t", "321: ", "322: context.write(\\"\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t\\");", "323: ", "324: context.write( system.partial(\\"zpinfolegal.html\\") );", "325: ", "326: context.write(\\"\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\");", "327: ", "328: \\n\\t\\t\\t}\\n\\t\\t\\t", "329: ", "330: context.write(\\"\\n\\n\\t\\t\\t
\\n\\t\\t\\");", "331: ", "332: if ( articleCount > 0 && paragraph.value(\\"breakout\\") == \\"1\\" ){ ", "333: ", "334: context.write(\\"\\n\\t\\t
\\n\\t\\t\\");", "335: ", "336: } ", "337: ", "338: context.write(\\"\\n\\n\\t\\");", "339: ", "340: \\n\\t}\\n\\t\\n\\tcontext.write(\\"\\");\\n\\t\\n\\tif ( injectCss ){\\n\\t\\t// inject styles into head\\n\\t\\tsystem.addHtmlHeadElement(cssOutput);\\n\\t}\\n\\telse{\\n\\t\\tcontext.write(\\'
\\' + cssOutput + \\'
\\')\\n\\t}\\n}\\n", "341: ", "342: // End source file: \\'C:\\Users\\tobull\\AppData\\Local\\Zeta Producer 16\\packaging\\layouts\\_shared\\templates\\partials\\container.html\\'.", "343: };", "344: ", "345: /* Shortcuts. */", "346: article = context.article;", "347: page = context.page;", "348: projectFolder = context.projectFolder;", "349: project = context.project;", "350: system = context.system;", "351: ", "352: ", "353: new SE638260063274381940().executeScript();" }, LineNumber=110, ColumnNumber=3, SourceLine="\\t\\t\\tvar focusx = bgimg.focusPointX || 50;", Description="Objekt erforderlich", SourceFilePath="C:\\Users\\tobull\\AppData\\Local\\Zeta Producer 16\\packaging\\layouts\\_shared\\templates\\partials\\container.html", WasCanceled=False, Message="Objekt erforderlich", Data= [ ] , InnerException=SlimScriptEngineException { ExcepInfo=EXCEPINFO { }, Description="Objekt erforderlich", LineNumber=110, ColumnNumber=3, SourceLine="\\t\\t\\tvar focusx = bgimg.focusPointX || 50;", FullSourceCode="function SE638260063274381940() {}\\r\\n\\r\\n\\r\\nSE638260063274381940.prototype.executeScript = function(){\\r\\n// Start source file: \\'C:\\Users\\tobull\\AppData\\Local\\Zeta Producer 16\\packaging\\layouts\\_shared\\templates\\partials\\container.html\\'.\\r\\n\\r\\n\\nvar args = context.param(0, {});\\n\\nvar containerId\\t\\t\\t\\t= args[\\"containerId\\"] || 0;\\nvar injectCss \\t\\t\\t\\t= args[\\"injectCss\\"];\\nvar firstC \\t\\t\\t\\t\\t= args[\\"firstC\\"] || 0;\\nvar lastC \\t\\t\\t\\t\\t= args[\\"lastC\\"] || 0;\\nvar areaName \\t\\t\\t\\t= args[\\"areaName\\"] || \\"Standard\\";\\nvar areaNameLc \\t\\t\\t\\t= args[\\"areaNameLc\\"];\\nvar maxColumns \\t\\t\\t\\t= args[\\"maxColumns\\"] || \\"0\\";\\nvar cssRowClass \\t\\t\\t= args[\\"cssRowClass\\"] || \\"\\";\\nvar displayNumColumns \\t\\t= args[\\"displayNumColumns\\"] || \\"12\\"; // number of columns to display. We always calculate with 12, but can display less\\nvar cssAreaClass \\t\\t\\t= args[\\"cssAreaClass\\"] || \\"\\";\\nvar noBreakoutWithNews \\t\\t= args[\\"noBreakoutWithNews\\"];\\nvar hideIeForArea \\t\\t\\t= args[\\"hideIeForArea\\"];\\nvar canContainer \\t\\t\\t= args[\\"canContainer\\"];\\nvar showEmptyArticleAreas \\t= args[\\"showEmptyArticleAreas\\"];\\nvar hasNews \\t\\t\\t\\t= args[\\"hasNews\\"];\\nvar icon \\t\\t\\t\\t\\t= args[\\"icon\\"] || 0;\\nvar pageLang = args[\\"pageLang\\"] || \\"de\\";\\n\\nif ( maxColumns == \\"1\\" ){\\n\\tif ( cssRowClass == \\"\\" || cssRowClass == \\"noresize\\" ){\\n\\t\\tcssRowClass = \\"noresize\\";\\n\\t}\\n\\telse{\\n\\t\\tcssRowClass += \\" noresize\\";\\n\\t}\\n}\\n\\r\\n\\r\\n context.write(\\"\\n\\n\\");\\r\\n\\r\\n\\nif ( containerId !== 0 ){\\n\\tvar cssOutput = \\"\\";\\n\\tvar container = project.getContainer(containerId);\\n\\t\\n\\t// append container styles to head via css\\n\\tvar cid = container.id;\\n\\tvar output = \\"\\";\\n\\tvar\\tisSection = container.value(\\"issection\\") == \\"1\\";\\n\\tvar isStyled = false;\\n\\t\\n\\tif ( container.value(\\"fontcolor\\", \\"\\") !== \\"\\" && container.value(\\"fontcolor\\") !== \\"transparent\\" ){\\n\\t\\tvar cssSelector = \\"#container_\\" + cid;\\n\\t\\toutput = cssSelector;\\n\\t\\toutput += \\", \\" + cssSelector + \\" p\\";\\n\\t\\toutput += \\", \\" + cssSelector + \\" h1\\";\\n\\t\\toutput += \\", \\" + cssSelector + \\" h2\\";\\n\\t\\toutput += \\", \\" + cssSelector + \\" h3{\\";\\n\\t\\toutput += \\"color: \\" + container.value(\\"fontcolor\\") + \\";\\";\\n\\t\\toutput += \\"}\\n\\";\\n\\t}\\n\\tif ( container.value(\\"linkcolor\\", \\"\\") !== \\"\\" && container.value(\\"linkcolor\\") !== \\"transparent\\" ){\\n\\t\\tvar cssSelector = \\"#container_\\" + cid;\\n\\t\\toutput += \\"\\n\\n\\" + cssSelector + \\" a:not(.button):not(.fancybox):not(.zpSO-Uplink-Flat):not(.zpnolayoutlinkstyles)\\";\\n\\t\\toutput += \\", \\" + cssSelector + \\" a:not(.button):not(.fancybox):not(.zpSO-Uplink-Flat):not(.zpnolayoutlinkstyles):hover{\\";\\n\\t\\toutput += \\"color: \\" + container.value(\\"linkcolor\\") + \\";\\";\\n\\t\\toutput += \\"}\\n\\";\\n\\t}\\n\\tif ( container.value(\\"margin-top\\", \\"\\") !== \\"\\" || container.value(\\"margin-bottom\\", \\"\\") !== \\"\\" ){\\n\\t\\tvar cssSelector = \\"#container_\\" + cid;\\n\\t\\toutput += cssSelector + \\"{\\";\\n\\t\\tif ( container.value(\\"margin-top\\") ){\\n\\t\\t\\toutput += \\"margin-top: \\" + container.value(\\"margin-top\\") + \\" !important;\\";\\n\\t\\t}\\n\\t\\tif ( container.value(\\"margin-bottom\\") ){\\n\\t\\t\\toutput += \\"margin-bottom: \\" + container.value(\\"margin-bottom\\") + \\" !important;\\" ;\\n\\t\\t}\\n\\t\\toutput += \\"}\\n\\";\\n\\t}\\n\\tif ( container.value(\\"padding-top\\", \\"\\") !== \\"\\" || container.value(\\"padding-bottom\\", \\"\\") !== \\"\\" || container.value(\\"padding-left\\", \\"\\") !== \\"\\" || container.value(\\"padding-right\\", \\"\\") !== \\"\\"){\\n\\t\\tvar cssSelector = \\"#container_\\" + cid;\\n\\t\\toutput += cssSelector + \\"{\\";\\n\\t\\tif ( container.value(\\"padding-top\\") ){\\n\\t\\t\\toutput += \\"padding-top: \\" + container.value(\\"padding-top\\") + \\" !important;\\";\\n\\t\\t}\\n\\t\\tif ( container.value(\\"padding-bottom\\") ){\\n\\t\\t\\toutput += \\"padding-bottom: \\" + container.value(\\"padding-bottom\\") + \\" !important;\\";\\n\\t\\t}\\n\\t\\tif ( container.value(\\"padding-left\\") ){\\n\\t\\t\\toutput += \\"padding-left: \\" + container.value(\\"padding-left\\") + \\" !important;\\";\\n\\t\\t}\\n\\t\\tif ( container.value(\\"padding-right\\") ){\\n\\t\\t\\toutput += \\"padding-right: \\" + container.value(\\"padding-right\\") + \\" !important;\\";\\n\\t\\t}\\n\\t\\toutput += \\"}\\n\\";\\n\\t}\\n\\tif ( container.value(\\"bgcolor\\", \\"\\") !== \\"\\" && container.value(\\"bgcolor\\", \\"\\") !== \\"transparent\\" ){\\n\\t\\tisStyled = true;\\n\\t\\tvar cssSelector = \\"#container_\\" + cid;\\n\\t\\toutput += cssSelector + \\"{\\";\\n\\t\\toutput += \\"background-color: \\" + container.value(\\"bgcolor\\") + \\" !important;\\";\\n\\t\\toutput += \\"}\\n\\";\\n\\t}\\n\\tvar image = container.cssBackgroundImage(\\"bgimage\\");\\n\\tvar focusPointAttr = \\'\\';\\n\\tif ( image.imageUrl ){\\n\\t\\t// normales image-objekt aus cssBackgroundImage ermitteln\\n\\t\\tvar bgimg = project.getImage(image.imageUrl);\\n\\t\\tisStyled = true;\\n\\t\\t// wenn image.size \\"cover\\" ist und keine image.position gesetzt, bzw. diese \\"center center\\" (das Default) ist, fokuspunkt nutzen\\n\\t\\tif ( image.size == \\"cover\\" && image.position && (image.position == \\"\\" || image.position == \\"center center\\") ){\\n\\t\\t\\tvar focusx = bgimg.focusPointX || 50;\\n\\t\\t\\tvar focusy = bgimg.focusPointY || 50;\\n\\t\\t\\t\\n\\t\\t\\tfocusPointAttr = \\' data-focus-x=\\"\\' + focusx + \\'\\" data-focus-y=\\"\\' + focusy + \\'\\" data-image-w=\\"\\' + bgimg.workingCopyWidth + \\'\\" data-image-h=\\"\\' + bgimg.workingCopyHeight + \\'\\"\\';\\t\\n\\t\\t}\\n\\t\\t\\n\\t\\tvar cssSelector = \\"#container_\\" + cid;\\n\\t\\toutput += cssSelector + \\"{\\";\\n\\t\\t// temporary workaround to get \\"-large\\" working copy of image, as\\n\\t\\t// image.imageUrl returns only the contentCopy (small copy) of the image\\n\\t\\t\\tvar imageObject = project.getImage(image.imageUrl);\\n\\t\\t\\tif ( imageObject && imageObject.workingCopyPath && !imageObject.isSvgImage ){\\n\\t\\t\\t\\toutput += \\"background-image: url(\\" + imageObject.workingCopyPath + \\") !important;\\";\\n\\t\\t\\t}\\n\\t\\t\\telse{\\n\\t\\t\\t\\t// do not generate -large copy for SVG-Images\\n\\t\\t\\t\\toutput += \\"background-image: url(\\" + image.imageUrl + \\") !important;\\";\\n\\t\\t\\t}\\n\\t\\t//\\n\\t\\toutput += \\"background-repeat: \\" + image.repeat + \\" !important;\\";\\n\\t\\toutput += \\"background-size: \\" + image.size + \\" !important;\\";\\n\\t\\tif ( focusPointAttr == \\"\\" ) {\\n\\t\\t\\toutput += \\"background-position: \\" + (image.position !== \\"\\" ? image.position : \\"center center\\") + \\" !important;\\";\\n\\t\\t}\\n\\t\\telse{\\n\\t\\t\\t// wenn focus point genutzt wird, \\"!important\\" unbedingt weg lassen\\n\\t\\t\\toutput += \\"background-position: \\" + (image.position !== \\"\\" ? image.position : \\"center center\\") + \\";\\";\\n\\t\\t}\\n\\t\\toutput += \\"background-attachment: \\" + (image.attachment !== \\"\\" ? image.attachment : \\"scroll\\") + \\" !important;\\";\\n\\t\\toutput += \\"}\\n\\";\\n\\t}\\n\\t\\n\\tif ( output !== \\"\\" ){\\n\\t\\tcssOutput += \\"\\n\\" + output.replace(/^\\s+|\\s+$/gm,\\'\\') + \\"\\n\\";\\n\\t}\\n\\t\\n\\tvar containerstyle = container.inlineCss || \\"\\";\\n\\tif ( showEmptyArticleAreas ){\\n\\t\\tcontainerstyle = \\'\\'; // remove any inline-css if in xray-mode\\n\\t}\\n\\tcontainerstyle = containerstyle.toString().replace(/^\\s+|\\s+$/gm,\\'\\'); // trim()\\n\\n\\t// make sure the users inlineCss properly ends with a semicolon as we attach more styles later below\\n\\tif ( containerstyle && containerstyle.slice(-1) !== \\";\\" ){\\n\\t\\tcontainerstyle += \\";\\";\\n\\t}\\n\\tvar initialContainerstyle = containerstyle;\\n\\tcontainerstyle = containerstyle.replace(/^\\s+|\\s+$/gm,\\'\\'); // trim()\\n\\tif ( containerstyle ){\\n\\t\\tcontainerstyle = \\' style=\\"\\' + containerstyle + \\'\\"\\';\\n\\t}\\n\\t\\n\\tif ( noBreakoutWithNews && system.preview && container.value(\\"breakout\\") == \\"1\\" && hasNews ){\\n\\t\\tsystem.warn(\\"Die \\'Randlos-Option\\' für einen Container kann nicht berücksichtigt werden, weil der \\'Einfügen-Schalter\\' auf an steht oder die Seite auch Artikel im News-Bereich enthält.\\");\\n\\t}\\n\\t\\n\\tvar containerTag = \\"div\\";\\n\\tif ( isSection ){\\n\\t\\tcontainerTag = \\"section\\";\\n\\t}\\n\\t\\r\\n\\r\\n context.write(\\"\\n\\t\\t\\n\\t<\\");\\r\\n\\r\\ncontext.write( containerTag );\\r\\n\\r\\n context.write(\\" id=\\\\"container_\\");\\r\\n\\r\\ncontext.write( container.id );\\r\\n\\r\\n context.write(\\"\\\\"\\");\\r\\n\\r\\ncontext.write( focusPointAttr );\\r\\n\\r\\n context.write(\\" class=\\\\"zpContainer\\");\\r\\n\\r\\n if (icon==firstC){\\r\\n\\r\\n context.write(\\" first\\");\\r\\n\\r\\n}\\r\\n\\r\\n\\r\\n if (icon==lastC){\\r\\n\\r\\n context.write(\\" last\\");\\r\\n\\r\\n}\\r\\n\\r\\n\\r\\n if( container.value(\\"animate\\", \\"\\") !== \\"\\" && container.value(\\"animate\\") !== \\"off\\" ){ \\r\\n\\r\\n context.write(\\" zpanimate \\");\\r\\n\\r\\ncontext.write( container.value(\\"animate\\"));\\r\\n\\r\\n\\r\\n } \\r\\n\\r\\n\\r\\n if( isStyled ){ \\r\\n\\r\\n context.write(\\" styled\\");\\r\\n\\r\\n } \\r\\n\\r\\n context.write(\\" \\");\\r\\n\\r\\n if ( container.value(\\"breakout\\") == \\"1\\" ){ \\r\\n\\r\\n context.write(\\"zpBreakout \\");\\r\\n\\r\\n } \\r\\n\\r\\n\\r\\n if( noBreakoutWithNews && hasNews ) { \\r\\n\\r\\n context.write(\\" hasNews\\");\\r\\n\\r\\n } \\r\\n\\r\\n\\r\\n if( focusPointAttr !== \\"\\" ) { \\r\\n\\r\\n context.write(\\" zpfocal\\");\\r\\n\\r\\n } \\r\\n\\r\\n context.write(\\" \\");\\r\\n\\r\\ncontext.write( container.cssClass );\\r\\n\\r\\n context.write(\\"\\\\"\\");\\r\\n\\r\\ncontext.write( containerstyle );\\r\\n\\r\\n context.write(\\" \\n\\t\\t data-zpeleel=\\\\"container\\\\" data-zpleid=\\\\"\\");\\r\\n\\r\\ncontext.write( container.id );\\r\\n\\r\\n context.write(\\"\\\\">\\n\\t\\n\\t\\");\\r\\n\\r\\n\\n\\tvar paragraphs = container.paragraphs;\\n\\n\\tfor ( var ipar = 0; ipar < paragraphs.count; ++ipar ){\\n\\t\\tvar additionalRowClass = \\"\\";\\n\\t\\tvar paragraph = paragraphs.item(ipar);\\n\\t\\tvar columns = paragraph.columns;\\n\\n\\t\\t// if current paragraph doesn\\'t contain articles, we skip the loop, so we don\\'t print empty paragraphs\\n\\t\\t// we do not skip when on impressum page and the container ist the last one, as we need to insert freeware content\\n\\t\\tvar articleCount = paragraph.articles.count;\\n\\t\\tif ( articleCount < 1 && !(icon == lastC && page.isSpecialPage(\\"legal\\")) ){\\n\\t\\t\\tcontinue;\\n\\t\\t}\\n\\t\\telse if ( articleCount > 0 ){\\n\\t\\t\\t// set special rowClass for Articles which are not visible, so we can remove any margins which might not be desired\\n\\t\\t\\tvar firstWidgetName = paragraph.articles.item(0).widgetName;\\n\\t\\t\\n\\t\\t\\tswitch(firstWidgetName) {\\n\\t\\t\\t\\tcase \\"Info-Banner\\":\\n\\t\\t\\t\\t\\tadditionalRowClass = \\" alertbanner\\";\\n\\t\\t\\t\\t\\tbreak;\\n\\t\\t\\t\\tcase \\"Quelltext\\":\\n\\t\\t\\t\\t\\tadditionalRowClass = \\" quelltext\\";\\n\\t\\t\\t\\t\\tbreak;\\n\\t\\t\\t\\tcase \\"Slider\\":\\n\\t\\t\\t\\t\\tadditionalRowClass = \\" zpwSlider\\";\\n\\t\\t\\t\\t\\tbreak;\\n\\t\\t\\t\\tcase \\"Carousel\\":\\n\\t\\t\\t\\t\\tadditionalRowClass = \\" zpwCarousel\\";\\n\\t\\t\\t\\t\\tbreak;\\n\\t\\t\\t\\tcase \\"Navigationsmenü\\":\\n\\t\\t\\t\\t\\tif ( paragraph.articles.item(0).value(\\"menufixed\\") ){\\n\\t\\t\\t\\t\\t\\tadditionalRowClass = \\" zpwNavmenu zpwNavmenuFixed\\";\\n\\t\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\telse{\\n\\t\\t\\t\\t\\t\\tadditionalRowClass = \\" zpwNavmenu\\";\\n\\t\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\tbreak;\\n\\t\\t\\t\\tcase \\"Navigationsmenü manuell\\":\\n\\t\\t\\t\\t\\tif ( paragraph.articles.item(0).value(\\"menufixed\\") ){\\n\\t\\t\\t\\t\\t\\tadditionalRowClass = \\" zpwNavmenu zpwNavmenuFixed\\";\\n\\t\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\telse{\\n\\t\\t\\t\\t\\t\\tadditionalRowClass = \\" zpwNavmenu\\";\\n\\t\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\tbreak;\\n\\t\\t\\t\\tcase \\"Video-Hintergrund\\":\\n\\t\\t\\t\\t\\tadditionalRowClass = \\" zpvideobg\\";\\n\\t\\t\\t\\t\\tbreak;\\n\\t\\t\\t}\\n\\t\\t\\t\\n\\t\\t\\t// append row styles to head via css\\n\\t\\t\\tvar rid = paragraph.id;\\n\\t\\t\\tvar output = \\"\\";\\n\\t\\t\\tif ( paragraph.value(\\"margin-top\\", \\"\\") !== \\"\\" || paragraph.value(\\"margin-bottom\\", \\"\\") !== \\"\\"){\\n\\t\\t\\t\\tvar cssSelector = \\".zpRow[data-row-id=\\\\"\\" + rid + \\"\\\\"], .zpRow:first-child[data-row-id=\\\\"\\" + rid + \\"\\\\"], .zpRow:last-child[data-row-id=\\\\"\\" + rid + \\"\\\\"]\\";\\n\\t\\t\\t\\toutput += cssSelector + \\"{\\";\\n\\t\\t\\t\\tif ( paragraph.value(\\"margin-top\\") ){\\n\\t\\t\\t\\t\\toutput += \\"margin-top: \\" + paragraph.value(\\"margin-top\\", \\"initial\\") + \\" !important;\\";\\n\\t\\t\\t\\t}\\n\\t\\t\\t\\tif ( paragraph.value(\\"margin-bottom\\") ){\\n\\t\\t\\t\\t\\toutput += \\"margin-bottom: \\" + paragraph.value(\\"margin-bottom\\", \\"initial\\") + \\" !important;\\" ;\\n\\t\\t\\t\\t}\\n\\t\\t\\t\\toutput += \\"}\\n\\";\\n\\t\\t\\t}\\n\\t\\t\\tif ( paragraph.value(\\"padding-top\\", \\"\\") !== \\"\\" || paragraph.value(\\"padding-bottom\\", \\"\\") !== \\"\\" || paragraph.value(\\"padding-left\\", \\"\\") !== \\"\\" || paragraph.value(\\"padding-right\\", \\"\\") !== \\"\\" ){\\n\\t\\t\\t\\tvar cssSelector = \\".zpRow[data-row-id=\\\\"\\" + rid + \\"\\\\"]\\";\\n\\t\\t\\t\\toutput += cssSelector + \\"{\\";\\n\\t\\t\\t\\tif ( paragraph.value(\\"padding-top\\") ){\\n\\t\\t\\t\\t\\toutput += \\"padding-top: \\" + paragraph.value(\\"padding-top\\") + \\" !important;\\";\\n\\t\\t\\t\\t}\\n\\t\\t\\t\\tif ( paragraph.value(\\"padding-bottom\\") ){\\n\\t\\t\\t\\t\\toutput += \\"padding-bottom: \\" + paragraph.value(\\"padding-bottom\\") + \\" !important;\\";\\n\\t\\t\\t\\t}\\n\\t\\t\\t\\tif ( paragraph.value(\\"padding-left\\") ){\\n\\t\\t\\t\\t\\toutput += \\"padding-left: \\" + paragraph.value(\\"padding-left\\") + \\" !important;\\";\\n\\t\\t\\t\\t}\\n\\t\\t\\t\\tif ( paragraph.value(\\"padding-right\\") ){\\n\\t\\t\\t\\t\\toutput += \\"padding-right: \\" + paragraph.value(\\"padding-right\\") + \\" !important;\\";\\n\\t\\t\\t\\t}\\n\\t\\t\\t\\toutput += \\"}\\n\\";\\n\\t\\t\\t}\\n\\t\\t\\tif ( paragraph.value(\\"bgcolor\\", \\"\\") !== \\"\\" && paragraph.value(\\"bgcolor\\", \\"\\") !== \\"transparent\\" ){\\n\\t\\t\\t\\tvar cssSelector = \\".zpRow[data-row-id=\\\\"\\" + rid + \\"\\\\"]\\";\\n\\t\\t\\t\\toutput += cssSelector + \\"{\\";\\n\\t\\t\\t\\toutput += \\"background-color: \\" + paragraph.value(\\"bgcolor\\") + \\" !important;\\";\\n\\t\\t\\t\\toutput += \\"}\\n\\";\\n\\t\\t\\t}\\n\\t\\t\\tvar pimage = paragraph.cssBackgroundImage(\\"bgimage\\");\\n\\t\\t\\tif ( pimage.imageUrl ){\\n\\t\\t\\t\\tvar cssSelector = \\".zpRow[data-row-id=\\\\"\\" + rid + \\"\\\\"]\\";\\n\\t\\t\\t\\toutput += cssSelector + \\"{\\";\\n\\t\\t\\t\\toutput += \\"background-image: url(\\" + pimage.imageUrl + \\") !important;\\";\\n\\t\\t\\t\\toutput += \\"background-repeat: \\" + pimage.repeat + \\" !important;\\";\\n\\t\\t\\t\\toutput += \\"background-size: \\" + pimage.size + \\" !important;\\";\\n\\t\\t\\t\\toutput += \\"background-position: \\" + (pimage.position !== \\"\\" ? pimage.position : \\"center center\\") + \\" !important;\\";\\n\\t\\t\\t\\toutput += \\"background-attachment: \\" + (pimage.attachment !== \\"\\" ? pimage.attachment : \\"scroll\\") + \\";\\";\\n\\t\\t\\t\\toutput += \\"}\\n\\";\\n\\t\\t\\t}\\n\\t\\t\\tif ( paragraph.value(\\"justifycontent\\", \\"\\") !== \\"\\" ){\\n\\t\\t\\t\\tvar cssSelector = \\".zpRow[data-row-id=\\\\"\\" + rid + \\"\\\\"]\\";\\n\\t\\t\\t\\toutput += cssSelector + \\"{\\";\\n\\t\\t\\t\\toutput += \\"justify-content: \\" + paragraph.value(\\"justifycontent\\") + \\";\\";\\n\\t\\t\\t\\toutput += \\"}\\n\\";\\n\\t\\t\\t}\\n\\t\\t\\n\\t\\t\\tif ( output !== \\"\\" ){\\n\\t\\t\\t\\tcssOutput += \\"\\n\\" + output.replace(/^\\s+|\\s+$/gm,\\'\\') + \\"\\n\\";\\n\\t\\t\\t}\\n\\t\\t\\n\\t\\t\\t// paragraph styles\\n\\t\\t\\tvar rowstyle = paragraph.inlineCss || \\"\\";\\n\\t\\t\\tif ( showEmptyArticleAreas ){\\n\\t\\t\\t\\trowstyle = \\'\\'; // remove any inline-css if in xray-mode\\n\\t\\t\\t}\\n\\t\\t\\trowstyle = rowstyle.toString().replace(/^\\s+|\\s+$/gm,\\'\\'); // trim();\\n\\t\\t\\t// make sure the users inlineCss properly ends with a semicolon as we attach more styles later below\\n\\t\\t\\tif ( rowstyle && rowstyle.slice(-1) !== \\";\\" ){\\n\\t\\t\\t\\trowstyle += \\";\\";\\n\\t\\t\\t}\\n\\t\\t\\t\\r\\n\\r\\n context.write(\\"\\n\\n\\t\\t\\t\\");\\r\\n\\r\\n if ( paragraph.value(\\"breakout\\") == \\"1\\" ){ \\r\\n\\r\\n context.write(\\"\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\");\\r\\n\\r\\n \\n\\t\\t\\t\\trowstyle = \\" width: 100%; margin: 0 auto; float: none;\\";\\n\\t\\t\\t} \\n\\t\\n\\t\\t\\trowstyle.replace(/^\\s+|\\s+$/gm,\\'\\'); // trim()\\n\\t\\t\\tif ( rowstyle ){\\n\\t\\t\\t\\trowstyle = \\' style=\\"\\' + rowstyle + \\'\\"\\';\\n\\t\\t\\t}\\n\\t\\t\\t\\n\\t\\t\\t// classes to hide row on specific device (and smaller)\\n\\t\\t\\tvar hideondeviceClass = \\"\\"; \\n\\t\\t\\tif ( paragraph.value(\\"hideondevice\\") && paragraph.value(\\"hideondevice\\") !== \\"\\" ){\\n\\t\\t\\t\\thideondeviceClass = \\" \\" + paragraph.value(\\"hideondevice\\") + \\" zpmobilehide\\";\\n\\t\\t\\t}\\n\\t\\t}\\n\\t\\t\\r\\n\\r\\n context.write(\\"\\n\\t\\t\\t
>\\n\\n\\t\\t\\t\\");\\r\\n\\r\\n\\t\\n\\t\\t\\tvar evenodd = \\"even\\";\\n\\t\\t\\tfor ( var icol = 0; icol < columns.count; ++icol ){\\n\\t\\t\\t\\tvar column = columns.item(icol);\\n\\t\\t\\t\\tvar articles = column.articles;\\n\\t\\t\\t\\tvar coid = column.id;\\n\\t\\t\\t\\tvar output = \\"\\";\\n\\t\\t\\t\\tvar isStyled = false;\\n\\t\\t\\t\\tvar selectorPrefix = \\"#container_\\" + cid + \\" \\";\\n\\t\\t\\t\\t\\n\\t\\t\\t\\tif ( column.value(\\"bgcolor\\", \\"\\") !== \\"\\" && column.value(\\"bgcolor\\", \\"\\") !== \\"transparent\\" ){\\n\\t\\t\\t\\t\\tvar cssSelector = \\"div.zpRow .zpColumn[data-column-id=\\'\\" + coid + \\"\\']\\";\\n\\t\\t\\t\\t\\toutput += cssSelector + \\"{\\";\\n\\t\\t\\t\\t\\toutput += \\"background-color: \\" + column.value(\\"bgcolor\\") + \\";\\";\\n\\t\\t\\t\\t\\toutput += \\"padding-top: 15px;\\";\\n\\t\\t\\t\\t\\toutput += \\"padding-bottom: 15px;\\";\\n\\t\\t\\t\\t\\toutput += \\"}\\n\\";\\n\\t\\t\\t\\t\\tisStyled = true;\\n\\t\\t\\t\\t}\\n\\t\\t\\t\\tif ( column.value(\\"fontcolor\\", \\"\\") !== \\"\\" && column.value(\\"fontcolor\\") !== \\"transparent\\" ){\\n\\t\\t\\t\\t\\tvar cssSelector = selectorPrefix + \\"div.zpRow .zpColumn[data-column-id=\\'\\" + coid + \\"\\']\\";\\n\\t\\t\\t\\t\\toutput += cssSelector;\\n\\t\\t\\t\\t\\toutput += \\", \\" + cssSelector + \\" p\\";\\n\\t\\t\\t\\t\\toutput += \\", \\" + cssSelector + \\" h1\\";\\n\\t\\t\\t\\t\\toutput += \\", \\" + cssSelector + \\" h2\\";\\n\\t\\t\\t\\t\\toutput += \\", \\" + cssSelector + \\" h3{\\";\\n\\t\\t\\t\\t\\toutput += \\"color: \\" + column.value(\\"fontcolor\\") + \\";\\";\\n\\t\\t\\t\\t\\toutput += \\"}\\n\\";\\n\\t\\t\\t\\t}\\n\\t\\t\\t\\tif ( column.value(\\"linkcolor\\", \\"\\") !== \\"\\" && column.value(\\"linkcolor\\") !== \\"transparent\\" ){\\n\\t\\t\\t\\t\\tvar cssSelector = selectorPrefix + \\"div.zpRow .zpColumn[data-column-id=\\'\\" + coid + \\"\\']\\";\\n\\t\\t\\t\\t\\toutput += \\"\\n\\n\\" + cssSelector + \\" a:not(.button)\\";\\n\\t\\t\\t\\t\\toutput += \\", \\" + cssSelector + \\" a:not(.button):hover{\\";\\n\\t\\t\\t\\t\\toutput += \\"color: \\" + column.value(\\"linkcolor\\") + \\";\\";\\n\\t\\t\\t\\t\\toutput += \\"}\\n\\";\\n\\t\\t\\t\\t}\\n\\t\\t\\t\\tif ( column.value(\\"align-self\\", \\"\\") !== \\"\\" ){\\n\\t\\t\\t\\t\\tvar cssSelector = \\"div.zpRow .zpColumn[data-column-id=\\'\\" + coid + \\"\\']\\";\\n\\t\\t\\t\\t\\toutput += cssSelector + \\"{\\";\\n\\t\\t\\t\\t\\toutput += \\"align-self: \\" + column.value(\\"align-self\\") + \\";\\";\\n\\t\\t\\t\\t\\toutput += \\"}\\n\\";\\n\\t\\t\\t\\t}\\n\\t\\t\\t\\tif ( output !== \\"\\" ){\\n\\t\\t\\t\\t\\tcssOutput += \\"\\n\\" + output.replace(/^\\s+|\\s+$/gm,\\'\\') + \\"\\n\\";\\n\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\n\\t\\t\\t\\tvar clearCss = column.value(\\"clearLeft\\") ? \\"clear: left;\\" : \\"\\";\\n\\t\\t\\t\\tif ( column.articles.count > 0 ){\\n\\t\\t\\t\\t\\tvar firstWidgetName = articles.item(0).widgetName;\\n\\t\\t\\t\\t} \\n\\t\\t\\t\\telse{\\n\\t\\t\\t\\t\\tvar firstWidgetName = \\"\\";\\n\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t// used in a className, alternate between even and odd, not taking into account zpSpacer-Columns\\n\\t\\t\\t\\tif( firstWidgetName !== \\"Spacer\\" ){\\n\\t\\t\\t\\t\\tif( evenodd === \\"even\\" ){\\n\\t\\t\\t\\t\\t\\tevenodd = \\"odd\\";\\n\\t\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\telse{\\n\\t\\t\\t\\t\\t\\tevenodd = \\"even\\";\\n\\t\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\tvar additionalColumnClass = \\" \\" + evenodd;\\n\\t\\t\\t\\t}\\n\\t\\t\\t\\telse{\\n\\t\\t\\t\\t\\tvar additionalColumnClass = \\"\\";\\n\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t// if a spacer-widget is alone in a column, we set a class .zpSpacer, so we can set the width of spacer-widgets responsively in zpgrid.less accordingly\\n\\t\\t\\t\\tif ( firstWidgetName == \\"Spacer\\" && column.articles.count < 2 ){\\n\\t\\t\\t\\t\\tadditionalColumnClass += \\" zpSpacer\\";\\n\\t\\t\\t\\t}\\n\\t\\t\\t\\telse if ( firstWidgetName == \\"Navigationsmenü\\" ){\\n\\t\\t\\t\\t\\tadditionalColumnClass += \\" zpnavmenu\\";\\n\\t\\t\\t\\t}\\n\\t\\t\\n\\t\\t\\t\\t// TODO move adding of missing classes to converter and remove next 4 lines\\n\\t\\t\\t\\tvar columnCssClass = column.cssClass;\\n\\t\\t\\t\\tif ( !column.cssClass || !column.cssClass.match(/\\bc[1-9][0-2]?\\b/) ){\\n\\t\\t\\t\\t\\tcolumnCssClass = \\"c\\" + String(Math.round(12 / columns.count - 0.1)) ;\\n\\t\\t\\t\\t}\\n\\t\\t\\t\\tvar columnInlineCss = column.inlineCss ? column.inlineCss+\\" \\" : \\"\\";\\n\\t\\t\\t\\tif ( showEmptyArticleAreas ){\\n\\t\\t\\t\\t\\tcolumnInlineCss = \\'\\'; // remove any inline-css if in xray-mode\\n\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\n\\t\\t\\t\\tif ( column.value(\\"clearLeft\\") ){\\n\\t\\t\\t\\t\\r\\n\\r\\n context.write(\\"\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\");\\r\\n\\r\\n } \\r\\n\\r\\n context.write(\\"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t
>\\n\\t\\n\\t\\t\\t\\t\\t\\");\\r\\n\\r\\n\\t\\t\\t\\n\\t\\t\\t\\t\\tfor ( var iart = 0; iart < articles.count; ++iart ){\\n\\t\\t\\t\\t\\t\\tvar a = articles.item(iart);\\n\\t\\t\\t\\t\\t\\tif ( a.isAvailable || !system.preview){\\n\\t\\t\\t\\t\\t\\t\\tcontext.write(a.render());\\n\\t\\t\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\t\\telse{\\n\\t\\t\\t\\t\\t\\t\\t// rendered article is using a deleted widget\\n\\t\\t\\t\\t\\t\\t\\tcontext.write(system.partial(\\"deleted-widget.html\\", a.id));\\n\\t\\t\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\t\\r\\n\\r\\n context.write(\\"\\n\\t\\t\\t\\t
\\n\\t\\n\\t\\t\\t\\");\\r\\n\\r\\n\\n\\t\\t\\t}\\n\\t\\t\\t// insert zp-ad-box in last row of last container on impressum pages\\n\\t\\t\\tif ( system.isFreeware && areaName.toLowerCase() == \\"standard\\" && page.isSpecialPage(\\"legal\\") && icon == lastC && ipar == paragraphs.count-1 ){\\n\\t\\t\\t\\t\\r\\n\\r\\n context.write(\\"\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t\\");\\r\\n\\r\\ncontext.write( system.partial(\\"zpinfolegal.html\\") );\\r\\n\\r\\n context.write(\\"\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\");\\r\\n\\r\\n\\n\\t\\t\\t}\\n\\t\\t\\t\\r\\n\\r\\n context.write(\\"\\n\\n\\t\\t\\t
\\n\\t\\t\\");\\r\\n\\r\\n if ( articleCount > 0 && paragraph.value(\\"breakout\\") == \\"1\\" ){ \\r\\n\\r\\n context.write(\\"\\n\\t\\t
\\n\\t\\t\\");\\r\\n\\r\\n } \\r\\n\\r\\n context.write(\\"\\n\\n\\t\\");\\r\\n\\r\\n\\n\\t}\\n\\t\\n\\tcontext.write(\\"\\");\\n\\t\\n\\tif ( injectCss ){\\n\\t\\t// inject styles into head\\n\\t\\tsystem.addHtmlHeadElement(cssOutput);\\n\\t}\\n\\telse{\\n\\t\\tcontext.write(\\'
\\' + cssOutput + \\'
\\')\\n\\t}\\n}\\n\\r\\n\\r\\n// End source file: \\'C:\\Users\\tobull\\AppData\\Local\\Zeta Producer 16\\packaging\\layouts\\_shared\\templates\\partials\\container.html\\'.\\r\\n};\\r\\n\\r\\n/* Shortcuts. */\\r\\narticle = context.article;\\r\\npage = context.page;\\r\\nprojectFolder = context.projectFolder;\\r\\nproject = context.project;\\r\\nsystem = context.system;\\r\\n\\r\\n\\r\\nnew SE638260063274381940().executeScript();\\r\\n", SourceContext=0, WasCanceled=False, Message="Objekt erforderlich", Data= [ "COM Exception" = COMException { ErrorCode=-2147352319, Message="Ausnahme von HRESULT: 0x80020101", Data= [ ] , InnerException=null, TargetSite=RuntimeMethodInfo: ParseScriptText, StackTrace=" bei ZetaProducer.SuperSlimScriptingEngine.Infrastructure.IActiveScriptParse64.ParseScriptText(String code, String itemName, Object context, String delimiter, IntPtr sourceContextCookie, UInt32 startingLineNumber, ScriptText flags, IntPtr result, EXCEPINFO& exceptionInfo)\\r\\n bei ZetaProducer.SuperSlimScriptingEngine.Infrastructure.ActiveScriptParseWrapper.ParseScriptText(String code, String itemName, Object context, String delimiter, IntPtr sourceContextCookie, UInt32 startingLineNumber, ScriptText flags, IntPtr result, EXCEPINFO& exceptionInfo) in c:\\P\\ukeim\\zp-develop\\ZetaProducerMain\\Source\\Core\\SuperSlimScriptingEngine\\Infrastructure\\ActiveScriptComInterfaces.cs:Zeile 383.\\r\\n bei ZetaProducer.SuperSlimScriptingEngine.SlimScriptEngine.doExecute(String script) in c:\\P\\ukeim\\zp-develop\\ZetaProducerMain\\Source\\Core\\SuperSlimScriptingEngine\\SlimScriptEngine.cs:Zeile 115.", HelpLink=null, Source="ZetaProducer.SuperSlimScriptingEngine", HResult=-2147352319 } ] , InnerException=null, TargetSite=RuntimeMethodInfo: Throw, StackTrace=" bei System.Runtime.ExceptionServices.ExceptionDispatchInfo.Throw()\\r\\n bei ZetaProducer.SuperSlimScriptingEngine.SlimScriptEngine.doExecute(String script) in c:\\P\\ukeim\\zp-develop\\ZetaProducerMain\\Source\\Core\\SuperSlimScriptingEngine\\SlimScriptEngine.cs:Zeile 171.\\r\\n bei ZetaProducer.SuperSlimScriptingEngine.SlimScriptEngine.Execute(String script) in c:\\P\\ukeim\\zp-develop\\ZetaProducerMain\\Source\\Core\\SuperSlimScriptingEngine\\SlimScriptEngine.cs:Zeile 68.\\r\\n bei ZetaProducer.RuntimeBusinessLogic.Rendering.Scripting.Engine.RenderingInterpreterHelper.GuardEngineRun(SlimScriptEngine engine, String scriptToExecute, RenderingContext renderingContext, String runString) in c:\\P\\ukeim\\zp-develop\\ZetaProducerMain\\Source\\Core\\RuntimeBusinessLogic\\Rendering\\Scripting\\Engine\\RenderingInterpreterHelper.cs:Zeile 169.", HelpLink=null, Source="ActiveScriptSite.ScriptError", HResult=-2146233088 }, TargetSite=RuntimeMethodInfo: ThrowHostException, StackTrace=" bei ZetaProducer.SuperSlimScriptingEngine.SlimScriptEngine.ThrowHostException(Exception exception) in c:\\P\\ukeim\\zp-develop\\ZetaProducerMain\\Source\\Core\\SuperSlimScriptingEngine\\SlimScriptEngine.cs:Zeile 104.\\r\\n bei ZetaProducer.RuntimeBusinessLogic.Rendering.Scripting.Engine.RenderingInterpreterHelper.GuardEngineRun(SlimScriptEngine engine, String scriptToExecute, RenderingContext renderingContext, String runString) in c:\\P\\ukeim\\zp-develop\\ZetaProducerMain\\Source\\Core\\RuntimeBusinessLogic\\Rendering\\Scripting\\Engine\\RenderingInterpreterHelper.cs:Zeile 214.\\r\\n bei ZetaProducer.RuntimeBusinessLogic.Rendering.Scripting.Engine.RenderingInterpreter.doRun(RenderingContext renderingContext, String runString) in c:\\P\\ukeim\\zp-develop\\ZetaProducerMain\\Source\\Core\\RuntimeBusinessLogic\\Rendering\\Scripting\\Engine\\RenderingInterpreter.cs:Zeile 48.\\r\\n bei ZetaProducer.RuntimeBusinessLogic.Rendering.Scripting.Engine.RenderingInterpreter.Run(RenderingContext renderingContext, String runString) in c:\\P\\ukeim\\zp-develop\\ZetaProducerMain\\Source\\Core\\RuntimeBusinessLogic\\Rendering\\Scripting\\Engine\\RenderingInterpreter.cs:Zeile 21.\\r\\n bei ZetaProducer.RuntimeBusinessLogic.Rendering.Scripting.HighLevel.RenderingScriptProcessor.Process(String textToProcess) in c:\\P\\ukeim\\zp-develop\\ZetaProducerMain\\Source\\Core\\RuntimeBusinessLogic\\Rendering\\Scripting\\HighLevel\\RenderingScriptProcessor.cs:Zeile 24.\\r\\n bei ZetaProducer.RuntimeBusinessLogic.Rendering.Macros.RenderingScriptingMacrosNew.doProcess(String textToProcess) in c:\\P\\ukeim\\zp-develop\\ZetaProducerMain\\Source\\Core\\RuntimeBusinessLogic\\Rendering\\Macros\\RenderingScriptingMacrosNew.cs:Zeile 37.\\r\\n bei ZetaProducer.RuntimeBusinessLogic.Rendering.Macros.RenderingScriptingMacrosNew.Process(String textToProcess) in c:\\P\\ukeim\\zp-develop\\ZetaProducerMain\\Source\\Core\\RuntimeBusinessLogic\\Rendering\\Macros\\RenderingScriptingMacrosNew.cs:Zeile 25.\\r\\n bei ZetaProducer.RuntimeBusinessLogic.Rendering.Core.RenderingDispatcher.doProcess(String textToProcess) in c:\\P\\ukeim\\zp-develop\\ZetaProducerMain\\Source\\Core\\RuntimeBusinessLogic\\Rendering\\Core\\RenderingDispatcher.cs:Zeile 48.\\r\\n bei ZetaProducer.RuntimeBusinessLogic.Rendering.Core.RenderingDispatcher.Process(String textToProcess) in c:\\P\\ukeim\\zp-develop\\ZetaProducerMain\\Source\\Core\\RuntimeBusinessLogic\\Rendering\\Core\\RenderingDispatcher.cs:Zeile 31.\\r\\n bei ZetaProducer.RuntimeBusinessLogic.Rendering.Scripting.Dom.SystemScriptObject.doDispatch(String textToProcess, String filePath, Dictionary`2 values) in c:\\P\\ukeim\\zp-develop\\ZetaProducerMain\\Source\\Core\\RuntimeBusinessLogic\\Rendering\\Scripting\\Dom\\SystemScriptObject.cs:Zeile 369.\\r\\n bei ZetaProducer.RuntimeBusinessLogic.Rendering.Scripting.Dom.SystemScriptObject.partial(String includeRelativeFilePath, Object arguments00, Object arguments01, Object arguments02, Object arguments03, Object arguments04, Object arguments05, Object arguments06, Object arguments07, Object arguments08, Object arguments09, Object arguments10, Object arguments11, Object arguments12) in c:\\P\\ukeim\\zp-develop\\ZetaProducerMain\\Source\\Core\\RuntimeBusinessLogic\\Rendering\\Scripting\\Dom\\SystemScriptObject.Partials.cs:Zeile 77.", HelpLink=null, Source="function SE638260063274381940() {}\\r\\n\\r\\n\\r\\nSE638260063274381940.prototype.executeScript = function(){\\r\\n// Start source file: \\'C:\\Users\\tobull\\AppData\\Local\\Zeta Producer 16\\packaging\\layouts\\_shared\\templates\\partials\\container.html\\'.\\r\\n\\r\\n\\nvar args = context.param(0, {});\\n\\nvar containerId\\t\\t\\t\\t= args[\\"containerId\\"] || 0;\\nvar injectCss \\t\\t\\t\\t= args[\\"injectCss\\"];\\nvar firstC \\t\\t\\t\\t\\t= args[\\"firstC\\"] || 0;\\nvar lastC \\t\\t\\t\\t\\t= args[\\"lastC\\"] || 0;\\nvar areaName \\t\\t\\t\\t= args[\\"areaName\\"] || \\"Standard\\";\\nvar areaNameLc \\t\\t\\t\\t= args[\\"areaNameLc\\"];\\nvar maxColumns \\t\\t\\t\\t= args[\\"maxColumns\\"] || \\"0\\";\\nvar cssRowClass \\t\\t\\t= args[\\"cssRowClass\\"] || \\"\\";\\nvar displayNumColumns \\t\\t= args[\\"displayNumColumns\\"] || \\"12\\"; // number of columns to display. We always calculate with 12, but can display less\\nvar cssAreaClass \\t\\t\\t= args[\\"cssAreaClass\\"] || \\"\\";\\nvar noBreakoutWithNews \\t\\t= args[\\"noBreakoutWithNews\\"];\\nvar hideIeForArea \\t\\t\\t= args[\\"hideIeForArea\\"];\\nvar canContainer \\t\\t\\t= args[\\"canContainer\\"];\\nvar showEmptyArticleAreas \\t= args[\\"showEmptyArticleAreas\\"];\\nvar hasNews \\t\\t\\t\\t= args[\\"hasNews\\"];\\nvar icon \\t\\t\\t\\t\\t= args[\\"icon\\"] || 0;\\nvar pageLang = args[\\"pageLang\\"] || \\"de\\";\\n\\nif ( maxColumns == \\"1\\" ){\\n\\tif ( cssRowClass == \\"\\" || cssRowClass == \\"noresize\\" ){\\n\\t\\tcssRowClass = \\"noresize\\";\\n\\t}\\n\\telse{\\n\\t\\tcssRowClass += \\" noresize\\";\\n\\t}\\n}\\n\\r\\n\\r\\n context.write(\\"\\n\\n\\");\\r\\n\\r\\n\\nif ( containerId !== 0 ){\\n\\tvar cssOutput = \\"\\";\\n\\tvar container = project.getContainer(containerId);\\n\\t\\n\\t// append container styles to head via css\\n\\tvar cid = container.id;\\n\\tvar output = \\"\\";\\n\\tvar\\tisSection = container.value(\\"issection\\") == \\"1\\";\\n\\tvar isStyled = false;\\n\\t\\n\\tif ( container.value(\\"fontcolor\\", \\"\\") !== \\"\\" && container.value(\\"fontcolor\\") !== \\"transparent\\" ){\\n\\t\\tvar cssSelector = \\"#container_\\" + cid;\\n\\t\\toutput = cssSelector;\\n\\t\\toutput += \\", \\" + cssSelector + \\" p\\";\\n\\t\\toutput += \\", \\" + cssSelector + \\" h1\\";\\n\\t\\toutput += \\", \\" + cssSelector + \\" h2\\";\\n\\t\\toutput += \\", \\" + cssSelector + \\" h3{\\";\\n\\t\\toutput += \\"color: \\" + container.value(\\"fontcolor\\") + \\";\\";\\n\\t\\toutput += \\"}\\n\\";\\n\\t}\\n\\tif ( container.value(\\"linkcolor\\", \\"\\") !== \\"\\" && container.value(\\"linkcolor\\") !== \\"transparent\\" ){\\n\\t\\tvar cssSelector = \\"#container_\\" + cid;\\n\\t\\toutput += \\"\\n\\n\\" + cssSelector + \\" a:not(.button):not(.fancybox):not(.zpSO-Uplink-Flat):not(.zpnolayoutlinkstyles)\\";\\n\\t\\toutput += \\", \\" + cssSelector + \\" a:not(.button):not(.fancybox):not(.zpSO-Uplink-Flat):not(.zpnolayoutlinkstyles):hover{\\";\\n\\t\\toutput += \\"color: \\" + container.value(\\"linkcolor\\") + \\";\\";\\n\\t\\toutput += \\"}\\n\\";\\n\\t}\\n\\tif ( container.value(\\"margin-top\\", \\"\\") !== \\"\\" || container.value(\\"margin-bottom\\", \\"\\") !== \\"\\" ){\\n\\t\\tvar cssSelector = \\"#container_\\" + cid;\\n\\t\\toutput += cssSelector + \\"{\\";\\n\\t\\tif ( container.value(\\"margin-top\\") ){\\n\\t\\t\\toutput += \\"margin-top: \\" + container.value(\\"margin-top\\") + \\" !important;\\";\\n\\t\\t}\\n\\t\\tif ( container.value(\\"margin-bottom\\") ){\\n\\t\\t\\toutput += \\"margin-bottom: \\" + container.value(\\"margin-bottom\\") + \\" !important;\\" ;\\n\\t\\t}\\n\\t\\toutput += \\"}\\n\\";\\n\\t}\\n\\tif ( container.value(\\"padding-top\\", \\"\\") !== \\"\\" || container.value(\\"padding-bottom\\", \\"\\") !== \\"\\" || container.value(\\"padding-left\\", \\"\\") !== \\"\\" || container.value(\\"padding-right\\", \\"\\") !== \\"\\"){\\n\\t\\tvar cssSelector = \\"#container_\\" + cid;\\n\\t\\toutput += cssSelector + \\"{\\";\\n\\t\\tif ( container.value(\\"padding-top\\") ){\\n\\t\\t\\toutput += \\"padding-top: \\" + container.value(\\"padding-top\\") + \\" !important;\\";\\n\\t\\t}\\n\\t\\tif ( container.value(\\"padding-bottom\\") ){\\n\\t\\t\\toutput += \\"padding-bottom: \\" + container.value(\\"padding-bottom\\") + \\" !important;\\";\\n\\t\\t}\\n\\t\\tif ( container.value(\\"padding-left\\") ){\\n\\t\\t\\toutput += \\"padding-left: \\" + container.value(\\"padding-left\\") + \\" !important;\\";\\n\\t\\t}\\n\\t\\tif ( container.value(\\"padding-right\\") ){\\n\\t\\t\\toutput += \\"padding-right: \\" + container.value(\\"padding-right\\") + \\" !important;\\";\\n\\t\\t}\\n\\t\\toutput += \\"}\\n\\";\\n\\t}\\n\\tif ( container.value(\\"bgcolor\\", \\"\\") !== \\"\\" && container.value(\\"bgcolor\\", \\"\\") !== \\"transparent\\" ){\\n\\t\\tisStyled = true;\\n\\t\\tvar cssSelector = \\"#container_\\" + cid;\\n\\t\\toutput += cssSelector + \\"{\\";\\n\\t\\toutput += \\"background-color: \\" + container.value(\\"bgcolor\\") + \\" !important;\\";\\n\\t\\toutput += \\"}\\n\\";\\n\\t}\\n\\tvar image = container.cssBackgroundImage(\\"bgimage\\");\\n\\tvar focusPointAttr = \\'\\';\\n\\tif ( image.imageUrl ){\\n\\t\\t// normales image-objekt aus cssBackgroundImage ermitteln\\n\\t\\tvar bgimg = project.getImage(image.imageUrl);\\n\\t\\tisStyled = true;\\n\\t\\t// wenn image.size \\"cover\\" ist und keine image.position gesetzt, bzw. diese \\"center center\\" (das Default) ist, fokuspunkt nutzen\\n\\t\\tif ( image.size == \\"cover\\" && image.position && (image.position == \\"\\" || image.position == \\"center center\\") ){\\n\\t\\t\\tvar focusx = bgimg.focusPointX || 50;\\n\\t\\t\\tvar focusy = bgimg.focusPointY || 50;\\n\\t\\t\\t\\n\\t\\t\\tfocusPointAttr = \\' data-focus-x=\\"\\' + focusx + \\'\\" data-focus-y=\\"\\' + focusy + \\'\\" data-image-w=\\"\\' + bgimg.workingCopyWidth + \\'\\" data-image-h=\\"\\' + bgimg.workingCopyHeight + \\'\\"\\';\\t\\n\\t\\t}\\n\\t\\t\\n\\t\\tvar cssSelector = \\"#container_\\" + cid;\\n\\t\\toutput += cssSelector + \\"{\\";\\n\\t\\t// temporary workaround to get \\"-large\\" working copy of image, as\\n\\t\\t// image.imageUrl returns only the contentCopy (small copy) of the image\\n\\t\\t\\tvar imageObject = project.getImage(image.imageUrl);\\n\\t\\t\\tif ( imageObject && imageObject.workingCopyPath && !imageObject.isSvgImage ){\\n\\t\\t\\t\\toutput += \\"background-image: url(\\" + imageObject.workingCopyPath + \\") !important;\\";\\n\\t\\t\\t}\\n\\t\\t\\telse{\\n\\t\\t\\t\\t// do not generate -large copy for SVG-Images\\n\\t\\t\\t\\toutput += \\"background-image: url(\\" + image.imageUrl + \\") !important;\\";\\n\\t\\t\\t}\\n\\t\\t//\\n\\t\\toutput += \\"background-repeat: \\" + image.repeat + \\" !important;\\";\\n\\t\\toutput += \\"background-size: \\" + image.size + \\" !important;\\";\\n\\t\\tif ( focusPointAttr == \\"\\" ) {\\n\\t\\t\\toutput += \\"background-position: \\" + (image.position !== \\"\\" ? image.position : \\"center center\\") + \\" !important;\\";\\n\\t\\t}\\n\\t\\telse{\\n\\t\\t\\t// wenn focus point genutzt wird, \\"!important\\" unbedingt weg lassen\\n\\t\\t\\toutput += \\"background-position: \\" + (image.position !== \\"\\" ? image.position : \\"center center\\") + \\";\\";\\n\\t\\t}\\n\\t\\toutput += \\"background-attachment: \\" + (image.attachment !== \\"\\" ? image.attachment : \\"scroll\\") + \\" !important;\\";\\n\\t\\toutput += \\"}\\n\\";\\n\\t}\\n\\t\\n\\tif ( output !== \\"\\" ){\\n\\t\\tcssOutput += \\"\\n\\" + output.replace(/^\\s+|\\s+$/gm,\\'\\') + \\"\\n\\";\\n\\t}\\n\\t\\n\\tvar containerstyle = container.inlineCss || \\"\\";\\n\\tif ( showEmptyArticleAreas ){\\n\\t\\tcontainerstyle = \\'\\'; // remove any inline-css if in xray-mode\\n\\t}\\n\\tcontainerstyle = containerstyle.toString().replace(/^\\s+|\\s+$/gm,\\'\\'); // trim()\\n\\n\\t// make sure the users inlineCss properly ends with a semicolon as we attach more styles later below\\n\\tif ( containerstyle && containerstyle.slice(-1) !== \\";\\" ){\\n\\t\\tcontainerstyle += \\";\\";\\n\\t}\\n\\tvar initialContainerstyle = containerstyle;\\n\\tcontainerstyle = containerstyle.replace(/^\\s+|\\s+$/gm,\\'\\'); // trim()\\n\\tif ( containerstyle ){\\n\\t\\tcontainerstyle = \\' style=\\"\\' + containerstyle + \\'\\"\\';\\n\\t}\\n\\t\\n\\tif ( noBreakoutWithNews && system.preview && container.value(\\"breakout\\") == \\"1\\" && hasNews ){\\n\\t\\tsystem.warn(\\"Die \\'Randlos-Option\\' für einen Container kann nicht berücksichtigt werden, weil der \\'Einfügen-Schalter\\' auf an steht oder die Seite auch Artikel im News-Bereich enthält.\\");\\n\\t}\\n\\t\\n\\tvar containerTag = \\"div\\";\\n\\tif ( isSection ){\\n\\t\\tcontainerTag = \\"section\\";\\n\\t}\\n\\t\\r\\n\\r\\n context.write(\\"\\n\\t\\t\\n\\t<\\");\\r\\n\\r\\ncontext.write( containerTag );\\r\\n\\r\\n context.write(\\" id=\\\\"container_\\");\\r\\n\\r\\ncontext.write( container.id );\\r\\n\\r\\n context.write(\\"\\\\"\\");\\r\\n\\r\\ncontext.write( focusPointAttr );\\r\\n\\r\\n context.write(\\" class=\\\\"zpContainer\\");\\r\\n\\r\\n if (icon==firstC){\\r\\n\\r\\n context.write(\\" first\\");\\r\\n\\r\\n}\\r\\n\\r\\n\\r\\n if (icon==lastC){\\r\\n\\r\\n context.write(\\" last\\");\\r\\n\\r\\n}\\r\\n\\r\\n\\r\\n if( container.value(\\"animate\\", \\"\\") !== \\"\\" && container.value(\\"animate\\") !== \\"off\\" ){ \\r\\n\\r\\n context.write(\\" zpanimate \\");\\r\\n\\r\\ncontext.write( container.value(\\"animate\\"));\\r\\n\\r\\n\\r\\n } \\r\\n\\r\\n\\r\\n if( isStyled ){ \\r\\n\\r\\n context.write(\\" styled\\");\\r\\n\\r\\n } \\r\\n\\r\\n context.write(\\" \\");\\r\\n\\r\\n if ( container.value(\\"breakout\\") == \\"1\\" ){ \\r\\n\\r\\n context.write(\\"zpBreakout \\");\\r\\n\\r\\n } \\r\\n\\r\\n\\r\\n if( noBreakoutWithNews && hasNews ) { \\r\\n\\r\\n context.write(\\" hasNews\\");\\r\\n\\r\\n } \\r\\n\\r\\n\\r\\n if( focusPointAttr !== \\"\\" ) { \\r\\n\\r\\n context.write(\\" zpfocal\\");\\r\\n\\r\\n } \\r\\n\\r\\n context.write(\\" \\");\\r\\n\\r\\ncontext.write( container.cssClass );\\r\\n\\r\\n context.write(\\"\\\\"\\");\\r\\n\\r\\ncontext.write( containerstyle );\\r\\n\\r\\n context.write(\\" \\n\\t\\t data-zpeleel=\\\\"container\\\\" data-zpleid=\\\\"\\");\\r\\n\\r\\ncontext.write( container.id );\\r\\n\\r\\n context.write(\\"\\\\">\\n\\t\\n\\t\\");\\r\\n\\r\\n\\n\\tvar paragraphs = container.paragraphs;\\n\\n\\tfor ( var ipar = 0; ipar < paragraphs.count; ++ipar ){\\n\\t\\tvar additionalRowClass = \\"\\";\\n\\t\\tvar paragraph = paragraphs.item(ipar);\\n\\t\\tvar columns = paragraph.columns;\\n\\n\\t\\t// if current paragraph doesn\\'t contain articles, we skip the loop, so we don\\'t print empty paragraphs\\n\\t\\t// we do not skip when on impressum page and the container ist the last one, as we need to insert freeware content\\n\\t\\tvar articleCount = paragraph.articles.count;\\n\\t\\tif ( articleCount < 1 && !(icon == lastC && page.isSpecialPage(\\"legal\\")) ){\\n\\t\\t\\tcontinue;\\n\\t\\t}\\n\\t\\telse if ( articleCount > 0 ){\\n\\t\\t\\t// set special rowClass for Articles which are not visible, so we can remove any margins which might not be desired\\n\\t\\t\\tvar firstWidgetName = paragraph.articles.item(0).widgetName;\\n\\t\\t\\n\\t\\t\\tswitch(firstWidgetName) {\\n\\t\\t\\t\\tcase \\"Info-Banner\\":\\n\\t\\t\\t\\t\\tadditionalRowClass = \\" alertbanner\\";\\n\\t\\t\\t\\t\\tbreak;\\n\\t\\t\\t\\tcase \\"Quelltext\\":\\n\\t\\t\\t\\t\\tadditionalRowClass = \\" quelltext\\";\\n\\t\\t\\t\\t\\tbreak;\\n\\t\\t\\t\\tcase \\"Slider\\":\\n\\t\\t\\t\\t\\tadditionalRowClass = \\" zpwSlider\\";\\n\\t\\t\\t\\t\\tbreak;\\n\\t\\t\\t\\tcase \\"Carousel\\":\\n\\t\\t\\t\\t\\tadditionalRowClass = \\" zpwCarousel\\";\\n\\t\\t\\t\\t\\tbreak;\\n\\t\\t\\t\\tcase \\"Navigationsmenü\\":\\n\\t\\t\\t\\t\\tif ( paragraph.articles.item(0).value(\\"menufixed\\") ){\\n\\t\\t\\t\\t\\t\\tadditionalRowClass = \\" zpwNavmenu zpwNavmenuFixed\\";\\n\\t\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\telse{\\n\\t\\t\\t\\t\\t\\tadditionalRowClass = \\" zpwNavmenu\\";\\n\\t\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\tbreak;\\n\\t\\t\\t\\tcase \\"Navigationsmenü manuell\\":\\n\\t\\t\\t\\t\\tif ( paragraph.articles.item(0).value(\\"menufixed\\") ){\\n\\t\\t\\t\\t\\t\\tadditionalRowClass = \\" zpwNavmenu zpwNavmenuFixed\\";\\n\\t\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\telse{\\n\\t\\t\\t\\t\\t\\tadditionalRowClass = \\" zpwNavmenu\\";\\n\\t\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\tbreak;\\n\\t\\t\\t\\tcase \\"Video-Hintergrund\\":\\n\\t\\t\\t\\t\\tadditionalRowClass = \\" zpvideobg\\";\\n\\t\\t\\t\\t\\tbreak;\\n\\t\\t\\t}\\n\\t\\t\\t\\n\\t\\t\\t// append row styles to head via css\\n\\t\\t\\tvar rid = paragraph.id;\\n\\t\\t\\tvar output = \\"\\";\\n\\t\\t\\tif ( paragraph.value(\\"margin-top\\", \\"\\") !== \\"\\" || paragraph.value(\\"margin-bottom\\", \\"\\") !== \\"\\"){\\n\\t\\t\\t\\tvar cssSelector = \\".zpRow[data-row-id=\\\\"\\" + rid + \\"\\\\"], .zpRow:first-child[data-row-id=\\\\"\\" + rid + \\"\\\\"], .zpRow:last-child[data-row-id=\\\\"\\" + rid + \\"\\\\"]\\";\\n\\t\\t\\t\\toutput += cssSelector + \\"{\\";\\n\\t\\t\\t\\tif ( paragraph.value(\\"margin-top\\") ){\\n\\t\\t\\t\\t\\toutput += \\"margin-top: \\" + paragraph.value(\\"margin-top\\", \\"initial\\") + \\" !important;\\";\\n\\t\\t\\t\\t}\\n\\t\\t\\t\\tif ( paragraph.value(\\"margin-bottom\\") ){\\n\\t\\t\\t\\t\\toutput += \\"margin-bottom: \\" + paragraph.value(\\"margin-bottom\\", \\"initial\\") + \\" !important;\\" ;\\n\\t\\t\\t\\t}\\n\\t\\t\\t\\toutput += \\"}\\n\\";\\n\\t\\t\\t}\\n\\t\\t\\tif ( paragraph.value(\\"padding-top\\", \\"\\") !== \\"\\" || paragraph.value(\\"padding-bottom\\", \\"\\") !== \\"\\" || paragraph.value(\\"padding-left\\", \\"\\") !== \\"\\" || paragraph.value(\\"padding-right\\", \\"\\") !== \\"\\" ){\\n\\t\\t\\t\\tvar cssSelector = \\".zpRow[data-row-id=\\\\"\\" + rid + \\"\\\\"]\\";\\n\\t\\t\\t\\toutput += cssSelector + \\"{\\";\\n\\t\\t\\t\\tif ( paragraph.value(\\"padding-top\\") ){\\n\\t\\t\\t\\t\\toutput += \\"padding-top: \\" + paragraph.value(\\"padding-top\\") + \\" !important;\\";\\n\\t\\t\\t\\t}\\n\\t\\t\\t\\tif ( paragraph.value(\\"padding-bottom\\") ){\\n\\t\\t\\t\\t\\toutput += \\"padding-bottom: \\" + paragraph.value(\\"padding-bottom\\") + \\" !important;\\";\\n\\t\\t\\t\\t}\\n\\t\\t\\t\\tif ( paragraph.value(\\"padding-left\\") ){\\n\\t\\t\\t\\t\\toutput += \\"padding-left: \\" + paragraph.value(\\"padding-left\\") + \\" !important;\\";\\n\\t\\t\\t\\t}\\n\\t\\t\\t\\tif ( paragraph.value(\\"padding-right\\") ){\\n\\t\\t\\t\\t\\toutput += \\"padding-right: \\" + paragraph.value(\\"padding-right\\") + \\" !important;\\";\\n\\t\\t\\t\\t}\\n\\t\\t\\t\\toutput += \\"}\\n\\";\\n\\t\\t\\t}\\n\\t\\t\\tif ( paragraph.value(\\"bgcolor\\", \\"\\") !== \\"\\" && paragraph.value(\\"bgcolor\\", \\"\\") !== \\"transparent\\" ){\\n\\t\\t\\t\\tvar cssSelector = \\".zpRow[data-row-id=\\\\"\\" + rid + \\"\\\\"]\\";\\n\\t\\t\\t\\toutput += cssSelector + \\"{\\";\\n\\t\\t\\t\\toutput += \\"background-color: \\" + paragraph.value(\\"bgcolor\\") + \\" !important;\\";\\n\\t\\t\\t\\toutput += \\"}\\n\\";\\n\\t\\t\\t}\\n\\t\\t\\tvar pimage = paragraph.cssBackgroundImage(\\"bgimage\\");\\n\\t\\t\\tif ( pimage.imageUrl ){\\n\\t\\t\\t\\tvar cssSelector = \\".zpRow[data-row-id=\\\\"\\" + rid + \\"\\\\"]\\";\\n\\t\\t\\t\\toutput += cssSelector + \\"{\\";\\n\\t\\t\\t\\toutput += \\"background-image: url(\\" + pimage.imageUrl + \\") !important;\\";\\n\\t\\t\\t\\toutput += \\"background-repeat: \\" + pimage.repeat + \\" !important;\\";\\n\\t\\t\\t\\toutput += \\"background-size: \\" + pimage.size + \\" !important;\\";\\n\\t\\t\\t\\toutput += \\"background-position: \\" + (pimage.position !== \\"\\" ? pimage.position : \\"center center\\") + \\" !important;\\";\\n\\t\\t\\t\\toutput += \\"background-attachment: \\" + (pimage.attachment !== \\"\\" ? pimage.attachment : \\"scroll\\") + \\";\\";\\n\\t\\t\\t\\toutput += \\"}\\n\\";\\n\\t\\t\\t}\\n\\t\\t\\tif ( paragraph.value(\\"justifycontent\\", \\"\\") !== \\"\\" ){\\n\\t\\t\\t\\tvar cssSelector = \\".zpRow[data-row-id=\\\\"\\" + rid + \\"\\\\"]\\";\\n\\t\\t\\t\\toutput += cssSelector + \\"{\\";\\n\\t\\t\\t\\toutput += \\"justify-content: \\" + paragraph.value(\\"justifycontent\\") + \\";\\";\\n\\t\\t\\t\\toutput += \\"}\\n\\";\\n\\t\\t\\t}\\n\\t\\t\\n\\t\\t\\tif ( output !== \\"\\" ){\\n\\t\\t\\t\\tcssOutput += \\"\\n\\" + output.replace(/^\\s+|\\s+$/gm,\\'\\') + \\"\\n\\";\\n\\t\\t\\t}\\n\\t\\t\\n\\t\\t\\t// paragraph styles\\n\\t\\t\\tvar rowstyle = paragraph.inlineCss || \\"\\";\\n\\t\\t\\tif ( showEmptyArticleAreas ){\\n\\t\\t\\t\\trowstyle = \\'\\'; // remove any inline-css if in xray-mode\\n\\t\\t\\t}\\n\\t\\t\\trowstyle = rowstyle.toString().replace(/^\\s+|\\s+$/gm,\\'\\'); // trim();\\n\\t\\t\\t// make sure the users inlineCss properly ends with a semicolon as we attach more styles later below\\n\\t\\t\\tif ( rowstyle && rowstyle.slice(-1) !== \\";\\" ){\\n\\t\\t\\t\\trowstyle += \\";\\";\\n\\t\\t\\t}\\n\\t\\t\\t\\r\\n\\r\\n context.write(\\"\\n\\n\\t\\t\\t\\");\\r\\n\\r\\n if ( paragraph.value(\\"breakout\\") == \\"1\\" ){ \\r\\n\\r\\n context.write(\\"\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\");\\r\\n\\r\\n \\n\\t\\t\\t\\trowstyle = \\" width: 100%; margin: 0 auto; float: none;\\";\\n\\t\\t\\t} \\n\\t\\n\\t\\t\\trowstyle.replace(/^\\s+|\\s+$/gm,\\'\\'); // trim()\\n\\t\\t\\tif ( rowstyle ){\\n\\t\\t\\t\\trowstyle = \\' style=\\"\\' + rowstyle + \\'\\"\\';\\n\\t\\t\\t}\\n\\t\\t\\t\\n\\t\\t\\t// classes to hide row on specific device (and smaller)\\n\\t\\t\\tvar hideondeviceClass = \\"\\"; \\n\\t\\t\\tif ( paragraph.value(\\"hideondevice\\") && paragraph.value(\\"hideondevice\\") !== \\"\\" ){\\n\\t\\t\\t\\thideondeviceClass = \\" \\" + paragraph.value(\\"hideondevice\\") + \\" zpmobilehide\\";\\n\\t\\t\\t}\\n\\t\\t}\\n\\t\\t\\r\\n\\r\\n context.write(\\"\\n\\t\\t\\t
>\\n\\n\\t\\t\\t\\");\\r\\n\\r\\n\\t\\n\\t\\t\\tvar evenodd = \\"even\\";\\n\\t\\t\\tfor ( var icol = 0; icol < columns.count; ++icol ){\\n\\t\\t\\t\\tvar column = columns.item(icol);\\n\\t\\t\\t\\tvar articles = column.articles;\\n\\t\\t\\t\\tvar coid = column.id;\\n\\t\\t\\t\\tvar output = \\"\\";\\n\\t\\t\\t\\tvar isStyled = false;\\n\\t\\t\\t\\tvar selectorPrefix = \\"#container_\\" + cid + \\" \\";\\n\\t\\t\\t\\t\\n\\t\\t\\t\\tif ( column.value(\\"bgcolor\\", \\"\\") !== \\"\\" && column.value(\\"bgcolor\\", \\"\\") !== \\"transparent\\" ){\\n\\t\\t\\t\\t\\tvar cssSelector = \\"div.zpRow .zpColumn[data-column-id=\\'\\" + coid + \\"\\']\\";\\n\\t\\t\\t\\t\\toutput += cssSelector + \\"{\\";\\n\\t\\t\\t\\t\\toutput += \\"background-color: \\" + column.value(\\"bgcolor\\") + \\";\\";\\n\\t\\t\\t\\t\\toutput += \\"padding-top: 15px;\\";\\n\\t\\t\\t\\t\\toutput += \\"padding-bottom: 15px;\\";\\n\\t\\t\\t\\t\\toutput += \\"}\\n\\";\\n\\t\\t\\t\\t\\tisStyled = true;\\n\\t\\t\\t\\t}\\n\\t\\t\\t\\tif ( column.value(\\"fontcolor\\", \\"\\") !== \\"\\" && column.value(\\"fontcolor\\") !== \\"transparent\\" ){\\n\\t\\t\\t\\t\\tvar cssSelector = selectorPrefix + \\"div.zpRow .zpColumn[data-column-id=\\'\\" + coid + \\"\\']\\";\\n\\t\\t\\t\\t\\toutput += cssSelector;\\n\\t\\t\\t\\t\\toutput += \\", \\" + cssSelector + \\" p\\";\\n\\t\\t\\t\\t\\toutput += \\", \\" + cssSelector + \\" h1\\";\\n\\t\\t\\t\\t\\toutput += \\", \\" + cssSelector + \\" h2\\";\\n\\t\\t\\t\\t\\toutput += \\", \\" + cssSelector + \\" h3{\\";\\n\\t\\t\\t\\t\\toutput += \\"color: \\" + column.value(\\"fontcolor\\") + \\";\\";\\n\\t\\t\\t\\t\\toutput += \\"}\\n\\";\\n\\t\\t\\t\\t}\\n\\t\\t\\t\\tif ( column.value(\\"linkcolor\\", \\"\\") !== \\"\\" && column.value(\\"linkcolor\\") !== \\"transparent\\" ){\\n\\t\\t\\t\\t\\tvar cssSelector = selectorPrefix + \\"div.zpRow .zpColumn[data-column-id=\\'\\" + coid + \\"\\']\\";\\n\\t\\t\\t\\t\\toutput += \\"\\n\\n\\" + cssSelector + \\" a:not(.button)\\";\\n\\t\\t\\t\\t\\toutput += \\", \\" + cssSelector + \\" a:not(.button):hover{\\";\\n\\t\\t\\t\\t\\toutput += \\"color: \\" + column.value(\\"linkcolor\\") + \\";\\";\\n\\t\\t\\t\\t\\toutput += \\"}\\n\\";\\n\\t\\t\\t\\t}\\n\\t\\t\\t\\tif ( column.value(\\"align-self\\", \\"\\") !== \\"\\" ){\\n\\t\\t\\t\\t\\tvar cssSelector = \\"div.zpRow .zpColumn[data-column-id=\\'\\" + coid + \\"\\']\\";\\n\\t\\t\\t\\t\\toutput += cssSelector + \\"{\\";\\n\\t\\t\\t\\t\\toutput += \\"align-self: \\" + column.value(\\"align-self\\") + \\";\\";\\n\\t\\t\\t\\t\\toutput += \\"}\\n\\";\\n\\t\\t\\t\\t}\\n\\t\\t\\t\\tif ( output !== \\"\\" ){\\n\\t\\t\\t\\t\\tcssOutput += \\"\\n\\" + output.replace(/^\\s+|\\s+$/gm,\\'\\') + \\"\\n\\";\\n\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\n\\t\\t\\t\\tvar clearCss = column.value(\\"clearLeft\\") ? \\"clear: left;\\" : \\"\\";\\n\\t\\t\\t\\tif ( column.articles.count > 0 ){\\n\\t\\t\\t\\t\\tvar firstWidgetName = articles.item(0).widgetName;\\n\\t\\t\\t\\t} \\n\\t\\t\\t\\telse{\\n\\t\\t\\t\\t\\tvar firstWidgetName = \\"\\";\\n\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t// used in a className, alternate between even and odd, not taking into account zpSpacer-Columns\\n\\t\\t\\t\\tif( firstWidgetName !== \\"Spacer\\" ){\\n\\t\\t\\t\\t\\tif( evenodd === \\"even\\" ){\\n\\t\\t\\t\\t\\t\\tevenodd = \\"odd\\";\\n\\t\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\telse{\\n\\t\\t\\t\\t\\t\\tevenodd = \\"even\\";\\n\\t\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\tvar additionalColumnClass = \\" \\" + evenodd;\\n\\t\\t\\t\\t}\\n\\t\\t\\t\\telse{\\n\\t\\t\\t\\t\\tvar additionalColumnClass = \\"\\";\\n\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t// if a spacer-widget is alone in a column, we set a class .zpSpacer, so we can set the width of spacer-widgets responsively in zpgrid.less accordingly\\n\\t\\t\\t\\tif ( firstWidgetName == \\"Spacer\\" && column.articles.count < 2 ){\\n\\t\\t\\t\\t\\tadditionalColumnClass += \\" zpSpacer\\";\\n\\t\\t\\t\\t}\\n\\t\\t\\t\\telse if ( firstWidgetName == \\"Navigationsmenü\\" ){\\n\\t\\t\\t\\t\\tadditionalColumnClass += \\" zpnavmenu\\";\\n\\t\\t\\t\\t}\\n\\t\\t\\n\\t\\t\\t\\t// TODO move adding of missing classes to converter and remove next 4 lines\\n\\t\\t\\t\\tvar columnCssClass = column.cssClass;\\n\\t\\t\\t\\tif ( !column.cssClass || !column.cssClass.match(/\\bc[1-9][0-2]?\\b/) ){\\n\\t\\t\\t\\t\\tcolumnCssClass = \\"c\\" + String(Math.round(12 / columns.count - 0.1)) ;\\n\\t\\t\\t\\t}\\n\\t\\t\\t\\tvar columnInlineCss = column.inlineCss ? column.inlineCss+\\" \\" : \\"\\";\\n\\t\\t\\t\\tif ( showEmptyArticleAreas ){\\n\\t\\t\\t\\t\\tcolumnInlineCss = \\'\\'; // remove any inline-css if in xray-mode\\n\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\n\\t\\t\\t\\tif ( column.value(\\"clearLeft\\") ){\\n\\t\\t\\t\\t\\r\\n\\r\\n context.write(\\"\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\");\\r\\n\\r\\n } \\r\\n\\r\\n context.write(\\"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t
>\\n\\t\\n\\t\\t\\t\\t\\t\\");\\r\\n\\r\\n\\t\\t\\t\\n\\t\\t\\t\\t\\tfor ( var iart = 0; iart < articles.count; ++iart ){\\n\\t\\t\\t\\t\\t\\tvar a = articles.item(iart);\\n\\t\\t\\t\\t\\t\\tif ( a.isAvailable || !system.preview){\\n\\t\\t\\t\\t\\t\\t\\tcontext.write(a.render());\\n\\t\\t\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\t\\telse{\\n\\t\\t\\t\\t\\t\\t\\t// rendered article is using a deleted widget\\n\\t\\t\\t\\t\\t\\t\\tcontext.write(system.partial(\\"deleted-widget.html\\", a.id));\\n\\t\\t\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\t\\r\\n\\r\\n context.write(\\"\\n\\t\\t\\t\\t
\\n\\t\\n\\t\\t\\t\\");\\r\\n\\r\\n\\n\\t\\t\\t}\\n\\t\\t\\t// insert zp-ad-box in last row of last container on impressum pages\\n\\t\\t\\tif ( system.isFreeware && areaName.toLowerCase() == \\"standard\\" && page.isSpecialPage(\\"legal\\") && icon == lastC && ipar == paragraphs.count-1 ){\\n\\t\\t\\t\\t\\r\\n\\r\\n context.write(\\"\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t\\");\\r\\n\\r\\ncontext.write( system.partial(\\"zpinfolegal.html\\") );\\r\\n\\r\\n context.write(\\"\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\");\\r\\n\\r\\n\\n\\t\\t\\t}\\n\\t\\t\\t\\r\\n\\r\\n context.write(\\"\\n\\n\\t\\t\\t
\\n\\t\\t\\");\\r\\n\\r\\n if ( articleCount > 0 && paragraph.value(\\"breakout\\") == \\"1\\" ){ \\r\\n\\r\\n context.write(\\"\\n\\t\\t
\\n\\t\\t\\");\\r\\n\\r\\n } \\r\\n\\r\\n context.write(\\"\\n\\n\\t\\");\\r\\n\\r\\n\\n\\t}\\n\\t\\n\\tcontext.write(\\"\\");\\n\\t\\n\\tif ( injectCss ){\\n\\t\\t// inject styles into head\\n\\t\\tsystem.addHtmlHeadElement(cssOutput);\\n\\t}\\n\\telse{\\n\\t\\tcontext.write(\\'
\\' + cssOutput + \\'
\\')\\n\\t}\\n}\\n\\r\\n\\r\\n// End source file: \\'C:\\Users\\tobull\\AppData\\Local\\Zeta Producer 16\\packaging\\layouts\\_shared\\templates\\partials\\container.html\\'.\\r\\n};\\r\\n\\r\\n/* Shortcuts. */\\r\\narticle = context.article;\\r\\npage = context.page;\\r\\nprojectFolder = context.projectFolder;\\r\\nproject = context.project;\\r\\nsystem = context.system;\\r\\n\\r\\n\\r\\nnew SE638260063274381940().executeScript();\\r\\n", HResult=-2146233088 } -->Objekt erforderlich ZetaProducer.SuperSlimScriptingEngine.SlimScriptEngineException ----------------- Objekt erforderlich ----------------- bei System.Runtime.ExceptionServices.ExceptionDispatchInfo.Throw() bei ZetaProducer.SuperSlimScriptingEngine.SlimScriptEngine.doExecute(String script) in c:\P\ukeim\zp-develop\ZetaProducerMain\Source\Core\SuperSlimScriptingEngine\SlimScriptEngine.cs:Zeile 171. bei ZetaProducer.SuperSlimScriptingEngine.SlimScriptEngine.Execute(String script) in c:\P\ukeim\zp-develop\ZetaProducerMain\Source\Core\SuperSlimScriptingEngine\SlimScriptEngine.cs:Zeile 68. bei ZetaProducer.RuntimeBusinessLogic.Rendering.Scripting.Engine.RenderingInterpreterHelper.GuardEngineRun(SlimScriptEngine engine, String scriptToExecute, RenderingContext renderingContext, String runString) in c:\P\ukeim\zp-develop\ZetaProducerMain\Source\Core\RuntimeBusinessLogic\Rendering\Scripting\Engine\RenderingInterpreterHelper.cs:Zeile 169. SlimScriptEngineException { ExcepInfo=EXCEPINFO { }, Description="Objekt erforderlich", LineNumber=110, ColumnNumber=3, SourceLine="\\t\\t\\tvar focusx = bgimg.focusPointX || 50;", FullSourceCode="function SE638260063274381940() {}\\r\\n\\r\\n\\r\\nSE638260063274381940.prototype.executeScript = function(){\\r\\n// Start source file: \\'C:\\Users\\tobull\\AppData\\Local\\Zeta Producer 16\\packaging\\layouts\\_shared\\templates\\partials\\container.html\\'.\\r\\n\\r\\n\\nvar args = context.param(0, {});\\n\\nvar containerId\\t\\t\\t\\t= args[\\"containerId\\"] || 0;\\nvar injectCss \\t\\t\\t\\t= args[\\"injectCss\\"];\\nvar firstC \\t\\t\\t\\t\\t= args[\\"firstC\\"] || 0;\\nvar lastC \\t\\t\\t\\t\\t= args[\\"lastC\\"] || 0;\\nvar areaName \\t\\t\\t\\t= args[\\"areaName\\"] || \\"Standard\\";\\nvar areaNameLc \\t\\t\\t\\t= args[\\"areaNameLc\\"];\\nvar maxColumns \\t\\t\\t\\t= args[\\"maxColumns\\"] || \\"0\\";\\nvar cssRowClass \\t\\t\\t= args[\\"cssRowClass\\"] || \\"\\";\\nvar displayNumColumns \\t\\t= args[\\"displayNumColumns\\"] || \\"12\\"; // number of columns to display. We always calculate with 12, but can display less\\nvar cssAreaClass \\t\\t\\t= args[\\"cssAreaClass\\"] || \\"\\";\\nvar noBreakoutWithNews \\t\\t= args[\\"noBreakoutWithNews\\"];\\nvar hideIeForArea \\t\\t\\t= args[\\"hideIeForArea\\"];\\nvar canContainer \\t\\t\\t= args[\\"canContainer\\"];\\nvar showEmptyArticleAreas \\t= args[\\"showEmptyArticleAreas\\"];\\nvar hasNews \\t\\t\\t\\t= args[\\"hasNews\\"];\\nvar icon \\t\\t\\t\\t\\t= args[\\"icon\\"] || 0;\\nvar pageLang = args[\\"pageLang\\"] || \\"de\\";\\n\\nif ( maxColumns == \\"1\\" ){\\n\\tif ( cssRowClass == \\"\\" || cssRowClass == \\"noresize\\" ){\\n\\t\\tcssRowClass = \\"noresize\\";\\n\\t}\\n\\telse{\\n\\t\\tcssRowClass += \\" noresize\\";\\n\\t}\\n}\\n\\r\\n\\r\\n context.write(\\"\\n\\n\\");\\r\\n\\r\\n\\nif ( containerId !== 0 ){\\n\\tvar cssOutput = \\"\\";\\n\\tvar container = project.getContainer(containerId);\\n\\t\\n\\t// append container styles to head via css\\n\\tvar cid = container.id;\\n\\tvar output = \\"\\";\\n\\tvar\\tisSection = container.value(\\"issection\\") == \\"1\\";\\n\\tvar isStyled = false;\\n\\t\\n\\tif ( container.value(\\"fontcolor\\", \\"\\") !== \\"\\" && container.value(\\"fontcolor\\") !== \\"transparent\\" ){\\n\\t\\tvar cssSelector = \\"#container_\\" + cid;\\n\\t\\toutput = cssSelector;\\n\\t\\toutput += \\", \\" + cssSelector + \\" p\\";\\n\\t\\toutput += \\", \\" + cssSelector + \\" h1\\";\\n\\t\\toutput += \\", \\" + cssSelector + \\" h2\\";\\n\\t\\toutput += \\", \\" + cssSelector + \\" h3{\\";\\n\\t\\toutput += \\"color: \\" + container.value(\\"fontcolor\\") + \\";\\";\\n\\t\\toutput += \\"}\\n\\";\\n\\t}\\n\\tif ( container.value(\\"linkcolor\\", \\"\\") !== \\"\\" && container.value(\\"linkcolor\\") !== \\"transparent\\" ){\\n\\t\\tvar cssSelector = \\"#container_\\" + cid;\\n\\t\\toutput += \\"\\n\\n\\" + cssSelector + \\" a:not(.button):not(.fancybox):not(.zpSO-Uplink-Flat):not(.zpnolayoutlinkstyles)\\";\\n\\t\\toutput += \\", \\" + cssSelector + \\" a:not(.button):not(.fancybox):not(.zpSO-Uplink-Flat):not(.zpnolayoutlinkstyles):hover{\\";\\n\\t\\toutput += \\"color: \\" + container.value(\\"linkcolor\\") + \\";\\";\\n\\t\\toutput += \\"}\\n\\";\\n\\t}\\n\\tif ( container.value(\\"margin-top\\", \\"\\") !== \\"\\" || container.value(\\"margin-bottom\\", \\"\\") !== \\"\\" ){\\n\\t\\tvar cssSelector = \\"#container_\\" + cid;\\n\\t\\toutput += cssSelector + \\"{\\";\\n\\t\\tif ( container.value(\\"margin-top\\") ){\\n\\t\\t\\toutput += \\"margin-top: \\" + container.value(\\"margin-top\\") + \\" !important;\\";\\n\\t\\t}\\n\\t\\tif ( container.value(\\"margin-bottom\\") ){\\n\\t\\t\\toutput += \\"margin-bottom: \\" + container.value(\\"margin-bottom\\") + \\" !important;\\" ;\\n\\t\\t}\\n\\t\\toutput += \\"}\\n\\";\\n\\t}\\n\\tif ( container.value(\\"padding-top\\", \\"\\") !== \\"\\" || container.value(\\"padding-bottom\\", \\"\\") !== \\"\\" || container.value(\\"padding-left\\", \\"\\") !== \\"\\" || container.value(\\"padding-right\\", \\"\\") !== \\"\\"){\\n\\t\\tvar cssSelector = \\"#container_\\" + cid;\\n\\t\\toutput += cssSelector + \\"{\\";\\n\\t\\tif ( container.value(\\"padding-top\\") ){\\n\\t\\t\\toutput += \\"padding-top: \\" + container.value(\\"padding-top\\") + \\" !important;\\";\\n\\t\\t}\\n\\t\\tif ( container.value(\\"padding-bottom\\") ){\\n\\t\\t\\toutput += \\"padding-bottom: \\" + container.value(\\"padding-bottom\\") + \\" !important;\\";\\n\\t\\t}\\n\\t\\tif ( container.value(\\"padding-left\\") ){\\n\\t\\t\\toutput += \\"padding-left: \\" + container.value(\\"padding-left\\") + \\" !important;\\";\\n\\t\\t}\\n\\t\\tif ( container.value(\\"padding-right\\") ){\\n\\t\\t\\toutput += \\"padding-right: \\" + container.value(\\"padding-right\\") + \\" !important;\\";\\n\\t\\t}\\n\\t\\toutput += \\"}\\n\\";\\n\\t}\\n\\tif ( container.value(\\"bgcolor\\", \\"\\") !== \\"\\" && container.value(\\"bgcolor\\", \\"\\") !== \\"transparent\\" ){\\n\\t\\tisStyled = true;\\n\\t\\tvar cssSelector = \\"#container_\\" + cid;\\n\\t\\toutput += cssSelector + \\"{\\";\\n\\t\\toutput += \\"background-color: \\" + container.value(\\"bgcolor\\") + \\" !important;\\";\\n\\t\\toutput += \\"}\\n\\";\\n\\t}\\n\\tvar image = container.cssBackgroundImage(\\"bgimage\\");\\n\\tvar focusPointAttr = \\'\\';\\n\\tif ( image.imageUrl ){\\n\\t\\t// normales image-objekt aus cssBackgroundImage ermitteln\\n\\t\\tvar bgimg = project.getImage(image.imageUrl);\\n\\t\\tisStyled = true;\\n\\t\\t// wenn image.size \\"cover\\" ist und keine image.position gesetzt, bzw. diese \\"center center\\" (das Default) ist, fokuspunkt nutzen\\n\\t\\tif ( image.size == \\"cover\\" && image.position && (image.position == \\"\\" || image.position == \\"center center\\") ){\\n\\t\\t\\tvar focusx = bgimg.focusPointX || 50;\\n\\t\\t\\tvar focusy = bgimg.focusPointY || 50;\\n\\t\\t\\t\\n\\t\\t\\tfocusPointAttr = \\' data-focus-x=\\"\\' + focusx + \\'\\" data-focus-y=\\"\\' + focusy + \\'\\" data-image-w=\\"\\' + bgimg.workingCopyWidth + \\'\\" data-image-h=\\"\\' + bgimg.workingCopyHeight + \\'\\"\\';\\t\\n\\t\\t}\\n\\t\\t\\n\\t\\tvar cssSelector = \\"#container_\\" + cid;\\n\\t\\toutput += cssSelector + \\"{\\";\\n\\t\\t// temporary workaround to get \\"-large\\" working copy of image, as\\n\\t\\t// image.imageUrl returns only the contentCopy (small copy) of the image\\n\\t\\t\\tvar imageObject = project.getImage(image.imageUrl);\\n\\t\\t\\tif ( imageObject && imageObject.workingCopyPath && !imageObject.isSvgImage ){\\n\\t\\t\\t\\toutput += \\"background-image: url(\\" + imageObject.workingCopyPath + \\") !important;\\";\\n\\t\\t\\t}\\n\\t\\t\\telse{\\n\\t\\t\\t\\t// do not generate -large copy for SVG-Images\\n\\t\\t\\t\\toutput += \\"background-image: url(\\" + image.imageUrl + \\") !important;\\";\\n\\t\\t\\t}\\n\\t\\t//\\n\\t\\toutput += \\"background-repeat: \\" + image.repeat + \\" !important;\\";\\n\\t\\toutput += \\"background-size: \\" + image.size + \\" !important;\\";\\n\\t\\tif ( focusPointAttr == \\"\\" ) {\\n\\t\\t\\toutput += \\"background-position: \\" + (image.position !== \\"\\" ? image.position : \\"center center\\") + \\" !important;\\";\\n\\t\\t}\\n\\t\\telse{\\n\\t\\t\\t// wenn focus point genutzt wird, \\"!important\\" unbedingt weg lassen\\n\\t\\t\\toutput += \\"background-position: \\" + (image.position !== \\"\\" ? image.position : \\"center center\\") + \\";\\";\\n\\t\\t}\\n\\t\\toutput += \\"background-attachment: \\" + (image.attachment !== \\"\\" ? image.attachment : \\"scroll\\") + \\" !important;\\";\\n\\t\\toutput += \\"}\\n\\";\\n\\t}\\n\\t\\n\\tif ( output !== \\"\\" ){\\n\\t\\tcssOutput += \\"\\n\\" + output.replace(/^\\s+|\\s+$/gm,\\'\\') + \\"\\n\\";\\n\\t}\\n\\t\\n\\tvar containerstyle = container.inlineCss || \\"\\";\\n\\tif ( showEmptyArticleAreas ){\\n\\t\\tcontainerstyle = \\'\\'; // remove any inline-css if in xray-mode\\n\\t}\\n\\tcontainerstyle = containerstyle.toString().replace(/^\\s+|\\s+$/gm,\\'\\'); // trim()\\n\\n\\t// make sure the users inlineCss properly ends with a semicolon as we attach more styles later below\\n\\tif ( containerstyle && containerstyle.slice(-1) !== \\";\\" ){\\n\\t\\tcontainerstyle += \\";\\";\\n\\t}\\n\\tvar initialContainerstyle = containerstyle;\\n\\tcontainerstyle = containerstyle.replace(/^\\s+|\\s+$/gm,\\'\\'); // trim()\\n\\tif ( containerstyle ){\\n\\t\\tcontainerstyle = \\' style=\\"\\' + containerstyle + \\'\\"\\';\\n\\t}\\n\\t\\n\\tif ( noBreakoutWithNews && system.preview && container.value(\\"breakout\\") == \\"1\\" && hasNews ){\\n\\t\\tsystem.warn(\\"Die \\'Randlos-Option\\' für einen Container kann nicht berücksichtigt werden, weil der \\'Einfügen-Schalter\\' auf an steht oder die Seite auch Artikel im News-Bereich enthält.\\");\\n\\t}\\n\\t\\n\\tvar containerTag = \\"div\\";\\n\\tif ( isSection ){\\n\\t\\tcontainerTag = \\"section\\";\\n\\t}\\n\\t\\r\\n\\r\\n context.write(\\"\\n\\t\\t\\n\\t<\\");\\r\\n\\r\\ncontext.write( containerTag );\\r\\n\\r\\n context.write(\\" id=\\\\"container_\\");\\r\\n\\r\\ncontext.write( container.id );\\r\\n\\r\\n context.write(\\"\\\\"\\");\\r\\n\\r\\ncontext.write( focusPointAttr );\\r\\n\\r\\n context.write(\\" class=\\\\"zpContainer\\");\\r\\n\\r\\n if (icon==firstC){\\r\\n\\r\\n context.write(\\" first\\");\\r\\n\\r\\n}\\r\\n\\r\\n\\r\\n if (icon==lastC){\\r\\n\\r\\n context.write(\\" last\\");\\r\\n\\r\\n}\\r\\n\\r\\n\\r\\n if( container.value(\\"animate\\", \\"\\") !== \\"\\" && container.value(\\"animate\\") !== \\"off\\" ){ \\r\\n\\r\\n context.write(\\" zpanimate \\");\\r\\n\\r\\ncontext.write( container.value(\\"animate\\"));\\r\\n\\r\\n\\r\\n } \\r\\n\\r\\n\\r\\n if( isStyled ){ \\r\\n\\r\\n context.write(\\" styled\\");\\r\\n\\r\\n } \\r\\n\\r\\n context.write(\\" \\");\\r\\n\\r\\n if ( container.value(\\"breakout\\") == \\"1\\" ){ \\r\\n\\r\\n context.write(\\"zpBreakout \\");\\r\\n\\r\\n } \\r\\n\\r\\n\\r\\n if( noBreakoutWithNews && hasNews ) { \\r\\n\\r\\n context.write(\\" hasNews\\");\\r\\n\\r\\n } \\r\\n\\r\\n\\r\\n if( focusPointAttr !== \\"\\" ) { \\r\\n\\r\\n context.write(\\" zpfocal\\");\\r\\n\\r\\n } \\r\\n\\r\\n context.write(\\" \\");\\r\\n\\r\\ncontext.write( container.cssClass );\\r\\n\\r\\n context.write(\\"\\\\"\\");\\r\\n\\r\\ncontext.write( containerstyle );\\r\\n\\r\\n context.write(\\" \\n\\t\\t data-zpeleel=\\\\"container\\\\" data-zpleid=\\\\"\\");\\r\\n\\r\\ncontext.write( container.id );\\r\\n\\r\\n context.write(\\"\\\\">\\n\\t\\n\\t\\");\\r\\n\\r\\n\\n\\tvar paragraphs = container.paragraphs;\\n\\n\\tfor ( var ipar = 0; ipar < paragraphs.count; ++ipar ){\\n\\t\\tvar additionalRowClass = \\"\\";\\n\\t\\tvar paragraph = paragraphs.item(ipar);\\n\\t\\tvar columns = paragraph.columns;\\n\\n\\t\\t// if current paragraph doesn\\'t contain articles, we skip the loop, so we don\\'t print empty paragraphs\\n\\t\\t// we do not skip when on impressum page and the container ist the last one, as we need to insert freeware content\\n\\t\\tvar articleCount = paragraph.articles.count;\\n\\t\\tif ( articleCount < 1 && !(icon == lastC && page.isSpecialPage(\\"legal\\")) ){\\n\\t\\t\\tcontinue;\\n\\t\\t}\\n\\t\\telse if ( articleCount > 0 ){\\n\\t\\t\\t// set special rowClass for Articles which are not visible, so we can remove any margins which might not be desired\\n\\t\\t\\tvar firstWidgetName = paragraph.articles.item(0).widgetName;\\n\\t\\t\\n\\t\\t\\tswitch(firstWidgetName) {\\n\\t\\t\\t\\tcase \\"Info-Banner\\":\\n\\t\\t\\t\\t\\tadditionalRowClass = \\" alertbanner\\";\\n\\t\\t\\t\\t\\tbreak;\\n\\t\\t\\t\\tcase \\"Quelltext\\":\\n\\t\\t\\t\\t\\tadditionalRowClass = \\" quelltext\\";\\n\\t\\t\\t\\t\\tbreak;\\n\\t\\t\\t\\tcase \\"Slider\\":\\n\\t\\t\\t\\t\\tadditionalRowClass = \\" zpwSlider\\";\\n\\t\\t\\t\\t\\tbreak;\\n\\t\\t\\t\\tcase \\"Carousel\\":\\n\\t\\t\\t\\t\\tadditionalRowClass = \\" zpwCarousel\\";\\n\\t\\t\\t\\t\\tbreak;\\n\\t\\t\\t\\tcase \\"Navigationsmenü\\":\\n\\t\\t\\t\\t\\tif ( paragraph.articles.item(0).value(\\"menufixed\\") ){\\n\\t\\t\\t\\t\\t\\tadditionalRowClass = \\" zpwNavmenu zpwNavmenuFixed\\";\\n\\t\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\telse{\\n\\t\\t\\t\\t\\t\\tadditionalRowClass = \\" zpwNavmenu\\";\\n\\t\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\tbreak;\\n\\t\\t\\t\\tcase \\"Navigationsmenü manuell\\":\\n\\t\\t\\t\\t\\tif ( paragraph.articles.item(0).value(\\"menufixed\\") ){\\n\\t\\t\\t\\t\\t\\tadditionalRowClass = \\" zpwNavmenu zpwNavmenuFixed\\";\\n\\t\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\telse{\\n\\t\\t\\t\\t\\t\\tadditionalRowClass = \\" zpwNavmenu\\";\\n\\t\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\tbreak;\\n\\t\\t\\t\\tcase \\"Video-Hintergrund\\":\\n\\t\\t\\t\\t\\tadditionalRowClass = \\" zpvideobg\\";\\n\\t\\t\\t\\t\\tbreak;\\n\\t\\t\\t}\\n\\t\\t\\t\\n\\t\\t\\t// append row styles to head via css\\n\\t\\t\\tvar rid = paragraph.id;\\n\\t\\t\\tvar output = \\"\\";\\n\\t\\t\\tif ( paragraph.value(\\"margin-top\\", \\"\\") !== \\"\\" || paragraph.value(\\"margin-bottom\\", \\"\\") !== \\"\\"){\\n\\t\\t\\t\\tvar cssSelector = \\".zpRow[data-row-id=\\\\"\\" + rid + \\"\\\\"], .zpRow:first-child[data-row-id=\\\\"\\" + rid + \\"\\\\"], .zpRow:last-child[data-row-id=\\\\"\\" + rid + \\"\\\\"]\\";\\n\\t\\t\\t\\toutput += cssSelector + \\"{\\";\\n\\t\\t\\t\\tif ( paragraph.value(\\"margin-top\\") ){\\n\\t\\t\\t\\t\\toutput += \\"margin-top: \\" + paragraph.value(\\"margin-top\\", \\"initial\\") + \\" !important;\\";\\n\\t\\t\\t\\t}\\n\\t\\t\\t\\tif ( paragraph.value(\\"margin-bottom\\") ){\\n\\t\\t\\t\\t\\toutput += \\"margin-bottom: \\" + paragraph.value(\\"margin-bottom\\", \\"initial\\") + \\" !important;\\" ;\\n\\t\\t\\t\\t}\\n\\t\\t\\t\\toutput += \\"}\\n\\";\\n\\t\\t\\t}\\n\\t\\t\\tif ( paragraph.value(\\"padding-top\\", \\"\\") !== \\"\\" || paragraph.value(\\"padding-bottom\\", \\"\\") !== \\"\\" || paragraph.value(\\"padding-left\\", \\"\\") !== \\"\\" || paragraph.value(\\"padding-right\\", \\"\\") !== \\"\\" ){\\n\\t\\t\\t\\tvar cssSelector = \\".zpRow[data-row-id=\\\\"\\" + rid + \\"\\\\"]\\";\\n\\t\\t\\t\\toutput += cssSelector + \\"{\\";\\n\\t\\t\\t\\tif ( paragraph.value(\\"padding-top\\") ){\\n\\t\\t\\t\\t\\toutput += \\"padding-top: \\" + paragraph.value(\\"padding-top\\") + \\" !important;\\";\\n\\t\\t\\t\\t}\\n\\t\\t\\t\\tif ( paragraph.value(\\"padding-bottom\\") ){\\n\\t\\t\\t\\t\\toutput += \\"padding-bottom: \\" + paragraph.value(\\"padding-bottom\\") + \\" !important;\\";\\n\\t\\t\\t\\t}\\n\\t\\t\\t\\tif ( paragraph.value(\\"padding-left\\") ){\\n\\t\\t\\t\\t\\toutput += \\"padding-left: \\" + paragraph.value(\\"padding-left\\") + \\" !important;\\";\\n\\t\\t\\t\\t}\\n\\t\\t\\t\\tif ( paragraph.value(\\"padding-right\\") ){\\n\\t\\t\\t\\t\\toutput += \\"padding-right: \\" + paragraph.value(\\"padding-right\\") + \\" !important;\\";\\n\\t\\t\\t\\t}\\n\\t\\t\\t\\toutput += \\"}\\n\\";\\n\\t\\t\\t}\\n\\t\\t\\tif ( paragraph.value(\\"bgcolor\\", \\"\\") !== \\"\\" && paragraph.value(\\"bgcolor\\", \\"\\") !== \\"transparent\\" ){\\n\\t\\t\\t\\tvar cssSelector = \\".zpRow[data-row-id=\\\\"\\" + rid + \\"\\\\"]\\";\\n\\t\\t\\t\\toutput += cssSelector + \\"{\\";\\n\\t\\t\\t\\toutput += \\"background-color: \\" + paragraph.value(\\"bgcolor\\") + \\" !important;\\";\\n\\t\\t\\t\\toutput += \\"}\\n\\";\\n\\t\\t\\t}\\n\\t\\t\\tvar pimage = paragraph.cssBackgroundImage(\\"bgimage\\");\\n\\t\\t\\tif ( pimage.imageUrl ){\\n\\t\\t\\t\\tvar cssSelector = \\".zpRow[data-row-id=\\\\"\\" + rid + \\"\\\\"]\\";\\n\\t\\t\\t\\toutput += cssSelector + \\"{\\";\\n\\t\\t\\t\\toutput += \\"background-image: url(\\" + pimage.imageUrl + \\") !important;\\";\\n\\t\\t\\t\\toutput += \\"background-repeat: \\" + pimage.repeat + \\" !important;\\";\\n\\t\\t\\t\\toutput += \\"background-size: \\" + pimage.size + \\" !important;\\";\\n\\t\\t\\t\\toutput += \\"background-position: \\" + (pimage.position !== \\"\\" ? pimage.position : \\"center center\\") + \\" !important;\\";\\n\\t\\t\\t\\toutput += \\"background-attachment: \\" + (pimage.attachment !== \\"\\" ? pimage.attachment : \\"scroll\\") + \\";\\";\\n\\t\\t\\t\\toutput += \\"}\\n\\";\\n\\t\\t\\t}\\n\\t\\t\\tif ( paragraph.value(\\"justifycontent\\", \\"\\") !== \\"\\" ){\\n\\t\\t\\t\\tvar cssSelector = \\".zpRow[data-row-id=\\\\"\\" + rid + \\"\\\\"]\\";\\n\\t\\t\\t\\toutput += cssSelector + \\"{\\";\\n\\t\\t\\t\\toutput += \\"justify-content: \\" + paragraph.value(\\"justifycontent\\") + \\";\\";\\n\\t\\t\\t\\toutput += \\"}\\n\\";\\n\\t\\t\\t}\\n\\t\\t\\n\\t\\t\\tif ( output !== \\"\\" ){\\n\\t\\t\\t\\tcssOutput += \\"\\n\\" + output.replace(/^\\s+|\\s+$/gm,\\'\\') + \\"\\n\\";\\n\\t\\t\\t}\\n\\t\\t\\n\\t\\t\\t// paragraph styles\\n\\t\\t\\tvar rowstyle = paragraph.inlineCss || \\"\\";\\n\\t\\t\\tif ( showEmptyArticleAreas ){\\n\\t\\t\\t\\trowstyle = \\'\\'; // remove any inline-css if in xray-mode\\n\\t\\t\\t}\\n\\t\\t\\trowstyle = rowstyle.toString().replace(/^\\s+|\\s+$/gm,\\'\\'); // trim();\\n\\t\\t\\t// make sure the users inlineCss properly ends with a semicolon as we attach more styles later below\\n\\t\\t\\tif ( rowstyle && rowstyle.slice(-1) !== \\";\\" ){\\n\\t\\t\\t\\trowstyle += \\";\\";\\n\\t\\t\\t}\\n\\t\\t\\t\\r\\n\\r\\n context.write(\\"\\n\\n\\t\\t\\t\\");\\r\\n\\r\\n if ( paragraph.value(\\"breakout\\") == \\"1\\" ){ \\r\\n\\r\\n context.write(\\"\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\");\\r\\n\\r\\n \\n\\t\\t\\t\\trowstyle = \\" width: 100%; margin: 0 auto; float: none;\\";\\n\\t\\t\\t} \\n\\t\\n\\t\\t\\trowstyle.replace(/^\\s+|\\s+$/gm,\\'\\'); // trim()\\n\\t\\t\\tif ( rowstyle ){\\n\\t\\t\\t\\trowstyle = \\' style=\\"\\' + rowstyle + \\'\\"\\';\\n\\t\\t\\t}\\n\\t\\t\\t\\n\\t\\t\\t// classes to hide row on specific device (and smaller)\\n\\t\\t\\tvar hideondeviceClass = \\"\\"; \\n\\t\\t\\tif ( paragraph.value(\\"hideondevice\\") && paragraph.value(\\"hideondevice\\") !== \\"\\" ){\\n\\t\\t\\t\\thideondeviceClass = \\" \\" + paragraph.value(\\"hideondevice\\") + \\" zpmobilehide\\";\\n\\t\\t\\t}\\n\\t\\t}\\n\\t\\t\\r\\n\\r\\n context.write(\\"\\n\\t\\t\\t
>\\n\\n\\t\\t\\t\\");\\r\\n\\r\\n\\t\\n\\t\\t\\tvar evenodd = \\"even\\";\\n\\t\\t\\tfor ( var icol = 0; icol < columns.count; ++icol ){\\n\\t\\t\\t\\tvar column = columns.item(icol);\\n\\t\\t\\t\\tvar articles = column.articles;\\n\\t\\t\\t\\tvar coid = column.id;\\n\\t\\t\\t\\tvar output = \\"\\";\\n\\t\\t\\t\\tvar isStyled = false;\\n\\t\\t\\t\\tvar selectorPrefix = \\"#container_\\" + cid + \\" \\";\\n\\t\\t\\t\\t\\n\\t\\t\\t\\tif ( column.value(\\"bgcolor\\", \\"\\") !== \\"\\" && column.value(\\"bgcolor\\", \\"\\") !== \\"transparent\\" ){\\n\\t\\t\\t\\t\\tvar cssSelector = \\"div.zpRow .zpColumn[data-column-id=\\'\\" + coid + \\"\\']\\";\\n\\t\\t\\t\\t\\toutput += cssSelector + \\"{\\";\\n\\t\\t\\t\\t\\toutput += \\"background-color: \\" + column.value(\\"bgcolor\\") + \\";\\";\\n\\t\\t\\t\\t\\toutput += \\"padding-top: 15px;\\";\\n\\t\\t\\t\\t\\toutput += \\"padding-bottom: 15px;\\";\\n\\t\\t\\t\\t\\toutput += \\"}\\n\\";\\n\\t\\t\\t\\t\\tisStyled = true;\\n\\t\\t\\t\\t}\\n\\t\\t\\t\\tif ( column.value(\\"fontcolor\\", \\"\\") !== \\"\\" && column.value(\\"fontcolor\\") !== \\"transparent\\" ){\\n\\t\\t\\t\\t\\tvar cssSelector = selectorPrefix + \\"div.zpRow .zpColumn[data-column-id=\\'\\" + coid + \\"\\']\\";\\n\\t\\t\\t\\t\\toutput += cssSelector;\\n\\t\\t\\t\\t\\toutput += \\", \\" + cssSelector + \\" p\\";\\n\\t\\t\\t\\t\\toutput += \\", \\" + cssSelector + \\" h1\\";\\n\\t\\t\\t\\t\\toutput += \\", \\" + cssSelector + \\" h2\\";\\n\\t\\t\\t\\t\\toutput += \\", \\" + cssSelector + \\" h3{\\";\\n\\t\\t\\t\\t\\toutput += \\"color: \\" + column.value(\\"fontcolor\\") + \\";\\";\\n\\t\\t\\t\\t\\toutput += \\"}\\n\\";\\n\\t\\t\\t\\t}\\n\\t\\t\\t\\tif ( column.value(\\"linkcolor\\", \\"\\") !== \\"\\" && column.value(\\"linkcolor\\") !== \\"transparent\\" ){\\n\\t\\t\\t\\t\\tvar cssSelector = selectorPrefix + \\"div.zpRow .zpColumn[data-column-id=\\'\\" + coid + \\"\\']\\";\\n\\t\\t\\t\\t\\toutput += \\"\\n\\n\\" + cssSelector + \\" a:not(.button)\\";\\n\\t\\t\\t\\t\\toutput += \\", \\" + cssSelector + \\" a:not(.button):hover{\\";\\n\\t\\t\\t\\t\\toutput += \\"color: \\" + column.value(\\"linkcolor\\") + \\";\\";\\n\\t\\t\\t\\t\\toutput += \\"}\\n\\";\\n\\t\\t\\t\\t}\\n\\t\\t\\t\\tif ( column.value(\\"align-self\\", \\"\\") !== \\"\\" ){\\n\\t\\t\\t\\t\\tvar cssSelector = \\"div.zpRow .zpColumn[data-column-id=\\'\\" + coid + \\"\\']\\";\\n\\t\\t\\t\\t\\toutput += cssSelector + \\"{\\";\\n\\t\\t\\t\\t\\toutput += \\"align-self: \\" + column.value(\\"align-self\\") + \\";\\";\\n\\t\\t\\t\\t\\toutput += \\"}\\n\\";\\n\\t\\t\\t\\t}\\n\\t\\t\\t\\tif ( output !== \\"\\" ){\\n\\t\\t\\t\\t\\tcssOutput += \\"\\n\\" + output.replace(/^\\s+|\\s+$/gm,\\'\\') + \\"\\n\\";\\n\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\n\\t\\t\\t\\tvar clearCss = column.value(\\"clearLeft\\") ? \\"clear: left;\\" : \\"\\";\\n\\t\\t\\t\\tif ( column.articles.count > 0 ){\\n\\t\\t\\t\\t\\tvar firstWidgetName = articles.item(0).widgetName;\\n\\t\\t\\t\\t} \\n\\t\\t\\t\\telse{\\n\\t\\t\\t\\t\\tvar firstWidgetName = \\"\\";\\n\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t// used in a className, alternate between even and odd, not taking into account zpSpacer-Columns\\n\\t\\t\\t\\tif( firstWidgetName !== \\"Spacer\\" ){\\n\\t\\t\\t\\t\\tif( evenodd === \\"even\\" ){\\n\\t\\t\\t\\t\\t\\tevenodd = \\"odd\\";\\n\\t\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\telse{\\n\\t\\t\\t\\t\\t\\tevenodd = \\"even\\";\\n\\t\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\tvar additionalColumnClass = \\" \\" + evenodd;\\n\\t\\t\\t\\t}\\n\\t\\t\\t\\telse{\\n\\t\\t\\t\\t\\tvar additionalColumnClass = \\"\\";\\n\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t// if a spacer-widget is alone in a column, we set a class .zpSpacer, so we can set the width of spacer-widgets responsively in zpgrid.less accordingly\\n\\t\\t\\t\\tif ( firstWidgetName == \\"Spacer\\" && column.articles.count < 2 ){\\n\\t\\t\\t\\t\\tadditionalColumnClass += \\" zpSpacer\\";\\n\\t\\t\\t\\t}\\n\\t\\t\\t\\telse if ( firstWidgetName == \\"Navigationsmenü\\" ){\\n\\t\\t\\t\\t\\tadditionalColumnClass += \\" zpnavmenu\\";\\n\\t\\t\\t\\t}\\n\\t\\t\\n\\t\\t\\t\\t// TODO move adding of missing classes to converter and remove next 4 lines\\n\\t\\t\\t\\tvar columnCssClass = column.cssClass;\\n\\t\\t\\t\\tif ( !column.cssClass || !column.cssClass.match(/\\bc[1-9][0-2]?\\b/) ){\\n\\t\\t\\t\\t\\tcolumnCssClass = \\"c\\" + String(Math.round(12 / columns.count - 0.1)) ;\\n\\t\\t\\t\\t}\\n\\t\\t\\t\\tvar columnInlineCss = column.inlineCss ? column.inlineCss+\\" \\" : \\"\\";\\n\\t\\t\\t\\tif ( showEmptyArticleAreas ){\\n\\t\\t\\t\\t\\tcolumnInlineCss = \\'\\'; // remove any inline-css if in xray-mode\\n\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\n\\t\\t\\t\\tif ( column.value(\\"clearLeft\\") ){\\n\\t\\t\\t\\t\\r\\n\\r\\n context.write(\\"\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\");\\r\\n\\r\\n } \\r\\n\\r\\n context.write(\\"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t
>\\n\\t\\n\\t\\t\\t\\t\\t\\");\\r\\n\\r\\n\\t\\t\\t\\n\\t\\t\\t\\t\\tfor ( var iart = 0; iart < articles.count; ++iart ){\\n\\t\\t\\t\\t\\t\\tvar a = articles.item(iart);\\n\\t\\t\\t\\t\\t\\tif ( a.isAvailable || !system.preview){\\n\\t\\t\\t\\t\\t\\t\\tcontext.write(a.render());\\n\\t\\t\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\t\\telse{\\n\\t\\t\\t\\t\\t\\t\\t// rendered article is using a deleted widget\\n\\t\\t\\t\\t\\t\\t\\tcontext.write(system.partial(\\"deleted-widget.html\\", a.id));\\n\\t\\t\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\t\\r\\n\\r\\n context.write(\\"\\n\\t\\t\\t\\t
\\n\\t\\n\\t\\t\\t\\");\\r\\n\\r\\n\\n\\t\\t\\t}\\n\\t\\t\\t// insert zp-ad-box in last row of last container on impressum pages\\n\\t\\t\\tif ( system.isFreeware && areaName.toLowerCase() == \\"standard\\" && page.isSpecialPage(\\"legal\\") && icon == lastC && ipar == paragraphs.count-1 ){\\n\\t\\t\\t\\t\\r\\n\\r\\n context.write(\\"\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\\t\\");\\r\\n\\r\\ncontext.write( system.partial(\\"zpinfolegal.html\\") );\\r\\n\\r\\n context.write(\\"\\n\\t\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\");\\r\\n\\r\\n\\n\\t\\t\\t}\\n\\t\\t\\t\\r\\n\\r\\n context.write(\\"\\n\\n\\t\\t\\t
\\n\\t\\t\\");\\r\\n\\r\\n if ( articleCount > 0 && paragraph.value(\\"breakout\\") == \\"1\\" ){ \\r\\n\\r\\n context.write(\\"\\n\\t\\t
\\n\\t\\t\\");\\r\\n\\r\\n } \\r\\n\\r\\n context.write(\\"\\n\\n\\t\\");\\r\\n\\r\\n\\n\\t}\\n\\t\\n\\tcontext.write(\\"\\");\\n\\t\\n\\tif ( injectCss ){\\n\\t\\t// inject styles into head\\n\\t\\tsystem.addHtmlHeadElement(cssOutput);\\n\\t}\\n\\telse{\\n\\t\\tcontext.write(\\'
\\' + cssOutput + \\'
\\')\\n\\t}\\n}\\n\\r\\n\\r\\n// End source file: \\'C:\\Users\\tobull\\AppData\\Local\\Zeta Producer 16\\packaging\\layouts\\_shared\\templates\\partials\\container.html\\'.\\r\\n};\\r\\n\\r\\n/* Shortcuts. */\\r\\narticle = context.article;\\r\\npage = context.page;\\r\\nprojectFolder = context.projectFolder;\\r\\nproject = context.project;\\r\\nsystem = context.system;\\r\\n\\r\\n\\r\\nnew SE638260063274381940().executeScript();\\r\\n", SourceContext=0, WasCanceled=False, Message="Objekt erforderlich", Data= [ "COM Exception" = COMException { ErrorCode=-2147352319, Message="Ausnahme von HRESULT: 0x80020101", Data= [ ] , InnerException=null, TargetSite=RuntimeMethodInfo: ParseScriptText, StackTrace=" bei ZetaProducer.SuperSlimScriptingEngine.Infrastructure.IActiveScriptParse64.ParseScriptText(String code, String itemName, Object context, String delimiter, IntPtr sourceContextCookie, UInt32 startingLineNumber, ScriptText flags, IntPtr result, EXCEPINFO& exceptionInfo)\\r\\n bei ZetaProducer.SuperSlimScriptingEngine.Infrastructure.ActiveScriptParseWrapper.ParseScriptText(String code, String itemName, Object context, String delimiter, IntPtr sourceContextCookie, UInt32 startingLineNumber, ScriptText flags, IntPtr result, EXCEPINFO& exceptionInfo) in c:\\P\\ukeim\\zp-develop\\ZetaProducerMain\\Source\\Core\\SuperSlimScriptingEngine\\Infrastructure\\ActiveScriptComInterfaces.cs:Zeile 383.\\r\\n bei ZetaProducer.SuperSlimScriptingEngine.SlimScriptEngine.doExecute(String script) in c:\\P\\ukeim\\zp-develop\\ZetaProducerMain\\Source\\Core\\SuperSlimScriptingEngine\\SlimScriptEngine.cs:Zeile 115.", HelpLink=null, Source="ZetaProducer.SuperSlimScriptingEngine", HResult=-2147352319 } ] , InnerException=null, TargetSite=RuntimeMethodInfo: Throw, StackTrace=" bei System.Runtime.ExceptionServices.ExceptionDispatchInfo.Throw()\\r\\n bei ZetaProducer.SuperSlimScriptingEngine.SlimScriptEngine.doExecute(String script) in c:\\P\\ukeim\\zp-develop\\ZetaProducerMain\\Source\\Core\\SuperSlimScriptingEngine\\SlimScriptEngine.cs:Zeile 171.\\r\\n bei ZetaProducer.SuperSlimScriptingEngine.SlimScriptEngine.Execute(String script) in c:\\P\\ukeim\\zp-develop\\ZetaProducerMain\\Source\\Core\\SuperSlimScriptingEngine\\SlimScriptEngine.cs:Zeile 68.\\r\\n bei ZetaProducer.RuntimeBusinessLogic.Rendering.Scripting.Engine.RenderingInterpreterHelper.GuardEngineRun(SlimScriptEngine engine, String scriptToExecute, RenderingContext renderingContext, String runString) in c:\\P\\ukeim\\zp-develop\\ZetaProducerMain\\Source\\Core\\RuntimeBusinessLogic\\Rendering\\Scripting\\Engine\\RenderingInterpreterHelper.cs:Zeile 169.", HelpLink=null, Source="ActiveScriptSite.ScriptError", HResult=-2146233088 } Ignoring inner exception because of previous OutOfMemoryException. See https://stackoverflow.com/a/25010668/107625