@claspo/renderer 16.6.5 → 17.0.0-theme.16

package/color-libs/rgb.d.ts

@@ -1,2 +1,2 @@
+declare var rgb: (input: any, array: any) => any;
 export default rgb;
-declare function rgb(input: any, array: any): any;

package/color-libs/route.d.ts

@@ -1 +1 @@
-export default function _default(fromModel: any): {};
+export default function (fromModel: any): {};

package/color-libs/simple-swizzle.d.ts

@@ -1,5 +1,2 @@
+declare var swizzle: (args: any) => any[];
 export default swizzle;
-declare function swizzle(args: any): any[];
-declare namespace swizzle {
-    function wrap(fn: any): (...args: any[]) => any;
-}

package/common/ConfigService.d.ts

@@ -1,5 +1,7 @@
+import { WidgetInitConfigI } from '@claspo/common/WidgetInitConfig.interface';
 export default class ConfigService {
-    constructor(config: any);
-    config: any;
-    getConfig(key: any): any;
+    config: WidgetInitConfigI;
+    constructor(config: WidgetInitConfigI);
+    getConfig<K extends keyof WidgetInitConfigI>(key: K): WidgetInitConfigI[K];
+    getConfig(): WidgetInitConfigI;
 }

package/common/ConfigService.js

@@ -1 +1 @@
-export default class ConfigService{constructor(t){this.config=Object.assign(Object.assign({},{subscribeContactUrl:""}),t||{})}getConfig(t){return t?this.config[t]:this.config}}
+export default class ConfigService{constructor(e){this.config=Object.assign(Object.assign({},{subscribeContactUrl:""}),e)}getConfig(e){return e?"entryModuleType"===e?this.config.renderMode:this.config[e]:this.config}}

package/common/DefaultState.d.ts

@@ -1,7 +1,10 @@
+export interface DefaultStateI {
+    [key: string]: any;
+}
 export default class DefaultState {
-    constructor(initialState: any);
-    state: any;
-    getState(): any;
-    setState(obj: any): void;
+    state: DefaultStateI;
+    constructor(initialState?: DefaultStateI);
+    getState(): DefaultStateI;
+    setState(obj: Partial<DefaultStateI>): void;
     destroy(): void;
 }

package/common/SysEventTypes.d.ts

@@ -1,7 +1,7 @@
+declare const SysEventTypes: {
+    TOO_MANY_REQUESTS: string;
+    COMPONENT_RESOURCES_LOADED: string;
+    FAILED_TO_LOAD_COMPONENT_RESOURCE: string;
+    EXECUTE_ACTION_BY_PREDICATE: string;
+};
 export default SysEventTypes;
-declare namespace SysEventTypes {
-    const TOO_MANY_REQUESTS: string;
-    const COMPONENT_RESOURCES_LOADED: string;
-    const FAILED_TO_LOAD_COMPONENT_RESOURCE: string;
-    const EXECUTE_ACTION_BY_PREDICATE: string;
-}

package/common/WaitForKeyboardHide.d.ts

@@ -1 +1 @@
-export default function waitForKeyboardHide(callback: any): void;
+export default function waitForKeyboardHide(callback: () => void): void;

package/document-model/ComponentPropsExtractor.d.ts

@@ -1,4 +1,4 @@
-export class ComponentPropsExtractor {
+export declare class ComponentPropsExtractor {
     static extractClassesFromStyles(componentModel: any): string[];
     static extractLoopAnimationsFromStylesClasses(componentModel: any): string[];
 }

package/document-model/DocumentModelService.d.ts

@@ -0,0 +1,32 @@
+import DefaultEventEmitter from "@claspo/common/DefaultEventEmitter";
+import { ClBaseComponentI, ClDocumentI, ClDocumentSharedI } from '@claspo/common/document/Document.interface';
+export declare const DocumentModelUpdateType: {
+    COMPONENT_INSERT: string;
+    COMPONENT_REMOVE: string;
+    COMPONENT_MOVE: string;
+    COMPONENT_UPDATE: string;
+    COMPONENT_PROPS_UPDATE: string;
+    SHARED_UPDATE: string;
+    MOBILE_BREAKPOINT_UPDATE: string;
+    ENVIRONMENT_UPDATE: string;
+    TEXT_CLASS_ADDED: string;
+    TEXT_CLASS_UPDATED: string;
+    TEXT_CLASS_REMOVED: string;
+    HEADER_FONT_FAMILY_UPDATE: string;
+    TEXT_FONT_FAMILY_UPDATE: string;
+    SHARED_UPDATE_ALL: string;
+    THEME_UPDATE: string;
+};
+export default class DocumentModelService extends DefaultEventEmitter {
+    json: ClDocumentI;
+    flatJson: ClDocumentI;
+    constructor(json: any);
+    setComponentRef(targetComponentId: string, componentRef: any): void;
+    getModel(): ClDocumentI;
+    getView(index: number): ClBaseComponentI;
+    getViews(): ClBaseComponentI[];
+    getShared(): ClDocumentSharedI;
+    iterateViewModelAndExecute(viewIndex: number, callback: (node: ClBaseComponentI) => void): void;
+    destroy(): void;
+    destroyView(viewIndex: number): void;
+}

package/document-model/{DocumentModel.js → DocumentModelService.js}

@@ -1 +1 @@
-import ModulesComponentExtractor from"./ModulesComponentExtractor";import DefaultEventEmitter from"@claspo/common/DefaultEventEmitter";import DocumentUtils from"@claspo/common/document/DocumentUtils";export const DocumentModelUpdateType={COMPONENT_INSERT:"COMPONENT_INSERT",COMPONENT_REMOVE:"COMPONENT_REMOVE",COMPONENT_MOVE:"COMPONENT_MOVE",COMPONENT_UPDATE:"COMPONENT_UPDATE",COMPONENT_PROPS_UPDATE:"COMPONENT_PROPS_UPDATE",SHARED_UPDATE:"SHARED_UPDATE",MOBILE_BREAKPOINT_UPDATE:"MOBILE_BREAKPOINT_UPDATE",ENVIRONMENT_UPDATE:"ENVIRONMENT_UPDATE",TEXT_CLASS_ADDED:"TEXT_CLASS_ADDED",TEXT_CLASS_UPDATED:"TEXT_CLASS_UPDATED",TEXT_CLASS_REMOVED:"TEXT_CLASS_REMOVED",HEADER_FONT_FAMILY_UPDATE:"HEADER_FONT_FAMILY_UPDATE",TEXT_FONT_FAMILY_UPDATE:"TEXT_FONT_FAMILY_UPDATE",SHARED_UPDATE_ALL:"SHARED_UPDATE_ALL",COLOR_SCHEMA_UPDATE:"COLOR_SCHEMA_UPDATE"};export default class DocumentModel extends DefaultEventEmitter{constructor(t){super(),this.json=t,this.flatJson=ModulesComponentExtractor.extract(this.json)}setComponentRef(t,e){DocumentUtils.getNodeById(this.getViews(),t).componentRef=e}getModel(){return this.flatJson}getView(t){return this.flatJson.views[t]}getViews(){return this.flatJson.views}getShared(){return this.flatJson.shared}iterateViewModelAndExecute(t,e){const E=this.getView(t);DocumentUtils.iterateDepthFirst(E,e)}destroy(){}destroyView(t){console.warn("destroyView now should do nothing"),this.iterateViewModelAndExecute(t,t=>{t.componentRef&&(t.componentRef.remove(),t.componentRef=null)})}}
+import ModulesComponentExtractor from"./ModulesComponentExtractor";import DefaultEventEmitter from"@claspo/common/DefaultEventEmitter";import DocumentUtils from"@claspo/common/document/DocumentUtils";export const DocumentModelUpdateType={COMPONENT_INSERT:"COMPONENT_INSERT",COMPONENT_REMOVE:"COMPONENT_REMOVE",COMPONENT_MOVE:"COMPONENT_MOVE",COMPONENT_UPDATE:"COMPONENT_UPDATE",COMPONENT_PROPS_UPDATE:"COMPONENT_PROPS_UPDATE",SHARED_UPDATE:"SHARED_UPDATE",MOBILE_BREAKPOINT_UPDATE:"MOBILE_BREAKPOINT_UPDATE",ENVIRONMENT_UPDATE:"ENVIRONMENT_UPDATE",TEXT_CLASS_ADDED:"TEXT_CLASS_ADDED",TEXT_CLASS_UPDATED:"TEXT_CLASS_UPDATED",TEXT_CLASS_REMOVED:"TEXT_CLASS_REMOVED",HEADER_FONT_FAMILY_UPDATE:"HEADER_FONT_FAMILY_UPDATE",TEXT_FONT_FAMILY_UPDATE:"TEXT_FONT_FAMILY_UPDATE",SHARED_UPDATE_ALL:"SHARED_UPDATE_ALL",THEME_UPDATE:"THEME_UPDATE"};export default class DocumentModelService extends DefaultEventEmitter{constructor(t){super(),this.json=t,this.flatJson=ModulesComponentExtractor.extract(this.json)}setComponentRef(t,e){DocumentUtils.getNodeById(this.getViews(),t).componentRef=e}getModel(){return this.flatJson}getView(t){return this.flatJson.views[t]}getViews(){return this.flatJson.views}getShared(){return this.flatJson.shared}iterateViewModelAndExecute(t,e){const E=this.getView(t);DocumentUtils.iterateDepthFirst(E,e)}destroy(){}destroyView(t){console.warn("destroyView now should do nothing"),this.iterateViewModelAndExecute(t,t=>{t.componentRef&&(t.componentRef.remove(),t.componentRef=null)})}}

package/document-model/DocumentService.d.ts

@@ -1,8 +1,8 @@
 export default class DocumentService {
-    constructor(documentModel: any, viewRenderer: any, entryModuleType: any);
     documentModel: any;
     viewRenderer: any;
-    entryModuleType: any;
+    renderMode: any;
+    constructor(documentModel: any, viewRenderer: any, renderMode: any);
     handleModelUpdate(type: any, payload: any): void;
-    removeComponent(componentPath: any): any;
+    removeComponent(componentPath: any): import("@claspo/common/document/Document.interface").ClBaseComponentI;
 }

package/document-model/DocumentService.js

@@ -1 +1 @@
-import DocumentUtils from"@claspo/common/document/DocumentUtils";import ComponentInsertType from"@claspo/common/document/ComponentInsertType";import{DocumentModelUpdateType}from"./DocumentModel";export default class DocumentService{constructor(e,t,o){this.documentModel=e,this.viewRenderer=t,this.entryModuleType=o}handleModelUpdate(e,t){switch(e){case DocumentModelUpdateType.COMPONENT_PROPS_UPDATE:{const{id:e,data:o}=t,d=DocumentUtils.getNodeById(this.documentModel.getViews(),e);if(!d)return void console.warn("Attempt to update unexisting component props");const n=d.path,i=n.reduce((e,t,o)=>0===o?this.documentModel.getViews()[t]:e.children[t],this.documentModel.getViews());return i?(i.props=Object.assign({},o),void this.documentModel.emit(`${DocumentModelUpdateType.COMPONENT_PROPS_UPDATE}_${e}`,o)):void console.error("Model not found by path ["+n+"]")}case DocumentModelUpdateType.COMPONENT_UPDATE:{const{id:e,data:o}=t,d=DocumentUtils.getNodeById(this.documentModel.getViews(),e);return d?(Object.assign(d,o),void this.documentModel.emit(`${DocumentModelUpdateType.COMPONENT_UPDATE}_${e}`,o)):void console.warn("Attempt to update unexisting component props")}case DocumentModelUpdateType.SHARED_UPDATE:{const e=this.documentModel.getShared();return Object.assign(e,t),void this.documentModel.emit(DocumentModelUpdateType.SHARED_UPDATE_ALL)}case DocumentModelUpdateType.MOBILE_BREAKPOINT_UPDATE:return void(this.documentModel.getShared().mobileBreakpointWidth=t.mobileBreakpointWidth);case DocumentModelUpdateType.ENVIRONMENT_UPDATE:return void this.documentModel.emit(DocumentModelUpdateType.ENVIRONMENT_UPDATE,t);case DocumentModelUpdateType.TEXT_CLASS_ADDED:return void(this.documentModel.getShared().textClasses[t.id]=t);case DocumentModelUpdateType.TEXT_CLASS_UPDATED:return this.documentModel.getShared().textClasses[t.id]=t,void this.documentModel.emit(DocumentModelUpdateType.SHARED_UPDATE_ALL);case DocumentModelUpdateType.TEXT_CLASS_REMOVED:return void delete this.documentModel.getShared().textClasses[t];case DocumentModelUpdateType.HEADER_FONT_FAMILY_UPDATE:return this.documentModel.getShared().headerFontFamily=t,void this.documentModel.emit(DocumentModelUpdateType.SHARED_UPDATE_ALL);case DocumentModelUpdateType.TEXT_FONT_FAMILY_UPDATE:return this.documentModel.getShared().textFontFamily=t,void this.documentModel.emit(DocumentModelUpdateType.SHARED_UPDATE_ALL);case DocumentModelUpdateType.COLOR_SCHEMA_UPDATE:return this.documentModel.getShared().cssVars=t,void this.documentModel.emit(DocumentModelUpdateType.COLOR_SCHEMA_UPDATE,t);case DocumentModelUpdateType.COMPONENT_REMOVE:{const e=t.path;return void this.removeComponent(e)}case DocumentModelUpdateType.COMPONENT_INSERT:{let{insertPosition:e,targetPath:o,model:d}=t,n=DocumentUtils.getNodeByPath(this.documentModel.getViews(),o);if(!n&&e!==ComponentInsertType.INSIDE){const t=o.slice(0,-1),d=DocumentUtils.getNodeByPath(this.documentModel.getViews(),t);e=ComponentInsertType.INSIDE,n=d,o=t}return DocumentUtils.insertNode(d,o,this.documentModel.getViews(),e),void this.viewRenderer.renderComponent(n,d,this.entryModuleType,e)}case DocumentModelUpdateType.COMPONENT_MOVE:{const{fromPath:e,insertPosition:o,targetPath:d}=t,n=d[0],i=this.documentModel.getViews()[n],s=DocumentUtils.getNodeByPath(this.documentModel.getViews(),d);if(!s)return;const c=this.removeComponent(e),m=DocumentUtils.getNodeById([i],s.id).path;return DocumentUtils.insertNode(c,m,this.documentModel.getViews(),o),void this.viewRenderer.renderComponent(s,c,this.entryModuleType,o)}default:return}}removeComponent(e){const t=DocumentUtils.getNodeByPath(this.documentModel.getViews(),e);if(t)return t.componentRef.remove(),DocumentUtils.removeNode(this.documentModel.getViews(),e)}}
+import DocumentUtils from"@claspo/common/document/DocumentUtils";import ComponentInsertType from"@claspo/common/document/ComponentInsertType";import{DocumentModelUpdateType}from"./DocumentModelService";export default class DocumentService{constructor(e,t,o){this.documentModel=e,this.viewRenderer=t,this.renderMode=o}handleModelUpdate(e,t){switch(e){case DocumentModelUpdateType.COMPONENT_PROPS_UPDATE:{const{id:e,data:o}=t,d=DocumentUtils.getNodeById(this.documentModel.getViews(),e);if(!d)return void console.warn("Attempt to update unexisting component props");const n=d.path,i=n.reduce((e,t,o)=>0===o?this.documentModel.getViews()[t]:e.children[t],this.documentModel.getViews());return i?(i.props=Object.assign({},o),void this.documentModel.emit(`${DocumentModelUpdateType.COMPONENT_PROPS_UPDATE}_${e}`,o)):void console.error("Model not found by path ["+n+"]")}case DocumentModelUpdateType.COMPONENT_UPDATE:{const{id:e,data:o}=t,d=DocumentUtils.getNodeById(this.documentModel.getViews(),e);return d?(Object.assign(d,o),void this.documentModel.emit(`${DocumentModelUpdateType.COMPONENT_UPDATE}_${e}`,o)):void console.warn("Attempt to update unexisting component props")}case DocumentModelUpdateType.SHARED_UPDATE:{const e=this.documentModel.getShared();return Object.assign(e,t),void this.documentModel.emit(DocumentModelUpdateType.SHARED_UPDATE_ALL)}case DocumentModelUpdateType.MOBILE_BREAKPOINT_UPDATE:return void(this.documentModel.getShared().mobileBreakpointWidth=t.mobileBreakpointWidth);case DocumentModelUpdateType.ENVIRONMENT_UPDATE:return void this.documentModel.emit(DocumentModelUpdateType.ENVIRONMENT_UPDATE,t);case DocumentModelUpdateType.TEXT_CLASS_ADDED:return void(this.documentModel.getShared().textClasses[t.id]=t);case DocumentModelUpdateType.TEXT_CLASS_UPDATED:return this.documentModel.getShared().textClasses[t.id]=t,void this.documentModel.emit(DocumentModelUpdateType.SHARED_UPDATE_ALL);case DocumentModelUpdateType.TEXT_CLASS_REMOVED:return void delete this.documentModel.getShared().textClasses[t];case DocumentModelUpdateType.HEADER_FONT_FAMILY_UPDATE:return this.documentModel.getShared().headerFontFamily=t,void this.documentModel.emit(DocumentModelUpdateType.SHARED_UPDATE_ALL);case DocumentModelUpdateType.TEXT_FONT_FAMILY_UPDATE:return this.documentModel.getShared().textFontFamily=t,void this.documentModel.emit(DocumentModelUpdateType.SHARED_UPDATE_ALL);case DocumentModelUpdateType.THEME_UPDATE:return this.documentModel.getShared().theme=t,this.documentModel.emit(DocumentModelUpdateType.THEME_UPDATE,t),void this.documentModel.emit(DocumentModelUpdateType.SHARED_UPDATE_ALL);case DocumentModelUpdateType.COMPONENT_REMOVE:{const e=t.path;return void this.removeComponent(e)}case DocumentModelUpdateType.COMPONENT_INSERT:{let{insertPosition:e,targetPath:o,model:d}=t,n=DocumentUtils.getNodeByPath(this.documentModel.getViews(),o);if(!n&&e!==ComponentInsertType.INSIDE){const t=o.slice(0,-1),d=DocumentUtils.getNodeByPath(this.documentModel.getViews(),t);e=ComponentInsertType.INSIDE,n=d,o=t}return DocumentUtils.insertNode(d,o,this.documentModel.getViews(),e),void this.viewRenderer.renderComponent(n,d,this.renderMode,e)}case DocumentModelUpdateType.COMPONENT_MOVE:{const{fromPath:e,insertPosition:o,targetPath:d}=t,n=d[0],i=this.documentModel.getViews()[n],s=DocumentUtils.getNodeByPath(this.documentModel.getViews(),d);if(!s)return;const c=this.removeComponent(e),m=DocumentUtils.getNodeById([i],s.id).path;return DocumentUtils.insertNode(c,m,this.documentModel.getViews(),o),void this.viewRenderer.renderComponent(s,c,this.renderMode,o)}default:return}}removeComponent(e){const t=DocumentUtils.getNodeByPath(this.documentModel.getViews(),e);if(t)return t.componentRef.remove(),DocumentUtils.removeNode(this.documentModel.getViews(),e)}}

package/document-model/MergeAdaptiveStylesWithEnvIndependentStyles.d.ts

@@ -1,2 +1,3 @@
+import { BaseComponentAdaptiveStylesI, ClBaseComponentElementParamsI } from '@claspo/common/document/Document.interface';
+declare function mergeAdaptiveStylesWithEnvIndependentStyles<T extends ClBaseComponentElementParamsI>(adaptiveStyles: BaseComponentAdaptiveStylesI | null, envIndependentStyles: T[] | null | undefined): BaseComponentAdaptiveStylesI;
 export default mergeAdaptiveStylesWithEnvIndependentStyles;
-declare function mergeAdaptiveStylesWithEnvIndependentStyles(adaptiveStyles: any, envIndependentStyles: any): any;

package/document-model/MergeAdaptiveStylesWithEnvIndependentStyles.js

@@ -1 +1 @@
-function mergeAdaptiveStylesWithEnvIndependentStyles(e,t){if(!t)return e||{desktop:[],mobile:[]};const s=JSON.parse(JSON.stringify(e||{desktop:[],mobile:[]}));return t.forEach(e=>{const t=e.element;let r=!1,n=!1;s.desktop&&s.desktop.forEach(s=>{s.element===t&&(mergeStyleObjects(s,e),r=!0)}),s.mobile&&s.mobile.forEach(s=>{s.element===t&&(mergeStyleObjects(s,e),n=!0)}),!r&&s.desktop&&s.desktop.push(JSON.parse(JSON.stringify(e))),!n&&s.mobile&&s.mobile.push(JSON.parse(JSON.stringify(e)))}),s}function mergeStyleObjects(e,t){return t?(e.classes=`${e.classes||""} ${t.classes||""}`.trim(),Object.keys(t).forEach(s=>{"element"!==s&&"classes"!==s&&(t[s]&&"object"==typeof t[s]&&!Array.isArray(t[s])?e[s]=Object.assign(Object.assign({},e[s]||{}),t[s]):e[s]=t[s])}),e):e}export default mergeAdaptiveStylesWithEnvIndependentStyles;
+function mergeAdaptiveStylesWithEnvIndependentStyles(e,t){if(!t)return e||{desktop:[],mobile:[]};const s=JSON.parse(JSON.stringify(e||{desktop:[],mobile:[]}));return t.forEach(e=>{const t=e.element;let r=!1,n=!1;s.desktop&&s.desktop.forEach(s=>{s.element===t&&(mergeStyleObjects(s,e),r=!0)}),s.mobile&&s.mobile.forEach(s=>{s.element===t&&(mergeStyleObjects(s,e),n=!0)}),!r&&s.desktop&&s.desktop.push(JSON.parse(JSON.stringify(e))),!n&&s.mobile&&s.mobile.push(JSON.parse(JSON.stringify(e)))}),s}function mergeStyleObjects(e,t){return t?(e.classes=`${e.classes||""} ${t.classes||""}`.trim(),Object.keys(t).forEach(s=>{if("element"===s||"classes"===s)return;const r=t[s];r&&"object"==typeof r&&!Array.isArray(r)?e[s]=Object.assign(Object.assign({},e[s]||{}),r):e[s]=r}),e):e}export default mergeAdaptiveStylesWithEnvIndependentStyles;

package/document-model/ViewEntryType.d.ts

@@ -1,14 +1,14 @@
+declare const ViewEntryType: {
+    VIEW: string;
+    MODULE: string;
+    CONTAINER: string;
+    SLIDER: string;
+    TEXT: string;
+    INPUT: string;
+    BUTTON: string;
+    IMAGE: string;
+    CONSENT: string;
+    COLUMN: string;
+    COLUMNS: string;
+};
 export default ViewEntryType;
-declare namespace ViewEntryType {
-    const VIEW: string;
-    const MODULE: string;
-    const CONTAINER: string;
-    const SLIDER: string;
-    const TEXT: string;
-    const INPUT: string;
-    const BUTTON: string;
-    const IMAGE: string;
-    const CONSENT: string;
-    const COLUMN: string;
-    const COLUMNS: string;
-}

package/document-model/systemResultStateNames.d.ts

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

package/form/FormControl.d.ts

@@ -1,42 +1,39 @@
-export class FormControl {
-    constructor(config: any, elementRef: any, customValidators: any, asyncCustomValidators: any, tracking: any);
-    componentId: any;
-    viewIdx: any;
-    name: any;
-    defaultValue: any;
+import FormControlValidator from "./FormControlValidator";
+import { SyncValidatorsMapI, AsyncValidatorsMapI } from "./FormControlValidator.interface";
+import DefaultEventEmitter from "@claspo/common/DefaultEventEmitter";
+import { FormControlConfigI, SetValueOptionsI, TrackingServiceI } from './FormControl.interface';
+export declare class FormControl extends DefaultEventEmitter {
+    componentId: string | undefined;
+    viewIdx: number | null;
+    name: string;
+    defaultValue: string | boolean | undefined;
     value: any;
     validator: FormControlValidator;
-    errorKeys: any[];
+    errorKeys: string[];
     valid: boolean;
     disabled: boolean;
     pending: boolean;
-    debounceValue: any;
-    tracking: any;
+    debounceValue: number;
+    tracking: TrackingServiceI;
     touched: boolean;
     valueChanged: boolean;
+    elementRef: HTMLInputElement | null;
+    debouncedValidate: (options?: SetValueOptionsI) => void | Promise<boolean>;
+    constructor(config: FormControlConfigI, elementRef: HTMLInputElement | null, customValidators?: SyncValidatorsMapI, asyncCustomValidators?: AsyncValidatorsMapI, tracking?: TrackingServiceI);
     inputElementValueChanged(value: any): void;
     setDisabled(): void;
     setEnabled(): void;
-    setPending(value: any): void;
-    getName(): any;
+    setPending(value: boolean): void;
+    getName(): string;
     getValue(): any;
-    getComponentId(): any;
-    setValue(value?: string, options?: {
-        silent: boolean;
-        skipValidation: boolean;
-        skipElementUpdate: boolean;
-    }): void;
+    getComponentId(): string | undefined;
+    setValue(value?: any, options?: SetValueOptionsI): void;
     isValid(): boolean;
     isPending(): boolean;
-    validate(options?: {
-        silent: boolean;
-    }): Promise<boolean>;
+    validate(options?: SetValueOptionsI): Promise<boolean>;
     markAsTouched(): void;
     isTouched(): boolean;
-    getErrorKeys(): any[];
+    getErrorKeys(): string[];
     destroy(): void;
-    _init(config: any, elementRef: any): void;
-    elementRef: any;
-    debouncedValidate: any;
+    _init(config: FormControlConfigI, elementRef: HTMLInputElement | null): void;
 }
-import FormControlValidator from "./FormControlValidator";

package/form/FormControl.interface.d.ts

@@ -0,0 +1,19 @@
+import { ValidationConfigI } from './FormControlValidator.interface';
+export interface FormControlConfigI {
+    name: string;
+    componentId?: string;
+    viewIdx?: number;
+    defaultValue?: string | boolean;
+    debounceValue?: number;
+    triggerEvent?: string;
+    validation?: ValidationConfigI;
+}
+export interface SetValueOptionsI {
+    silent?: boolean;
+    skipValidation?: boolean;
+    skipElementUpdate?: boolean;
+}
+export interface TrackingServiceI {
+    send(message: string): void;
+    trackTargetAction(countAsTargetAction?: boolean): void;
+}

package/form/FormControl.interface.js

@@ -0,0 +1 @@
+export{};

package/form/FormControl.js

@@ -1 +1 @@
-import FormControlValidator from"./FormControlValidator";import DefaultEventEmitter from"@claspo/common/DefaultEventEmitter";import FormControlEvents from"./FormControlEvents";import debounce from"@claspo/common/async/debounce";export class FormControl extends DefaultEventEmitter{constructor(e,t,i,n,s){super(),this.componentId=e.componentId,this.viewIdx=Number.isInteger(e.viewIdx)?e.viewIdx:null,this.name=e.name,this.defaultValue=e.defaultValue,this.value=e.defaultValue?e.defaultValue:void 0,this.validator=new FormControlValidator(this,e.validation,i,n),this.errorKeys=this.validator.getSyncErrorKeys(this.getValue()),this.valid=!this.errorKeys.length,this.disabled=!1,this.pending=!1,this.debounceValue=e.hasOwnProperty("debounceValue")?e.debounceValue:300,this.tracking=s,this.touched=!1,this.valueChanged=!1,this._init(e,t)}inputElementValueChanged(e){this.tracking.send("FormStartFilling_[Name]"),this.setValue(e)}setDisabled(){this.disabled=!0,this.elementRef&&this.elementRef.setAttribute("disabled","disabled")}setEnabled(){this.disabled=!1,this.elementRef&&this.elementRef.removeAttribute("disabled")}setPending(e){this.pending=e}getName(){return this.name}getValue(){return this.value}getComponentId(){return this.componentId}setValue(e="",t={silent:!1,skipValidation:!1,skipElementUpdate:!1}){t.skipElementUpdate||(this.valueChanged=this.value!==e),this.value=e,this.elementRef&&!t.skipElementUpdate&&(this.elementRef.value=e),t.skipValidation?!t.silent&&this.valueChanged&&this.emit(FormControlEvents.valueChanged,e):(this.pending=!0,this.emit(FormControlEvents.validationStatusChanged,"pending"),this.debouncedValidate(t)),t.silent||t.skipValidation||this.elementRef||this.markAsTouched()}isValid(){return this.valid}isPending(){return this.pending}async validate(e={silent:!1}){this.pending=!0;const t=await this.validator.getErrorKeys(this.getValue());return this.valid=!t.length,this.errorKeys=t,this.pending=!1,e.silent||(this.emit(FormControlEvents.validationStatusChanged,this.valid?"valid":"invalid"),this.valueChanged&&(this.emit(FormControlEvents.valueChanged,this.getValue()),this.valueChanged=!1)),this.valid}markAsTouched(){this.touched=!0,this.emit(FormControlEvents.touchedStatusChanged)}isTouched(){return this.touched}getErrorKeys(){return this.errorKeys}destroy(){super.destroy()}_init(e,t){const i=t?t.getAttribute("type"):null;if(t&&e.defaultValue&&("checkbox"===i?t.checked=e.defaultValue:t.value=e.defaultValue),t){const n=e.triggerEvent?e.triggerEvent:"input",s="checkbox"===i;t.addEventListener(n,e=>{this.inputElementValueChanged(s?e.target.checked:e.target.value)}),t.addEventListener("blur",()=>{this.markAsTouched()}),this.elementRef=t}this.debouncedValidate=this.debounceValue?debounce(e=>this.validate(e),this.debounceValue):this.validate.bind(this)}}
+import FormControlValidator from"./FormControlValidator";import DefaultEventEmitter from"@claspo/common/DefaultEventEmitter";import FormControlEvents from"./FormControlEvents";import debounce from"@claspo/common/async/debounce";export class FormControl extends DefaultEventEmitter{constructor(e,t,i,n,s){super(),this.componentId=e.componentId,this.viewIdx=Number.isInteger(e.viewIdx)?e.viewIdx:null,this.name=e.name,this.defaultValue=e.defaultValue,this.value=e.defaultValue?e.defaultValue:void 0,this.validator=new FormControlValidator(this,e.validation,i,n),this.errorKeys=this.validator.getSyncErrorKeys(this.getValue()),this.valid=!this.errorKeys.length,this.disabled=!1,this.pending=!1,this.debounceValue=e.hasOwnProperty("debounceValue")?e.debounceValue:300,this.tracking=s,this.touched=!1,this.valueChanged=!1,this.elementRef=null,this.debouncedValidate=()=>{},this._init(e,t)}inputElementValueChanged(e){this.tracking.send("FormStartFilling_[Name]"),this.setValue(e)}setDisabled(){this.disabled=!0,this.elementRef&&this.elementRef.setAttribute("disabled","disabled")}setEnabled(){this.disabled=!1,this.elementRef&&this.elementRef.removeAttribute("disabled")}setPending(e){this.pending=e}getName(){return this.name}getValue(){return this.value}getComponentId(){return this.componentId}setValue(e="",t={silent:!1,skipValidation:!1,skipElementUpdate:!1}){t.skipElementUpdate||(this.valueChanged=this.value!==e),this.value=e,this.elementRef&&!t.skipElementUpdate&&(this.elementRef.value=e),t.skipValidation?!t.silent&&this.valueChanged&&this.emit(FormControlEvents.valueChanged,e):(this.pending=!0,this.emit(FormControlEvents.validationStatusChanged,"pending"),this.debouncedValidate(t)),t.silent||t.skipValidation||this.elementRef||this.markAsTouched()}isValid(){return this.valid}isPending(){return this.pending}async validate(e={silent:!1}){this.pending=!0;const t=await this.validator.getErrorKeys(this.getValue());return this.valid=!t.length,this.errorKeys=t,this.pending=!1,e.silent||(this.emit(FormControlEvents.validationStatusChanged,this.valid?"valid":"invalid"),this.valueChanged&&(this.emit(FormControlEvents.valueChanged,this.getValue()),this.valueChanged=!1)),this.valid}markAsTouched(){this.touched=!0,this.emit(FormControlEvents.touchedStatusChanged,null)}isTouched(){return this.touched}getErrorKeys(){return this.errorKeys}destroy(){super.destroy()}_init(e,t){const i=t?t.getAttribute("type"):null;if(t&&e.defaultValue&&("checkbox"===i?t.checked=e.defaultValue:t.value=e.defaultValue),t){const n=e.triggerEvent?e.triggerEvent:"input",s="checkbox"===i;t.addEventListener(n,e=>{const t=e.target;this.inputElementValueChanged(s?t.checked:t.value)}),t.addEventListener("blur",()=>{this.markAsTouched()}),this.elementRef=t}this.debouncedValidate=this.debounceValue?debounce(e=>this.validate(e),this.debounceValue):this.validate.bind(this)}}

package/form/FormControlEvents.d.ts

@@ -1,6 +1,8 @@
-export default FormControlEvents;
-declare namespace FormControlEvents {
-    const valueChanged: string;
-    const validationStatusChanged: string;
-    const touchedStatusChanged: string;
+export interface FormControlEventsI {
+    valueChanged: 'valueChanged';
+    validationStatusChanged: 'validationStatusChanged';
+    touchedStatusChanged: 'touchedStatusChanged';
 }
+export type FormControlEventT = FormControlEventsI[keyof FormControlEventsI];
+declare const FormControlEvents: FormControlEventsI;
+export default FormControlEvents;

package/form/FormControlValidator.d.ts

@@ -1,11 +1,12 @@
+import { SyncValidatorsMapI, AsyncValidatorsMapI, ValidationConfigI, FormControlLikeI } from './FormControlValidator.interface';
 export default class FormControlValidator {
-    constructor(control: any, validation: {} | undefined, customValidatorsMap: any, asyncCustomValidators: any);
-    control: any;
-    customValidatorsMap: any;
-    asyncCustomValidators: any;
-    required: any;
-    validator: any;
+    control: FormControlLikeI;
+    customValidatorsMap: SyncValidatorsMapI | undefined;
+    asyncCustomValidators: AsyncValidatorsMapI | undefined;
+    required: boolean | undefined;
+    validator: string | undefined;
+    constructor(control: FormControlLikeI, validation?: ValidationConfigI, customValidatorsMap?: SyncValidatorsMapI, asyncCustomValidators?: AsyncValidatorsMapI);
     isValid(value: any): Promise<boolean>;
-    getErrorKeys(value: any): Promise<any[]>;
-    getSyncErrorKeys(value: any): any[];
+    getErrorKeys(value: any): Promise<string[]>;
+    getSyncErrorKeys(value: any): string[];
 }

package/form/FormControlValidator.interface.d.ts

@@ -0,0 +1,23 @@
+export interface ValidationResultI {
+    isValid: boolean;
+    errorKey: string | null;
+    value?: any;
+}
+export interface AsyncValidationResultI extends ValidationResultI {
+    value?: any;
+}
+export type SyncValidatorFn = (value: any) => ValidationResultI;
+export type AsyncValidatorFn = (value: any, errorKeys: string[]) => Promise<AsyncValidationResultI>;
+export interface SyncValidatorsMapI {
+    [key: string]: SyncValidatorFn;
+}
+export interface AsyncValidatorsMapI {
+    [key: string]: AsyncValidatorFn;
+}
+export interface ValidationConfigI {
+    required?: boolean;
+    validator?: string;
+}
+export interface FormControlLikeI {
+    setValue(value: any, options?: Record<string, any>): void;
+}

package/form/FormControlValidator.interface.js

@@ -0,0 +1 @@
+export{};

package/form/FormGroup.d.ts

@@ -1,21 +1,26 @@
-export default class FormGroup {
-    constructor(tracking: any);
-    controls: {};
-    tracking: any;
+import { FormControl } from "./FormControl";
+import { FormControlConfigI, TrackingServiceI } from "./FormControl.interface";
+import { SyncValidatorsMapI, AsyncValidatorsMapI } from "./FormControlValidator.interface";
+import DefaultEventEmitter from "@claspo/common/DefaultEventEmitter";
+import { FormControlsMapI, FormValuesMapI } from './FormGroup.interface';
+export default class FormGroup extends DefaultEventEmitter {
+    controls: FormControlsMapI;
+    tracking: TrackingServiceI;
     submitQueuedAfterPending: boolean;
     preventSubmit: boolean;
-    registerControl(config: any, elementRef: any, customValidators: any, asyncCustomValidators: any): any;
-    updateControl(config: any, elementRef: any, customValidators: any, asyncCustomValidators: any): any;
-    getControl(name: any): any;
-    hasControl(name: any): boolean;
-    removeControl(name: any): void;
-    setControlValue(name: any, value: any): void;
-    setPreventSubmit(value: any): void;
+    constructor(tracking: TrackingServiceI);
+    registerControl(config: FormControlConfigI, elementRef: HTMLInputElement | null, customValidators?: SyncValidatorsMapI, asyncCustomValidators?: AsyncValidatorsMapI): FormControl;
+    updateControl(config: FormControlConfigI, elementRef: HTMLInputElement | null, customValidators?: SyncValidatorsMapI, asyncCustomValidators?: AsyncValidatorsMapI): FormControl;
+    getControl(name: string): FormControl;
+    hasControl(name: string): boolean;
+    removeControl(name: string): void;
+    setControlValue(name: string, value: any): void;
+    setPreventSubmit(value: boolean): void;
     destroy(): void;
     isValid(): boolean;
     isPending(): boolean;
-    getControlsMap(): any;
-    getControlsAsArray(): any[];
+    getControlsMap(): FormValuesMapI;
+    getControlsAsArray(): FormControl[];
     setDisabledAll(): void;
     setEnabledAll(): void;
     markAsTouched(): void;

package/form/FormGroup.interface.d.ts

@@ -0,0 +1,7 @@
+import { FormControl } from './FormControl';
+export interface FormControlsMapI {
+    [name: string]: FormControl;
+}
+export interface FormValuesMapI {
+    [name: string]: any;
+}

package/form/FormGroup.interface.js

@@ -0,0 +1 @@
+export{};

package/form/FormGroup.js

@@ -1 +1 @@
-import{FormControl}from"./FormControl";import DefaultEventEmitter from"@claspo/common/DefaultEventEmitter";import FormGroupEvents from"./FormGroupEvents";import FormControlEvents from"./FormControlEvents";export default class FormGroup extends DefaultEventEmitter{constructor(t){super(),this.controls={},this.tracking=t,this.submitQueuedAfterPending=!1,this.preventSubmit=!1}registerControl(t,e,o,r){const s=new FormControl(t,e,o,r,this.tracking);return this.controls[t.name]=s,s.on("*",(t,e)=>{if(e===FormControlEvents.valueChanged)this.emit(FormGroupEvents.valueChanged,s);else this.emit(e,t),e===FormControlEvents.validationStatusChanged&&this.emit(FormGroupEvents.validationChecked,this.isValid())}),this.emit(FormGroupEvents.controlRegistered,s),this.getControl(t.name)}updateControl(t,e,o,r){const s=this.getControl(t.name);return this.registerControl(Object.assign(Object.assign({},t),{defaultValue:s.getValue()||""}),e,o,r)}getControl(t){return this.controls[t]}hasControl(t){return!!this.getControl(t)}removeControl(t){const e=this.getControl(t);e&&(e.destroy(),delete this.controls[t])}setControlValue(t,e){this.controls[t].setValue(e)}setPreventSubmit(t){this.preventSubmit=t}destroy(){super.destroy()}isValid(){return Object.values(this.controls).every(t=>t.isValid())}isPending(){return!!Object.values(this.controls).filter(t=>t.isPending()).length}getControlsMap(){return Object.values(this.controls).reduce((t,e)=>Object.assign(Object.assign({},t),{[e.getName()]:e.getValue()}),{})}getControlsAsArray(){return Object.values(this.controls)}setDisabledAll(){this.getControlsAsArray().forEach(t=>t.setDisabled())}setEnabledAll(){this.getControlsAsArray().forEach(t=>t.setEnabled())}markAsTouched(){Object.values(this.controls).forEach(t=>t.markAsTouched())}isTouched(){return Object.values(this.controls).every(t=>t.touched())}}
+import{FormControl}from"./FormControl";import DefaultEventEmitter from"@claspo/common/DefaultEventEmitter";import FormGroupEvents from"./FormGroupEvents";import FormControlEvents from"./FormControlEvents";export default class FormGroup extends DefaultEventEmitter{constructor(t){super(),this.controls={},this.tracking=t,this.submitQueuedAfterPending=!1,this.preventSubmit=!1}registerControl(t,e,o,r){const s=new FormControl(t,e,o,r,this.tracking);return this.controls[t.name]=s,s.on("*",(t,e)=>{if(e===FormControlEvents.valueChanged)this.emit(FormGroupEvents.valueChanged,s);else this.emit(e,t),e===FormControlEvents.validationStatusChanged&&this.emit(FormGroupEvents.validationChecked,this.isValid())}),this.emit(FormGroupEvents.controlRegistered,s),this.getControl(t.name)}updateControl(t,e,o,r){const s=this.getControl(t.name);return this.registerControl(Object.assign(Object.assign({},t),{defaultValue:s.getValue()||""}),e,o,r)}getControl(t){return this.controls[t]}hasControl(t){return!!this.getControl(t)}removeControl(t){const e=this.getControl(t);e&&(e.destroy(),delete this.controls[t])}setControlValue(t,e){this.controls[t].setValue(e)}setPreventSubmit(t){this.preventSubmit=t}destroy(){super.destroy()}isValid(){return Object.values(this.controls).every(t=>t.isValid())}isPending(){return!!Object.values(this.controls).filter(t=>t.isPending()).length}getControlsMap(){return Object.values(this.controls).reduce((t,e)=>Object.assign(Object.assign({},t),{[e.getName()]:e.getValue()}),{})}getControlsAsArray(){return Object.values(this.controls)}setDisabledAll(){this.getControlsAsArray().forEach(t=>t.setDisabled())}setEnabledAll(){this.getControlsAsArray().forEach(t=>t.setEnabled())}markAsTouched(){Object.values(this.controls).forEach(t=>t.markAsTouched())}isTouched(){return Object.values(this.controls).every(t=>t.isTouched())}}

package/form/FormGroupEvents.d.ts

@@ -1,8 +1,11 @@
+import { FormControlEventsI } from "./FormControlEvents";
+export interface FormGroupEventsI extends FormControlEventsI {
+    validationChecked: 'validationChecked';
+    controlRegistered: 'controlRegistered';
+    valueChanged: 'valueChanged';
+    validationStatusChanged: 'validationStatusChanged';
+    touchedStatusChanged: 'touchedStatusChanged';
+}
+export type FormGroupEventT = FormGroupEventsI[keyof FormGroupEventsI];
+declare const FormGroupEvents: FormGroupEventsI;
 export default FormGroupEvents;
-declare const FormGroupEvents: {
-    validationChecked: string;
-    controlRegistered: string;
-    valueChanged: string;
-    validationStatusChanged: string;
-    touchedStatusChanged: string;
-};

package/generateRandomValue.d.ts

@@ -1,2 +1,2 @@
+declare const generateRandomValue: (min: any, max: any) => any;
 export default generateRandomValue;
-declare function generateRandomValue(min: any, max: any): any;

package/handler/ClickHandler.d.ts

@@ -1,14 +1,14 @@
-export class ClickHandler {
+export declare class ClickHandler {
+    config: any;
+    actions: any;
+    listener: any;
+    targetElements: any;
+    eventsQueue: any;
+    state: any;
+    postponed: any;
     static IGNORING_VIEW_ENTRY_TYPES: string[];
     static sortActions(actions: any): any[];
     constructor(config: any, actions: any);
-    config: any;
-    actions: any[];
-    listener: ((event: any) => void) | null;
-    targetElements: any[];
-    eventsQueue: any[];
-    state: any;
-    postponed: boolean;
     activate(state: any, componentEmitter: any, getHostElementCb: any): void;
     execute(): Promise<void>;
     postpone(): void;

package/handler/ComponentEventHandler.d.ts

@@ -1,8 +1,8 @@
 export default class ComponentEventHandler {
-    constructor(config: any, actions: any);
     config: any;
     actions: any;
     componentEmitterListener: any;
+    constructor(config: any, actions: any);
     activate(state: any, componentEmitter: any, getRootElementCb: any): void;
     destroy(): void;
 }

package/handler/HandlerFactory.d.ts

@@ -1,8 +1,8 @@
+import { ClickHandler } from "./ClickHandler";
+import ComponentEventHandler from "./ComponentEventHandler";
 export default class HandlerFactory {
-    constructor(actionFactory: any, actionRegister: any);
     actionFactory: any;
     actionRegister: any;
+    constructor(actionFactory: any, actionRegister: any);
     get(handler: any): ClickHandler | ComponentEventHandler;
 }
-import { ClickHandler } from "./ClickHandler";
-import ComponentEventHandler from "./ComponentEventHandler";

package/i18n/TranslateUtils.d.ts

@@ -1,9 +1,24 @@
+import { ComponentManifestI } from '@claspo/common/component-manifest/ComponentManifest.interface';
+import { ClBaseComponentI, ClBaseComponentPropsI, ClDocumentI } from '@claspo/common/document/Document.interface';
+export interface TranslationMapI {
+    [componentId: string]: {
+        [propPath: string]: string;
+    };
+}
+export interface SetValueByPropPathParamsI {
+    props: ClBaseComponentPropsI;
+    propPath: string[];
+    value: unknown;
+    property?: string;
+    element?: string;
+    elementProp?: string;
+}
 export default class TranslateUtils {
-    static getValueByPropPath(props: any, propPath: any): any;
-    static transformPropPathStringToArray(propPath: any): any;
-    static constructDynamicPropPath(propPaths: any, component: any): any;
-    static applyTranslationObjectToComponentsIfNeeded(documentModel: any, manifests: any, map: any): any;
-    static setProp(map: any, component: any, propPath: any): void;
-    static applyTranslationObjectToComponents(views: any, manifests: any, map: any): any;
-    static _setValueByPropPath(params: any): any;
+    static getValueByPropPath(props: ClBaseComponentPropsI, propPath: string[]): unknown;
+    static transformPropPathStringToArray(propPath: string): string[];
+    static constructDynamicPropPath(propPaths: string[], component: ClBaseComponentI): string[];
+    static applyTranslationObjectToComponentsIfNeeded(documentModel: ClDocumentI, manifests: ComponentManifestI[], map: string | null | undefined): ClDocumentI;
+    static setProp(map: TranslationMapI, component: ClBaseComponentI, propPath: string): void;
+    static applyTranslationObjectToComponents(views: ClBaseComponentI[], manifests: ComponentManifestI[], map: TranslationMapI): ClBaseComponentI[];
+    static _setValueByPropPath(params: SetValueByPropPathParamsI): ClBaseComponentPropsI;
 }

package/i18n/TranslateUtils.js

@@ -1 +1 @@
-export default class TranslateUtils{static getValueByPropPath(t,e){let r=t||{};return e.forEach(t=>{r=null==r?void 0:r[t]}),r}static transformPropPathStringToArray(t){return t.split(",")}static constructDynamicPropPath(t,e){let r=[];return t.filter(t=>t.includes("[id]")).length?(t.forEach(t=>{const s=t.split(",[id"),n=TranslateUtils.getValueByPropPath(e.props,TranslateUtils.transformPropPathStringToArray(s[0]));if(!n)return null;Object.keys(n).forEach(e=>{r.push(t.replace("[id]",e))}),r=TranslateUtils.constructDynamicPropPath(r,e)}),r):t}static applyTranslationObjectToComponentsIfNeeded(t,e,r){const s=t.views;if(!r)return t;const n=JSON.parse(r||"{}");return Object.keys(n).length?(t.views=this.applyTranslationObjectToComponents(s,e,n),t):t}static setProp(t,e,r){if(!t[e.id])return;const s=t[e.id][r];s&&(e.props=this._setValueByPropPath({props:e.props,propPath:r.split(","),value:s}))}static applyTranslationObjectToComponents(t,e,r){const s=t=>{const n=e.find(e=>e.name===t.name&&e.version===t.version);n&&n.i18nPropPaths&&n.i18nPropPaths.length&&n.i18nPropPaths.forEach(e=>{if(e.includes("[id]")){TranslateUtils.constructDynamicPropPath([`${e}`],t).forEach(e=>{TranslateUtils.setProp(r,t,e)})}else TranslateUtils.setProp(r,t,e)}),t.children&&t.children.length&&t.children.forEach(s)};return t.forEach(s),t}static _setValueByPropPath(t){let e=t.props,r=t.propPath,s=t.property;if(s||t.element&&t.elementProp||(s=r.slice(-1)[0],r=r.slice(0,-1)),r.forEach(t=>{e=e&&e[t]}),!t.element||!t.elementProp)return e[s]=t.value,t.props;const n=e.findIndex(e=>e.element===t.element);return"object"==typeof e[n][t.elementProp]?e.splice(n,1,Object.assign(Object.assign({},e[n]),{[t.elementProp]:Object.assign(Object.assign({},e[n][t.elementProp]),{[s]:t.value})})):e.splice(n,1,Object.assign(Object.assign({},e[n]),{[t.elementProp]:t.value})),t.props}}
+export default class TranslateUtils{static getValueByPropPath(t,e){let r=t||{};return e.forEach(t=>{r=null==r?void 0:r[t]}),r}static transformPropPathStringToArray(t){return t.split(",")}static constructDynamicPropPath(t,e){let r=[];return t.filter(t=>t.includes("[id]")).length?(t.forEach(t=>{const s=t.split(",[id"),n=TranslateUtils.getValueByPropPath(e.props,TranslateUtils.transformPropPathStringToArray(s[0]));if(!n)return null;Object.keys(n).forEach(e=>{r.push(t.replace("[id]",e))}),r=TranslateUtils.constructDynamicPropPath(r,e)}),r):t}static applyTranslationObjectToComponentsIfNeeded(t,e,r){const s=t.views;if(!r)return t;const n=JSON.parse(r||"{}");return Object.keys(n).length?(t.views=this.applyTranslationObjectToComponents(s,e,n),t):t}static setProp(t,e,r){if(!t[e.id])return;const s=t[e.id][r];s&&(e.props=this._setValueByPropPath({props:e.props,propPath:r.split(","),value:s}))}static applyTranslationObjectToComponents(t,e,r){const s=t=>{const n=e.find(e=>e.name===t.name&&e.version===t.version);n&&n.i18nPropPaths&&n.i18nPropPaths.length&&n.i18nPropPaths.forEach(e=>{if(e.includes("[id]")){TranslateUtils.constructDynamicPropPath([`${e}`],t).forEach(e=>{TranslateUtils.setProp(r,t,e)})}else TranslateUtils.setProp(r,t,e)}),t.children&&t.children.length&&t.children.forEach(s)};return t.forEach(s),t}static _setValueByPropPath(t){let e=t.props,r=t.propPath,s=t.property;if(s||t.element&&t.elementProp||(s=r.slice(-1)[0],r=r.slice(0,-1)),r.forEach(t=>{e=e&&e[t]}),!t.element||!t.elementProp)return e[s]=t.value,t.props;const n=e,a=n.findIndex(e=>e.element===t.element);return"object"==typeof n[a][t.elementProp]?n.splice(a,1,Object.assign(Object.assign({},n[a]),{[t.elementProp]:Object.assign(Object.assign({},n[a][t.elementProp]),{[s]:t.value})})):n.splice(a,1,Object.assign(Object.assign({},n[a]),{[t.elementProp]:t.value})),t.props}}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@claspo/renderer",
-  "version": "16.6.5",
+  "version": "17.0.0-theme.16",
   "scripts": {
     "dev": " tsc --project tsconfig.json --watch",
     "build": "rm -rf out && tsc --project tsconfig.json && npm run minify",
@@ -13,7 +13,7 @@
     "node": ">=18.16.0"
   },
   "dependencies": {
-    "@claspo/common": "5.2.1",
+    "@claspo/common": "6.0.0-theme.16",
     "@testing-library/dom": "^10.4.0"
   },
   "devDependencies": {

package/prize-pool/PrizePool.d.ts

@@ -1,10 +1,10 @@
 export default class PrizePool {
-    constructor(config: any, httpClient: any, configService: any);
     instanceModel: any;
     httpClient: any;
     configService: any;
     prizeOption: any;
     randomDistributor: any;
+    constructor(config: any, httpClient: any, configService: any);
     load(): Promise<void>;
     getModel(): any;
     getPrize(): Promise<any>;

package/prize-pool/PrizePoolEvents.d.ts

@@ -1,5 +1,7 @@
-export default PrizePoolEvents;
-declare namespace PrizePoolEvents {
-    const PRIZE_POOL_UPDATED: string;
-    const REQUEST_PRIZE_POOL: string;
+export interface PrizePoolEventsI {
+    PRIZE_POOL_UPDATED: 'PRIZE_POOL_UPDATED';
+    REQUEST_PRIZE_POOL: 'REQUEST_PRIZE_POOL';
 }
+export type PrizePoolEventT = PrizePoolEventsI[keyof PrizePoolEventsI];
+declare const PrizePoolEvents: PrizePoolEventsI;
+export default PrizePoolEvents;

package/prize-pool/PrizePoolFactory.d.ts

@@ -1,7 +1,7 @@
+import PrizePool from "./PrizePool";
 export default class PrizePoolFactory {
-    constructor(httpClient: any, configService: any);
     httpClient: any;
     configService: any;
+    constructor(httpClient: any, configService: any);
     get(config: any): PrizePool;
 }
-import PrizePool from "./PrizePool";

package/renderer/DragEventListener.d.ts

@@ -1,9 +1,9 @@
 export default class DragEventListener {
-    constructor(eventEmitter: any, documentModel: any);
     eventEmitter: any;
     documentModel: any;
     dragStartSubscription: any;
     dragEndSubscription: any;
+    constructor(eventEmitter: any, documentModel: any);
     updateHovered(type: any): void;
     destroy(): void;
 }