search

vaadin / portlet

Portlet support for Vaadin Flow
https://vaadin.com
Other
2 stars 3 forks source link

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

Closed mshabarov closed 2 years ago

mshabarov commented 2 years ago

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

mcollovati commented 2 years ago

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/layout-content-page-editor-web@3.0.79/page_editor/app/components/undo/undoActions.js&/o/js/resolved-module/@liferay/layout-content-page-editor-web@3.0.79/page_editor/app/components/undo/useUndo.js&/o/js/resolved-module/@liferay/layout-content-page-editor-web@3.0.79/page_editor/app/contexts/StoreContext.js&/o/js/resolved-module/@liferay/layout-content-page-editor-web@3.0.79/page_editor/app/contexts/CollectionItemContext.js&/o/js/resolved-module/@liferay/layout-content-page-editor-web@3.0.79/page_editor/app/config/constants/columnSizes.js&/o/js/resolved-module/@liferay/layout-content-page-editor-web@3.0.79/page_editor/app/selectors/selectLanguageId.js&/o/js/resolved-module/@liferay/layout-content-page-editor-web@3.0.79/page_editor/app/services/CollectionService.js&/o/js/resolved-module/@liferay/layout-content-page-editor-web@3.0.79/page_editor/app/thunks/updateItemConfig.js&/o/js/resolved-module/@liferay/layout-content-page-editor-web@3.0.79/page_editor/app/config/constants/viewportSizes.js&/o/js/resolved-module/@liferay/layout-content-page-editor-web@3.0.79/page_editor/app/utils/getResponsiveConfig.js&/o/js/resolved-module/@liferay/layout-content-page-editor-web@3.0.79/page_editor/common/components/RawDOM.js&/o/js/resolved-module/@liferay/layout-content-page-editor-web@3.0.79/page_editor/app/components/UnsafeHTML.js&/o/js/resolved-module/@frontend-taglib-clay$clayui/pagination@3.46.0/lib/Ellipsis.js&/o/js/resolved-module/@frontend-taglib-clay$clayui/pagination@3.46.0/lib/Item.js&/o/js/resolved-module/@frontend-taglib-clay$clayui/pagination@3.46.0/lib/Pagination.js&/o/js/resolved-module/@frontend-taglib-clay$clayui/pagination@3.46.0/lib/PaginationWithBasicItems.js&/o/js/resolved-module/@frontend-taglib-clay$clayui/pagination@3.46.0/lib/index.js&/o/js/resolved-module/@frontend-taglib-clay$clayui/pagination-bar@3.46.0/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

3) 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('portal-template-react-renderer-impl@5.0.5/render.es', '@liferay/layout-content-page-editor-web@3.0.79/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\/layout-content-page-editor-web@3.0.79\/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 commented 2 years ago

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 commented 2 years ago

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