@claspo/document-connector 15.0.11-theme.46 → 15.0.11-theme.49

package/DocumentConnectorEventType.d.ts

@@ -5,6 +5,7 @@ declare enum DocumentConnectorEventType {
     CLOSE_ICON_CLICKED = "CLOSE_ICON_CLICKED",
     BRANDING_ELEMENT_CLICKED = "BRANDING_ELEMENT_CLICKED",
     CONTACT_DATA_SUBMIT = "CONTACT_DATA_SUBMIT",
-    WIDGET_CONTENT_CLICKED = "WIDGET_CONTENT_CLICKED"
+    WIDGET_CONTENT_CLICKED = "WIDGET_CONTENT_CLICKED",
+    THEME_UPDATE = "THEME_UPDATE"
 }
 export default DocumentConnectorEventType;

package/DocumentConnectorEventType.js

@@ -1 +1 @@
-var DocumentConnectorEventType;!function(C){C.CONTACT_ID_WAS_RECEIVED="CONTACT_ID_WAS_RECEIVED",C.CLOSE_WIDGET="CLOSE_WIDGET",C.SHOW_WIDGET="SHOW_WIDGET",C.CLOSE_ICON_CLICKED="CLOSE_ICON_CLICKED",C.BRANDING_ELEMENT_CLICKED="BRANDING_ELEMENT_CLICKED",C.CONTACT_DATA_SUBMIT="CONTACT_DATA_SUBMIT",C.WIDGET_CONTENT_CLICKED="WIDGET_CONTENT_CLICKED"}(DocumentConnectorEventType||(DocumentConnectorEventType={}));export default DocumentConnectorEventType;
+var DocumentConnectorEventType;!function(E){E.CONTACT_ID_WAS_RECEIVED="CONTACT_ID_WAS_RECEIVED",E.CLOSE_WIDGET="CLOSE_WIDGET",E.SHOW_WIDGET="SHOW_WIDGET",E.CLOSE_ICON_CLICKED="CLOSE_ICON_CLICKED",E.BRANDING_ELEMENT_CLICKED="BRANDING_ELEMENT_CLICKED",E.CONTACT_DATA_SUBMIT="CONTACT_DATA_SUBMIT",E.WIDGET_CONTENT_CLICKED="WIDGET_CONTENT_CLICKED",E.THEME_UPDATE="THEME_UPDATE"}(DocumentConnectorEventType||(DocumentConnectorEventType={}));export default DocumentConnectorEventType;

package/StaticDocumentConnector.js

@@ -1 +1 @@
-import BaseDocumentConnector from"./BaseDocumentConnector";import DocumentConnectorEventType from"./DocumentConnectorEventType";import{getZIndexByLayoutType}from"./layouts/getZindex";import LayoutFactory from"./layouts/LayoutFactory";import StaticEntryModule from"@claspo/renderer/StaticEntryModule";import WcResolver from"@claspo/renderer/wc-renderer/WcResolver";import{RenderMode}from"@claspo/common/RenderMode";import{WcRegister}from"@claspo/renderer/wc-renderer/WcRegister";import GoogleFontsLoader from"./layouts/GoogleFontsLoader";export default class StaticDocumentConnector extends BaseDocumentConnector{constructor(e){super(e),this.googleFontsLoader=null;const{documentModel:o,translations:t,trackingService:s,layoutType:n,bundledComponentClasses:r}=e;this.componentRegister=new WcRegister(r),this.componentResolver=new WcResolver(RenderMode.STATIC,this.componentRegister);const i=new StaticEntryModule(o,this.componentResolver,this.componentRegister,e,t,s,n);this.setEntryModule(i)}async connect(e){this.googleFontsLoader=new GoogleFontsLoader;const o=e.getRootNode();return this.params.disableGoogleFonts||await this.googleFontsLoader.load(this.params.documentModel.shared.googleFonts,o),this._initializeRenderer(e,o)}disconnect(){var e;super.disconnect(),this.controllers[0]&&this.controllers[0].disconnect(()=>{this.entryModule&&this.entryModule.viewRouter&&this.entryModule.compositionRoot&&this.entryModule.destroy()}),this.controllers=[],null===(e=this.googleFontsLoader)||void 0===e||e.cleanup()}destroy(){this.disconnect()}on(e,o){return super.on(e,o)}async _initializeRenderer(e,o){var t,s,n;await this.componentResolver.loadComponentsIfNecessary(this.params.documentModel,this.params.staticResourcesUrl);const r=this.entryModule.init(o);r.style.display="flex";const{layoutFactoryClass:i=LayoutFactory,layoutType:a,documentModel:c}=this.params,d=Object.assign(Object.assign({},this.params),{zIndex:null!==(s=null===(t=null==c?void 0:c.shared)||void 0===t?void 0:t.zIndex)&&void 0!==s?s:getZIndexByLayoutType(a)});return this.controllers.push(i.create(Object.assign(Object.assign({},d),{layoutType:this.params.layoutType,widgetType:this.params.widgetType,viewIndex:0,renderMode:this.entryModule.renderMode}),this,this.entryModule.viewRouter,this.entryModule.compositionRoot.services.documentModel,this.entryModule.compositionRoot.services.resizeListener)),super.addPropsRequestEventListener(r),this.params.formVariantId?r.classList.add("cl-widget-"+this.params.formVariantId):r.classList.add("cl-widget"),this.entryModule.listenAction("*",(e,o)=>{this.emit(o,e),o===DocumentConnectorEventType.CLOSE_WIDGET&&e&&"function"==typeof e&&e()}),null===(n=this.controllers[0])||void 0===n?void 0:n.connect(r,e,this.entryModule)}}
+import BaseDocumentConnector from"./BaseDocumentConnector";import DocumentConnectorEventType from"./DocumentConnectorEventType";import{getZIndexByLayoutType}from"./layouts/getZindex";import LayoutFactory from"./layouts/LayoutFactory";import StaticEntryModule from"@claspo/renderer/StaticEntryModule";import WcResolver from"@claspo/renderer/wc-renderer/WcResolver";import{RenderMode}from"@claspo/common/RenderMode";import{WcRegister}from"@claspo/renderer/wc-renderer/WcRegister";import GoogleFontsLoader from"./layouts/GoogleFontsLoader";import CssVarsOperations from"@claspo/common/element/CssVarsOperations";import ThemeCssVars from"@claspo/common/element/ThemeCssVars";export default class StaticDocumentConnector extends BaseDocumentConnector{constructor(e){super(e),this.googleFontsLoader=null;const{documentModel:o,translations:t,trackingService:s,layoutType:r,bundledComponentClasses:n}=e;this.componentRegister=new WcRegister(n),this.componentResolver=new WcResolver(RenderMode.STATIC,this.componentRegister);const i=new StaticEntryModule(o,this.componentResolver,this.componentRegister,e,t,s,r);this.setEntryModule(i)}async connect(e){var o;this.googleFontsLoader=new GoogleFontsLoader;const t=e.getRootNode();this.params.disableGoogleFonts||await this.googleFontsLoader.load(this.params.documentModel.shared.googleFonts,t);const s=this._initializeRenderer(e,t),r=this.entryModule.compositionRoot.services.documentModel.shared,n=(null==r?void 0:r.cssVars)||{},i=(null===(o=null==r?void 0:r.theme)||void 0===o?void 0:o.schema)||{},c=e.querySelector("[cl-connector-root-element]");return CssVarsOperations.override(n,c),ThemeCssVars.override(i,c),s}disconnect(){var e;super.disconnect(),this.controllers[0]&&this.controllers[0].disconnect(()=>{this.entryModule&&this.entryModule.viewRouter&&this.entryModule.compositionRoot&&this.entryModule.destroy()}),this.controllers=[],null===(e=this.googleFontsLoader)||void 0===e||e.cleanup()}destroy(){this.disconnect()}on(e,o){return super.on(e,o)}async _initializeRenderer(e,o){var t,s,r;await this.componentResolver.loadComponentsIfNecessary(this.params.documentModel,this.params.staticResourcesUrl);const n=this.entryModule.init(o);n.style.display="flex";const{layoutFactoryClass:i=LayoutFactory,layoutType:c,documentModel:a}=this.params,l=Object.assign(Object.assign({},this.params),{zIndex:null!==(s=null===(t=null==a?void 0:a.shared)||void 0===t?void 0:t.zIndex)&&void 0!==s?s:getZIndexByLayoutType(c)});return this.controllers.push(i.create(Object.assign(Object.assign({},l),{layoutType:this.params.layoutType,widgetType:this.params.widgetType,viewIndex:0,renderMode:this.entryModule.renderMode}),this,this.entryModule.viewRouter,this.entryModule.compositionRoot.services.documentModel,this.entryModule.compositionRoot.services.resizeListener)),super.addPropsRequestEventListener(n),this.params.formVariantId?n.classList.add("cl-widget-"+this.params.formVariantId):n.classList.add("cl-widget"),this.entryModule.listenAction("*",(o,t)=>{var s;if(this.emit(t,o),t===DocumentConnectorEventType.CLOSE_WIDGET&&o&&"function"==typeof o&&o(),t===DocumentConnectorEventType.THEME_UPDATE){const t=o.schema||(null===(s=this.entryModule.compositionRoot.services.documentModel.getShared().theme)||void 0===s?void 0:s.schema),r=e.querySelector("[cl-connector-root-element]");ThemeCssVars.override(t,r)}}),null===(r=this.controllers[0])||void 0===r?void 0:r.connect(n,e,this.entryModule)}}

package/UpdatingDocumentConnector.js

@@ -1 +1 @@
-import UpdatingEntryModule from"@claspo/renderer/UpdatingEntryModule";import LayoutFactory from"./layouts/LayoutFactory";import BaseDocumentConnector from"./BaseDocumentConnector";import{LayoutType}from"@claspo/common/LayoutType";export class UpdatingDocumentConnector extends BaseDocumentConnector{constructor(t){super(t);const{documentModel:e,layoutType:o,mouseInteractionStyles:n,componentRegister:s,componentResolver:i}=this.params;this.componentRegister=s,this.componentResolver=i;const r=new UpdatingEntryModule(e,this.componentResolver,this.componentRegister,n,this.params,o);this.setEntryModule(r)}async connect(t,e){let o;this.viewComponents=this.entryModule.init(t),super.addPropsRequestEventListener(document.body),this.params.layoutType!==LayoutType.DETACHED&&this.params.layoutType!==LayoutType.BUILT_IN&&(o={width:"100%",height:"100%"});const{layoutFactoryClass:n=LayoutFactory}=this.params;this.viewComponents.map((s,i)=>{const r=n.create(Object.assign(Object.assign({},this.params),{optionalDocumentStyles:o,displayPosition:"absolute",zIndex:1,disableSmartPosition:!0,disableScrollbarCalculation:!0,disableLayoutAnimations:!0,viewIndex:i,renderMode:this.entryModule.renderMode}),this,this.entryModule.viewRouter,this.entryModule.compositionRoot.services.documentModel,this.entryModule.compositionRoot.services.resizeListener);s.classList.add("cl-widget");const a=e({viewComponent:s,viewModel:this.params.documentModel.views[i],index:i});t.appendChild(a.viewportElement),r.connect(s,a.viewContainerElement,this.entryModule),this.controllers.push(r)}),this.entryModule.listenAction("*",(t,e)=>{this.emit(e,t)}),this.entryModule.listenContextAction("*",(t,e)=>{this.emit(e,t)})}disconnect(){super.disconnect(),this.entryModule.destroy(),this.controllers.forEach(t=>t.disconnect()),this.controllers=[]}destroy(){this.disconnect()}getDragEventListener(){return this.entryModule.dragEventListener}getHostElementById(t){return this.entryModule.getHostElementById(t)}getHostElementByPath(t){return this.entryModule.getHostElementByPath(t)}getContextRecordsMap(){return this.entryModule.getContextRecordsMap()}}
+import UpdatingEntryModule from"@claspo/renderer/UpdatingEntryModule";import LayoutFactory from"./layouts/LayoutFactory";import BaseDocumentConnector from"./BaseDocumentConnector";import{LayoutType}from"@claspo/common/LayoutType";import CssVarsOperations from"@claspo/common/element/CssVarsOperations";import ThemeCssVars from"@claspo/common/element/ThemeCssVars";export class UpdatingDocumentConnector extends BaseDocumentConnector{constructor(e){super(e);const{documentModel:t,layoutType:o,mouseInteractionStyles:s,componentRegister:n,componentResolver:r}=this.params;this.componentRegister=n,this.componentResolver=r;const i=new UpdatingEntryModule(t,this.componentResolver,this.componentRegister,s,this.params,o);this.setEntryModule(i)}async connect(e,t){let o;this.viewComponents=this.entryModule.init(e),super.addPropsRequestEventListener(document.body),this.params.layoutType!==LayoutType.DETACHED&&this.params.layoutType!==LayoutType.BUILT_IN&&(o={width:"100%",height:"100%"});const{layoutFactoryClass:s=LayoutFactory}=this.params;this.viewComponents.map((n,r)=>{var i;const c=s.create(Object.assign(Object.assign({},this.params),{optionalDocumentStyles:o,displayPosition:"absolute",zIndex:1,disableSmartPosition:!0,disableScrollbarCalculation:!0,disableLayoutAnimations:!0,viewIndex:r,renderMode:this.entryModule.renderMode}),this,this.entryModule.viewRouter,this.entryModule.compositionRoot.services.documentModel,this.entryModule.compositionRoot.services.resizeListener);n.classList.add("cl-widget");const a=t({viewComponent:n,viewModel:this.params.documentModel.views[r],index:r});e.appendChild(a.viewportElement),c.connect(n,a.viewContainerElement,this.entryModule),this.controllers.push(c);const l=this.entryModule.compositionRoot.services.documentModel.getShared(),d=l.cssVars,m=null===(i=l.theme)||void 0===i?void 0:i.schema,u=e.querySelector("[cl-connector-root-element]");CssVarsOperations.override(d,u),ThemeCssVars.override(m,u)}),this.entryModule.listenAction("*",(e,t)=>{this.emit(t,e)}),this.entryModule.listenContextAction("*",(e,t)=>{this.emit(t,e)}),this.entryModule.listenAction(DocumentModelUpdateType.THEME_UPDATE,t=>{var o;const s=t.schema||(null===(o=this.compositionRoot.services.documentModel.getShared().theme)||void 0===o?void 0:o.schema),n=e.querySelector("[cl-connector-root-element]");ThemeCssVars.override(s,n)})}disconnect(){super.disconnect(),this.entryModule.destroy(),this.controllers.forEach(e=>e.disconnect()),this.controllers=[]}destroy(){this.disconnect()}getDragEventListener(){return this.entryModule.dragEventListener}getHostElementById(e){return this.entryModule.getHostElementById(e)}getHostElementByPath(e){return this.entryModule.getHostElementByPath(e)}getContextRecordsMap(){return this.entryModule.getContextRecordsMap()}}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@claspo/document-connector",
-  "version": "15.0.11-theme.46",
+  "version": "15.0.11-theme.49",
   "scripts": {
     "test": "jest --no-cache --coverage",
     "build": "rm -rf out && tsc --project tsconfig.json && npm run minify",
@@ -15,7 +15,7 @@
   },
   "dependencies": {
     "@claspo/common": "6.0.13-theme.41",
-    "@claspo/renderer": "17.0.9-theme.45"
+    "@claspo/renderer": "17.0.9-theme.49"
   },
   "devDependencies": {
     "concat-md": "^0.5.1",