Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Vaadin Portlet content is blank in Liferay 7 page editing mode #202

Closed
mshabarov opened this issue Feb 25, 2022 · 3 comments · Fixed by #210
Closed

Vaadin Portlet content is blank in Liferay 7 page editing mode #202

mshabarov opened this issue Feb 25, 2022 · 3 comments · Fixed by #210
Assignees

Comments

@mshabarov
Copy link
Contributor

Vaadin Portlet content is blank in Liferay's page editing mode, see below screenshot:

blank-portlet-content

Vaadin Portlet with the title "Portlet" has no content rendered, but still has a frame and context menu, whereas a Liferay's native widget "Language Selector" is properly rendered.

To reproduce this bug:

  1. Build adressbook-portlet example and deploy it to the Liferay by copying in to {liferay_home}/deploy folder.
  2. Open localhost:8080 and login into Liferay
  3. Click on the "Edit" icon to start edit the page
  4. Open "Fragments and Widgets" panel on the right side of the page, go to "Widget" tab
  5. Find "Vaadin Sample" category on the botton and then "ContactList" element
  6. Drag and drop the widget to the page.
  7. Check that the portlet/widget is blank
  8. Click on the "Publish" button to exit from editing mode to browse mode.
  9. Check that the portlet/widget is not blank and you can see UI components.

Expected and actual behavior:
Portlet content is rendered

  • Versions:
    • Vaadin Portlet version - 1.0.0.beta4
    • Flow version - 2.7.8
    • Liferay version - 7.3
    • Java version - 11
    • OS version - Windows 10
    • Browser version (if applicable) - Chrome 96
@mshabarov mshabarov changed the title Vaadin Portlet content is blank when added to a Liferay 7 page Vaadin Portlet content is blank in Liferay 7 page editing mode Feb 25, 2022
@mcollovati mcollovati self-assigned this Mar 8, 2022
@mcollovati
Copy link
Contributor

The issue happens on Content Pages, whereas Widget Pages works fine.
Problems seems to be that the portlet web component is loaded differently in view and edit mode;
in view mode the Vaadin scripts and web component tag are directly added to the HTML page, but in edit mode they are loaded by a javascript function. This leads to two different javascript errors on page loading:

  1. window.Vaadin.Flow.Portlets.registerElement() call added by PortletBootstrapHandler fails because PortletMethods.js is not yet loaded
    VM215:1 Uncaught TypeError: Cannot read properties of undefined (reading 'Flow')
     at <anonymous>:1:15
     at r (?browserId=chrome&minifierType=&languageId=en_US&b=7403&t=1645644609356&/o/js/resolved-module/@liferay/[email protected]/page_editor/app/components/undo/undoActions.js&/o/js/resolved-module/@liferay/[email protected]/page_editor/app/components/undo/useUndo.js&/o/js/resolved-module/@liferay/[email protected]/page_editor/app/contexts/StoreContext.js&/o/js/resolved-module/@liferay/[email protected]/page_editor/app/contexts/CollectionItemContext.js&/o/js/resolved-module/@liferay/[email protected]/page_editor/app/config/constants/columnSizes.js&/o/js/resolved-module/@liferay/[email protected]/page_editor/app/selectors/selectLanguageId.js&/o/js/resolved-module/@liferay/[email protected]/page_editor/app/services/CollectionService.js&/o/js/resolved-module/@liferay/[email protected]/page_editor/app/thunks/updateItemConfig.js&/o/js/resolved-module/@liferay/[email protected]/page_editor/app/config/constants/viewportSizes.js&/o/js/resolved-module/@liferay/[email protected]/page_editor/app/utils/getResponsiveConfig.js&/o/js/resolved-module/@liferay/[email protected]/page_editor/common/components/RawDOM.js&/o/js/resolved-module/@liferay/[email protected]/page_editor/app/components/UnsafeHTML.js&/o/js/resolved-module/@frontend-taglib-clay$clayui/[email protected]/lib/Ellipsis.js&/o/js/resolved-module/@frontend-taglib-clay$clayui/[email protected]/lib/Item.js&/o/js/resolved-module/@frontend-taglib-clay$clayui/[email protected]/lib/Pagination.js&/o/js/resolved-module/@frontend-taglib-clay$clayui/[email protected]/lib/PaginationWithBasicItems.js&/o/js/resolved-module/@frontend-taglib-clay$clayui/[email protected]/lib/index.js&/o/js/resolved-module/@frontend-taglib-clay$clayui/[email protected]/lib/DropDown.js:23:1542)
    
  2. After registering component a call to disconnectCallback is done, and it fails because .$server object seems to be missing.

register_component

  1. The Vaadin portlet tag has no body.

portlet_html_edit_mode

HTML in View mode

<div id="fragment-0-faai"> 
  <div class="portlet-boundary portlet-boundary_ContactForm_WAR_addressbookform_  portlet-static portlet-static-end portlet-borderless ContactForm-portlet " id="p_p_id_ContactForm_WAR_addressbookform_"> 
   <span id="p_ContactForm_WAR_addressbookform"></span> 
   <section class="portlet" id="portlet_ContactForm_WAR_addressbookform"> 
    <div class="portlet-content"> 
     <div class=" portlet-content-container"> 
      <div class="portlet-body"> 
       <script src="http://localhost:8080/o/vaadin-portlet-static/scripts/PortletMethods.js" type="text/javascript"></script> 
       <script src="http://localhost:8080/web/guest/mytest?p_p_id=ContactForm_WAR_addressbookform&amp;p_p_lifecycle=2&amp;p_p_state=normal&amp;p_p_mode=view&amp;p_p_resource_id=%2Fweb-component%2Fcom-vaadin-flow-portal-addressbook-form-contact-form-portlet.js&amp;p_p_cacheability=cacheLevelPage"></script>
       <script>window.Vaadin.Flow.Portlets.registerElement('com-vaadin-flow-portal-addressbook-form-contact-form-portlet','_ContactForm_WAR_addressbookform_','["normal","pop_up","maximized","exclusive","minimized"]','["view","edit"]','http://localhost:8080/web/guest/mytest?p_p_id=ContactForm_WAR_addressbookform&p_p_lifecycle=1&p_p_state=normal&p_p_mode=view&p_auth=9UxTIGR6');</script>
       <com-vaadin-flow-portal-addressbook-form-contact-form-portlet data-portlet-id="_ContactForm_WAR_addressbookform_" style="width: 100%;"></com-vaadin-flow-portal-addressbook-form-contact-form-portlet> 
      </div> 
     </div> 
    </div> 
   </section> 
  </div> 
 </div>
</div>

HTML in Edit mode (note the value of "content" property)

<div id="_com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet_pageEditor">
	<div class="inline-item my-5 p-5 w-100">
		<span aria-hidden="true" class="loading-animation"></span>
	</div>

	<div id="acuc"></div><script type="text/javascript">
// <![CDATA[
Liferay.Loader.require('[email protected]/render.es', '@liferay/[email protected]/page_editor/app/index', function(portalTemplateReactRendererImpl505RenderEs, _liferayLayoutContentPageEditorWeb3079Page_editorAppIndex) {
try {
(function() {
var renderacuc = portalTemplateReactRendererImpl505RenderEs;
var renderFunctionacuc = _liferayLayoutContentPageEditorWeb3079Page_editorAppIndex;
renderacuc.default(renderFunctionacuc.default, {"portletId":"com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet","state":{"layoutData":{"deletedItems":[],"rootItems":{"dropZone":"","main":"ff63d8f9-f315-9ad2-b52f-63423ed609f1"},"items":{"ff63d8f9-f315-9ad2-b52f-63423ed609f1":{"itemId":"ff63d8f9-f315-9ad2-b52f-63423ed609f1","children":["7caeae8c-5f8e-3c83-8179-6e52e2801954"],"type":"root","config":{},"parentId":""},"7caeae8c-5f8e-3c83-8179-6e52e2801954":{"itemId":"7caeae8c-5f8e-3c83-8179-6e52e2801954","children":[],"type":"fragment","config":{"tablet":{"styles":{}},"landscapeMobile":{"styles":{}},"portraitMobile":{"styles":{}},"styles":{},"fragmentEntryLinkId":"40842"},"parentId":"ff63d8f9-f315-9ad2-b52f-63423ed609f1"}},"version":1.1},"masterLayout":{"masterLayoutPlid":"0"},"segmentsExperienceId":"0","languageId":"en_US","segmentsExperimentStatus":null,"mappingFields":{},"layoutDataList":[{"layoutData":{"deletedItems":[],"rootItems":{"dropZone":"","main":"ff63d8f9-f315-9ad2-b52f-63423ed609f1"},"items":{"ff63d8f9-f315-9ad2-b52f-63423ed609f1":{"itemId":"ff63d8f9-f315-9ad2-b52f-63423ed609f1","children":["7caeae8c-5f8e-3c83-8179-6e52e2801954"],"type":"root","config":{},"parentId":""},"7caeae8c-5f8e-3c83-8179-6e52e2801954":{"itemId":"7caeae8c-5f8e-3c83-8179-6e52e2801954","children":[],"type":"fragment","config":{"tablet":{"styles":{}},"landscapeMobile":{"styles":{}},"portraitMobile":{"styles":{}},"styles":{},"fragmentEntryLinkId":"40842"},"parentId":"ff63d8f9-f315-9ad2-b52f-63423ed609f1"}},"version":1.1},"segmentsExperienceId":"0"}],"fragmentEntryLinks":{"40842":{"comments":[],"masterLayout":false,"segmentsExperienceId":"0","configuration":{},"defaultConfigurationValues":{},"fragmentEntryId":0,"editableTypes":{},"error":false,



"content":"<div id=\"fragment-0-faai\"> \n <div class=\"portlet-boundary portlet-boundary_ContactForm_WAR_addressbookform_  portlet-static portlet-static-end portlet-borderless ContactForm-portlet \" id=\"p_p_id_ContactForm_WAR_addressbookform_\"> \n  <span id=\"p_ContactForm_WAR_addressbookform\"><\/span> \n  <section class=\"portlet\" id=\"portlet_ContactForm_WAR_addressbookform\"> \n   <header class=\"cadmin portlet-topper\"> \n    <div class=\"portlet-title-default\"> \n     <span class=\"portlet-name-text\">Contact Form<\/span> \n    <\/div> \n    <menu class=\"portlet-topper-toolbar\" id=\"portlet-topper-toolbar_ContactForm_WAR_addressbookform\" type=\"toolbar\"> \n     <div class=\"dropdown lfr-icon-menu portlet-options\"> \n      <a class=\"component-action direction-right cadmin dropdown-toggle component-action\" href=\"javascript:;\" id=\"_ContactForm_WAR_addressbookform_anvg_menu\" title=\"Options\"> <span class=\"c-inner\" tabindex=\"-1\" id=\"skxg\">\n        <svg aria-hidden=\"true\" class=\"lexicon-icon lexicon-icon-ellipsis-v\" focusable=\"false\">\n         <use href=\"http:\/\/localhost:8080\/o\/classic-theme\/images\/clay\/icons.svg#ellipsis-v\"><\/use>\n        <\/svg><\/span> <\/a> \n      <script type=\"text\/javascript\">\n\/\/ <![CDATA[\nAUI().use('liferay-menu', function(A) {(function() {var $ = AUI.$;var _ = AUI._;\n\t\tLiferay.Menu.register('_ContactForm_WAR_addressbookform_anvg_menu');\n\t})();});\n\/\/ ]]>\n<\/script> \n      <ul class=\"dropdown-menu dropdown-menu-right cadmin\"> \n       <li class=\"portlet-export-import portlet-export-import-icon\" role=\"presentation\"> <a href=\"http:\/\/localhost:8080\/web\/guest\/8f6ff35a-97bd-0c00-a7f2-082cc8e43bb8?p_p_id=com_liferay_exportimport_web_portlet_ExportImportPortlet&amp;p_p_lifecycle=0&amp;p_p_state=pop_up&amp;_com_liferay_exportimport_web_portlet_ExportImportPortlet_mvcRenderCommandName=%2Fexport_import%2Fexport_import&amp;_com_liferay_exportimport_web_portlet_ExportImportPortlet_redirect=%2Fweb%2Fguest%2F8f6ff35a-97bd-0c00-a7f2-082cc8e43bb8%3Fp_l_back_url%3Dhttp%253A%252F%252Flocalhost%253A8080%252Fweb%252Fguest%252Fmytest%253FsegmentsExperienceId%253D0%26p_l_mode%3Dedit%26segmentsExperienceId%3D0&amp;_com_liferay_exportimport_web_portlet_ExportImportPortlet_returnToFullPageURL=%2Fweb%2Fguest%2F8f6ff35a-97bd-0c00-a7f2-082cc8e43bb8%3Fp_l_back_url%3Dhttp%253A%252F%252Flocalhost%253A8080%252Fweb%252Fguest%252Fmytest%253FsegmentsExperienceId%253D0%26p_l_mode%3Dedit%26segmentsExperienceId%3D0&amp;_com_liferay_exportimport_web_portlet_ExportImportPortlet_portletResource=ContactForm_WAR_addressbookform&amp;p_p_auth=PtOoiviV&amp;_com_liferay_exportimport_web_portlet_ExportImportPortlet_\" class=\"dropdown-item null dropdown-item lfr-icon-item taglib-icon\" id=\"_ContactForm_WAR_addressbookform_anvg__menu__export_2d__2f__2d_import\" onclick=\"Liferay.Portlet.openModal({namespace: '_ContactForm_WAR_addressbookform_', onClose: function() {Liferay.Portlet.refresh('#p_p_id_ContactForm_WAR_addressbookform_')}, portletSelector: '#p_p_id_ContactForm_WAR_addressbookform_', portletId: 'ContactForm_WAR_addressbookform', title: 'Export \/ Import', url: 'http\\x3a\\x2f\\x2flocalhost\\x3a8080\\x2fweb\\x2fguest\\x2f8f6ff35a-97bd-0c00-a7f2-082cc8e43bb8\\x3fp_p_id\\x3dcom_liferay_exportimport_web_portlet_ExportImportPortlet\\x26p_p_lifecycle\\x3d0\\x26p_p_state\\x3dpop_up\\x26_com_liferay_exportimport_web_portlet_ExportImportPortlet_mvcRenderCommandName\\x3d\\x252Fexport_import\\x252Fexport_import\\x26_com_liferay_exportimport_web_portlet_ExportImportPortlet_redirect\\x3d\\x252Fweb\\x252Fguest\\x252F8f6ff35a-97bd-0c00-a7f2-082cc8e43bb8\\x253Fp_l_back_url\\x253Dhttp\\x25253A\\x25252F\\x25252Flocalhost\\x25253A8080\\x25252Fweb\\x25252Fguest\\x25252Fmytest\\x25253FsegmentsExperienceId\\x25253D0\\x2526p_l_mode\\x253Dedit\\x2526segmentsExperienceId\\x253D0\\x26_com_liferay_exportimport_web_portlet_ExportImportPortlet_returnToFullPageURL\\x3d\\x252Fweb\\x252Fguest\\x252F8f6ff35a-97bd-0c00-a7f2-082cc8e43bb8\\x253Fp_l_back_url\\x253Dhttp\\x25253A\\x25252F\\x25252Flocalhost\\x25253A8080\\x25252Fweb\\x25252Fguest\\x25252Fmytest\\x25253FsegmentsExperienceId\\x25253D0\\x2526p_l_mode\\x253Dedit\\x2526segmentsExperienceId\\x253D0\\x26_com_liferay_exportimport_web_portlet_ExportImportPortlet_portletResource\\x3dContactForm_WAR_addressbookform\\x26p_p_auth\\x3dPtOoiviV\\x26_com_liferay_exportimport_web_portlet_ExportImportPortlet_'}); return false;\" role=\"menuitem\"> <span class=\"taglib-text-icon\">Export \/ Import<\/span> <\/a> <\/li> \n       <li class=\"portlet-configuration portlet-configuration-icon\" role=\"presentation\"> <a href=\"http:\/\/localhost:8080\/web\/guest\/8f6ff35a-97bd-0c00-a7f2-082cc8e43bb8?p_p_id=com_liferay_portlet_configuration_web_portlet_PortletConfigurationPortlet&amp;p_p_lifecycle=0&amp;p_p_state=pop_up&amp;_com_liferay_portlet_configuration_web_portlet_PortletConfigurationPortlet_mvcPath=%2Fedit_sharing.jsp&amp;_com_liferay_portlet_configuration_web_portlet_PortletConfigurationPortlet_redirect=%2Fweb%2Fguest%2F8f6ff35a-97bd-0c00-a7f2-082cc8e43bb8%3Fp_l_back_url%3Dhttp%253A%252F%252Flocalhost%253A8080%252Fweb%252Fguest%252Fmytest%253FsegmentsExperienceId%253D0%26p_l_mode%3Dedit%26segmentsExperienceId%3D0&amp;_com_liferay_portlet_configuration_web_portlet_PortletConfigurationPortlet_returnToFullPageURL=%2Fweb%2Fguest%2F8f6ff35a-97bd-0c00-a7f2-082cc8e43bb8%3Fp_l_back_url%3Dhttp%253A%252F%252Flocalhost%253A8080%252Fweb%252Fguest%252Fmytest%253FsegmentsExperienceId%253D0%26p_l_mode%3Dedit%26segmentsExperienceId%3D0&amp;_com_liferay_portlet_configuration_web_portlet_PortletConfigurationPortlet_portletConfiguration=true&amp;_com_liferay_portlet_configuration_web_portlet_PortletConfigurationPortlet_portletResource=ContactForm_WAR_addressbookform&amp;_com_liferay_portlet_configuration_web_portlet_PortletConfigurationPortlet_resourcePrimKey=13_LAYOUT_ContactForm_WAR_addressbookform\" class=\"dropdown-item null dropdown-item lfr-icon-item taglib-icon\" id=\"_ContactForm_WAR_addressbookform_anvg__menu__configuration\" onclick=\"Liferay.Portlet.openModal({iframeBodyCssClass: '', namespace: '_ContactForm_WAR_addressbookform_', portletSelector: '#p_p_id_ContactForm_WAR_addressbookform_', portletId: 'ContactForm_WAR_addressbookform', title: '\\u0043\\u006f\\u006e\\u0066\\u0069\\u0067\\u0075\\u0072\\u0061\\u0074\\u0069\\u006f\\u006e', url: 'http\\x3a\\x2f\\x2flocalhost\\x3a8080\\x2fweb\\x2fguest\\x2f8f6ff35a-97bd-0c00-a7f2-082cc8e43bb8\\x3fp_p_id\\x3dcom_liferay_portlet_configuration_web_portlet_PortletConfigurationPortlet\\x26p_p_lifecycle\\x3d0\\x26p_p_state\\x3dpop_up\\x26_com_liferay_portlet_configuration_web_portlet_PortletConfigurationPortlet_mvcPath\\x3d\\x252Fedit_sharing\\x2ejsp\\x26_com_liferay_portlet_configuration_web_portlet_PortletConfigurationPortlet_redirect\\x3d\\x252Fweb\\x252Fguest\\x252F8f6ff35a-97bd-0c00-a7f2-082cc8e43bb8\\x253Fp_l_back_url\\x253Dhttp\\x25253A\\x25252F\\x25252Flocalhost\\x25253A8080\\x25252Fweb\\x25252Fguest\\x25252Fmytest\\x25253FsegmentsExperienceId\\x25253D0\\x2526p_l_mode\\x253Dedit\\x2526segmentsExperienceId\\x253D0\\x26_com_liferay_portlet_configuration_web_portlet_PortletConfigurationPortlet_returnToFullPageURL\\x3d\\x252Fweb\\x252Fguest\\x252F8f6ff35a-97bd-0c00-a7f2-082cc8e43bb8\\x253Fp_l_back_url\\x253Dhttp\\x25253A\\x25252F\\x25252Flocalhost\\x25253A8080\\x25252Fweb\\x25252Fguest\\x25252Fmytest\\x25253FsegmentsExperienceId\\x25253D0\\x2526p_l_mode\\x253Dedit\\x2526segmentsExperienceId\\x253D0\\x26_com_liferay_portlet_configuration_web_portlet_PortletConfigurationPortlet_portletConfiguration\\x3dtrue\\x26_com_liferay_portlet_configuration_web_portlet_PortletConfigurationPortlet_portletResource\\x3dContactForm_WAR_addressbookform\\x26_com_liferay_portlet_configuration_web_portlet_PortletConfigurationPortlet_resourcePrimKey\\x3d13_LAYOUT_ContactForm_WAR_addressbookform'}); return false;\" role=\"menuitem\"> <i class=\"cog\"><\/i> <span class=\"taglib-text-icon\">Configuration<\/span> <\/a> <\/li> \n       <li class=\"\" role=\"presentation\"> <a href=\"javascript:;\" class=\"dropdown-item null dropdown-item lfr-icon-item taglib-icon\" id=\"_ContactForm_WAR_addressbookform_anvg__menu__permissions\" onclick=\"Liferay.Util.openModal({title: 'Permissions', url: 'http:\/\/localhost:8080\/web\/guest\/8f6ff35a-97bd-0c00-a7f2-082cc8e43bb8?p_p_id=com_liferay_portlet_configuration_web_portlet_PortletConfigurationPortlet&amp;p_p_lifecycle=0&amp;p_p_state=pop_up&amp;_com_liferay_portlet_configuration_web_portlet_PortletConfigurationPortlet_mvcPath=%2Fedit_permissions.jsp&amp;_com_liferay_portlet_configuration_web_portlet_PortletConfigurationPortlet_portletResource=ContactForm_WAR_addressbookform&amp;_com_liferay_portlet_configuration_web_portlet_PortletConfigurationPortlet_portletConfiguration=true&amp;_com_liferay_portlet_configuration_web_portlet_PortletConfigurationPortlet_resourcePrimKey=13_LAYOUT_ContactForm_WAR_addressbookform&amp;_com_liferay_portlet_configuration_web_portlet_PortletConfigurationPortlet_returnToFullPageURL='});\" role=\"menuitem\"> <span class=\"taglib-text-icon\">Permissions<\/span> <\/a> <\/li> \n       <li class=\"\" role=\"presentation\"> <a href=\"http:\/\/localhost:8080\/web\/guest\/8f6ff35a-97bd-0c00-a7f2-082cc8e43bb8?p_p_id=com_liferay_portlet_configuration_web_portlet_PortletConfigurationPortlet&amp;p_p_lifecycle=0&amp;p_p_state=pop_up&amp;_com_liferay_portlet_configuration_web_portlet_PortletConfigurationPortlet_mvcPath=%2Fedit_configuration_templates.jsp&amp;_com_liferay_portlet_configuration_web_portlet_PortletConfigurationPortlet_portletResource=ContactForm_WAR_addressbookform&amp;_com_liferay_portlet_configuration_web_portlet_PortletConfigurationPortlet_portletConfiguration=true\" class=\"dropdown-item null dropdown-item lfr-icon-item taglib-icon\" id=\"_ContactForm_WAR_addressbookform_anvg__menu__configuration_2d_templates\" role=\"menuitem\" data-senna-off=\"true\" data-title=\"Configuration Templates\"> <span class=\"taglib-text-icon\">Configuration Templates<\/span> <\/a> <\/li> \n       <script type=\"text\/javascript\">\n\/\/ <![CDATA[\nAUI().use('liferay-icon', function(A) {(function() {var $ = AUI.$;var _ = AUI._;\n\t\tLiferay.Icon.register(\n\t\t\t{\n\t\t\t\tforcePost: false,\n\t\t\t\tid: '_ContactForm_WAR_addressbookform_anvg__menu__configuration_2d_templates',\n\n\t\t\t\t\n\n\t\t\t\tuseDialog: true\n\t\t\t}\n\t\t);\n\t})();});\n\/\/ ]]>\n<\/script> \n      <\/ul> \n     <\/div> \n     <script type=\"text\/javascript\">\n\/\/ <![CDATA[\nAUI().use('liferay-menu', function(A) {(function() {var $ = AUI.$;var _ = AUI._;\n\tLiferay.Menu.handleFocus('#_ContactForm_WAR_addressbookform_anvg_menumenu');\n})();});\n\/\/ ]]>\n<\/script> \n    <\/menu> \n   <\/header> \n   <div class=\"portlet-content portlet-content-editable\"> \n    <div class=\" portlet-content-container\"> \n     <div class=\"portlet-body\"> \n      <script src=\"http:\/\/localhost:8080\/o\/vaadin-portlet-static\/scripts\/PortletMethods.js\" type=\"text\/javascript\"><\/script> \n      <script src=\"http:\/\/localhost:8080\/web\/guest\/8f6ff35a-97bd-0c00-a7f2-082cc8e43bb8?p_p_id=ContactForm_WAR_addressbookform&amp;p_p_lifecycle=2&amp;p_p_state=normal&amp;p_p_mode=view&amp;p_p_resource_id=%2Fweb-component%2Fcom-vaadin-flow-portal-addressbook-form-contact-form-portlet.js&amp;p_p_cacheability=cacheLevelPage\"><\/script>\n      <script>window.Vaadin.Flow.Portlets.registerElement('com-vaadin-flow-portal-addressbook-form-contact-form-portlet','_ContactForm_WAR_addressbookform_','[\"normal\",\"pop_up\",\"maximized\",\"exclusive\",\"minimized\"]','[\"view\",\"edit\"]','http:\/\/localhost:8080\/web\/guest\/8f6ff35a-97bd-0c00-a7f2-082cc8e43bb8?p_p_id=ContactForm_WAR_addressbookform&p_p_lifecycle=1&p_p_state=normal&p_p_mode=view&p_auth=9UxTIGR6');<\/script>\n      <com-vaadin-flow-portal-addressbook-form-contact-form-portlet data-portlet-id=\"_ContactForm_WAR_addressbookform_\" style=\"width: 100%;\"><\/com-vaadin-flow-portal-addressbook-form-contact-form-portlet> \n     <\/div> \n    <\/div> \n   <\/div> \n  <\/section> \n  <script type=\"text\/javascript\">\n\/\/ <![CDATA[\n\n\t\n\t\tLiferay.Portlet.register('ContactForm_WAR_addressbookform');\n\t\n\n\tLiferay.Portlet.onLoad(\n\t\t{\n\t\t\tcanEditTitle: true,\n\t\t\tcolumnPos: 0,\n\t\t\tisStatic: 'end',\n\t\t\tnamespacedId: 'p_p_id_ContactForm_WAR_addressbookform_',\n\t\t\tportletId: 'ContactForm_WAR_addressbookform',\n\t\t\trefreshURL: '\\x2fc\\x2fportal\\x2frender_portlet\\x3fp_l_id\\x3d13\\x26p_l_mode\\x3dedit\\x26p_p_id\\x3dContactForm_WAR_addressbookform\\x26p_p_lifecycle\\x3d0\\x26p_t_lifecycle\\x3d0\\x26p_p_state\\x3dnormal\\x26p_p_mode\\x3dview\\x26p_p_col_id\\x3dnull\\x26p_p_col_pos\\x3dnull\\x26p_p_col_count\\x3dnull\\x26p_p_static\\x3d1\\x26p_p_isolated\\x3d1\\x26currentURL\\x3d\\x252Fweb\\x252Fguest\\x252F8f6ff35a-97bd-0c00-a7f2-082cc8e43bb8\\x253Fp_l_back_url\\x253Dhttp\\x25253A\\x25252F\\x25252Flocalhost\\x25253A8080\\x25252Fweb\\x25252Fguest\\x25252Fmytest\\x25253FsegmentsExperienceId\\x25253D0\\x2526p_l_mode\\x253Dedit\\x2526segmentsExperienceId\\x253D0\\x26settingsScope\\x3dportletInstance',\n\t\t\trefreshURLData: {}\n\t\t}\n\t);\n\n\/\/ ]]>\n<\/script> \n <\/div> \n<\/div>","fragmentEntryLinkId":"40842","editableValues":{"com.liferay.fragment.entry.processor.background.image.BackgroundImageFragmentEntryProcessor":{},"instanceId":"","com.liferay.fragment.entry.processor.editable.EditableFragmentEntryProcessor":{},"portletId":"ContactForm_WAR_addressbookform","com.liferay.fragment.entry.processor.freemarker.FreeMarkerFragmentEntryProcessor":{}},"name":"Contact Form","portletId":"ContactForm_WAR_addressbookform"}},"collections":[],"permissions":{"EDIT_SEGMENTS_ENTRY":true,"UPDATE_LAYOUT_CONTENT":true,"LOCKED_SEGMENTS_EXPERIMENT":false,"UPDATE":true},"availableSegmentsExperiences":{"0":{"hasLockedSegmentsExperiment":false,"segmentsExperimentURL":"http:\/\/localhost:8080\/web\/guest\/mytest?segmentsExperienceId=0","segmentsExperienceId":"0","segmentsEntryId":"0","name":"Default","segmentsExperimentStatus":null,"priority":-1}},"fragments":[{"fragmentEntries":[{"groupId":"0","icon":"button","name":"Button","type":1,"fragmentEntryKey":"BASIC_COMPONENT-button","imagePreviewURL":"\/o\/fragment-collection-contributor-basic-component\/thumbnails\/button.png"},{"groupId":"0","icon":"blogs","name":"Card","type":1,"fragmentEntryKey":"BASIC_COMPONENT-card","imagePreviewURL":"\/o\/fragment-collection-contributor-basic-component\/thumbnails\/card.png"},{"groupId":"0","icon":"dropdown","name":"Dropdown","type":1,"fragmentEntryKey":"BASIC_COMPONENT-dropdown","imagePreviewURL":"\/o\/fragment-collection-contributor-basic-component\/thumbnails\/dropdown.png"},{"groupId":"0","icon":"video","name":"External Video","type":1,"fragmentEntryKey":"BASIC_COMPONENT-external-video","imagePreviewURL":"\/o\/fragment-collection-contributor-basic-component\/thumbnails\/video.png"},{"groupId":"0","icon":"code","name":"HTML","type":1,"fragmentEntryKey":"BASIC_COMPONENT-html","imagePreviewURL":"\/o\/fragment-collection-contributor-basic-component\/thumbnails\/html.png"},{"groupId":"0","icon":"heading","name":"Heading","type":1,"fragmentEntryKey":"BASIC_COMPONENT-heading","imagePreviewURL":"\/o\/fragment-collection-contributor-basic-component\/thumbnails\/heading.png"},{"groupId":"0","icon":"picture","name":"Image","type":1,"fragmentEntryKey":"BASIC_COMPONENT-image","imagePreviewURL":"\/o\/fragment-collection-contributor-basic-component\/thumbnails\/image.png"},{"groupId":"0","icon":"paragraph","name":"Paragraph","type":1,"fragmentEntryKey":"BASIC_COMPONENT-paragraph","imagePreviewURL":"\/o\/fragment-collection-contributor-basic-component\/thumbnails\/paragraph.png"},{"groupId":"0","icon":"hr","name":"Separator","type":1,"fragmentEntryKey":"BASIC_COMPONENT-separator","imagePreviewURL":"\/o\/fragment-collection-contributor-basic-component\/thumbnails\/separator.png"},{"groupId":"0","icon":"slideshow","name":"Slider","type":1,"fragmentEntryKey":"BASIC_COMPONENT-slider","imagePreviewURL":"\/o\/fragment-collection-contributor-basic-component\/thumbnails\/slider.png"},{"groupId":"0","icon":"code","name":"Social","type":1,"fragmentEntryKey":"BASIC_COMPONENT-social","imagePreviewURL":"\/o\/fragment-collection-contributor-basic-component\/thumbnails\/social.png"},{"groupId":"0","icon":"separator","name":"Spacer","type":1,"fragmentEntryKey":"BASIC_COMPONENT-spacer","imagePreviewURL":"\/o\/fragment-collection-contributor-basic-component\/thumbnails\/spacer.png"},{"groupId":"0","icon":"tabs","name":"Tabs","type":1,"fragmentEntryKey":"BASIC_COMPONENT-tabs","imagePreviewURL":"\/o\/fragment-collection-contributor-basic-component\/thumbnails\/tabs.png"},{"groupId":"0","icon":"video","name":"Video URL","type":1,"fragmentEntryKey":"BASIC_COMPONENT-video","imagePreviewURL":"\/o\/fragment-collection-contributor-basic-component\/thumbnails\/video.png"}],"fragmentCollectionId":"BASIC_COMPONENT","name":"Basic Components"},{"fragmentEntries":[{"groupId":"0","icon":"code","name":"Cookie Banner Simple","type":0,"fragmentEntryKey":"COOKIE_BANNER-cookie-banner-simple","imagePreviewURL":"\/o\/fragment-collection-contributor-cookie-banner\/thumbnails\/cookie_banner_simple.png"}],"fragmentCollectionId":"COOKIE_BANNER","name":"Cookie Banner"},{"fragmentEntries":[{"groupId":"0","icon":"edit-layout","name":"Banner","type":"composition","fragmentEntryKey":"FEATURED_CONTENT-composition-banner","imagePreviewURL":"\/o\/fragment-collection-contributor-featured-content\/thumbnails\/banner.png"},{"groupId":"0","icon":"edit-layout","name":"Banner Center","type":"composition","fragmentEntryKey":"FEATURED_CONTENT-composition-banner-center","imagePreviewURL":"\/o\/fragment-collection-contributor-featured-content\/thumbnails\/banner_center.png"},{"groupId":"0","icon":"edit-layout","name":"Banner Cover","type":"composition","fragmentEntryKey":"FEATURED_CONTENT-composition-banner-cover","imagePreviewURL":"\/o\/fragment-collection-contributor-featured-content\/thumbnails\/banner_cover.png"},{"groupId":"0","icon":"edit-layout","name":"Banner Cover Center","type":"composition","fragmentEntryKey":"FEATURED_CONTENT-composition-banner-cover-center","imagePreviewURL":"\/o\/fragment-collection-contributor-featured-content\/thumbnails\/banner_cover_center.png"},{"groupId":"0","icon":"slideshow","name":"Banner Slider","type":0,"fragmentEntryKey":"FEATURED_CONTENT-banner-slider","imagePreviewURL":"\/o\/fragment-collection-contributor-featured-content\/thumbnails\/banner_slider.png"},{"groupId":"0","icon":"edit-layout","name":"Features","type":"composition","fragmentEntryKey":"FEATURED_CONTENT-composition-features","imagePreviewURL":"\/o\/fragment-collection-contributor-featured-content\/thumbnails\/features.png"},{"groupId":"0","icon":"edit-layout","name":"Highlights","type":"composition","fragmentEntryKey":"FEATURED_CONTENT-composition-highlights","imagePreviewURL":"\/o\/fragment-collection-contributor-featured-content\/thumbnails\/highlights.png"},{"groupId":"0","icon":"edit-layout","name":"Highlights Center","type":"composition","fragmentEntryKey":"FEATURED_CONTENT-composition-highlights-center","imagePreviewURL":"\/o\/fragment-collection-contributor-featured-content\/thumbnails\/highlights_center.png"}],"fragmentCollectionId":"FEATURED_CONTENT","name":"Featured Content"},{"fragmentEntries":[{"groupId":"0","icon":"code","name":"Footer Nav Dark","type":0,"fragmentEntryKey":"FOOTERS-footer-nav-dark","imagePreviewURL":"\/o\/fragment-collection-contributor-footers\/thumbnails\/footer_nav_dark.png"},{"groupId":"0","icon":"code","name":"Footer Nav Light","type":0,"fragmentEntryKey":"FOOTERS-footer-nav-light","imagePreviewURL":"\/o\/fragment-collection-contributor-footers\/thumbnails\/footer_nav_light.png"}],"fragmentCollectionId":"FOOTERS","name":"Footers"},{"fragmentEntries":[{"groupId":"0","icon":"code","name":"Header Dark","type":0,"fragmentEntryKey":"NAVIGATION_BARS-header-dark","imagePreviewURL":"\/o\/fragment-collection-contributor-navigation-bars\/thumbnails\/header_dark.png"},{"groupId":"0","icon":"code","name":"Header Light","type":0,"fragmentEntryKey":"NAVIGATION_BARS-header-light","imagePreviewURL":"\/o\/fragment-collection-contributor-navigation-bars\/thumbnails\/header_light.png"}],"fragmentCollectionId":"NAVIGATION_BARS","name":"Navigation Bars"},{"fragmentEntries":[{"icon":"sites","name":"Menu Display","fragmentEntryKey":"com.liferay.fragment.renderer.menu.display.internal.MenuDisplayFragmentRenderer","imagePreviewURL":""}],"fragmentCollectionId":"menu-display","name":"Menu Display"},{"fragmentEntries":[{"icon":"web-content","name":"Content Display","fragmentEntryKey":"com.liferay.fragment.internal.renderer.ContentObjectFragmentRenderer","imagePreviewURL":""},{"icon":"web-content","name":"Content Flags","fragmentEntryKey":"com.liferay.fragment.internal.renderer.ContentFlagsFragmentRenderer","imagePreviewURL":""},{"icon":"filter","name":"Collection Filter","fragmentEntryKey":"com.liferay.fragment.renderer.collection.filter.internal.CollectionFilterFragmentRenderer","imagePreviewURL":""},{"icon":"filter","name":"Applied Filters","fragmentEntryKey":"com.liferay.fragment.renderer.collection.filter.internal.CollectionAppliedFiltersFragmentRenderer","imagePreviewURL":""},{"icon":"web-content","name":"Content Ratings","fragmentEntryKey":"com.liferay.fragment.internal.renderer.ContentRatingsFragmentRenderer","imagePreviewURL":""}],"fragmentCollectionId":"content-display","name":"Content Display"}],"pageContents":[]},"componentId":null,"locale":{"ISO3Country":"USA","ISO3Language":"eng","country":"US","displayCountry":"United States","displayLanguage":"English","displayName":"English (United States)","displayScript":"","displayVariant":"","extensionKeys":[],"language":"en","script":"","unicodeLocaleAttributes":[],"unicodeLocaleKeys":[],"variant":""},"config":{"editSegmentsEntryURL":"http:\/\/localhost:8080\/group\/guest\/~\/control_panel\/manage\/-\/segments\/entries?_com_liferay_segments_web_internal_portlet_SegmentsPortlet_mvcRenderCommandName=%2Fsegments%2Fedit_segments_entry&_com_liferay_segments_web_internal_portlet_SegmentsPortlet_redirect=%2Fweb%2Fguest%2F8f6ff35a-97bd-0c00-a7f2-082cc8e43bb8%3Fp_l_back_url%3Dhttp%253A%252F%252Flocalhost%253A8080%252Fweb%252Fguest%252Fmytest%253FsegmentsExperienceId%253D0%26p_l_mode%3Dedit%26segmentsExperienceId%3D0&p_p_auth=TuiDoC7j","lookAndFeelURL":"http:\/\/localhost:8080\/group\/guest\/~\/control_panel\/manage?p_p_id=com_liferay_layout_admin_web_portlet_GroupPagesPortlet&p_p_lifecycle=0&p_p_state=maximized&_com_liferay_layout_admin_web_portlet_GroupPagesPortlet_mvcRenderCommandName=%2Flayout_admin%2Fedit_layout&_com_liferay_layout_admin_web_portlet_GroupPagesPortlet_redirect=http%3A%2F%2Flocalhost%3A8080%2Fweb%2Fguest%2Fmytest%3FsegmentsExperienceId%3D0&_com_liferay_layout_admin_web_portlet_GroupPagesPortlet_backURL=%2Fweb%2Fguest%2F8f6ff35a-97bd-0c00-a7f2-082cc8e43bb8%3Fp_l_back_url%3Dhttp%253A%252F%252Flocalhost%253A8080%252Fweb%252Fguest%252Fmytest%253FsegmentsExperienceId%253D0%26p_l_mode%3Dedit%26segmentsExperienceId%3D0&_com_liferay_layout_admin_web_portlet_GroupPagesPortlet_groupId=20123&_com_liferay_layout_admin_web_portlet_GroupPagesPortlet_privateLayout=false&p_r_p_selPlid=13&p_p_auth=3Oz7VL5V","redirectURL":"http:\/\/localhost:8080\/web\/guest\/mytest?segmentsExperienceId=0","styleBookEntryId":"0","editFragmentEntryLinkURL":"http:\/\/localhost:8080\/web\/guest\/8f6ff35a-97bd-0c00-a7f2-082cc8e43bb8?p_p_id=com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet&p_p_lifecycle=1&p_p_state=normal&p_p_mode=view&_com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet_javax.portlet.action=%2Flayout_content_page_editor%2Fedit_fragment_entry_link&p_auth=9UxTIGR6&p_l_mode=edit","updateCollectionDisplayConfigURL":"http:\/\/localhost:8080\/web\/guest\/8f6ff35a-97bd-0c00-a7f2-082cc8e43bb8?p_p_id=com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet&p_p_lifecycle=1&p_p_state=normal&p_p_mode=view&_com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet_javax.portlet.action=%2Flayout_content_page_editor%2Fupdate_collection_display_config&p_auth=9UxTIGR6&p_l_mode=edit","getIframeContentURL":"http:\/\/localhost:8080\/web\/guest\/8f6ff35a-97bd-0c00-a7f2-082cc8e43bb8?p_l_mode=preview","updateSegmentsExperiencePriorityURL":"http:\/\/localhost:8080\/web\/guest\/8f6ff35a-97bd-0c00-a7f2-082cc8e43bb8?p_p_id=com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet&p_p_lifecycle=1&p_p_state=normal&p_p_mode=view&_com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet_javax.portlet.action=%2Flayout_content_page_editor%2Fupdate_segments_experience_priority&p_auth=9UxTIGR6&p_l_mode=edit","addFragmentCompositionURL":"http:\/\/localhost:8080\/web\/guest\/8f6ff35a-97bd-0c00-a7f2-082cc8e43bb8?p_p_id=com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet&p_p_lifecycle=1&p_p_state=normal&p_p_mode=view&_com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet_javax.portlet.action=%2Flayout_content_page_editor%2Fadd_fragment_composition&p_auth=9UxTIGR6&p_l_mode=edit","paddingOptions":[{"label":"0","value":"0"},{"label":"1","value":"3"},{"label":"2","value":"4"},{"label":"4","value":"5"},{"label":"6","value":"6"},{"label":"8","value":"7"},{"label":"10","value":"8"}],"getAvailableImageConfigurationsURL":"http:\/\/localhost:8080\/web\/guest\/8f6ff35a-97bd-0c00-a7f2-082cc8e43bb8?p_p_id=com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet&p_p_lifecycle=2&p_p_state=normal&p_p_mode=view&p_p_resource_id=%2Flayout_content_page_editor%2Fget_available_image_configurations&p_p_cacheability=cacheLevelPage&_com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet_segmentsExperienceId=0&p_l_mode=edit","pluginsRootPath":"@liferay\/[email protected]\/page_editor\/plugins","getAvailableListRenderersURL":"http:\/\/localhost:8080\/web\/guest\/8f6ff35a-97bd-0c00-a7f2-082cc8e43bb8?p_p_id=com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet&p_p_lifecycle=2&p_p_state=normal&p_p_mode=view&p_p_resource_id=%2Flayout_content_page_editor%2Fget_available_list_renderers&p_p_cacheability=cacheLevelPage&_com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet_segmentsExperienceId=0&p_l_mode=edit","imageSelectorURL":"http:\/\/localhost:8080\/group\/guest\/~\/control_panel\/manage\/-\/select\/image%2Curl\/_com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet_selectImage?_com_liferay_item_selector_web_portlet_ItemSelectorPortlet_0_json=%7B%22desiredItemSelectorReturnTypes%22%3A%22downloadfileentry%22%7D&_com_liferay_item_selector_web_portlet_ItemSelectorPortlet_1_json=%7B%22desiredItemSelectorReturnTypes%22%3A%22com.liferay.item.selector.criteria.URLItemSelectorReturnType%22%7D&p_p_auth=JuedpdgU","addFragmentEntryLinkURL":"http:\/\/localhost:8080\/web\/guest\/8f6ff35a-97bd-0c00-a7f2-082cc8e43bb8?p_p_id=com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet&p_p_lifecycle=1&p_p_state=normal&p_p_mode=view&_com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet_javax.portlet.action=%2Flayout_content_page_editor%2Fadd_fragment_entry_link&p_auth=9UxTIGR6&p_l_mode=edit","publishURL":"http:\/\/localhost:8080\/web\/guest\/8f6ff35a-97bd-0c00-a7f2-082cc8e43bb8?p_p_id=com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet&p_p_lifecycle=1&p_p_state=normal&p_p_mode=view&_com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet_javax.portlet.action=%2Flayout_content_page_editor%2Fpublish_layout&p_auth=9UxTIGR6&p_l_mode=edit","tokenReuseEnabled":false,"infoListSelectorURL":"http:\/\/localhost:8080\/group\/guest\/~\/control_panel\/manage\/-\/select\/infolist%2Cinfocollectionprovider\/_com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet_selectInfoList?_com_liferay_item_selector_web_portlet_ItemSelectorPortlet_0_json=%7B%22desiredItemSelectorReturnTypes%22%3A%22com.liferay.item.selector.criteria.InfoListItemSelectorReturnType%22%2C%22itemSubtype%22%3Anull%2C%22itemType%22%3Anull%2C%22itemTypes%22%3A%5B%5D%7D&_com_liferay_item_selector_web_portlet_ItemSelectorPortlet_1_json=%7B%22desiredItemSelectorReturnTypes%22%3A%22infolistprovider%22%2C%22itemType%22%3Anull%2C%22itemTypes%22%3A%5B%5D%7D&p_p_auth=JuedpdgU&refererPlid=13","updateLayoutPageTemplateDataURL":"http:\/\/localhost:8080\/web\/guest\/8f6ff35a-97bd-0c00-a7f2-082cc8e43bb8?p_p_id=com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet&p_p_lifecycle=1&p_p_state=normal&p_p_mode=view&_com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet_javax.portlet.action=%2Flayout_content_page_editor%2Fupdate_layout_page_template_data&p_auth=9UxTIGR6&p_l_mode=edit","createLayoutPageTemplateEntryURL":"http:\/\/localhost:8080\/web\/guest\/8f6ff35a-97bd-0c00-a7f2-082cc8e43bb8?p_p_id=com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet&p_p_lifecycle=1&p_p_state=normal&p_p_mode=view&_com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet_javax.portlet.action=%2Flayout_content_page_editor%2Fcreate_layout_page_template_entry&p_auth=9UxTIGR6&p_l_mode=edit","getIframeContentCssURL":"\/o\/layout-content-page-editor-web\/page_editor\/app\/components\/App.css?browserId=chrome&themeId=classic_WAR_classictheme&languageId=en_US&b=7403&t=1645644710000","layoutItemSelectorURL":"http:\/\/localhost:8080\/group\/guest\/~\/control_panel\/manage\/-\/select\/layout\/_com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet_selectLayout?_com_liferay_item_selector_web_portlet_ItemSelectorPortlet_0_json=%7B%22checkDisplayPage%22%3Afalse%2C%22desiredItemSelectorReturnTypes%22%3A%22uuid%22%2C%22enableCurrentPage%22%3Afalse%2C%22followURLOnTitleClick%22%3Afalse%2C%22multiSelection%22%3Afalse%2C%22showActionsMenu%22%3Afalse%2C%22showBreadcrumb%22%3Atrue%2C%22showDraftPages%22%3Afalse%2C%22showHiddenPages%22%3Atrue%2C%22showPrivatePages%22%3Atrue%2C%22showPublicPages%22%3Atrue%7D&p_p_auth=JuedpdgU","draft":false,"getCollectionFiltersURL":"http:\/\/localhost:8080\/web\/guest\/8f6ff35a-97bd-0c00-a7f2-082cc8e43bb8?p_p_id=com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet&p_p_lifecycle=2&p_p_state=normal&p_p_mode=view&p_p_resource_id=%2Flayout_content_page_editor%2Fget_collection_filters&p_p_cacheability=cacheLevelPage&_com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet_segmentsExperienceId=0&p_l_mode=edit","addFragmentEntryLinksURL":"http:\/\/localhost:8080\/web\/guest\/8f6ff35a-97bd-0c00-a7f2-082cc8e43bb8?p_p_id=com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet&p_p_lifecycle=1&p_p_state=normal&p_p_mode=view&_com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet_javax.portlet.action=%2Flayout_content_page_editor%2Fadd_fragment_entry_links&p_auth=9UxTIGR6&p_l_mode=edit","portletNamespace":"_com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet_","changeStyleBookEntryURL":"http:\/\/localhost:8080\/web\/guest\/8f6ff35a-97bd-0c00-a7f2-082cc8e43bb8?p_p_id=com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet&p_p_lifecycle=1&p_p_state=normal&p_p_mode=view&_com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet_javax.portlet.action=%2Flayout_content_page_editor%2Fchange_style_book_entry&p_auth=9UxTIGR6&p_l_mode=edit","duplicateSegmentsExperienceURL":"http:\/\/localhost:8080\/web\/guest\/8f6ff35a-97bd-0c00-a7f2-082cc8e43bb8?p_p_id=com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet&p_p_lifecycle=1&p_p_state=normal&p_p_mode=view&_com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet_javax.portlet.action=%2Flayout_content_page_editor%2Fduplicate_segments_experience&p_auth=9UxTIGR6&p_l_mode=edit","styleBookEnabled":true,"plid":"13","addItemURL":"http:\/\/localhost:8080\/web\/guest\/8f6ff35a-97bd-0c00-a7f2-082cc8e43bb8?p_p_id=com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet&p_p_lifecycle=1&p_p_state=normal&p_p_mode=view&_com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet_javax.portlet.action=%2Flayout_content_page_editor%2Fadd_item&p_auth=9UxTIGR6&p_l_mode=edit","availableLanguages":{"sv_SE":{"w3cLanguageId":"sv-SE","languageIcon":"sv-se"},"pt_BR":{"w3cLanguageId":"pt-BR","languageIcon":"pt-br"},"fr_FR":{"w3cLanguageId":"fr-FR","languageIcon":"fr-fr"},"ja_JP":{"w3cLanguageId":"ja-JP","languageIcon":"ja-jp"},"ca_ES":{"w3cLanguageId":"ca-ES","languageIcon":"ca-es"},"de_DE":{"w3cLanguageId":"de-DE","languageIcon":"de-de"},"hu_HU":{"w3cLanguageId":"hu-HU","languageIcon":"hu-hu"},"ar_SA":{"w3cLanguageId":"ar-SA","languageIcon":"ar-sa"},"fi_FI":{"w3cLanguageId":"fi-FI","languageIcon":"fi-fi"},"en_US":{"w3cLanguageId":"en-US","languageIcon":"en-us"},"zh_CN":{"w3cLanguageId":"zh-CN","languageIcon":"zh-cn"},"es_ES":{"w3cLanguageId":"es-ES","languageIcon":"es-es"},"nl_NL":{"w3cLanguageId":"nl-NL","languageIcon":"nl-nl"}},"getCollectionItemCountURL":"http:\/\/localhost:8080\/web\/guest\/8f6ff35a-97bd-0c00-a7f2-082cc8e43bb8?p_p_id=com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet&p_p_lifecycle=2&p_p_state=normal&p_p_mode=view&p_p_resource_id=%2Flayout_content_page_editor%2Fget_collection_item_count&p_p_cacheability=cacheLevelPage&_com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet_segmentsExperienceId=0&p_l_mode=edit","getExperienceUsedPortletsURL":"http:\/\/localhost:8080\/web\/guest\/8f6ff35a-97bd-0c00-a7f2-082cc8e43bb8?p_p_id=com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet&p_p_lifecycle=2&p_p_state=normal&p_p_mode=view&p_p_resource_id=%2Flayout_content_page_editor%2Fget_experience_used_portlets&p_p_cacheability=cacheLevelPage&_com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet_segmentsExperienceId=0&p_l_mode=edit","updateItemConfigURL":"http:\/\/localhost:8080\/web\/guest\/8f6ff35a-97bd-0c00-a7f2-082cc8e43bb8?p_p_id=com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet&p_p_lifecycle=1&p_p_state=normal&p_p_mode=view&_com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet_javax.portlet.action=%2Flayout_content_page_editor%2Fupdate_item_config&p_auth=9UxTIGR6&p_l_mode=edit","addFragmentEntryLinkCommentURL":"http:\/\/localhost:8080\/web\/guest\/8f6ff35a-97bd-0c00-a7f2-082cc8e43bb8?p_p_id=com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet&p_p_lifecycle=1&p_p_state=normal&p_p_mode=view&_com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet_javax.portlet.action=%2Flayout_content_page_editor%2Fadd_fragment_entry_link_comment&p_auth=9UxTIGR6&p_l_mode=edit","defaultLanguageId":"en_US","getCollectionConfigurationURL":"http:\/\/localhost:8080\/web\/guest\/8f6ff35a-97bd-0c00-a7f2-082cc8e43bb8?p_p_id=com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet&p_p_lifecycle=2&p_p_state=normal&p_p_mode=view&p_p_resource_id=%2Flayout_content_page_editor%2Fget_collection_configuration&p_p_cacheability=cacheLevelPage&_com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet_segmentsExperienceId=0&p_l_mode=edit","changeMasterLayoutURL":"http:\/\/localhost:8080\/web\/guest\/8f6ff35a-97bd-0c00-a7f2-082cc8e43bb8?p_p_id=com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet&p_p_lifecycle=1&p_p_state=normal&p_p_mode=view&_com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet_javax.portlet.action=%2Flayout_content_page_editor%2Fchange_master_layout&p_auth=9UxTIGR6&p_l_mode=edit","themeColorsCssClasses":["primary","success","danger","warning","info","dark","gray-dark","secondary","light","lighter","white"],"duplicateItemURL":"http:\/\/localhost:8080\/web\/guest\/8f6ff35a-97bd-0c00-a7f2-082cc8e43bb8?p_p_id=com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet&p_p_lifecycle=1&p_p_state=normal&p_p_mode=view&_com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet_javax.portlet.action=%2Flayout_content_page_editor%2Fduplicate_item&p_auth=9UxTIGR6&p_l_mode=edit","defaultSegmentsEntryId":"0","unmarkItemForDeletionURL":"http:\/\/localhost:8080\/web\/guest\/8f6ff35a-97bd-0c00-a7f2-082cc8e43bb8?p_p_id=com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet&p_p_lifecycle=1&p_p_state=normal&p_p_mode=view&_com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet_javax.portlet.action=%2Flayout_content_page_editor%2Funmark_item_for_deletion&p_auth=9UxTIGR6&p_l_mode=edit","getFileEntryURL":"http:\/\/localhost:8080\/web\/guest\/8f6ff35a-97bd-0c00-a7f2-082cc8e43bb8?p_p_id=com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet&p_p_lifecycle=2&p_p_state=normal&p_p_mode=view&p_p_resource_id=%2Flayout_content_page_editor%2Fget_file_entry_url&p_p_cacheability=cacheLevelPage&_com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet_segmentsExperienceId=0&p_l_mode=edit","addPortletURL":"http:\/\/localhost:8080\/web\/guest\/8f6ff35a-97bd-0c00-a7f2-082cc8e43bb8?p_p_id=com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet&p_p_lifecycle=1&p_p_state=normal&p_p_mode=view&_com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet_javax.portlet.action=%2Flayout_content_page_editor%2Fadd_portlet&p_auth=9UxTIGR6&p_l_mode=edit","moveItemURL":"http:\/\/localhost:8080\/web\/guest\/8f6ff35a-97bd-0c00-a7f2-082cc8e43bb8?p_p_id=com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet&p_p_lifecycle=1&p_p_state=normal&p_p_mode=view&_com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet_javax.portlet.action=%2Flayout_content_page_editor%2Fmove_fragment_entry_link&p_auth=9UxTIGR6&p_l_mode=edit","commonStyles":[{"configurationRole":"general","styles":[{"defaultValue":"block","dataType":"string","responsive":true,"name":"display","typeOptions":{"customValues":{"unchecked":"block","checked":"none"}},"label":"Hide Fragment","type":"checkbox","responsiveTemplate":"d{viewport}{value}"}],"label":""},{"styles":[{"defaultValue":"0","dataType":"string","responsive":true,"name":"marginTop","label":"Margin Top","type":"select","validValues":[{"label":"0","value":"0"},{"label":"1","value":"1"},{"label":"2","value":"2"},{"label":"3","value":"3"},{"label":"4","value":"4"},{"label":"5","value":"5"},{"label":"6","value":"6"},{"label":"7","value":"7"},{"label":"8","value":"8"},{"label":"9","value":"9"},{"label":"10","value":"10"}],"displaySize":"small","responsiveTemplate":"mt{viewport}{value}"},{"defaultValue":"0","dataType":"string","responsive":true,"name":"marginBottom","label":"Margin Bottom","type":"select","validValues":[{"label":"0","value":"0"},{"label":"1","value":"1"},{"label":"2","value":"2"},{"label":"3","value":"3"},{"label":"4","value":"4"},{"label":"5","value":"5"},{"label":"6","value":"6"},{"label":"7","value":"7"},{"label":"8","value":"8"},{"label":"9","value":"9"},{"label":"10","value":"10"}],"displaySize":"small","responsiveTemplate":"mb{viewport}{value}"},{"defaultValue":"0","dataType":"string","responsive":true,"name":"marginLeft","label":"Margin Left","type":"select","validValues":[{"label":"0","value":"0"},{"label":"1","value":"1"},{"label":"2","value":"2"},{"label":"3","value":"3"},{"label":"4","value":"4"},{"label":"5","value":"5"},{"label":"6","value":"6"},{"label":"7","value":"7"},{"label":"8","value":"8"},{"label":"9","value":"9"},{"label":"10","value":"10"}],"displaySize":"small","responsiveTemplate":"ml{viewport}{value}"},{"defaultValue":"0","dataType":"string","responsive":true,"name":"marginRight","label":"Margin Right","type":"select","validValues":[{"label":"0","value":"0"},{"label":"1","value":"1"},{"label":"2","value":"2"},{"label":"3","value":"3"},{"label":"4","value":"4"},{"label":"5","value":"5"},{"label":"6","value":"6"},{"label":"7","value":"7"},{"label":"8","value":"8"},{"label":"9","value":"9"},{"label":"10","value":"10"}],"displaySize":"small","responsiveTemplate":"mr{viewport}{value}"}],"label":"Margin"},{"styles":[{"defaultValue":"0","dataType":"string","responsive":true,"name":"paddingTop","label":"Padding Top","type":"select","validValues":[{"label":"0","value":"0"},{"label":"1","value":"1"},{"label":"2","value":"2"},{"label":"3","value":"3"},{"label":"4","value":"4"},{"label":"5","value":"5"},{"label":"6","value":"6"},{"label":"7","value":"7"},{"label":"8","value":"8"},{"label":"9","value":"9"},{"label":"10","value":"10"}],"displaySize":"small","responsiveTemplate":"pt{viewport}{value}"},{"defaultValue":"0","dataType":"string","responsive":true,"name":"paddingBottom","label":"Padding Bottom","type":"select","validValues":[{"label":"0","value":"0"},{"label":"1","value":"1"},{"label":"2","value":"2"},{"label":"3","value":"3"},{"label":"4","value":"4"},{"label":"5","value":"5"},{"label":"6","value":"6"},{"label":"7","value":"7"},{"label":"8","value":"8"},{"label":"9","value":"9"},{"label":"10","value":"10"}],"displaySize":"small","responsiveTemplate":"pb{viewport}{value}"},{"defaultValue":"0","dataType":"string","responsive":true,"name":"paddingLeft","label":"Padding Left","type":"select","validValues":[{"label":"0","value":"0"},{"label":"1","value":"1"},{"label":"2","value":"2"},{"label":"3","value":"3"},{"label":"4","value":"4"},{"label":"5","value":"5"},{"label":"6","value":"6"},{"label":"7","value":"7"},{"label":"8","value":"8"},{"label":"9","value":"9"},{"label":"10","value":"10"}],"displaySize":"small","responsiveTemplate":"pl{viewport}{value}"},{"defaultValue":"0","dataType":"string","responsive":true,"name":"paddingRight","label":"Padding Right","type":"select","validValues":[{"label":"0","value":"0"},{"label":"1","value":"1"},{"label":"2","value":"2"},{"label":"3","value":"3"},{"label":"4","value":"4"},{"label":"5","value":"5"},{"label":"6","value":"6"},{"label":"7","value":"7"},{"label":"8","value":"8"},{"label":"9","value":"9"},{"label":"10","value":"10"}],"displaySize":"small","responsiveTemplate":"pr{viewport}{value}"}],"label":"Padding"},{"configurationRole":"general","styles":[{"defaultValue":"","dataType":"string","responsive":false,"name":"width","label":"Width","type":"text","displaySize":"small"},{"defaultValue":"","dataType":"string","responsive":false,"name":"height","label":"Height","type":"text","displaySize":"small"},{"defaultValue":"","dataType":"string","responsive":false,"name":"minWidth","label":"Min Width","type":"text","displaySize":"small"},{"defaultValue":"","dataType":"string","responsive":false,"name":"maxWidth","label":"Max Width","type":"text","displaySize":"small"},{"defaultValue":"","dataType":"string","responsive":false,"name":"minHeight","label":"Min Height","type":"text","displaySize":"small"},{"defaultValue":"","dataType":"string","responsive":false,"name":"maxHeight","label":"Max Height","type":"text","displaySize":"small"},{"defaultValue":"","dataType":"string","responsive":false,"name":"overflow","label":"Overflow","type":"select","validValues":[{"label":"Default","value":""},{"label":"Visible","value":"visible"},{"label":"Hidden","value":"hidden"},{"label":"Scroll","value":"scroll"},{"label":"Auto","value":"auto"}]}],"label":"Size"},{"styles":[{"defaultValue":"","dataType":"string","responsive":false,"name":"fontFamily","label":"Font Family","type":"select","validValues":[{"label":"Default","value":""},{"frontendTokenName":"fontFamilySansSerif","label":"Font Family Sans Serif","value":"system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'"},{"frontendTokenName":"fontFamilyMonospace","label":"Font Family Monospace","value":"SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace"},{"frontendTokenName":"fontFamilyBase","label":"Font Family Base","value":"system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'"}]},{"defaultValue":"","dataType":"string","responsive":false,"name":"fontWeight","label":"Font Weight","type":"select","validValues":[{"label":"Default","value":""},{"frontendTokenName":"fontWeightNormal","label":"Font Weight Normal","value":"400"},{"frontendTokenName":"fontWeightBold","label":"Font Weight Bold","value":"700"},{"frontendTokenName":"fontWeightBolder","label":"Font Weight Bolder","value":"900"},{"frontendTokenName":"fontWeightLight","label":"Font Weight Light","value":"300"},{"frontendTokenName":"fontWeightLighter","label":"Font Weight Lighter","value":"lighter"}]},{"defaultValue":"","dataType":"string","responsive":false,"name":"fontSize","label":"Font Size","type":"select","validValues":[{"label":"Default","value":""},{"frontendTokenName":"fontSizeSm","label":"Font Size Small","value":"0.875rem"},{"frontendTokenName":"fontSizeBase","label":"Font Size Base","value":"0.875rem"},{"frontendTokenName":"fontSizeLg","label":"Font Size Large","value":"1.125rem"}]},{"dataType":"string","responsive":false,"name":"textColor","label":"Text Color","type":"colorPicker"},{"defaultValue":"left","dataType":"string","responsive":true,"name":"textAlign","label":"Text Align","type":"select","validValues":[{"label":"Left","value":"left"},{"label":"Center","value":"center"},{"label":"Right","value":"right"},{"label":"Justify","value":"justify"}],"responsiveTemplate":"text{viewport}{value}"}],"label":"Text"},{"styles":[{"dataType":"string","responsive":false,"name":"backgroundColor","label":"Background Color","type":"colorPicker"},{"defaultValue":{},"dataType":"object","responsive":false,"name":"backgroundImage","label":"Background Image","type":"imageSelector"}],"label":"Background"},{"styles":[{"defaultValue":0,"dataType":"number","responsive":false,"name":"borderWidth","typeOptions":{"validation":{"type":"number"}},"label":"Border Width","type":"text"},{"defaultValue":"","dataType":"string","responsive":false,"name":"borderRadius","label":"Border Radius","type":"select","validValues":[{"label":"Default","value":""},{"frontendTokenName":"borderRadiusSm","label":"Border Radius Small","value":"0.1875rem"},{"frontendTokenName":"borderRadiusLg","label":"Border Radius Large","value":"0.375rem"},{"frontendTokenName":"borderRadiusCircle","label":"Border Radius Circle","value":"50%"},{"frontendTokenName":"roundedPill","label":"Rounded Pill","value":"50rem"}]},{"dataType":"string","responsive":false,"name":"borderColor","label":"Border Color","type":"colorPicker"}],"label":"Borders"},{"styles":[{"defaultValue":"","dataType":"number","responsive":false,"name":"opacity","typeOptions":{"validation":{"type":"number"}},"label":"Opacity","type":"text"},{"defaultValue":"","dataType":"object","responsive":false,"name":"shadow","label":"Shadow","type":"select","validValues":[{"label":"Default","value":""},{"frontendTokenName":"boxShadowSm","label":"Box Shadow Small","value":"0 .125rem .25rem rgba(0, 0, 0, .075)"},{"frontendTokenName":"boxShadow","label":"Box Shadow Regular","value":"0 .5rem 1rem rgba(0, 0, 0, .15)"},{"frontendTokenName":"boxShadowLg","label":"Box Shadow Large","value":"0 1rem 3rem rgba(0, 0, 0, .175)"}]}],"label":"Effects"}],"videoItemSelectorURL":"http:\/\/localhost:8080\/group\/guest\/~\/control_panel\/manage\/-\/select\/video\/_com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet_selectVideo?_com_liferay_item_selector_web_portlet_ItemSelectorPortlet_0_json=%7B%22desiredItemSelectorReturnTypes%22%3A%22videoembeddablehtml%22%7D&p_p_auth=JuedpdgU","singleSegmentsExperienceMode":false,"getCollectionSupportedFiltersURL":"http:\/\/localhost:8080\/web\/guest\/8f6ff35a-97bd-0c00-a7f2-082cc8e43bb8?p_p_id=com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet&p_p_lifecycle=2&p_p_state=normal&p_p_mode=view&p_p_resource_id=%2Flayout_content_page_editor%2Fget_collection_supported_filters&p_p_cacheability=cacheLevelPage&_com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet_segmentsExperienceId=0&p_l_mode=edit","getLayoutFriendlyURL":"http:\/\/localhost:8080\/web\/guest\/8f6ff35a-97bd-0c00-a7f2-082cc8e43bb8?p_p_id=com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet&p_p_lifecycle=2&p_p_state=normal&p_p_mode=view&p_p_resource_id=%2Flayout_content_page_editor%2Fget_layout_friendly_url&p_p_cacheability=cacheLevelPage&_com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet_segmentsExperienceId=0&p_l_mode=edit","isPrivateLayoutsEnabled":true,"collectionSelectorURL":"http:\/\/localhost:8080\/group\/guest\/~\/control_panel\/manage\/-\/select\/infolist%2Cinfocollectionprovider\/_com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet_selectInfoList?_com_liferay_item_selector_web_portlet_ItemSelectorPortlet_0_json=%7B%22desiredItemSelectorReturnTypes%22%3A%22com.liferay.item.selector.criteria.InfoListItemSelectorReturnType%22%2C%22itemSubtype%22%3Anull%2C%22itemType%22%3A%22com.liferay.journal.model.JournalArticle%22%2C%22itemTypes%22%3A%5B%22com.liferay.journal.model.JournalArticle%22%2C%22com.liferay.asset.kernel.model.AssetCategory%22%2C%22com.liferay.portal.kernel.repository.model.FileEntry%22%2C%22com.liferay.segments.model.SegmentsExperience%22%2C%22com.liferay.blogs.model.BlogsEntry%22%2C%22com.liferay.asset.kernel.model.AssetEntry%22%2C%22com.liferay.portal.kernel.model.Layout%22%2C%22com.liferay.document.library.kernel.model.DLFileEntry%22%5D%7D&_com_liferay_item_selector_web_portlet_ItemSelectorPortlet_1_json=%7B%22desiredItemSelectorReturnTypes%22%3A%22infolistprovider%22%2C%22itemType%22%3A%22com.liferay.journal.model.JournalArticle%22%2C%22itemTypes%22%3A%5B%22com.liferay.journal.model.JournalArticle%22%2C%22com.liferay.asset.kernel.model.AssetCategory%22%2C%22com.liferay.portal.kernel.repository.model.FileEntry%22%2C%22com.liferay.segments.model.SegmentsExperience%22%2C%22com.liferay.blogs.model.BlogsEntry%22%2C%22com.liferay.asset.kernel.model.AssetEntry%22%2C%22com.liferay.portal.kernel.model.Layout%22%2C%22com.liferay.document.library.kernel.model.DLFileEntry%22%5D%7D&p_p_auth=JuedpdgU&refererPlid=13","pending":false,"styleBooks":[],"getWidgetsURL":"http:\/\/localhost:8080\/web\/guest\/8f6ff35a-97bd-0c00-a7f2-082cc8e43bb8?p_p_id=com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet&p_p_lifecycle=2&p_p_state=normal&p_p_mode=view&p_p_resource_id=%2Flayout_content_page_editor%2Fget_widgets&p_p_cacheability=cacheLevelPage&_com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet_segmentsExperienceId=0&p_l_mode=edit","masterUsed":false,"sidebarPanels":[{"isLink":false,"sidebarPanelId":"fragments-widgets","icon":"plus","label":"Fragments and Widgets","url":null},{"isLink":false,"sidebarPanelId":"browser","icon":"cursor","label":"Browser","url":null},{"isLink":false,"sidebarPanelId":"page-design-options","icon":"format","label":"Page Design Options","url":null},{"isLink":false,"sidebarPanelId":"comments","icon":"comments","label":"Comments","url":null}],"availableSegmentsEntries":{"0":{"segmentsEntryId":"0","name":"Anyone"}},"renderFragmentEntryURL":"http:\/\/localhost:8080\/web\/guest\/8f6ff35a-97bd-0c00-a7f2-082cc8e43bb8?p_p_id=com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet&p_p_lifecycle=2&p_p_state=normal&p_p_mode=view&p_p_resource_id=%2Flayout_content_page_editor%2Fget_fragment_entry_link&p_p_cacheability=cacheLevelPage&_com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet_segmentsExperienceId=0&p_l_mode=edit","defaultSegmentsExperienceId":"0","getPageContentsURL":"http:\/\/localhost:8080\/web\/guest\/8f6ff35a-97bd-0c00-a7f2-082cc8e43bb8?p_p_id=com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet&p_p_lifecycle=2&p_p_state=normal&p_p_mode=view&p_p_resource_id=%2Flayout_content_page_editor%2Fget_page_content&p_p_cacheability=cacheLevelPage&_com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet_segmentsExperienceId=0&p_l_mode=edit","discardDraftURL":"http:\/\/localhost:8080\/web\/guest\/8f6ff35a-97bd-0c00-a7f2-082cc8e43bb8?p_p_id=com_liferay_layout_admin_web_portlet_GroupPagesPortlet&p_p_lifecycle=1&_com_liferay_layout_admin_web_portlet_GroupPagesPortlet_javax.portlet.action=%2Flayout_admin%2Fdiscard_draft_layout&_com_liferay_layout_admin_web_portlet_GroupPagesPortlet_redirect=http%3A%2F%2Flocalhost%3A8080%2Fweb%2Fguest%2Fmytest%3FsegmentsExperienceId%3D0&p_r_p_selPlid=13&p_auth=9UxTIGR6&p_p_auth=axnaKCDm","getInfoItemFieldValueURL":"http:\/\/localhost:8080\/web\/guest\/8f6ff35a-97bd-0c00-a7f2-082cc8e43bb8?p_p_id=com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet&p_p_lifecycle=2&p_p_state=normal&p_p_mode=view&p_p_resource_id=%2Flayout_content_page_editor%2Fget_info_item_field_value&p_p_cacheability=cacheLevelPage&_com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet_segmentsExperienceId=0&p_l_mode=edit","updateSegmentsExperienceURL":"http:\/\/localhost:8080\/web\/guest\/8f6ff35a-97bd-0c00-a7f2-082cc8e43bb8?p_p_id=com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet&p_p_lifecycle=1&p_p_state=normal&p_p_mode=view&_com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet_javax.portlet.action=%2Flayout_content_page_editor%2Fupdate_segments_experience&p_auth=9UxTIGR6&p_l_mode=edit","getAvailableTemplatesURL":"http:\/\/localhost:8080\/web\/guest\/8f6ff35a-97bd-0c00-a7f2-082cc8e43bb8?p_p_id=com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet&p_p_lifecycle=2&p_p_state=normal&p_p_mode=view&p_p_resource_id=%2Flayout_content_page_editor%2Fget_available_templates&p_p_cacheability=cacheLevelPage&_com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet_segmentsExperienceId=0&p_l_mode=edit","frontendTokens":{"brandColor1":{"cssVariable":"brand-color-1","name":"brandColor1","tokenSetLabel":"Brand Colors","tokenCategoryLabel":"Color System","label":"Brand Color 1","editorType":"ColorPicker","value":"#0b5fff"},"brandColor2":{"cssVariable":"brand-color-2","name":"brandColor2","tokenSetLabel":"Brand Colors","tokenCategoryLabel":"Color System","label":"Brand Color 2","editorType":"ColorPicker","value":"#6b6c7e"},"brandColor3":{"cssVariable":"brand-color-3","name":"brandColor3","tokenSetLabel":"Brand Colors","tokenCategoryLabel":"Color System","label":"Brand Color 3","editorType":"ColorPicker","value":"#2e5aac"},"brandColor4":{"cssVariable":"brand-color-4","name":"brandColor4","tokenSetLabel":"Brand Colors","tokenCategoryLabel":"Color System","label":"Brand Color 4","editorType":"ColorPicker","value":"#30313f"},"whiteColor":{"cssVariable":"white","name":"whiteColor","tokenSetLabel":"Grays","tokenCategoryLabel":"Color System","label":"White","editorType":"ColorPicker","value":"#fff"},"gray100Color":{"cssVariable":"gray-100","name":"gray100Color","tokenSetLabel":"Grays","tokenCategoryLabel":"Color System","label":"Gray 100","editorType":"ColorPicker","value":"#f7f8f9"},"gray200Color":{"cssVariable":"gray-200","name":"gray200Color","tokenSetLabel":"Grays","tokenCategoryLabel":"Color System","label":"Gray 200","editorType":"ColorPicker","value":"#f1f2f5"},"gray300Color":{"cssVariable":"gray-300","name":"gray300Color","tokenSetLabel":"Grays","tokenCategoryLabel":"Color System","label":"Gray 300","editorType":"ColorPicker","value":"#e7e7ed"},"gray400Color":{"cssVariable":"gray-400","name":"gray400Color","tokenSetLabel":"Grays","tokenCategoryLabel":"Color System","label":"Gray 400","editorType":"ColorPicker","value":"#cdced9"},"gray500Color":{"cssVariable":"gray-500","name":"gray500Color","tokenSetLabel":"Grays","tokenCategoryLabel":"Color System","label":"Gray 500","editorType":"ColorPicker","value":"#a7a9bc"},"gray600Color":{"cssVariable":"gray-600","name":"gray600Color","tokenSetLabel":"Grays","tokenCategoryLabel":"Color System","label":"Gray 600","editorType":"ColorPicker","value":"#6b6c7e"},"gray700Color":{"cssVariable":"gray-700","name":"gray700Color","tokenSetLabel":"Grays","tokenCategoryLabel":"Color System","label":"Gray 700","editorType":"ColorPicker","value":"#495057"},"gray800Color":{"cssVariable":"gray-800","name":"gray800Color","tokenSetLabel":"Grays","tokenCategoryLabel":"Color System","label":"Gray 800","editorType":"ColorPicker","value":"#393a4a"},"gray900Color":{"cssVariable":"gray-900","name":"gray900Color","tokenSetLabel":"Grays","tokenCategoryLabel":"Color System","label":"Gray 900","editorType":"ColorPicker","value":"#272833"},"blackColor":{"cssVariable":"black","name":"blackColor","tokenSetLabel":"Grays","tokenCategoryLabel":"Color System","label":"Black","editorType":"ColorPicker","value":"#000"},"primaryColor":{"cssVariable":"primary","name":"primaryColor","tokenSetLabel":"Theme Colors","tokenCategoryLabel":"Color System","label":"Primary","editorType":"ColorPicker","value":"#0b5fff"},"secondaryColor":{"cssVariable":"secondary","name":"secondaryColor","tokenSetLabel":"Theme Colors","tokenCategoryLabel":"Color System","label":"Secondary","editorType":"ColorPicker","value":"#6b6c7e"},"successColor":{"cssVariable":"success","name":"successColor","tokenSetLabel":"Theme Colors","tokenCategoryLabel":"Color System","label":"Success","editorType":"ColorPicker","value":"#287d3c"},"infoColor":{"cssVariable":"info","name":"infoColor","tokenSetLabel":"Theme Colors","tokenCategoryLabel":"Color System","label":"Info","editorType":"ColorPicker","value":"#2e5aac"},"warningColor":{"cssVariable":"warning","name":"warningColor","tokenSetLabel":"Theme Colors","tokenCategoryLabel":"Color System","label":"Warning","editorType":"ColorPicker","value":"#b95000"},"dangerColor":{"cssVariable":"danger","name":"dangerColor","tokenSetLabel":"Theme Colors","tokenCategoryLabel":"Color System","label":"Danger","editorType":"ColorPicker","value":"#da1414"},"grayDarkColor":{"cssVariable":"gray-dark","name":"grayDarkColor","tokenSetLabel":"Theme Colors","tokenCategoryLabel":"Color System","label":"gray-dark","editorType":"ColorPicker","value":"#393a4a"},"darkColor":{"cssVariable":"dark","name":"darkColor","tokenSetLabel":"Theme Colors","tokenCategoryLabel":"Color System","label":"Dark","editorType":"ColorPicker","value":"#272833"},"lightColor":{"cssVariable":"light","name":"lightColor","tokenSetLabel":"Theme Colors","tokenCategoryLabel":"Color System","label":"Light","editorType":"ColorPicker","value":"#f1f2f5"},"lighterColor":{"cssVariable":"lighter","name":"lighterColor","tokenSetLabel":"Theme Colors","tokenCategoryLabel":"Color System","label":"Lighter","editorType":"ColorPicker","value":"#f7f8f9"},"spacer0":{"cssVariable":"spacer-0","name":"spacer0","tokenSetLabel":"Spacing","tokenCategoryLabel":"Spacing","label":"Spacer 0","editorType":null,"value":"0"},"spacer1":{"cssVariable":"spacer-1","name":"spacer1","tokenSetLabel":"Spacing","tokenCategoryLabel":"Spacing","label":"Spacer 1","editorType":null,"value":"0.25rem"},"spacer2":{"cssVariable":"spacer-2","name":"spacer2","tokenSetLabel":"Spacing","tokenCategoryLabel":"Spacing","label":"Spacer 2","editorType":null,"value":"0.5rem"},"spacer3":{"cssVariable":"spacer-3","name":"spacer3","tokenSetLabel":"Spacing","tokenCategoryLabel":"Spacing","label":"Spacer 3","editorType":null,"value":"1rem"},"spacer4":{"cssVariable":"spacer-4","name":"spacer4","tokenSetLabel":"Spacing","tokenCategoryLabel":"Spacing","label":"Spacer 4","editorType":null,"value":"1.5rem"},"spacer5":{"cssVariable":"spacer-5","name":"spacer5","tokenSetLabel":"Spacing","tokenCategoryLabel":"Spacing","label":"Spacer 5","editorType":null,"value":"3rem"},"spacer6":{"cssVariable":"spacer-6","name":"spacer6","tokenSetLabel":"Spacing","tokenCategoryLabel":"Spacing","label":"Spacer 6","editorType":null,"value":"4.5rem"},"spacer7":{"cssVariable":"spacer-7","name":"spacer7","tokenSetLabel":"Spacing","tokenCategoryLabel":"Spacing","label":"Spacer 7","editorType":null,"value":"6rem"},"spacer8":{"cssVariable":"spacer-8","name":"spacer8","tokenSetLabel":"Spacing","tokenCategoryLabel":"Spacing","label":"Spacer 8","editorType":null,"value":"7.5rem"},"spacer9":{"cssVariable":"spacer-9","name":"spacer9","tokenSetLabel":"Spacing","tokenCategoryLabel":"Spacing","label":"Spacer 9","editorType":null,"value":"9rem"},"spacer10":{"cssVariable":"spacer-10","name":"spacer10","tokenSetLabel":"Spacing","tokenCategoryLabel":"Spacing","label":"Spacer 10","editorType":null,"value":"10rem"},"bodyBgColor":{"cssVariable":"body-bg","name":"bodyBgColor","tokenSetLabel":"Body","tokenCategoryLabel":"General","label":"Body Background","editorType":"ColorPicker","value":"#fff"},"bodyColor":{"cssVariable":"body-color","name":"bodyColor","tokenSetLabel":"Body","tokenCategoryLabel":"General","label":"Body Color","editorType":"ColorPicker","value":"#272833"},"borderRadius":{"cssVariable":"border-radius","name":"borderRadius","tokenSetLabel":"Borders","tokenCategoryLabel":"General","label":"Border Radius","editorType":null,"value":"0.25rem"},"borderRadiusSm":{"cssVariable":"border-radius-sm","name":"borderRadiusSm","tokenSetLabel":"Borders","tokenCategoryLabel":"General","label":"Border Radius Small","editorType":null,"value":"0.1875rem"},"borderRadiusLg":{"cssVariable":"border-radius-lg","name":"borderRadiusLg","tokenSetLabel":"Borders","tokenCategoryLabel":"General","label":"Border Radius Large","editorType":null,"value":"0.375rem"},"borderRadiusCircle":{"cssVariable":"border-radius-circle","name":"borderRadiusCircle","tokenSetLabel":"Borders","tokenCategoryLabel":"General","label":"Border Radius Circle","editorType":null,"value":"50%"},"roundedPill":{"cssVariable":"rounded-pill","name":"roundedPill","tokenSetLabel":"Borders","tokenCategoryLabel":"General","label":"Rounded Pill","editorType":null,"value":"50rem"},"boxShadow":{"cssVariable":"box-shadow","name":"boxShadow","tokenSetLabel":"Box Shadows","tokenCategoryLabel":"General","label":"Box Shadow","editorType":null,"value":"0 .5rem 1rem rgba(0, 0, 0, .15)"},"boxShadowSm":{"cssVariable":"box-shadow-sm","name":"boxShadowSm","tokenSetLabel":"Box Shadows","tokenCategoryLabel":"General","label":"Box Shadow Small","editorType":null,"value":"0 .125rem .25rem rgba(0, 0, 0, .075)"},"boxShadowLg":{"cssVariable":"box-shadow-lg","name":"boxShadowLg","tokenSetLabel":"Box Shadows","tokenCategoryLabel":"General","label":"Box Shadow Large","editorType":null,"value":"0 1rem 3rem rgba(0, 0, 0, .175)"},"aspectRatio":{"cssVariable":"aspect-ratio","name":"aspectRatio","tokenSetLabel":"Aspect Ratios","tokenCategoryLabel":"General","label":"Aspect Ratio 1\/1","editorType":null,"value":"100%"},"aspectRatio4To3":{"cssVariable":"aspect-ratio-4-to-3","name":"aspectRatio4To3","tokenSetLabel":"Aspect Ratios","tokenCategoryLabel":"General","label":"Aspect Ratio 4\/3","editorType":null,"value":"75%"},"aspectRatio8To3":{"cssVariable":"aspect-ratio-8-to-3","name":"aspectRatio8To3","tokenSetLabel":"Aspect Ratios","tokenCategoryLabel":"General","label":"Aspect Ratio 8\/3","editorType":null,"value":"37.5%"},"aspectRatio16To9":{"cssVariable":"aspect-ratio-16-to-9","name":"aspectRatio16To9","tokenSetLabel":"Aspect Ratios","tokenCategoryLabel":"General","label":"Aspect Ratio 16\/9","editorType":null,"value":"56.25%"},"transitionCollapse":{"cssVariable":"transition-collapse","name":"transitionCollapse","tokenSetLabel":"Transitions","tokenCategoryLabel":"General","label":"Transition Collapse","editorType":null,"value":"height .35s ease"},"transitionFade":{"cssVariable":"transition-fade","name":"transitionFade","tokenSetLabel":"Transitions","tokenCategoryLabel":"General","label":"Transition Fade","editorType":null,"value":"opacity .15s linear"},"containerMaxSm":{"cssVariable":"container-max-sm","name":"containerMaxSm","tokenSetLabel":"Container Max Widths","tokenCategoryLabel":"Layout","label":"Small","editorType":null,"value":"540px"},"containerMaxMd":{"cssVariable":"container-max-md","name":"containerMaxMd","tokenSetLabel":"Container Max Widths","tokenCategoryLabel":"Layout","label":"Medium","editorType":null,"value":"720px"},"containerMaxLg":{"cssVariable":"container-max-lg","name":"containerMaxLg","tokenSetLabel":"Container Max Widths","tokenCategoryLabel":"Layout","label":"Large","editorType":null,"value":"960px"},"containerMaxXl":{"cssVariable":"container-max-xl","name":"containerMaxXl","tokenSetLabel":"Container Max Widths","tokenCategoryLabel":"Layout","label":"Extra Large","editorType":null,"value":"1248px"},"fontFamilySansSerif":{"cssVariable":"font-family-sans-serif","name":"fontFamilySansSerif","tokenSetLabel":"Font Family","tokenCategoryLabel":"Typography","label":"Font Family Sans Serif","editorType":null,"value":"system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'"},"fontFamilyMonospace":{"cssVariable":"font-family-monospace","name":"fontFamilyMonospace","tokenSetLabel":"Font Family","tokenCategoryLabel":"Typography","label":"Font Family Monospace","editorType":null,"value":"SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace"},"fontFamilyBase":{"cssVariable":"font-family-base","name":"fontFamilyBase","tokenSetLabel":"Font Family","tokenCategoryLabel":"Typography","label":"Font Family Base","editorType":null,"value":"system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'"},"fontSizeBase":{"cssVariable":"font-size-base","name":"fontSizeBase","tokenSetLabel":"Font Size","tokenCategoryLabel":"Typography","label":"Font Size Base","editorType":null,"value":"0.875rem"},"fontSizeSm":{"cssVariable":"font-size-sm","name":"fontSizeSm","tokenSetLabel":"Font Size","tokenCategoryLabel":"Typography","label":"Font Size Small","editorType":null,"value":"0.875rem"},"fontSizeLg":{"cssVariable":"font-size-lg","name":"fontSizeLg","tokenSetLabel":"Font Size","tokenCategoryLabel":"Typography","label":"Font Size Large","editorType":null,"value":"1.125rem"},"fontWeightLighter":{"cssVariable":"font-weight-lighter","name":"fontWeightLighter","tokenSetLabel":"Font Weight","tokenCategoryLabel":"Typography","label":"Font Weight Lighter","editorType":null,"value":"lighter"},"fontWeightLight":{"cssVariable":"font-weight-light","name":"fontWeightLight","tokenSetLabel":"Font Weight","tokenCategoryLabel":"Typography","label":"Font Weight Light","editorType":null,"value":"300"},"fontWeightNormal":{"cssVariable":"font-weight-normal","name":"fontWeightNormal","tokenSetLabel":"Font Weight","tokenCategoryLabel":"Typography","label":"Font Weight Normal","editorType":null,"value":"400"},"fontWeightSemiBold":{"cssVariable":"font-weight-semi-bold","name":"fontWeightSemiBold","tokenSetLabel":"Font Weight","tokenCategoryLabel":"Typography","label":"Font Weight Semi Bold","editorType":null,"value":"600"},"fontWeightBold":{"cssVariable":"font-weight-bold","name":"fontWeightBold","tokenSetLabel":"Font Weight","tokenCategoryLabel":"Typography","label":"Font Weight Bold","editorType":null,"value":"700"},"fontWeightBolder":{"cssVariable":"font-weight-bolder","name":"fontWeightBolder","tokenSetLabel":"Font Weight","tokenCategoryLabel":"Typography","label":"Font Weight Bolder","editorType":null,"value":"900"},"h1FontSize":{"cssVariable":"h1-font-size","name":"h1FontSize","tokenSetLabel":"Headings","tokenCategoryLabel":"Typography","label":"Heading 1 Font Size","editorType":null,"value":"1.625rem"},"h2FontSize":{"cssVariable":"h2-font-size","name":"h2FontSize","tokenSetLabel":"Headings","tokenCategoryLabel":"Typography","label":"Heading 2 Font Size","editorType":null,"value":"1.375rem"},"h3FontSize":{"cssVariable":"h3-font-size","name":"h3FontSize","tokenSetLabel":"Headings","tokenCategoryLabel":"Typography","label":"Heading 3 Font Size","editorType":null,"value":"1.1875rem"},"h4FontSize":{"cssVariable":"h4-font-size","name":"h4FontSize","tokenSetLabel":"Headings","tokenCategoryLabel":"Typography","label":"Heading 4 Font Size","editorType":null,"value":"1rem"},"h5FontSize":{"cssVariable":"h5-font-size","name":"h5FontSize","tokenSetLabel":"Headings","tokenCategoryLabel":"Typography","label":"Heading 5 Font Size","editorType":null,"value":"0.875rem"},"h6FontSize":{"cssVariable":"h6-font-size","name":"h6FontSize","tokenSetLabel":"Headings","tokenCategoryLabel":"Typography","label":"Heading 6 Font Size","editorType":null,"value":"0.8125rem"},"display1Size":{"cssVariable":"display1-size","name":"display1Size","tokenSetLabel":"Displays","tokenCategoryLabel":"Typography","label":"Display 1 Size","editorType":null,"value":"6rem"},"display2Size":{"cssVariable":"display2-size","name":"display2Size","tokenSetLabel":"Displays","tokenCategoryLabel":"Typography","label":"Display 2 Size","editorType":null,"value":"5.5rem"},"display3Size":{"cssVariable":"display3-size","name":"display3Size","tokenSetLabel":"Displays","tokenCategoryLabel":"Typography","label":"Display 3 Size","editorType":null,"value":"4.5rem"},"display4Size":{"cssVariable":"display4-size","name":"display4Size","tokenSetLabel":"Displays","tokenCategoryLabel":"Typography","label":"Display 4 Size","editorType":null,"value":"3.5rem"},"display1Weight":{"cssVariable":"display1-weight","name":"display1Weight","tokenSetLabel":"Displays","tokenCategoryLabel":"Typography","label":"Display 1 Weight","editorType":null,"value":"300"},"display2Weight":{"cssVariable":"display2-weight","name":"display2Weight","tokenSetLabel":"Displays","tokenCategoryLabel":"Typography","label":"Display 2 Weight","editorType":null,"value":"300"},"display3Weight":{"cssVariable":"display3-weight","name":"display3Weight","tokenSetLabel":"Displays","tokenCategoryLabel":"Typography","label":"Display 3 Weight","editorType":null,"value":"300"},"display4Weight":{"cssVariable":"display4-weight","name":"display4Weight","tokenSetLabel":"Displays","tokenCategoryLabel":"Typography","label":"Display 4 Weight","editorType":null,"value":"300"},"displayLineHeight":{"cssVariable":"display-line-height","name":"displayLineHeight","tokenSetLabel":"Displays","tokenCategoryLabel":"Typography","label":"Display Line Height","editorType":null,"value":"1.2"},"leadFontSize":{"cssVariable":"lead-font-size","name":"leadFontSize","tokenSetLabel":"Other","tokenCategoryLabel":"Typography","label":"Lead Font Size","editorType":null,"value":"1.25rem"},"leadFontWeight":{"cssVariable":"lead-font-weight","name":"leadFontWeight","tokenSetLabel":"Other","tokenCategoryLabel":"Typography","label":"Lead Font Weight","editorType":null,"value":"300"},"textMuted":{"cssVariable":"text-muted","name":"textMuted","tokenSetLabel":"Other","tokenCategoryLabel":"Typography","label":"Text Muted","editorType":"ColorPicker","value":"#a7a9bc"},"blockquoteFontSize":{"cssVariable":"blockquote-font-size","name":"blockquoteFontSize","tokenSetLabel":"Other","tokenCategoryLabel":"Typography","label":"Blockquote Font Size","editorType":null,"value":"1.25rem"},"blockquoteSmallColor":{"cssVariable":"blockquote-small-color","name":"blockquoteSmallColor","tokenSetLabel":"Other","tokenCategoryLabel":"Typography","label":"Blockquote Small Color","editorType":"ColorPicker","value":"#6b6c7e"},"blockquoteSmallFontSize":{"cssVariable":"blockquote-small-font-size","name":"blockquoteSmallFontSize","tokenSetLabel":"Other","tokenCategoryLabel":"Typography","label":"Blockquote Small Font Size","editorType":null,"value":"80%"},"hrBorderColor":{"cssVariable":"hr-border-color","name":"hrBorderColor","tokenSetLabel":"Other","tokenCategoryLabel":"Typography","label":"Separation Border Color","editorType":null,"value":"rgba(0, 0, 0, .1)"},"hrBorderWidth":{"cssVariable":"hr-border-width","name":"hrBorderWidth","tokenSetLabel":"Other","tokenCategoryLabel":"Typography","label":"Separation Border Width","editorType":null,"value":"1px"},"hrBorderMarginY":{"cssVariable":"hr-border-margin-y","name":"hrBorderMarginY","tokenSetLabel":"Other","tokenCategoryLabel":"Typography","label":"Separation Border Margin Y","editorType":null,"value":"1rem"},"btnPrimaryBackgroundColor":{"cssVariable":"btn-primary-background-color","name":"btnPrimaryBackgroundColor","tokenSetLabel":"Button Primary","tokenCategoryLabel":"Buttons","label":"Background Color","editorType":"ColorPicker","value":"#0b5fff"},"btnPrimaryBorderColor":{"cssVariable":"btn-primary-border-color","name":"btnPrimaryBorderColor","tokenSetLabel":"Button Primary","tokenCategoryLabel":"Buttons","label":"Border Color","editorType":"ColorPicker","value":"#0b5fff"},"btnPrimaryColor":{"cssVariable":"btn-primary-color","name":"btnPrimaryColor","tokenSetLabel":"Button Primary","tokenCategoryLabel":"Buttons","label":"Color","editorType":"ColorPicker","value":"#fff"},"btnPrimaryHoverBackgroundColor":{"cssVariable":"btn-primary-hover-background-color","name":"btnPrimaryHoverBackgroundColor","tokenSetLabel":"Button Primary","tokenCategoryLabel":"Buttons","label":"Hover Background Color","editorType":"ColorPicker","value":"#0053f0"},"btnPrimaryHoverBorderColor":{"cssVariable":"btn-primary-hover-border-color","name":"btnPrimaryHoverBorderColor","tokenSetLabel":"Button Primary","tokenCategoryLabel":"Buttons","label":"Hover Border Color","editorType":"ColorPicker","value":"transparent"},"btnPrimaryHoverColor":{"cssVariable":"btn-primary-hover-color","name":"btnPrimaryHoverColor","tokenSetLabel":"Button Primary","tokenCategoryLabel":"Buttons","label":"Hover Color","editorType":"ColorPicker","value":"#fff"},"btnOutlinePrimaryBorderColor":{"cssVariable":"btn-outline-primary-border-color","name":"btnOutlinePrimaryBorderColor","tokenSetLabel":"Button Outline Primary","tokenCategoryLabel":"Buttons","label":"Border Color","editorType":"ColorPicker","value":"#0b5fff"},"btnOutlinePrimaryColor":{"cssVariable":"btn-outline-primary-color","name":"btnOutlinePrimaryColor","tokenSetLabel":"Button Outline Primary","tokenCategoryLabel":"Buttons","label":"Color","editorType":"ColorPicker","value":"#0b5fff"},"btnOutlinePrimaryHoverBackgroundColor":{"cssVariable":"btn-outline-primary-hover-background-color","name":"btnOutlinePrimaryHoverBackgroundColor","tokenSetLabel":"Button Outline Primary","tokenCategoryLabel":"Buttons","label":"Hover Background Color","editorType":"ColorPicker","value":"#f0f5ff"},"btnOutlinePrimaryHoverBorderColor":{"cssVariable":"btn-outline-primary-hover-border-color","name":"btnOutlinePrimaryHoverBorderColor","tokenSetLabel":"Button Outline Primary","tokenCategoryLabel":"Buttons","label":"Hover Border Color","editorType":"ColorPicker","value":"#0b5fff"},"btnOutlinePrimaryHoverColor":{"cssVariable":"btn-outline-primary-hover-color","name":"btnOutlinePrimaryHoverColor","tokenSetLabel":"Button Outline Primary","tokenCategoryLabel":"Buttons","label":"Hover Color","editorType":"ColorPicker","value":"#0b5fff"},"btnSecondaryBackgroundColor":{"cssVariable":"btn-secondary-background-color","name":"btnSecondaryBackgroundColor","tokenSetLabel":"Button Secondary","tokenCategoryLabel":"Buttons","label":"Background Color","editorType":"ColorPicker","value":"#fff"},"btnSecondaryBorderColor":{"cssVariable":"btn-secondary-border-color","name":"btnSecondaryBorderColor","tokenSetLabel":"Button Secondary","tokenCategoryLabel":"Buttons","label":"Border Color","editorType":"ColorPicker","value":"#cdced9"},"btnSecondaryColor":{"cssVariable":"btn-secondary-color","name":"btnSecondaryColor","tokenSetLabel":"Button Secondary","tokenCategoryLabel":"Buttons","label":"Color","editorType":"ColorPicker","value":"#6b6c7e"},"btnSecondaryHoverBackgroundColor":{"cssVariable":"btn-secondary-hover-background-color","name":"btnSecondaryHoverBackgroundColor","tokenSetLabel":"Button Secondary","tokenCategoryLabel":"Buttons","label":"Hover Background Color","editorType":"ColorPicker","value":"#f7f8f9"},"btnSecondaryHoverBorderColor":{"cssVariable":"btn-secondary-hover-border-color","name":"btnSecondaryHoverBorderColor","tokenSetLabel":"Button Secondary","tokenCategoryLabel":"Buttons","label":"Hover Border Color","editorType":"ColorPicker","value":"#cdced9"},"btnSecondaryHoverColor":{"cssVariable":"btn-secondary-hover-color","name":"btnSecondaryHoverColor","tokenSetLabel":"Button Secondary","tokenCategoryLabel":"Buttons","label":"Hover Color","editorType":"ColorPicker","value":"#272833"},"btnOutlineSecondaryBorderColor":{"cssVariable":"btn-outline-secondary-border-color","name":"btnOutlineSecondaryBorderColor","tokenSetLabel":"Button Outline Secondary","tokenCategoryLabel":"Buttons","label":"Border Color","editorType":"ColorPicker","value":"#cdced9"},"btnOutlineSecondaryColor":{"cssVariable":"btn-outline-secondary-color","name":"btnOutlineSecondaryColor","tokenSetLabel":"Button Outline Secondary","tokenCategoryLabel":"Buttons","label":"Color","editorType":"ColorPicker","value":"#6b6c7e"},"btnOutlineSecondaryHoverBackgroundColor":{"cssVariable":"btn-outline-secondary-hover-background-color","name":"btnOutlineSecondaryHoverBackgroundColor","tokenSetLabel":"Button Outline Secondary","tokenCategoryLabel":"Buttons","label":"Hover Background Color","editorType":"ColorPicker","value":"rgba(39, 40, 51, 0.03)"},"btnOutlineSecondaryHoverBorderColor":{"cssVariable":"btn-outline-secondary-hover-border-color","name":"btnOutlineSecondaryHoverBorderColor","tokenSetLabel":"Button Outline Secondary","tokenCategoryLabel":"Buttons","label":"Hover Border Color","editorType":"ColorPicker","value":"transparent"},"btnOutlineSecondaryHoverColor":{"cssVariable":"btn-outline-secondary-hover-color","name":"btnOutlineSecondaryHoverColor","tokenSetLabel":"Button Outline Secondary","tokenCategoryLabel":"Buttons","label":"Hover Color","editorType":"ColorPicker","value":"#272833"},"btnLinkColor":{"cssVariable":"btn-link-color","name":"btnLinkColor","tokenSetLabel":"Button Link","tokenCategoryLabel":"Buttons","label":"Color","editorType":"ColorPicker","value":"#0b5fff"},"btnLinkHoverColor":{"cssVariable":"btn-link-hover-color","name":"btnLinkHoverColor","tokenSetLabel":"Button Link","tokenCategoryLabel":"Buttons","label":"Hover Color","editorType":"ColorPicker","value":"#004ad7"}},"defaultStyleBookEntryImagePreviewURL":"","masterLayouts":[{"name":"Blank","masterLayoutPlid":"0","imagePreviewURL":""}],"layoutType":"-1","searchContainerPageMaxDelta":200,"updateConfigurationValuesURL":"http:\/\/localhost:8080\/web\/guest\/8f6ff35a-97bd-0c00-a7f2-082cc8e43bb8?p_p_id=com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet&p_p_lifecycle=1&p_p_state=normal&p_p_mode=view&_com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet_javax.portlet.action=%2Flayout_content_page_editor%2Fupdate_configuration_values&p_auth=9UxTIGR6&p_l_mode=edit","editFragmentEntryLinkCommentURL":"http:\/\/localhost:8080\/web\/guest\/8f6ff35a-97bd-0c00-a7f2-082cc8e43bb8?p_p_id=com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet&p_p_lifecycle=1&p_p_state=normal&p_p_mode=view&_com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet_javax.portlet.action=%2Flayout_content_page_editor%2Fedit_fragment_entry_link_comment&_com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet_cmd=update&p_auth=9UxTIGR6&p_l_mode=edit","markItemForDeletionURL":"http:\/\/localhost:8080\/web\/guest\/8f6ff35a-97bd-0c00-a7f2-082cc8e43bb8?p_p_id=com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet&p_p_lifecycle=1&p_p_state=normal&p_p_mode=view&_com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet_javax.portlet.action=%2Flayout_content_page_editor%2Fmark_item_for_deletion&p_auth=9UxTIGR6&p_l_mode=edit","assetCategoryTreeNodeItemSelectorURL":"http:\/\/localhost:8080\/group\/guest\/~\/control_panel\/manage\/-\/select\/assetcategorytreenode\/_com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet_selectAssetCategoryTreeNode?_com_liferay_item_selector_web_portlet_ItemSelectorPortlet_0_json=%7B%22desiredItemSelectorReturnTypes%22%3A%22com.liferay.asset.categories.item.selector.AssetCategoryTreeNodeItemSelectorReturnType%22%7D&p_p_auth=JuedpdgU","selectedSegmentsEntryId":"0","layoutConversionWarningMessages":null,"deleteFragmentEntryLinkCommentURL":"http:\/\/localhost:8080\/web\/guest\/8f6ff35a-97bd-0c00-a7f2-082cc8e43bb8?p_p_id=com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet&p_p_lifecycle=1&p_p_state=normal&p_p_mode=view&_com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet_javax.portlet.action=%2Flayout_content_page_editor%2Fdelete_fragment_entry_link_comment&p_auth=9UxTIGR6&p_l_mode=edit","deleteSegmentsExperienceURL":"http:\/\/localhost:8080\/web\/guest\/8f6ff35a-97bd-0c00-a7f2-082cc8e43bb8?p_p_id=com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet&p_p_lifecycle=1&p_p_state=normal&p_p_mode=view&_com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet_javax.portlet.action=%2Flayout_content_page_editor%2Fdelete_segments_experience&p_auth=9UxTIGR6&p_l_mode=edit","getCollectionMappingFieldsURL":"http:\/\/localhost:8080\/web\/guest\/8f6ff35a-97bd-0c00-a7f2-082cc8e43bb8?p_p_id=com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet&p_p_lifecycle=2&p_p_state=normal&p_p_mode=view&p_p_resource_id=%2Flayout_content_page_editor%2Fget_collection_mapping_fields&p_p_cacheability=cacheLevelPage&_com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet_segmentsExperienceId=0&p_l_mode=edit","infoItemSelectorURL":"http:\/\/localhost:8080\/group\/guest\/~\/control_panel\/manage\/-\/select\/infoitem\/_com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet_selectInfoItem?_com_liferay_item_selector_web_portlet_ItemSelectorPortlet_0_json=%7B%22desiredItemSelectorReturnTypes%22%3A%22com.liferay.item.selector.criteria.InfoItemItemSelectorReturnType%22%2C%22itemSubtype%22%3Anull%2C%22itemType%22%3Anull%2C%22mimeTypes%22%3Anull%2C%22multiSelection%22%3Afalse%2C%22status%22%3A0%7D&p_p_auth=JuedpdgU","addSegmentsExperienceURL":"http:\/\/localhost:8080\/web\/guest\/8f6ff35a-97bd-0c00-a7f2-082cc8e43bb8?p_p_id=com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet&p_p_lifecycle=1&p_p_state=normal&p_p_mode=view&_com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet_javax.portlet.action=%2Flayout_content_page_editor%2Fadd_segments_experience&p_auth=9UxTIGR6&p_l_mode=edit","getAvailableListItemRenderersURL":"http:\/\/localhost:8080\/web\/guest\/8f6ff35a-97bd-0c00-a7f2-082cc8e43bb8?p_p_id=com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet&p_p_lifecycle=2&p_p_state=normal&p_p_mode=view&p_p_resource_id=%2Flayout_content_page_editor%2Fget_available_list_item_renderers&p_p_cacheability=cacheLevelPage&_com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet_segmentsExperienceId=0&p_l_mode=edit","siteNavigationMenuItemSelectorURL":"http:\/\/localhost:8080\/group\/guest\/~\/control_panel\/manage\/-\/select\/sitenavigationmenu\/_com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet_selectSiteNavigationMenu?_com_liferay_item_selector_web_portlet_ItemSelectorPortlet_0_json=%7B%22desiredItemSelectorReturnTypes%22%3A%22com.liferay.site.navigation.item.selector.SiteNavigationMenuItemSelectorReturnType%22%7D&p_p_auth=JuedpdgU","updateRowColumnsURL":"http:\/\/localhost:8080\/web\/guest\/8f6ff35a-97bd-0c00-a7f2-082cc8e43bb8?p_p_id=com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet&p_p_lifecycle=1&p_p_state=normal&p_p_mode=view&_com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet_javax.portlet.action=%2Flayout_content_page_editor%2Fupdate_row_columns&p_auth=9UxTIGR6&p_l_mode=edit","autoExtendSessionEnabled":true,"restoreCollectionDisplayConfigURL":"http:\/\/localhost:8080\/web\/guest\/8f6ff35a-97bd-0c00-a7f2-082cc8e43bb8?p_p_id=com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet&p_p_lifecycle=1&p_p_state=normal&p_p_mode=view&_com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet_javax.portlet.action=%2Flayout_content_page_editor%2Frestore_collection_display_config&p_auth=9UxTIGR6&p_l_mode=edit","getCollectionFieldURL":"http:\/\/localhost:8080\/web\/guest\/8f6ff35a-97bd-0c00-a7f2-082cc8e43bb8?p_p_id=com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet&p_p_lifecycle=2&p_p_state=normal&p_p_mode=view&p_p_resource_id=%2Flayout_content_page_editor%2Fget_collection_field&p_p_cacheability=cacheLevelPage&_com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet_segmentsExperienceId=0&p_l_mode=edit","getInfoItemMappingFieldsURL":"http:\/\/localhost:8080\/web\/guest\/8f6ff35a-97bd-0c00-a7f2-082cc8e43bb8?p_p_id=com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet&p_p_lifecycle=2&p_p_state=normal&p_p_mode=view&p_p_resource_id=%2Flayout_content_page_editor%2Fget_info_item_mapping_fields&p_p_cacheability=cacheLevelPage&_com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet_segmentsExperienceId=0&p_l_mode=edit","getLayoutPageTemplateCollectionsURL":"http:\/\/localhost:8080\/web\/guest\/8f6ff35a-97bd-0c00-a7f2-082cc8e43bb8?p_p_id=com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet&p_p_lifecycle=2&p_p_state=normal&p_p_mode=view&p_p_resource_id=%2Flayout_content_page_editor%2Fget_layout_page_template_collections&p_p_cacheability=cacheLevelPage&_com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet_segmentsExperienceId=0&p_l_mode=edit","previewPageURL":"http:\/\/localhost:8080\/web\/guest\/8f6ff35a-97bd-0c00-a7f2-082cc8e43bb8?p_p_id=com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet&p_p_lifecycle=2&p_p_state=normal&p_p_mode=view&p_p_resource_id=%2Flayout_content_page_editor%2Fget_page_preview&p_p_cacheability=cacheLevelPage&doAsUserId=20103&_com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet_segmentsExperienceId=0","mappingFieldsURL":"http:\/\/localhost:8080\/web\/guest\/8f6ff35a-97bd-0c00-a7f2-082cc8e43bb8?p_p_id=com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet&p_p_lifecycle=2&p_p_state=normal&p_p_mode=view&p_p_resource_id=%2Flayout_content_page_editor%2Fget_mapping_fields&p_p_cacheability=cacheLevelPage&_com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet_segmentsExperienceId=0&p_l_mode=edit","availableViewportSizes":{"desktop":{"sizeId":"desktop","icon":"display","minWidth":960,"label":"Desktop","maxWidth":992},"tablet":{"sizeId":"tablet","icon":"tablet-portrait","minWidth":768,"label":"Tablet","maxWidth":991},"landscapeMobile":{"sizeId":"landscapeMobile","icon":"mobile-landscape","minWidth":576,"label":"Landscape Phone","maxWidth":767},"portraitMobile":{"sizeId":"portraitMobile","icon":"mobile-portrait","minWidth":240,"label":"Portrait Phone","maxWidth":575}},"workflowEnabled":false,"defaultEditorConfigurations":{"rich-text":{"editorConfig":{"filebrowserBrowseUrl":"http://localhost:8080/group/guest/~/control_panel/manage/-/select/file%2Clayout/selectItem?_com_liferay_item_selector_web_portlet_ItemSelectorPortlet_0_json=%7B%22desiredItemSelectorReturnTypes%22%3A%22com.liferay.item.selector.criteria.URLItemSelectorReturnType%22%7D&_com_liferay_item_selector_web_portlet_ItemSelectorPortlet_1_json=%7B%22checkDisplayPage%22%3Afalse%2C%22desiredItemSelectorReturnTypes%22%3A%22com.liferay.item.selector.criteria.URLItemSelectorReturnType%22%2C%22enableCurrentPage%22%3Afalse%2C%22followURLOnTitleClick%22%3Afalse%2C%22multiSelection%22%3Afalse%2C%22showActionsMenu%22%3Afalse%2C%22showBreadcrumb%22%3Atrue%2C%22showDraftPages%22%3Afalse%2C%22showHiddenPages%22%3Atrue%2C%22showPrivatePages%22%3Atrue%2C%22showPublicPages%22%3Atrue%7D&p_p_auth=JuedpdgU","enterMode":2,"allowedContent":"b code em h1 h2 h3 h4 h5 h6 hr i p pre strong u [*](*){*}; a[*](*); div[*](*){text-align}; img[*](*){*}; p[*](*); li ol ul [*](*){*};table[border, cellpadding, cellspacing] {width}; tbody td th[scope]; thead tr[scope]; span[*](*){*}; ","filebrowserVideoBrowseLinkUrl":"http://localhost:8080/group/guest/~/control_panel/manage/-/select/video%2Curl/selectItem?_com_liferay_item_selector_web_portlet_ItemSelectorPortlet_0_json=%7B%22desiredItemSelectorReturnTypes%22%3A%22videoembeddablehtml%22%7D&_com_liferay_item_selector_web_portlet_ItemSelectorPortlet_1_json=%7B%22desiredItemSelectorReturnTypes%22%3A%22videoembeddablehtml%22%7D&p_p_auth=JuedpdgU","skin":"moono-lisa","extraPlugins":"ae_autolink,ae_dragresize,ae_addimages,ae_imagealignment,ae_placeholder,ae_selectionregion,ae_tableresize,ae_tabletools,ae_uicore,itemselector,media,adaptivemedia","filebrowserImageBrowseUrl":"http://localhost:8080/group/guest/~/control_panel/manage/-/select/image%2Curl/_EDITOR_NAME_selectItem?_com_liferay_item_selector_web_portlet_ItemSelectorPortlet_0_json=%7B%22desiredItemSelectorReturnTypes%22%3A%22downloadurl%22%7D&_com_liferay_item_selector_web_portlet_ItemSelectorPortlet_1_json=%7B%22desiredItemSelectorReturnTypes%22%3A%22com.liferay.item.selector.criteria.URLItemSelectorReturnType%22%7D&p_p_auth=JuedpdgU","filebrowserVideoBrowseUrl":"http://localhost:8080/group/guest/~/control_panel/manage/-/select/video%2Curl/selectItem?_com_liferay_item_selector_web_portlet_ItemSelectorPortlet_0_json=%7B%22desiredItemSelectorReturnTypes%22%3A%22videoembeddablehtml%22%7D&_com_liferay_item_selector_web_portlet_ItemSelectorPortlet_1_json=%7B%22desiredItemSelectorReturnTypes%22%3A%22videoembeddablehtml%22%7D&p_p_auth=JuedpdgU","filebrowserImageBrowseLinkUrl":"http://localhost:8080/group/guest/~/control_panel/manage/-/select/image%2Curl/_EDITOR_NAME_selectItem?_com_liferay_item_selector_web_portlet_ItemSelectorPortlet_0_json=%7B%22desiredItemSelectorReturnTypes%22%3A%22downloadurl%22%7D&_com_liferay_item_selector_web_portlet_ItemSelectorPortlet_1_json=%7B%22desiredItemSelectorReturnTypes%22%3A%22com.liferay.item.selector.criteria.URLItemSelectorReturnType%22%7D&p_p_auth=JuedpdgU","spritemap":"http://localhost:8080/o/classic-theme/images/clay/icons.svg","removePlugins":"contextmenu,elementspath,floatingspace,image,link,liststyle,magicline,resize,tabletools,toolbar,ae_embed","toolbars":{"add":{"buttons":["image","hline"],"tabIndex":1},"styles":{"selections":[{"buttons":["imageLeft","imageCenter","imageRight"],"test":"AlloyEditor.SelectionTest.image","name":"image"},{"buttons":["linkEditBrowse"],"test":"AlloyEditor.SelectionTest.link","name":"link"},{"buttons":[{"cfg":{"styles":[{"name":"Small","style":{"attributes":{"class":"small"},"type":2,"element":"span"}},{"name":"Lead","style":{"attributes":{"class":"lead"},"type":2,"element":"span"}},{"name":"Heading 1","style":{"type":1,"element":"h1"}},{"name":"Heading 2","style":{"type":1,"element":"h2"}},{"name":"Heading 3","style":{"type":1,"element":"h3"}},{"name":"Heading 4","style":{"type":1,"element":"h4"}}]},"name":"styles"},"bold","italic","underline","ol","ul","linkBrowse","paragraphLeft","paragraphCenter","paragraphRight","paragraphJustify","spacing","color","removeFormat"],"test":"AlloyEditor.SelectionTest.text","name":"text"}],"tabIndex":1}},"documentBrowseLinkUrl":"http://localhost:8080/group/guest/~/control_panel/manage/-/select/file%2Clayout/_EDITOR_NAME_selectItem?_com_liferay_item_selector_web_portlet_ItemSelectorPortlet_0_json=%7B%22desiredItemSelectorReturnTypes%22%3A%22downloadurl%22%7D&_com_liferay_item_selector_web_portlet_ItemSelectorPortlet_1_json=%7B%22checkDisplayPage%22%3Afalse%2C%22desiredItemSelectorReturnTypes%22%3A%22com.liferay.item.selector.criteria.URLItemSelectorReturnType%22%2C%22enableCurrentPage%22%3Afalse%2C%22followURLOnTitleClick%22%3Afalse%2C%22multiSelection%22%3Afalse%2C%22showActionsMenu%22%3Afalse%2C%22showBreadcrumb%22%3Atrue%2C%22showDraftPages%22%3Afalse%2C%22showHiddenPages%22%3Atrue%2C%22showPrivatePages%22%3Atrue%2C%22showPublicPages%22%3Atrue%7D&p_p_auth=JuedpdgU"},"editorOptions":{"dynamicAttributes":{},"textMode":false,"uploadItemReturnType":null,"uploadURL":null}},"comment":{"editorConfig":{"filebrowserBrowseUrl":"http://localhost:8080/group/guest/~/control_panel/manage/-/select/file%2Clayout/selectItem?_com_liferay_item_selector_web_portlet_ItemSelectorPortlet_0_json=%7B%22desiredItemSelectorReturnTypes%22%3A%22com.liferay.item.selector.criteria.URLItemSelectorReturnType%22%7D&_com_liferay_item_selector_web_portlet_ItemSelectorPortlet_1_json=%7B%22checkDisplayPage%22%3Afalse%2C%22desiredItemSelectorReturnTypes%22%3A%22com.liferay.item.selector.criteria.URLItemSelectorReturnType%22%2C%22enableCurrentPage%22%3Afalse%2C%22followURLOnTitleClick%22%3Afalse%2C%22multiSelection%22%3Afalse%2C%22showActionsMenu%22%3Afalse%2C%22showBreadcrumb%22%3Atrue%2C%22showDraftPages%22%3Afalse%2C%22showHiddenPages%22%3Atrue%2C%22showPrivatePages%22%3Atrue%2C%22showPublicPages%22%3Atrue%7D&p_p_auth=JuedpdgU","enterMode":2,"allowedContent":"","autocomplete":{"requestTemplate":"query={query}","trigger":[{"resultFilters":"function(query, results) {return results;}","resultTextLocator":"screenName","tplReplace":"{mention}","term":"@","source":"http://localhost:8080/web/guest/8f6ff35a-97bd-0c00-a7f2-082cc8e43bb8?p_p_id=com_liferay_mentions_web_portlet_MentionsPortlet&p_p_lifecycle=2&p_p_cacheability=cacheLevelPage&_com_liferay_mentions_web_portlet_MentionsPortlet_discussionPortletId=com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet&_com_liferay_mentions_web_portlet_MentionsPortlet_strategy=%7B%22plid%22%3A13%2C%22strategy%22%3A%22pageEditorCommentStrategy%22%7D&p_p_auth=6KE5IAZo&_com_liferay_mentions_web_portlet_MentionsPortlet_","tplResults":"<div id=\"_com_liferay_mentions_web_portlet_MentionsPortlet_mentionsResult\"><div class=\"p-1 autofit-row autofit-row-center\"><div class=\"autofit-col inline-item-before\">{portraitHTML}<\/div><div class=\"autofit-col autofit-col-expand\"><strong class=\"text-truncate\">{fullName}<\/strong><div class=\"autofit-col-expand\"><small class=\"text-truncate\">@{screenName}<\/small><\/div><\/div><\/div><\/div>","regExp":"(?:\\strigger|^trigger)((?:\\w|[\\-._])(?:\\w|\\d|[\\-._])*)"}]},"filebrowserVideoBrowseLinkUrl":"http://localhost:8080/group/guest/~/control_panel/manage/-/select/video%2Curl/selectItem?_com_liferay_item_selector_web_portlet_ItemSelectorPortlet_0_json=%7B%22desiredItemSelectorReturnTypes%22%3A%22videoembeddablehtml%22%7D&_com_liferay_item_selector_web_portlet_ItemSelectorPortlet_1_json=%7B%22desiredItemSelectorReturnTypes%22%3A%22videoembeddablehtml%22%7D&p_p_auth=JuedpdgU","skin":"moono-lisa","extraPlugins":"ae_autolink,ae_dragresize,ae_addimages,ae_imagealignment,ae_placeholder,ae_selectionregion,ae_tableresize,ae_tabletools,ae_uicore,itemselector,media,adaptivemedia,autocomplete","filebrowserImageBrowseUrl":"http://localhost:8080/group/guest/~/control_panel/manage/-/select/image%2Curl/_EDITOR_NAME_selectImage?_com_liferay_item_selector_web_portlet_ItemSelectorPortlet_0_json=%7B%22desiredItemSelectorReturnTypes%22%3A%22downloadurl%22%7D&_com_liferay_item_selector_web_portlet_ItemSelectorPortlet_1_json=%7B%22desiredItemSelectorReturnTypes%22%3A%22com.liferay.item.selector.criteria.URLItemSelectorReturnType%22%7D&p_p_auth=JuedpdgU","disallowedContent":"br","filebrowserVideoBrowseUrl":"http://localhost:8080/group/guest/~/control_panel/manage/-/select/video%2Curl/selectItem?_com_liferay_item_selector_web_portlet_ItemSelectorPortlet_0_json=%7B%22desiredItemSelectorReturnTypes%22%3A%22videoembeddablehtml%22%7D&_com_liferay_item_selector_web_portlet_ItemSelectorPortlet_1_json=%7B%22desiredItemSelectorReturnTypes%22%3A%22videoembeddablehtml%22%7D&p_p_auth=JuedpdgU","filebrowserImageBrowseLinkUrl":"http://localhost:8080/group/guest/~/control_panel/manage/-/select/image%2Curl/_EDITOR_NAME_selectImage?_com_liferay_item_selector_web_portlet_ItemSelectorPortlet_0_json=%7B%22desiredItemSelectorReturnTypes%22%3A%22downloadurl%22%7D&_com_liferay_item_selector_web_portlet_ItemSelectorPortlet_1_json=%7B%22desiredItemSelectorReturnTypes%22%3A%22com.liferay.item.selector.criteria.URLItemSelectorReturnType%22%7D&p_p_auth=JuedpdgU","removePlugins":"contextmenu,elementspath,floatingspace,image,link,liststyle,magicline,resize,tabletools,toolbar,ae_embed","toolbars":{},"documentBrowseLinkUrl":"http://localhost:8080/group/guest/~/control_panel/manage/-/select/file%2Clayout/_EDITOR_NAME_selectItem?_com_liferay_item_selector_web_portlet_ItemSelectorPortlet_0_json=%7B%22desiredItemSelectorReturnTypes%22%3A%22downloadurl%22%7D&_com_liferay_item_selector_web_portlet_ItemSelectorPortlet_1_json=%7B%22checkDisplayPage%22%3Afalse%2C%22desiredItemSelectorReturnTypes%22%3A%22com.liferay.item.selector.criteria.URLItemSelectorReturnType%22%2C%22enableCurrentPage%22%3Afalse%2C%22followURLOnTitleClick%22%3Afalse%2C%22multiSelection%22%3Afalse%2C%22showActionsMenu%22%3Afalse%2C%22showBreadcrumb%22%3Atrue%2C%22showDraftPages%22%3Afalse%2C%22showHiddenPages%22%3Atrue%2C%22showPrivatePages%22%3Atrue%2C%22showPublicPages%22%3Atrue%7D&p_p_auth=JuedpdgU"},"editorOptions":{"dynamicAttributes":{},"textMode":false,"uploadItemReturnType":null,"uploadURL":null}},"text":{"editorConfig":{"filebrowserBrowseUrl":"http://localhost:8080/group/guest/~/control_panel/manage/-/select/file%2Clayout/selectItem?_com_liferay_item_selector_web_portlet_ItemSelectorPortlet_0_json=%7B%22desiredItemSelectorReturnTypes%22%3A%22com.liferay.item.selector.criteria.URLItemSelectorReturnType%22%7D&_com_liferay_item_selector_web_portlet_ItemSelectorPortlet_1_json=%7B%22checkDisplayPage%22%3Afalse%2C%22desiredItemSelectorReturnTypes%22%3A%22com.liferay.item.selector.criteria.URLItemSelectorReturnType%22%2C%22enableCurrentPage%22%3Afalse%2C%22followURLOnTitleClick%22%3Afalse%2C%22multiSelection%22%3Afalse%2C%22showActionsMenu%22%3Afalse%2C%22showBreadcrumb%22%3Atrue%2C%22showDraftPages%22%3Afalse%2C%22showHiddenPages%22%3Atrue%2C%22showPrivatePages%22%3Atrue%2C%22showPublicPages%22%3Atrue%7D&p_p_auth=JuedpdgU","enterMode":2,"allowedContent":"","filebrowserVideoBrowseLinkUrl":"http://localhost:8080/group/guest/~/control_panel/manage/-/select/video%2Curl/selectItem?_com_liferay_item_selector_web_portlet_ItemSelectorPortlet_0_json=%7B%22desiredItemSelectorReturnTypes%22%3A%22videoembeddablehtml%22%7D&_com_liferay_item_selector_web_portlet_ItemSelectorPortlet_1_json=%7B%22desiredItemSelectorReturnTypes%22%3A%22videoembeddablehtml%22%7D&p_p_auth=JuedpdgU","skin":"moono-lisa","extraPlugins":"ae_autolink,ae_dragresize,ae_addimages,ae_imagealignment,ae_placeholder,ae_selectionregion,ae_tableresize,ae_tabletools,ae_uicore,itemselector,media,adaptivemedia","filebrowserImageBrowseUrl":"http://localhost:8080/group/guest/~/control_panel/manage/-/select/image%2Curl/_EDITOR_NAME_selectImage?_com_liferay_item_selector_web_portlet_ItemSelectorPortlet_0_json=%7B%22desiredItemSelectorReturnTypes%22%3A%22downloadurl%22%7D&_com_liferay_item_selector_web_portlet_ItemSelectorPortlet_1_json=%7B%22desiredItemSelectorReturnTypes%22%3A%22com.liferay.item.selector.criteria.URLItemSelectorReturnType%22%7D&p_p_auth=JuedpdgU","disallowedContent":"br","filebrowserVideoBrowseUrl":"http://localhost:8080/group/guest/~/control_panel/manage/-/select/video%2Curl/selectItem?_com_liferay_item_selector_web_portlet_ItemSelectorPortlet_0_json=%7B%22desiredItemSelectorReturnTypes%22%3A%22videoembeddablehtml%22%7D&_com_liferay_item_selector_web_portlet_ItemSelectorPortlet_1_json=%7B%22desiredItemSelectorReturnTypes%22%3A%22videoembeddablehtml%22%7D&p_p_auth=JuedpdgU","filebrowserImageBrowseLinkUrl":"http://localhost:8080/group/guest/~/control_panel/manage/-/select/image%2Curl/_EDITOR_NAME_selectImage?_com_liferay_item_selector_web_portlet_ItemSelectorPortlet_0_json=%7B%22desiredItemSelectorReturnTypes%22%3A%22downloadurl%22%7D&_com_liferay_item_selector_web_portlet_ItemSelectorPortlet_1_json=%7B%22desiredItemSelectorReturnTypes%22%3A%22com.liferay.item.selector.criteria.URLItemSelectorReturnType%22%7D&p_p_auth=JuedpdgU","removePlugins":"contextmenu,elementspath,floatingspace,image,link,liststyle,magicline,resize,tabletools,toolbar,ae_embed","toolbars":{},"documentBrowseLinkUrl":"http://localhost:8080/group/guest/~/control_panel/manage/-/select/file%2Clayout/_EDITOR_NAME_selectItem?_com_liferay_item_selector_web_portlet_ItemSelectorPortlet_0_json=%7B%22desiredItemSelectorReturnTypes%22%3A%22downloadurl%22%7D&_com_liferay_item_selector_web_portlet_ItemSelectorPortlet_1_json=%7B%22checkDisplayPage%22%3Afalse%2C%22desiredItemSelectorReturnTypes%22%3A%22com.liferay.item.selector.criteria.URLItemSelectorReturnType%22%2C%22enableCurrentPage%22%3Afalse%2C%22followURLOnTitleClick%22%3Afalse%2C%22multiSelection%22%3Afalse%2C%22showActionsMenu%22%3Afalse%2C%22showBreadcrumb%22%3Atrue%2C%22showDraftPages%22%3Afalse%2C%22showHiddenPages%22%3Atrue%2C%22showPrivatePages%22%3Atrue%2C%22showPublicPages%22%3Atrue%7D&p_p_auth=JuedpdgU"},"editorOptions":{"dynamicAttributes":{},"textMode":false,"uploadItemReturnType":null,"uploadURL":null}}}},"portletNamespace":"_com_liferay_layout_content_page_editor_web_internal_portlet_ContentPageEditorPortlet_"}, 'acuc');
})();
} catch (err) {
	console.error(err);
}
});
// ]]>
</script>
</div>
		

@mcollovati
Copy link
Contributor

After further investigation it seems like that in Edit mode an iframe is added to the page requesting the same page in preview mode (l_m_mode=preview); webcomponent and utility scripts are correctly loaded in the iframe, but then page contents inside the iframe are detached, before the Vaadin portlet component is fully initialized (thus the disconnectCallback error).

iframe_preview

The scripts are however not loaded into main page, so the custom webcomponent is not registered and it is not rendered.
A workaround is to inject some other javascript instructions in PortletBootstrapHandler, in order to load needed scripts into main document head section, before registering the element with window.Vaadin.Flow.Portlets.registerElement.
This works with Liferay 7.4, needs to be tested in 7.2 and in Pluto.

@mcollovati
Copy link
Contributor

mcollovati commented Mar 11, 2022

Another problem, that may deserve a dedicated issue, is that switching between Page Design and Content Editing does not initialize the content of the Vaadin portlet; seems like onPortletViewContextInit is not invoked on switch.
For example in address book form portlet, after switching to Content Editing, the VerticalLayout element is rendered, but it is empty.

Same happens also when switching between different viewports and when moving portlet in another position on the page

mcollovati added a commit that referenced this issue Mar 11, 2022
In Liferay "Content Page" edit mode, Vaadin portlets are not directly
added to the main page, but loaded into an iframe requesting the same
page in preview mode, and then added to the main page through javascript,
but they are detached from iframe before initialization is completed.
This way, scripts needed to register the portlet web component are not
added to the main document, so the webcomponent is not correctly rendered.
This patch add an additional script to BootstrapHandler response that
takes care to add needed script to main page and to postpone element
registration until they are loaded.

Fixes #202
mcollovati added a commit that referenced this issue Mar 11, 2022
In Liferay "Content Page" edit mode, Vaadin portlets are not directly
added to the main page, but loaded into an iframe requesting the same
page in preview mode, and then added to the main page through javascript,
but they are detached from iframe before initialization is completed.
This way, scripts needed to register the portlet web component are not
added to the main document, so the webcomponent is not correctly rendered.
This patch add an additional script to BootstrapHandler response that
takes care to add needed script to main page and to postpone element
registration until they are loaded.

Fixes #202
mshabarov pushed a commit that referenced this issue Mar 14, 2022
In Liferay "Content Page" edit mode, Vaadin portlets are not directly
added to the main page, but loaded into an iframe requesting the same
page in preview mode, and then added to the main page through javascript,
but they are detached from iframe before initialization is completed.
This way, scripts needed to register the portlet web component are not
added to the main document, so the webcomponent is not correctly rendered.
This patch add an additional script to BootstrapHandler response that
takes care to add needed script to main page and to postpone element
registration until they are loaded.

Fixes #202
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants