@claspo/renderer 16.7.0-theme.13 → 17.0.0

package/sdk/merge-tags/UpdatingMergeTagsProcessor.d.ts

@@ -1,7 +1,9 @@
+import AbstractMergeTagsProcessor from './AbstractMergeTagsProcessor';
 export default class UpdatingMergeTagsProcessor extends AbstractMergeTagsProcessor {
-    constructor(context: any);
-    contextSubscriptions: any[];
+    contextSubscriptions: any;
+    constructor(context: any, configService: any);
+    destroy(): void;
+    processSingleMergeTag(tagContainerElement: any, mergeTag: any): void;
     _setMergeTagValidity(contextRecord: any, mergeTag: any, tagContainerElement: any): void;
     _handleContextEvents(record: any): void;
 }
-import AbstractMergeTagsProcessor from "./AbstractMergeTagsProcessor";

package/sdk/merge-tags/UpdatingMergeTagsProcessor.js

@@ -1 +1 @@
-import{ContextEvents}from"../context/ContextEvents";import AbstractMergeTagsProcessor from"./AbstractMergeTagsProcessor";import getMostNestedNode from"@claspo/common/dom/getMostNestedNode";import DataLayerSource from"../source/sources/DataLayerSource";import UrlQueryParamsSource from"../source/sources/UrlQueryParamsSource";import JSApiVariablesSource from"../source/sources/JSApiVariablesSource";export default class UpdatingMergeTagsProcessor extends AbstractMergeTagsProcessor{constructor(e){super(e),this.contextSubscriptions=[this.context.on(ContextEvents.RECORD_ADDED,this._handleContextEvents.bind(this)),this.context.on(ContextEvents.RECORD_UPDATED,this._handleContextEvents.bind(this)),this.context.on(ContextEvents.RECORD_DELETED,this._handleContextEvents.bind(this))]}destroy(){super.destroy(),this.contextSubscriptions&&this.contextSubscriptions.forEach(e=>e.off())}processSingleMergeTag(e,t){if(!e)return;const s=this.context.getRecord(t.id);e.style.fontFamily="inherit",getMostNestedNode(e).textContent=t.exampleValue,this._setMergeTagValidity(s,t,e)}_setMergeTagValidity(e,t,s){let r=!1;if(e||t.sourceId===DataLayerSource.sourceId||t.sourceId===UrlQueryParamsSource.sourceId||t.sourceId===JSApiVariablesSource.sourceId||(r=!0),t.sourceId===DataLayerSource.sourceId){const e=t.arguments.find(e=>"dataLayerPropPath"===e.name);e&&e.value||(r=!0)}else{(!t.exampleValue||t.arguments&&!t.arguments.find(e=>e.value))&&(r=!0)}const o="tag-error";r?s.classList.add(o):s.classList.remove(o)}_handleContextEvents(e){var t;const s=null===(t=this.mergeTags)||void 0===t?void 0:t[e.key];s&&this.processSingleMergeTag(this.element.querySelector(`[cl-id="${s.id}"]`),s)}}
+import{ContextEvents}from"../context/ContextEvents";import AbstractMergeTagsProcessor from"./AbstractMergeTagsProcessor";import getMostNestedNode from"@claspo/common/dom/getMostNestedNode";import DataLayerSource from"../source/sources/DataLayerSource";import UrlQueryParamsSource from"../source/sources/UrlQueryParamsSource";import JSApiVariablesSource from"../source/sources/JSApiVariablesSource";export default class UpdatingMergeTagsProcessor extends AbstractMergeTagsProcessor{constructor(e,t){super(e,t),this.contextSubscriptions=[this.context.on(ContextEvents.RECORD_ADDED,this._handleContextEvents.bind(this)),this.context.on(ContextEvents.RECORD_UPDATED,this._handleContextEvents.bind(this)),this.context.on(ContextEvents.RECORD_DELETED,this._handleContextEvents.bind(this))]}destroy(){super.destroy(),this.contextSubscriptions&&this.contextSubscriptions.forEach(e=>e.off())}processSingleMergeTag(e,t){if(!e)return;const s=this.context.getRecord(t.id);e.style.fontFamily="inherit",getMostNestedNode(e).textContent=t.exampleValue,this._setMergeTagValidity(s,t,e)}_setMergeTagValidity(e,t,s){let r=!1;if(e||t.sourceId===DataLayerSource.sourceId||t.sourceId===UrlQueryParamsSource.sourceId||t.sourceId===JSApiVariablesSource.sourceId||(r=!0),t.sourceId===DataLayerSource.sourceId){const e=t.arguments.find(e=>"dataLayerPropPath"===e.name);e&&e.value||(r=!0)}else{(!t.exampleValue||t.arguments&&!t.arguments.find(e=>e.value))&&(r=!0)}const o="tag-error";r?s.classList.add(o):s.classList.remove(o)}_handleContextEvents(e){var t;const s=null===(t=this.mergeTags)||void 0===t?void 0:t[e.key];s&&this.processSingleMergeTag(this.element.querySelector(`[cl-id="${s.id}"]`),s)}}

package/sdk/source/Source.d.ts

@@ -1,10 +1,18 @@
+import { SourceUpdateDataI } from '../context/ContextSDK';
+export interface SubscriptionEntryI {
+    subscribe(cb: (data: SourceUpdateDataI) => void): void;
+    getValue(key?: string): any;
+}
+export interface SourceConfigI {
+    [key: string]: any;
+}
 export default class Source {
-    constructor(id: any, subscriptionEntry: any, config?: {});
-    id: any;
-    subscriptionEntry: any;
-    config: {};
+    id: string;
+    subscriptionEntry: SubscriptionEntryI;
+    config: SourceConfigI;
     subscribed: boolean;
-    subscribe(cb: any): void;
-    getValue(key: any): any;
+    constructor(id: string, subscriptionEntry: SubscriptionEntryI, config?: SourceConfigI);
+    subscribe(cb: (data: SourceUpdateDataI) => void): void;
+    getValue(key?: string): any;
     isSubscribed(): boolean;
 }

package/sdk/source/SourceRegistry.d.ts

@@ -1,10 +1,18 @@
+import Source from "./Source";
+import { UrlQueryParamsConfigI } from "./sources/UrlQueryParamsSource";
+import { JSApiVariablesConfigI } from "./sources/JSApiVariablesSource";
+import FormGroup from '../../form/FormGroup';
+export interface SourceRegistryConfigI extends UrlQueryParamsConfigI, JSApiVariablesConfigI {
+    [key: string]: any;
+}
 export default class SourceRegistry {
-    constructor(form: any, config: any);
-    registeredSourcesMap: {};
+    registeredSourcesMap: {
+        [key: string]: Source;
+    };
     sources: Source[];
-    registerSource(source: any): any;
-    getSource(id: any): any;
-    getSources(): any[];
-    registerInitialSources(): any[];
+    constructor(form: FormGroup, config: SourceRegistryConfigI);
+    registerSource(source: Source): Source;
+    getSource(id: string): Source | undefined;
+    getSources(): Source[];
+    registerInitialSources(): Source[];
 }
-import Source from "./Source";

package/sdk/source/sources/DataLayerSource.d.ts

@@ -1,11 +1,26 @@
-export default class DataLayerSource {
+import DefaultEventEmitter from "@claspo/common/DefaultEventEmitter";
+import { SourceUpdateDataI } from '../../context/ContextSDK';
+declare global {
+    interface Window {
+        dataLayer?: Array<Record<string, any> | any[]>;
+    }
+}
+export interface DataLayerModelI {
+    arguments?: DataLayerArgumentI[];
+    [key: string]: any;
+}
+export interface DataLayerArgumentI {
+    name: string;
+    value: string;
+}
+export interface DataLayerProcessorResultI {
+    processor: (ctx: any, model: DataLayerModelI) => string | any;
+}
+export default class DataLayerSource extends DefaultEventEmitter {
     static sourceId: string;
-    static processModel(model: any, returnRawValue: any): any;
-    static getValueByPropPath(dataLayerEvent: any, propPathArray: any, model: any, returnRawValue: any): any;
-    subscribe(): void;
-    getValue(key: any): {
-        processor?: undefined;
-    } | {
-        processor: (ctx: any, model: any) => any;
-    };
+    constructor();
+    subscribe(cb: (data: SourceUpdateDataI) => void): void;
+    getValue(key?: string): DataLayerProcessorResultI | Record<string, never>;
+    static processModel(model: DataLayerModelI, returnRawValue?: boolean): string | any;
+    static getValueByPropPath(dataLayerEvent: Record<string, any>, propPathArray: string[], model: DataLayerModelI, returnRawValue?: boolean): string | any;
 }

package/sdk/source/sources/DataLayerSource.js

@@ -1 +1 @@
-import DefaultEventEmitter from"@claspo/common/DefaultEventEmitter";import isDictionary from"@claspo/common/object/isDictionary";import flatMap from"@claspo/common/utils/flatMap";function getPropPathArray(r){return r?flatMap(r.value.split(".").map(r=>r.trim()).map(r=>r.split(/[\[\]]/)),r=>r).filter(r=>!!r):[]}export default class DataLayerSource extends DefaultEventEmitter{constructor(){super()}subscribe(){}getValue(r){return r?{processor:(r,t)=>DataLayerSource.processModel(t)}:{}}static processModel(r,t){if(!r.arguments)return"";const e=r.arguments.find(r=>"dataLayerEventName"===r.name),a=r.arguments.find(r=>"dataLayerPropPath"===r.name),o=!!(null==e?void 0:e.value);if(!window.dataLayer)return"";let n;for(let i=window.dataLayer.length-1;i>=0;i--){const u=window.dataLayer[i];if(o){if((null==u?void 0:u.event)===e.value){n=u;break}if("event"===(null==u?void 0:u[0])&&(null==u?void 0:u[1])===e.value){n=u[2];break}}else{const e=getPropPathArray(a),o=DataLayerSource.getValueByPropPath(u,e,r,t);if(o)return o}}if(!n)return"";const i=getPropPathArray(a);return DataLayerSource.getValueByPropPath(n,i,r,t)}static getValueByPropPath(r,t,e,a){try{const e=t.reduce((r,t)=>{if(isDictionary(r)||Array.isArray(r))return r[t];throw new Error(`Tried to access non object data by propName "${t}". Data: ${r}`)},r);return Array.isArray(e)&&!a?e.join(", "):e}catch(r){return console.error("DataLayerSource: error while getting data by prop path. Model: ",e,"Error: ",r),""}}}DataLayerSource.sourceId="DATA_LAYER";
+import DefaultEventEmitter from"@claspo/common/DefaultEventEmitter";import isDictionary from"@claspo/common/object/isDictionary";import flatMap from"@claspo/common/utils/flatMap";function getPropPathArray(r){return r?flatMap(r.value.split(".").map(r=>r.trim()).map(r=>r.split(/[\[\]]/)),r=>r).filter(r=>!!r):[]}export default class DataLayerSource extends DefaultEventEmitter{constructor(){super()}subscribe(r){}getValue(r){return r?{processor:(r,t)=>DataLayerSource.processModel(t)}:{}}static processModel(r,t){if(!r.arguments)return"";const e=r.arguments.find(r=>"dataLayerEventName"===r.name),a=r.arguments.find(r=>"dataLayerPropPath"===r.name),o=!!(null==e?void 0:e.value);if(!window.dataLayer)return"";let n;for(let i=window.dataLayer.length-1;i>=0;i--){const u=window.dataLayer[i];if(o){if((null==u?void 0:u.event)===e.value){n=u;break}if("event"===(null==u?void 0:u[0])&&(null==u?void 0:u[1])===e.value){n=u[2];break}}else{const e=getPropPathArray(a),o=DataLayerSource.getValueByPropPath(u,e,r,t);if(o)return o}}if(!n)return"";const i=getPropPathArray(a);return DataLayerSource.getValueByPropPath(n,i,r,t)}static getValueByPropPath(r,t,e,a){try{const e=t.reduce((r,t)=>{if(isDictionary(r)||Array.isArray(r))return r[t];throw new Error(`Tried to access non object data by propName "${t}". Data: ${r}`)},r);return Array.isArray(e)&&!a?e.join(", "):e}catch(r){return console.error("DataLayerSource: error while getting data by prop path. Model: ",e,"Error: ",r),""}}}DataLayerSource.sourceId="DATA_LAYER";

package/sdk/source/sources/FormSource.d.ts

@@ -1,6 +1,8 @@
+import { SourceUpdateDataI } from '../../context/ContextSDK';
+import FormGroup from '../../../form/FormGroup';
 export default class FormSource {
-    constructor(formService: any);
-    formService: any;
-    subscribe(cb: any): void;
-    getValue(key: any): any;
+    formService: FormGroup;
+    constructor(formService: FormGroup);
+    subscribe(cb: (data: SourceUpdateDataI) => void): void;
+    getValue(key?: string): string | Record<string, any> | undefined;
 }

package/sdk/source/sources/JSApiVariablesSource.d.ts

@@ -1,12 +1,30 @@
-export default class JSApiVariablesSource {
+import DefaultEventEmitter from "@claspo/common/DefaultEventEmitter";
+import { SourceUpdateDataI } from '../../context/ContextSDK';
+declare global {
+    interface Window {
+        [key: string]: any;
+    }
+}
+export interface JSApiVariablesModelI {
+    arguments?: JSApiVariablesArgumentI[];
+    [key: string]: any;
+}
+export interface JSApiVariablesArgumentI {
+    name: string;
+    value: string;
+}
+export interface JSApiVariablesConfigI {
+    instanceName?: string;
+    [key: string]: any;
+}
+export interface JSApiVariablesProcessorResultI {
+    processor: (ctx: any, model: JSApiVariablesModelI) => string;
+}
+export default class JSApiVariablesSource extends DefaultEventEmitter {
     static sourceId: string;
-    static processModel(model: any, instanceName: any): any;
-    constructor(config?: {});
-    instanceName: any;
-    subscribe(): void;
-    getValue(key: any): {
-        processor?: undefined;
-    } | {
-        processor: (ctx: any, model: any) => any;
-    };
+    instanceName: string | undefined;
+    constructor(config?: JSApiVariablesConfigI);
+    subscribe(cb: (data: SourceUpdateDataI) => void): void;
+    getValue(key?: string): JSApiVariablesProcessorResultI | Record<string, never>;
+    static processModel(model: JSApiVariablesModelI, instanceName?: string): string;
 }

package/sdk/source/sources/JSApiVariablesSource.js

@@ -1 +1 @@
-import DefaultEventEmitter from"@claspo/common/DefaultEventEmitter";export default class JSApiVariablesSource extends DefaultEventEmitter{constructor(e={}){super(),this.instanceName=e.instanceName}subscribe(){}getValue(e){return e?{processor:(e,r)=>JSApiVariablesSource.processModel(r,this.instanceName)}:{}}static processModel(e,r){var a;if(!e.arguments)return"";const t=e.arguments.find(e=>"JavaScriptVariable"===e.name);if(!(null==t?void 0:t.value)||!(null===(a=window[r])||void 0===a?void 0:a.variables))return"";try{return window[r].variables[t.value]||""}catch(r){return console.error("JSApiVariablesSource: error while getting variable. Model: ",e,"Error: ",r),""}}}JSApiVariablesSource.sourceId="JS_API_VARIABLE";
+import DefaultEventEmitter from"@claspo/common/DefaultEventEmitter";export default class JSApiVariablesSource extends DefaultEventEmitter{constructor(e={}){super(),this.instanceName=e.instanceName}subscribe(e){}getValue(e){return e?{processor:(e,r)=>JSApiVariablesSource.processModel(r,this.instanceName)}:{}}static processModel(e,r){var a;if(!e.arguments)return"";const t=e.arguments.find(e=>"JavaScriptVariable"===e.name);if(!(null==t?void 0:t.value)||!r||!(null===(a=window[r])||void 0===a?void 0:a.variables))return"";try{return window[r].variables[t.value]||""}catch(r){return console.error("JSApiVariablesSource: error while getting variable. Model: ",e,"Error: ",r),""}}}JSApiVariablesSource.sourceId="JS_API_VARIABLE";

package/sdk/source/sources/UrlQueryParamsSource.d.ts

@@ -1,12 +1,25 @@
-export default class UrlQueryParamsSource {
+import DefaultEventEmitter from "@claspo/common/DefaultEventEmitter";
+import { SourceUpdateDataI } from '../../context/ContextSDK';
+export interface UrlQueryParamsModelI {
+    arguments?: UrlQueryParamsArgumentI[];
+    [key: string]: any;
+}
+export interface UrlQueryParamsArgumentI {
+    name: string;
+    value: string;
+}
+export interface UrlQueryParamsConfigI {
+    sessionUrlSearchParams?: string[];
+    [key: string]: any;
+}
+export interface UrlQueryParamsProcessorResultI {
+    processor: (ctx: any, model: UrlQueryParamsModelI) => string;
+}
+export default class UrlQueryParamsSource extends DefaultEventEmitter {
     static sourceId: string;
-    static processModel(model: any, sessionUrlSearchParams: any): string;
-    constructor(config?: {});
-    config: {};
-    subscribe(): void;
-    getValue(key: any): {
-        processor?: undefined;
-    } | {
-        processor: (ctx: any, model: any) => string;
-    };
+    config: UrlQueryParamsConfigI;
+    constructor(config?: UrlQueryParamsConfigI);
+    subscribe(cb: (data: SourceUpdateDataI) => void): void;
+    getValue(key?: string): UrlQueryParamsProcessorResultI | Record<string, never>;
+    static processModel(model: UrlQueryParamsModelI, sessionUrlSearchParams?: string[]): string;
 }

package/sdk/source/sources/UrlQueryParamsSource.js

@@ -1 +1 @@
-import DefaultEventEmitter from"@claspo/common/DefaultEventEmitter";export default class UrlQueryParamsSource extends DefaultEventEmitter{constructor(e={}){super(),this.config=e}subscribe(){}getValue(e){return e?{processor:(e,r)=>UrlQueryParamsSource.processModel(r,this.config.sessionUrlSearchParams)}:{}}static processModel(e,r){if(!e.arguments)return"";const t=e.arguments.find(e=>"urlQueryParamName"===e.name);if(!r){r=[new URL(window.location.href).search]}if(!t||!t.value)return"";let a;for(let e=r.length-1;e>=0;e--){const s=new URLSearchParams(r[e]).getAll(t.value).filter(Boolean);if(s.length){a=s;break}}return a?a.join(", "):""}}UrlQueryParamsSource.sourceId="URL_QUERY_PARAMS";
+import DefaultEventEmitter from"@claspo/common/DefaultEventEmitter";export default class UrlQueryParamsSource extends DefaultEventEmitter{constructor(e={}){super(),this.config=e}subscribe(e){}getValue(e){return e?{processor:(e,r)=>UrlQueryParamsSource.processModel(r,this.config.sessionUrlSearchParams)}:{}}static processModel(e,r){if(!e.arguments)return"";const t=e.arguments.find(e=>"urlQueryParamName"===e.name);if(!r){r=[new URL(window.location.href).search]}if(!t||!t.value)return"";let a;for(let e=r.length-1;e>=0;e--){const s=new URLSearchParams(r[e]).getAll(t.value).filter(Boolean);if(s.length){a=s;break}}return a?a.join(", "):""}}UrlQueryParamsSource.sourceId="URL_QUERY_PARAMS";

package/sdk/validators/required.d.ts

@@ -1,5 +1,5 @@
-export function required(errorKey?: string): (value: any) => {
-    isValid: boolean | "";
-    errorKey: string | null;
+export declare const REQUIRED_SYMBOL: unique symbol;
+export declare function required(errorKey?: string): (value: any) => {
+    isValid: any;
+    errorKey: string;
 };
-export const REQUIRED_SYMBOL: unique symbol;

package/sdk.d.ts

@@ -1,10 +1,10 @@
 import UpdatingEntryModule from "./UpdatingEntryModule";
 import StaticEntryModule from "./StaticEntryModule";
-import ViewRouter from "./ViewRouter";
 import CompositionRoot from "./CompositionRoot";
-import ComponentType from "./sdk/ComponentType";
+import ViewRouter from "./ViewRouter";
 import ViewEntryType from "./document-model/ViewEntryType";
-import { DocumentModelUpdateType } from "./document-model/DocumentModel";
+import ComponentType from './sdk/ComponentType';
+import { DocumentModelUpdateType } from "./document-model/DocumentModelService";
 import { RenderConstants } from "./renderer/RenderConstants";
 import { ViewRendererActionType } from "./renderer/ViewRendererActionType";
 import { LoopAnimationStylesService } from "./renderer/style/LoopAnimationStylesService";

package/sdk.js

@@ -1 +1 @@
-import UpdatingEntryModule from"./UpdatingEntryModule";import StaticEntryModule from"./StaticEntryModule";import CompositionRoot from"./CompositionRoot";import ViewRouter from"./ViewRouter";import ViewEntryType from"./document-model/ViewEntryType";import ComponentType from"./sdk/ComponentType";import{DocumentModelUpdateType}from"./document-model/DocumentModel";import{RenderConstants}from"./renderer/RenderConstants";import{ViewRendererActionType}from"./renderer/ViewRendererActionType";import{LoopAnimationStylesService}from"./renderer/style/LoopAnimationStylesService";export{UpdatingEntryModule,StaticEntryModule,ViewRouter,CompositionRoot,ComponentType,ViewEntryType,DocumentModelUpdateType,RenderConstants,ViewRendererActionType,LoopAnimationStylesService};
+import UpdatingEntryModule from"./UpdatingEntryModule";import StaticEntryModule from"./StaticEntryModule";import CompositionRoot from"./CompositionRoot";import ViewRouter from"./ViewRouter";import ViewEntryType from"./document-model/ViewEntryType";import ComponentType from"./sdk/ComponentType";import{DocumentModelUpdateType}from"./document-model/DocumentModelService";import{RenderConstants}from"./renderer/RenderConstants";import{ViewRendererActionType}from"./renderer/ViewRendererActionType";import{LoopAnimationStylesService}from"./renderer/style/LoopAnimationStylesService";export{UpdatingEntryModule,StaticEntryModule,ViewRouter,CompositionRoot,ComponentType,ViewEntryType,DocumentModelUpdateType,RenderConstants,ViewRendererActionType,LoopAnimationStylesService};

package/wc-renderer/WcFactory.d.ts

@@ -1,4 +1,21 @@
 export default class WcFactory {
+    state: any;
+    eventEmitter: any;
+    form: any;
+    documentModel: any;
+    resizeListener: any;
+    mobileDeviceOrientationListener: any;
+    config: any;
+    commonStylesService: any;
+    trackingService: any;
+    layoutType: any;
+    actionFactory: any;
+    actionRegister: any;
+    prizePoolFactory: any;
+    context: any;
+    mergeTagsProcessorFactory: any;
+    componentRegister: any;
+    htmlDocumentObject: any;
     constructor({ state, eventEmitter, form, documentModel, resizeListener, config, commonStylesService, trackingService, layoutType, actionFactory, actionRegister, prizePoolFactory, context, mergeTagsProcessorFactory, mobileDeviceOrientationListener, componentRegister, htmlDocumentObject, }: {
         state: any;
         eventEmitter: any;
@@ -18,23 +35,6 @@ export default class WcFactory {
         componentRegister: any;
         htmlDocumentObject: any;
     });
-    state: any;
-    eventEmitter: any;
-    form: any;
-    documentModel: any;
-    resizeListener: any;
-    mobileDeviceOrientationListener: any;
-    config: any;
-    commonStylesService: any;
-    trackingService: any;
-    layoutType: any;
-    actionFactory: any;
-    actionRegister: any;
-    prizePoolFactory: any;
-    context: any;
-    mergeTagsProcessorFactory: any;
-    componentRegister: any;
-    htmlDocumentObject: any;
     create(componentModel: any, rendererType: any): any;
     getComponentClass(componentModel: any, rendererType: any): any;
     constructProps(model: any, viewResourceManager: any): {

package/wc-renderer/WcFactory.js

@@ -1 +1 @@
-import ComponentLifeCycleContainerType from"../sdk/ComponentLifeCycleContainerType";import{ComponentPropsExtractor}from"../document-model/ComponentPropsExtractor";import CommonStylesService from"../renderer/style/CommonStylesService";import{LoopAnimationStylesService}from"../renderer/style/LoopAnimationStylesService";import{applySysAttrPrefix}from"../renderer/RenderConstants";import ViewEntryType from"../document-model/ViewEntryType";export default class WcFactory{constructor({state:t,eventEmitter:e,form:o,documentModel:i,resizeListener:n,config:r,commonStylesService:s,trackingService:c,layoutType:y,actionFactory:m,actionRegister:a,prizePoolFactory:p,context:l,mergeTagsProcessorFactory:h,mobileDeviceOrientationListener:u,componentRegister:S,htmlDocumentObject:C}){this.state=t,this.eventEmitter=e,this.form=o,this.documentModel=i,this.resizeListener=n,this.mobileDeviceOrientationListener=u,this.config=r,this.commonStylesService=s,this.trackingService=c,this.layoutType=y,this.actionFactory=m,this.actionRegister=a,this.prizePoolFactory=p,this.context=l,this.mergeTagsProcessorFactory=h,this.componentRegister=S,this.htmlDocumentObject=C}create(t,e){let o=new(this.getComponentClass(t,e));const i=applySysAttrPrefix("content-container");if(t.type===ViewEntryType.VIEW&&"SysColumnsComponent"!==t.name){const t=document.createElement("div");t.setAttribute(i,""),t.style.display="inherit",t.style.gap="inherit",t.style.justifyContent="inherit",t.style.alignItems="inherit",t.style.flexDirection="inherit",t.style.width="100%",t.style.height="100%",o.getRootElement().appendChild(t),o.contentContainer=t}return o.setAttribute(applySysAttrPrefix("type"),t.type),o.setAttribute(applySysAttrPrefix("id"),t.id),o.setAttribute(applySysAttrPrefix("component"),t.name),o.setAttribute(applySysAttrPrefix("path"),t.path),o.setAttribute(applySysAttrPrefix("element"),"host"),t.props.floating&&o.setAttribute(applySysAttrPrefix("floating"),"true"),e===ComponentLifeCycleContainerType.UPDATING&&this.commonStylesService.setStyles("* {cursor:pointer !important;} *:focus {outline: none !important;}"),this.processStyles(o.getHostElement(),o.getRootElement(),t,e),CommonStylesService.applyHostStyles(t.type,o,t,this.layoutType),o}getComponentClass(t,e){return this.componentRegister.getComponent(t.name,e)}constructProps(t,e){return{model:t,documentModel:this.documentModel,resizeListener:this.resizeListener,mobileDeviceOrientationListener:this.mobileDeviceOrientationListener,layoutType:this.layoutType,viewResourceManager:e,htmlDocumentObject:this.htmlDocumentObject,services:{state:this.state,eventEmitter:this.eventEmitter,form:this.form,config:this.config,trackingService:this.trackingService,actionFactory:this.actionFactory,actionRegister:this.actionRegister,prizePoolFactory:this.prizePoolFactory,context:this.context,mergeTagsProcessorFactory:this.mergeTagsProcessorFactory}}}processStyles(t,e,o,i){const n=this.commonStylesService.getStyles(),r=document.createElement("style");this.constructAnimationStyles(t,e,o,i),r.textContent=n,e.appendChild(r)}constructAnimationStyles(t,e,o,i){if(i===ComponentLifeCycleContainerType.UPDATING)return;const n=LoopAnimationStylesService.constructAnimationStylesByTypes(ComponentPropsExtractor.extractLoopAnimationsFromStylesClasses(o));if(n){const i=document.createElement("style");i.textContent=n;[ViewEntryType.VIEW,ViewEntryType.CONTAINER,ViewEntryType.COLUMN,ViewEntryType.COLUMNS].includes(o.type)?t.appendChild(i):e.appendChild(i)}}}
+import RenderMode from"@claspo/common/RenderMode";import{ComponentPropsExtractor}from"../document-model/ComponentPropsExtractor";import CommonStylesService from"../renderer/style/CommonStylesService";import{LoopAnimationStylesService}from"../renderer/style/LoopAnimationStylesService";import{applySysAttrPrefix}from"../renderer/RenderConstants";import ViewEntryType from"../document-model/ViewEntryType";export default class WcFactory{constructor({state:t,eventEmitter:e,form:o,documentModel:i,resizeListener:r,config:n,commonStylesService:s,trackingService:c,layoutType:m,actionFactory:y,actionRegister:a,prizePoolFactory:l,context:p,mergeTagsProcessorFactory:h,mobileDeviceOrientationListener:d,componentRegister:u,htmlDocumentObject:S}){this.state=t,this.eventEmitter=e,this.form=o,this.documentModel=i,this.resizeListener=r,this.mobileDeviceOrientationListener=d,this.config=n,this.commonStylesService=s,this.trackingService=c,this.layoutType=m,this.actionFactory=y,this.actionRegister=a,this.prizePoolFactory=l,this.context=p,this.mergeTagsProcessorFactory=h,this.componentRegister=u,this.htmlDocumentObject=S}create(t,e){let o=new(this.getComponentClass(t,e));const i=applySysAttrPrefix("content-container");if(t.type===ViewEntryType.VIEW&&"SysColumnsComponent"!==t.name){const t=document.createElement("div");t.setAttribute(i,""),t.style.display="inherit",t.style.gap="inherit",t.style.justifyContent="inherit",t.style.alignItems="inherit",t.style.flexDirection="inherit",t.style.width="100%",t.style.height="100%",o.getRootElement().appendChild(t),o.contentContainer=t}return o.setAttribute(applySysAttrPrefix("type"),t.type),o.setAttribute(applySysAttrPrefix("id"),t.id),o.setAttribute(applySysAttrPrefix("component"),t.name),o.setAttribute(applySysAttrPrefix("path"),t.path),o.setAttribute(applySysAttrPrefix("element"),"host"),t.props.floating&&o.setAttribute(applySysAttrPrefix("floating"),"true"),e===RenderMode.UPDATING&&this.commonStylesService.setStyles("* {cursor:pointer !important;} *:focus {outline: none !important;}"),this.processStyles(o.getHostElement(),o.getRootElement(),t,e),CommonStylesService.applyHostStyles(t.type,o,t,this.layoutType),o}getComponentClass(t,e){return this.componentRegister.getComponent(t.name,e)}constructProps(t,e){return{model:t,documentModel:this.documentModel,resizeListener:this.resizeListener,mobileDeviceOrientationListener:this.mobileDeviceOrientationListener,layoutType:this.layoutType,viewResourceManager:e,htmlDocumentObject:this.htmlDocumentObject,services:{state:this.state,eventEmitter:this.eventEmitter,form:this.form,config:this.config,trackingService:this.trackingService,actionFactory:this.actionFactory,actionRegister:this.actionRegister,prizePoolFactory:this.prizePoolFactory,context:this.context,mergeTagsProcessorFactory:this.mergeTagsProcessorFactory}}}processStyles(t,e,o,i){const r=this.commonStylesService.getStyles(),n=document.createElement("style");this.constructAnimationStyles(t,e,o,i),n.textContent=r,e.appendChild(n)}constructAnimationStyles(t,e,o,i){if(i===RenderMode.UPDATING)return;const r=LoopAnimationStylesService.constructAnimationStylesByTypes(ComponentPropsExtractor.extractLoopAnimationsFromStylesClasses(o));if(r){const i=document.createElement("style");i.textContent=r;[ViewEntryType.VIEW,ViewEntryType.CONTAINER,ViewEntryType.COLUMN,ViewEntryType.COLUMNS].includes(o.type)?t.appendChild(i):e.appendChild(i)}}}

package/wc-renderer/WcRegister.d.ts

@@ -1,11 +1,17 @@
-export class WcRegister {
-    constructor(bundledComponentClasses: any);
-    classes: any;
-    modelNameToTagMap: any;
-    register(decorator: any, entryModuleType: any): void;
-    decorator: any;
-    registerComponent(clazz: any, entryModuleType: any): void;
-    getComponent(name: any, entryModuleType: any): CustomElementConstructor;
-    getComponentTagName(tagName: any, entryModuleType: any): string;
+import { RenderModeT } from '@claspo/common/RenderMode';
+import { ComponentClassI } from "./WcResolver";
+export type DecoratorFnT = (clazz: ComponentClassI) => ComponentClassI;
+export interface ModelNameToTagMapI {
+    [modelName: string]: string;
+}
+export declare class WcRegister {
+    classes: ComponentClassI[];
+    modelNameToTagMap: ModelNameToTagMapI;
+    decorator: DecoratorFnT | null;
+    constructor(bundledComponentClasses?: ComponentClassI[]);
+    register(decorator: DecoratorFnT, renderMode: RenderModeT): void;
+    registerComponent(clazz: ComponentClassI, renderMode: RenderModeT): void;
+    getComponent(name: string, renderMode: RenderModeT): CustomElementConstructor;
+    getComponentTagName(tagName: string, renderMode: RenderModeT): string;
 }
 export default WcRegister;

package/wc-renderer/WcRegister.js

@@ -1 +1 @@
-import wcStaticDecorator from"./decorators/wcStaticDecorator";import wcUpdatingDecorator from"./decorators/wcUpdatingDecorator";import ComponentLifeCycleContainerType from"../sdk/ComponentLifeCycleContainerType";function getModelNameFromClass(e){return e.define.manifest.name}function getTagNameFromClass(e){const o=getModelNameFromClass(e);return(t=o,t.replace(/[A-Z]+(?![a-z])|[A-Z]/g,(e,o)=>(o?"-":"")+e.toLowerCase())).replace("-component","");var t}export class WcRegister{constructor(e){this.classes=e||[],this.modelNameToTagMap=this.classes.reduce((e,o)=>Object.assign(Object.assign({},e),{[getModelNameFromClass(o)]:getTagNameFromClass(o)}),{})}register(e,o){this.decorator=e,this.classes.forEach(e=>this.registerComponent(e,o))}registerComponent(e,o){const t=this.getComponentTagName(getTagNameFromClass(e),o),a=o===ComponentLifeCycleContainerType.STATIC?wcStaticDecorator(e):wcUpdatingDecorator(e);customElements.get(t)||customElements.define(t,a),this.modelNameToTagMap[getModelNameFromClass(a)]||(this.modelNameToTagMap[getModelNameFromClass(a)]=getTagNameFromClass(a))}getComponent(e,o){const t=(a=e,a.replace(/[A-Z]+(?![a-z])|[A-Z]/g,(e,o)=>(o?"-":"")+e.toLowerCase())).replace("-component","");var a;const s=this.getComponentTagName(t,o),n=customElements.get(s);if(!n){const t=`Claspo: the component named "${e}" was found in the document model, but the component class was not found.`,a=o===ComponentLifeCycleContainerType.STATIC?'Check if the component can be downloaded from the server, or pass the class to "bundledComponentClasses".':'Add the component to the "availableComponentsPanel", or pass the class to the "bundledComponentClasses".';throw new Error(`${t} ${a}`)}return n}getComponentTagName(e,o){return`${e}-${o.toLowerCase()}`}}export default WcRegister;
+import wcStaticDecorator from"./decorators/wcStaticDecorator";import wcUpdatingDecorator from"./decorators/wcUpdatingDecorator";import RenderMode from"@claspo/common/RenderMode";function getModelNameFromClass(e){return e.define.manifest.name}function getTagNameFromClass(e){const o=getModelNameFromClass(e);return(t=o,t.replace(/[A-Z]+(?![a-z])|[A-Z]/g,(e,o)=>(o?"-":"")+e.toLowerCase())).replace("-component","");var t}export class WcRegister{constructor(e){this.classes=e||[],this.modelNameToTagMap=this.classes.reduce((e,o)=>Object.assign(Object.assign({},e),{[getModelNameFromClass(o)]:getTagNameFromClass(o)}),{}),this.decorator=null}register(e,o){this.decorator=e,this.classes.forEach(e=>this.registerComponent(e,o))}registerComponent(e,o){const t=this.getComponentTagName(getTagNameFromClass(e),o),a=o===RenderMode.STATIC?wcStaticDecorator(e):wcUpdatingDecorator(e);customElements.get(t)||customElements.define(t,a),this.modelNameToTagMap[getModelNameFromClass(a)]||(this.modelNameToTagMap[getModelNameFromClass(a)]=getTagNameFromClass(a))}getComponent(e,o){const t=(a=e,a.replace(/[A-Z]+(?![a-z])|[A-Z]/g,(e,o)=>(o?"-":"")+e.toLowerCase())).replace("-component","");var a;const s=this.getComponentTagName(t,o),r=customElements.get(s);if(!r){const t=`Claspo: the component named "${e}" was found in the document model, but the component class was not found.`,a=o===RenderMode.STATIC?'Check if the component can be downloaded from the server, or pass the class to "bundledComponentClasses".':'Add the component to the "availableComponentsPanel", or pass the class to the "bundledComponentClasses".';throw new Error(`${t} ${a}`)}return r}getComponentTagName(e,o){return`${e}-${o.toLowerCase()}`}}export default WcRegister;

package/wc-renderer/WcResolver.d.ts

@@ -1,16 +1,27 @@
+import { RenderModeT } from "@claspo/common/RenderMode";
+import { WcRegister } from "./WcRegister";
+import { ComponentManifestI } from '@claspo/common/component-manifest/ComponentManifest.interface';
+import { ClDocumentI } from '@claspo/common/document/Document.interface';
+export interface ComponentClassI {
+    define?: {
+        manifest: ComponentManifestI;
+    };
+    new (): HTMLElement;
+}
+export interface LoadComponentsResultI {
+    manifests: ComponentManifestI[];
+}
 export default class WcResolver {
-    constructor(entryModuleType: string | undefined, wcRegister: any);
-    entryModuleType: string;
-    wcRegister: any;
-    getComponentManifests(): any[];
+    renderMode: RenderModeT;
+    wcRegister: WcRegister;
+    constructor(renderMode: RenderModeT, wcRegister: WcRegister);
+    getComponentManifests(): ComponentManifestI[];
     getAllComponents(): (CustomElementConstructor | undefined)[];
-    loadComponentsIfNecessary(documentModel: any, staticResourcesUrl: any): Promise<{
-        manifests: any[];
-    }>;
-    loadComponents(componentNames: any, staticResourcesUrl: any): Promise<any[]>;
-    getComponentNamesToLoad(componentNames: any): any;
-    buildComponentFilePaths(componentNames: any, staticResourcesUrl: any): any;
-    loadComponentClasses(modulePaths: any, componentNamesToLoad: any): Promise<any[]>;
-    getWindowKeyForComponentClass(componentName: any): string;
-    registerModules(modules: any): void;
+    loadComponentsIfNecessary(documentModel: ClDocumentI, staticResourcesUrl: string): Promise<LoadComponentsResultI>;
+    loadComponents(componentNames: string[], staticResourcesUrl: string): Promise<unknown[]>;
+    getComponentNamesToLoad(componentNames: string[] | null | undefined): string[];
+    buildComponentFilePaths(componentNames: string[], staticResourcesUrl: string): string[];
+    loadComponentClasses(modulePaths: string[], componentNamesToLoad: string[]): Promise<unknown[]>;
+    getWindowKeyForComponentClass(componentName: string): string;
+    registerModules(modules: unknown[]): void;
 }

package/wc-renderer/WcResolver.js

@@ -1 +1 @@
-import DocumentUtils from"@claspo/common/document/DocumentUtils";import ComponentLifeCycleContainerType from"../sdk/ComponentLifeCycleContainerType";export default class WcResolver{constructor(e=ComponentLifeCycleContainerType.STATIC,t){this.entryModuleType=e,this.wcRegister=t}getComponentManifests(){return this.getAllComponents().map(e=>{var t;return null===(t=e.define)||void 0===t?void 0:t.manifest})}getAllComponents(){return Object.values(this.wcRegister.modelNameToTagMap).map(e=>this.wcRegister.getComponentTagName(e,this.entryModuleType)).map(e=>customElements.get(e)).filter(e=>!!e)}async loadComponentsIfNecessary(e,t){let o=new Set;e.views.forEach(e=>{DocumentUtils.iterateDepthFirst(e,e=>{o.add(e.name)})});const n=this.getComponentManifests();let s=n.map(e=>e.name),i=[...o].filter(e=>!s.includes(e));if(!i.length)return{manifests:n};await this.loadComponents(i,t);return{manifests:this.getComponentManifests()}}async loadComponents(e,t){const o=this.getComponentNamesToLoad(e),n=this.buildComponentFilePaths(o,t),s=await this.loadComponentClasses(n,o);return this.registerModules(s),s}getComponentNamesToLoad(e){return e||[]}buildComponentFilePaths(e,t){return e.map(e=>`${t.replace(/\/$/,"")}/${e}/${e}.js`)}loadComponentClasses(e,t){return Promise.all(e.map((e,o)=>new Promise((n,s)=>{const i=document.createElement("script");i.type="module",i.onload=()=>{const e=t[o];n(window[this.getWindowKeyForComponentClass(e)])},i.onerror=s,i.src=e,document.body.appendChild(i)})))}getWindowKeyForComponentClass(e){return`clComponentClass_${e}`}registerModules(e){e.forEach(e=>{this.wcRegister.registerComponent(e,this.entryModuleType)})}}
+import DocumentUtils from"@claspo/common/document/DocumentUtils";import RenderMode from"@claspo/common/RenderMode";export default class WcResolver{constructor(e=RenderMode.STATIC,t){this.renderMode=e,this.wcRegister=t}getComponentManifests(){return this.getAllComponents().map(e=>{var t;return null===(t=e.define)||void 0===t?void 0:t.manifest}).filter(e=>!!e)}getAllComponents(){return Object.values(this.wcRegister.modelNameToTagMap).map(e=>this.wcRegister.getComponentTagName(e,this.renderMode)).map(e=>customElements.get(e)).filter(e=>!!e)}async loadComponentsIfNecessary(e,t){const o=new Set;e.views.forEach(e=>{DocumentUtils.iterateDepthFirst(e,e=>{o.add(e.name)})});const n=this.getComponentManifests(),s=n.map(e=>e.name),r=[...o].filter(e=>!s.includes(e));return r.length?(await this.loadComponents(r,t),{manifests:this.getComponentManifests()}):{manifests:n}}async loadComponents(e,t){const o=this.getComponentNamesToLoad(e),n=this.buildComponentFilePaths(o,t),s=await this.loadComponentClasses(n,o);return this.registerModules(s),s}getComponentNamesToLoad(e){return e||[]}buildComponentFilePaths(e,t){return e.map(e=>`${t.replace(/\/$/,"")}/${e}/${e}.js`)}loadComponentClasses(e,t){return Promise.all(e.map((e,o)=>new Promise((n,s)=>{const r=document.createElement("script");r.type="module",r.onload=()=>{const e=t[o];n(window[this.getWindowKeyForComponentClass(e)])},r.onerror=s,r.src=e,document.body.appendChild(r)})))}getWindowKeyForComponentClass(e){return`clComponentClass_${e}`}registerModules(e){e.forEach(e=>{this.wcRegister.registerComponent(e,this.renderMode)})}}

package/wc-renderer/WcViewRenderer.d.ts

@@ -1,15 +1,14 @@
 export default class WcViewRenderer {
-    constructor(documentModel: any, resizeListener: any, configService: any, factory: any, eventEmitter: any);
     isMobile: any;
     resizeListener: any;
     documentModel: any;
     factory: any;
     eventEmitter: any;
-    viewResourceManager: ViewResourcesManager;
+    viewResourceManager: any;
+    constructor(documentModel: any, resizeListener: any, configService: any, factory: any, eventEmitter: any);
+    render(viewModel: any, index: any, type?: "STATIC"): any;
     destroy(viewComponentRef: any): void;
-    render(viewModel: any, index: any, type?: string): any;
-    renderComponent(containerModel: any, model: any, rendererType: any, insertPosition?: any): any;
+    renderComponent(containerModel: any, model: any, rendererType: any, insertPosition?: string): any;
     selectElementToAppendTo(element: any): any;
     getRenderOutlet(element: any): any;
 }
-import ViewResourcesManager from "../resource-management/ViewResourcesManager";

package/wc-renderer/WcViewRenderer.js

@@ -1 +1 @@
-import ComponentInsertType from"@claspo/common/document/ComponentInsertType";import ViewEntryType from"../document-model/ViewEntryType";import{ViewRendererActionType}from"../renderer/ViewRendererActionType";import{applySysAttrPrefix}from"../renderer/RenderConstants";import ViewResourcesManager from"../resource-management/ViewResourcesManager";import ComponentLifeCycleContainerType from"../sdk/ComponentLifeCycleContainerType";export default class WcViewRenderer{constructor(e,t,n,o,r){this.isMobile=null,this.resizeListener=t,this.documentModel=e,this.factory=o,this.eventEmitter=r,this.viewResourceManager=new ViewResourcesManager(this.eventEmitter),this.destroy=this.destroy.bind(this)}render(e,t,n=ComponentLifeCycleContainerType.STATIC){const o=this.factory.create(e,n,this.viewResourceManager);if(this.documentModel.setComponentRef(e.id,o),e.componentRef=o,e.type===ViewEntryType.VIEW&&"SysColumnsComponent"===e.name){const t=applySysAttrPrefix("content-container"),n=this.getRenderOutlet(e.componentRef.getRootElement());null==n||n.setAttribute(t,"")}return e.children.forEach(t=>{this.renderComponent(e,t,n)}),setTimeout(()=>{this.viewResourceManager.viewHasPendingResources()||this.eventEmitter.emit(ViewRendererActionType.VIEW_COMPONENT_RESOURCES_LOADED)},5),o}destroy(e){var t;if(!(null===(t=e.model)||void 0===t?void 0:t.path))return;const n=e.model.path[0];this.documentModel.destroyView(n)}renderComponent(e,t,n,o=ComponentInsertType.INSIDE){var r;const i=this.factory.create(t,n,this.viewResourceManager);this.documentModel.setComponentRef(t.id,i);const s=e.componentRef.getRootElement();let p=t.props.floating||"FLOATING_IMAGE"===t.type?s:this.selectElementToAppendTo(e.componentRef.contentContainer)||this.selectElementToAppendTo(s);if(o===ComponentInsertType.INSIDE)i.connect(o,p,i);else if(o===ComponentInsertType.INSTEAD){const n=(null===(r=t.prevPath)||void 0===r?void 0:r.at(-1))<t.path.at(-1)?ComponentInsertType.AFTER:ComponentInsertType.BEFORE;i.connect(n,e.componentRef,t.componentRef)}else i.connect(o,e.componentRef,t.componentRef);return t.children&&t.children.forEach(e=>this.renderComponent(t,e,n)),t}selectElementToAppendTo(e){return e?this.getRenderOutlet(e)||e:null}getRenderOutlet(e){return e.querySelector(`[${applySysAttrPrefix("render-outlet")}]`)}}
+import ComponentInsertType from"@claspo/common/document/ComponentInsertType";import ViewEntryType from"../document-model/ViewEntryType";import{ViewRendererActionType}from"../renderer/ViewRendererActionType";import{applySysAttrPrefix}from"../renderer/RenderConstants";import ViewResourcesManager from"../resource-management/ViewResourcesManager";import RenderMode from"@claspo/common/RenderMode";export default class WcViewRenderer{constructor(e,t,n,o,r){this.isMobile=null,this.resizeListener=t,this.documentModel=e,this.factory=o,this.eventEmitter=r,this.viewResourceManager=new ViewResourcesManager(this.eventEmitter),this.destroy=this.destroy.bind(this)}render(e,t,n=RenderMode.STATIC){const o=this.factory.create(e,n,this.viewResourceManager);if(this.documentModel.setComponentRef(e.id,o),e.componentRef=o,e.type===ViewEntryType.VIEW&&"SysColumnsComponent"===e.name){const t=applySysAttrPrefix("content-container"),n=this.getRenderOutlet(e.componentRef.getRootElement());null==n||n.setAttribute(t,"")}return e.children.forEach(t=>{this.renderComponent(e,t,n)}),setTimeout(()=>{this.viewResourceManager.viewHasPendingResources()||this.eventEmitter.emit(ViewRendererActionType.VIEW_COMPONENT_RESOURCES_LOADED)},5),o}destroy(e){var t;if(!(null===(t=e.model)||void 0===t?void 0:t.path))return;const n=e.model.path[0];this.documentModel.destroyView(n)}renderComponent(e,t,n,o=ComponentInsertType.INSIDE){var r;const i=this.factory.create(t,n,this.viewResourceManager);this.documentModel.setComponentRef(t.id,i);const s=e.componentRef.getRootElement();let c=t.props.floating||"FLOATING_IMAGE"===t.type?s:this.selectElementToAppendTo(e.componentRef.contentContainer)||this.selectElementToAppendTo(s);if(o===ComponentInsertType.INSIDE)i.connect(o,c,i);else if(o===ComponentInsertType.INSTEAD){const n=(null===(r=t.prevPath)||void 0===r?void 0:r.at(-1))<t.path.at(-1)?ComponentInsertType.AFTER:ComponentInsertType.BEFORE;i.connect(n,e.componentRef,t.componentRef)}else i.connect(o,e.componentRef,t.componentRef);return t.children&&t.children.forEach(e=>this.renderComponent(t,e,n)),t}selectElementToAppendTo(e){return e?this.getRenderOutlet(e)||e:null}getRenderOutlet(e){return e.querySelector(`[${applySysAttrPrefix("render-outlet")}]`)}}

package/wc-renderer/decorators/wcStaticDecorator.d.ts

@@ -1,7 +1,4 @@
-export default function wcStaticDecorator(originComponentClass: any): {
-    new (): {
-        [x: string]: any;
-        connect(insertType: any, targetElement: any, instance: any): void;
-    };
-    [x: string]: any;
-};
+import ComponentInsertType from "@claspo/common/document/ComponentInsertType";
+import { ComponentClassI } from "../WcResolver";
+export type ComponentInsertTypeT = typeof ComponentInsertType[keyof typeof ComponentInsertType];
+export default function wcStaticDecorator<T extends ComponentClassI>(originComponentClass: T): T;

package/wc-renderer/decorators/wcStaticDecorator.js

@@ -1 +1 @@
-import ComponentInsertType from"@claspo/common/document/ComponentInsertType";export default function wcStaticDecorator(e){return class extends e{connect(e,n,t){switch(e){case ComponentInsertType.INSIDE:return void n.appendChild(t);case ComponentInsertType.BEFORE:case ComponentInsertType.AFTER:{let o=e===ComponentInsertType.BEFORE?"beforebegin":"afterend";return void n.insertAdjacentElement(o,t)}}}}}
+import ComponentInsertType from"@claspo/common/document/ComponentInsertType";export default function wcStaticDecorator(e){return class extends e{connect(e,n,t){switch(e){case ComponentInsertType.INSIDE:return void n.appendChild(t);case ComponentInsertType.BEFORE:case ComponentInsertType.AFTER:{const o=e===ComponentInsertType.BEFORE?"beforebegin":"afterend";return void n.insertAdjacentElement(o,t)}}}}}

package/wc-renderer/decorators/wcUpdatingDecorator.d.ts

@@ -1,16 +1,17 @@
 export default function wcUpdatingDecorator(clazz: any): {
     new (): {
         [x: string]: any;
-        eventListeners: any[];
+        eventListeners: any;
         lastDragOverEvent: any;
-        focusedElements: any[];
-        observer: MutationObserver | null;
-        connectedCallback(): void;
-        disconnectedCallback(): void;
-        _addAllListeners(): void;
+        focusedElements: any;
+        observer: any;
         removeFocusSubscription: any;
         setFocusSubscription: any;
         componentFocusedSubscription: any;
+        preHoveredElement: any;
+        connectedCallback(): void;
+        disconnectedCallback(): void;
+        _addAllListeners(): void;
         _observeChanges(): void;
         _setEventListeners(): void;
         _removeListenersForDisconnectedNodes(): void;
@@ -27,7 +28,6 @@ export default function wcUpdatingDecorator(clazz: any): {
         _elementDragOverListener(event: any): void;
         _documentDropListener(event: any): void;
         _mouseMoveEventListener(event: any): void;
-        preHoveredElement: any;
         _mouseOutEventListener(event: any): void;
         _blurEventListener(event: any): void;
         _removeFocus(): void;
@@ -38,6 +38,6 @@ export default function wcUpdatingDecorator(clazz: any): {
         _getElementNameByNode(node: any): any;
         _setFocusableElementsAttribute(): void;
         _updateFocusedElementClasses(): void;
-        connect(insertType: any, targetElement: any, instance: any): void;
     };
+    [x: string]: any;
 };

package/wc-renderer/icons/feedbackIcons.d.ts

@@ -1,23 +1,10 @@
-export function getPredefinedIconsByType(type: any): any;
-export function getPredefinedIcons(): {
-    STAR_5: {
-        selected: string[];
-        unselected: string[];
-    };
-    EMOJI_3: {
-        dissatisfied: string[];
-        neutral: string[];
-        satisfied: string[];
-    };
-    LIKE_DISLIKE: {
-        satisfied: string[];
-        dissatisfied: string[];
-    };
-    RATING_1_5: {
-        verySatisfied: string[];
-        satisfied: string[];
-        neutral: string[];
-        dissatisfied: string[];
-        veryDissatisfied: string[];
-    };
-};
+export type FeedbackIconTypeT = 'STAR_5' | 'EMOJI_3' | 'LIKE_DISLIKE' | 'RATING_1_5';
+export type FeedbackIconStateT = 'selected' | 'unselected' | 'dissatisfied' | 'neutral' | 'satisfied' | 'verySatisfied' | 'veryDissatisfied';
+export interface FeedbackIconSetI {
+    [key: string]: string[];
+}
+export interface FeedbackIconsMapI {
+    [key: string]: FeedbackIconSetI;
+}
+export declare function getPredefinedIconsByType(type: FeedbackIconTypeT): FeedbackIconSetI;
+export declare function getPredefinedIcons(): FeedbackIconsMapI;

package/wc-renderer/icons/promoCodeCopyIcons.d.ts

@@ -1,2 +1,2 @@
-export default copyIcons;
 declare const copyIcons: string[];
+export default copyIcons;

package/wc-renderer/icons/promoCodeStrokeIcons.d.ts

@@ -1,2 +1,2 @@
-export default strokeIcons;
 declare const strokeIcons: string[];
+export default strokeIcons;

package/wc-renderer/observers/createObservers.d.ts

@@ -1,5 +1,7 @@
+export type ObserverCallbackT = (...args: any[]) => void;
+export interface ObserversI {
+    get(type: string): ObserverCallbackT[];
+    clear(): ObserversI;
+}
+declare const createObservers: (...types: string[]) => ObserversI;
 export default createObservers;
-declare function createObservers(...types: any[]): {
-    get: (type: any) => any;
-    clear: () => any;
-};

package/wc-renderer/observers/observerType.d.ts

@@ -1,6 +1,6 @@
+declare const observerType: {
+    PROPS: string;
+    SHARED: string;
+    ENVIRONMENT: string;
+};
 export default observerType;
-declare namespace observerType {
-    const PROPS: string;
-    const SHARED: string;
-    const ENVIRONMENT: string;
-}

package/wc-renderer/subscriptions/createSubscriptions.d.ts

@@ -1,5 +1,8 @@
-export default function createSubscriptions(): {
-    subscriptions: any[];
-    push(subscription: any): void;
+export interface SubscriptionI {
     off(): void;
-};
+}
+export interface SubscriptionsI {
+    push(subscription: SubscriptionI): void;
+    off(): void;
+}
+export default function createSubscriptions(): SubscriptionsI;

package/wc-renderer/utils/platforms.d.ts

@@ -1,5 +1,5 @@
-export namespace PLATFORMS {
-    const DESKTOP: string;
-    const MOBILE: string;
-}
-export const PRIMARY_PLATFORM: string;
+export declare const PLATFORMS: {
+    DESKTOP: string;
+    MOBILE: string;
+};
+export declare const PRIMARY_PLATFORM: string;