@claspo/renderer 16.6.3

package/color-libs/route.js

@@ -0,0 +1 @@
+import conversions from"./conversions";function buildGraph(){const n={},e=Object.keys(conversions);for(let t=e.length,r=0;r<t;r++)n[e[r]]={distance:-1,parent:null};return n}function deriveBFS(n){const e=buildGraph(),t=[n];for(e[n].distance=0;t.length;){const n=t.pop(),r=Object.keys(conversions[n]);for(let o=r.length,s=0;s<o;s++){const o=r[s],i=e[o];-1===i.distance&&(i.distance=e[n].distance+1,i.parent=n,t.unshift(o))}}return e}function link(n,e){return function(t){return e(n(t))}}function wrapConversion(n,e){const t=[e[n].parent,n];let r=conversions[e[n].parent][n],o=e[n].parent;for(;e[o].parent;)t.unshift(e[o].parent),r=link(conversions[e[o].parent][o],r),o=e[o].parent;return r.conversion=t,r}export default function(n){const e=deriveBFS(n),t={},r=Object.keys(e);for(let n=r.length,o=0;o<n;o++){const n=r[o];null!==e[n].parent&&(t[n]=wrapConversion(n,e))}return t}

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

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

package/color-libs/simple-swizzle.js

@@ -0,0 +1 @@
+function isArrayish(r){return!(!r||"string"==typeof r)&&(r instanceof Array||Array.isArray(r)||r.length>=0&&(r.splice instanceof Function||Object.getOwnPropertyDescriptor(r,r.length-1)&&"String"!==r.constructor.name))}var concat=Array.prototype.concat,slice=Array.prototype.slice,swizzle=function(r){for(var t=[],n=0,e=r.length;n<e;n++){var c=r[n];isArrayish(c)?t=concat.call(t,slice.call(c)):t.push(c)}return t};swizzle.wrap=function(r){return function(){return r(swizzle(arguments))}};export default swizzle;

package/common/ConfigService.d.ts

@@ -0,0 +1,5 @@
+export default class ConfigService {
+    constructor(config: any);
+    config: any;
+    getConfig(key: any): any;
+}

package/common/ConfigService.js

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

package/common/DefaultState.d.ts

@@ -0,0 +1,7 @@
+export default class DefaultState {
+    constructor(initialState: any);
+    state: any;
+    getState(): any;
+    setState(obj: any): void;
+    destroy(): void;
+}

package/common/DefaultState.js

@@ -0,0 +1 @@
+export default class DefaultState{constructor(t){this.state=t||{}}getState(){return this.state}setState(t){this.state=Object.assign(Object.assign({},this.state),t)}destroy(){}}

package/common/SysEventTypes.d.ts

@@ -0,0 +1,7 @@
+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/SysEventTypes.js

@@ -0,0 +1 @@
+const SysEventTypes={TOO_MANY_REQUESTS:"TOO_MANY_REQUESTS",COMPONENT_RESOURCES_LOADED:"COMPONENT_RESOURCES_LOADED",FAILED_TO_LOAD_COMPONENT_RESOURCE:"FAILED_TO_LOAD_COMPONENT_RESOURCE",EXECUTE_ACTION_BY_PREDICATE:"EXECUTE_ACTION_BY_PREDICATE"};export default SysEventTypes;

package/common/WaitForKeyboardHide.d.ts

@@ -0,0 +1 @@
+export default function waitForKeyboardHide(callback: any): void;

package/common/WaitForKeyboardHide.js

@@ -0,0 +1 @@
+export default function waitForKeyboardHide(e){setTimeout(e,50)}

package/document-model/ComponentPropsExtractor.d.ts

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

package/document-model/ComponentPropsExtractor.js

@@ -0,0 +1 @@
+import{LoopAnimationStylesService}from"../renderer/style/LoopAnimationStylesService";export class ComponentPropsExtractor{static extractClassesFromStyles(s){let e="";return s.props.adaptiveStyles||s.props.styles?(s.props.adaptiveStyles&&(s.props.adaptiveStyles.desktop.forEach(s=>e+=` ${s.classes}`),s.props.adaptiveStyles.mobile.forEach(s=>e+=` ${s.classes}`)),s.props.styles&&s.props.styles.forEach(s=>e+=` ${s.classes}`),e.split(" ")):[]}static extractLoopAnimationsFromStylesClasses(s){return this.extractClassesFromStyles(s).filter(s=>s.startsWith(LoopAnimationStylesService.animationClassPrefix)).map(s=>s.replace(LoopAnimationStylesService.animationClassPrefix,""))}}

package/document-model/DocumentModel.d.ts

@@ -0,0 +1,30 @@
+export namespace DocumentModelUpdateType {
+    const COMPONENT_INSERT: string;
+    const COMPONENT_REMOVE: string;
+    const COMPONENT_MOVE: string;
+    const COMPONENT_UPDATE: string;
+    const COMPONENT_PROPS_UPDATE: string;
+    const SHARED_UPDATE: string;
+    const MOBILE_BREAKPOINT_UPDATE: string;
+    const ENVIRONMENT_UPDATE: string;
+    const TEXT_CLASS_ADDED: string;
+    const TEXT_CLASS_UPDATED: string;
+    const TEXT_CLASS_REMOVED: string;
+    const HEADER_FONT_FAMILY_UPDATE: string;
+    const TEXT_FONT_FAMILY_UPDATE: string;
+    const SHARED_UPDATE_ALL: string;
+    const COLOR_SCHEMA_UPDATE: string;
+}
+export default class DocumentModel {
+    constructor(json: any);
+    json: any;
+    flatJson: any;
+    setComponentRef(targetComponentId: any, componentRef: any): void;
+    getModel(): any;
+    getView(index: any): any;
+    getViews(): any;
+    getShared(): any;
+    iterateViewModelAndExecute(viewIndex: any, callback: any): void;
+    destroy(): void;
+    destroyView(viewIndex: any): void;
+}

package/document-model/DocumentModel.js

@@ -0,0 +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)})}}

package/document-model/DocumentService.d.ts

@@ -0,0 +1,8 @@
+export default class DocumentService {
+    constructor(documentModel: any, viewRenderer: any, entryModuleType: any);
+    documentModel: any;
+    viewRenderer: any;
+    entryModuleType: any;
+    handleModelUpdate(type: any, payload: any): void;
+    removeComponent(componentPath: any): any;
+}

package/document-model/DocumentService.js

@@ -0,0 +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)}}

package/document-model/MergeAdaptiveStylesWithEnvIndependentStyles.d.ts

@@ -0,0 +1,2 @@
+export default mergeAdaptiveStylesWithEnvIndependentStyles;
+declare function mergeAdaptiveStylesWithEnvIndependentStyles(adaptiveStyles: any, envIndependentStyles: any): any;

package/document-model/MergeAdaptiveStylesWithEnvIndependentStyles.js

@@ -0,0 +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;

package/document-model/ModulesComponentExtractor.d.ts

@@ -0,0 +1,9 @@
+export default class ModulesComponentExtractor {
+    static moduleToContainerParams: {
+        name: string;
+        version: string;
+    };
+    static extract(documentModel: any): any;
+    static sort(a: any, b: any): 1 | -1;
+    static reIndex(model: any, moduleIndex: any): any;
+}

package/document-model/ModulesComponentExtractor.js

@@ -0,0 +1 @@
+import ViewEntryType from"./ViewEntryType";export default class ModulesComponentExtractor{static extract(e){const t=e.views.map(e=>{const t=e.children.map(e=>e.type===ViewEntryType.MODULE?Object.assign(Object.assign({},e),ModulesComponentExtractor.moduleToContainerParams):e);return Object.assign(Object.assign({},e),{children:t})});return Object.assign(Object.assign({},e),{views:t})}static sort(e,t){return e.index>t.index?1:-1}static reIndex(e,t){return Object.assign(Object.assign({},e),{index:t+e.index})}}ModulesComponentExtractor.moduleToContainerParams={name:"SysContainerComponent",version:"1.0.0"};

package/document-model/ViewEntryType.d.ts

@@ -0,0 +1,14 @@
+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/ViewEntryType.js

@@ -0,0 +1 @@
+const ViewEntryType={VIEW:"VIEW",MODULE:"MODULE",CONTAINER:"CONTAINER",SLIDER:"SLIDER",TEXT:"TEXT",INPUT:"INPUT",BUTTON:"BUTTON",IMAGE:"IMAGE",CONSENT:"CONSENT",COLUMN:"COLUMN",COLUMNS:"COLUMNS"};export default ViewEntryType;

package/document-model/systemResultStateNames.d.ts

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

package/document-model/systemResultStateNames.js

@@ -0,0 +1 @@
+const systemResultStateNames=["DOCUMENT_VIEW_TYPE_SUCCESS","DOCUMENT_VIEW_TYPE_SUBSCRIBED","DOCUMENT_VIEW_TYPE_SUCCESSFUL_REQUEST","DOCUMENT_VIEW_TYPE_ERROR","REQUEST_FORM_VIEW_TYPE_SUCCESS"];export default systemResultStateNames;

package/error/ErrorLogger.d.ts

@@ -0,0 +1,3 @@
+export default class ErrorLogger {
+    static log(message: any): void;
+}

package/error/ErrorLogger.js

@@ -0,0 +1 @@
+export default class ErrorLogger{static log(r){window.scriptLog09u8y9?scriptLog09u8y9("ERROR","RUNTIME_ERROR",new Error(r)):console.error(r)}}

package/form/FormControl.d.ts

@@ -0,0 +1,42 @@
+export class FormControl {
+    constructor(config: any, elementRef: any, customValidators: any, asyncCustomValidators: any, tracking: any);
+    componentId: any;
+    viewIdx: any;
+    name: any;
+    defaultValue: any;
+    value: any;
+    validator: FormControlValidator;
+    errorKeys: any[];
+    valid: boolean;
+    disabled: boolean;
+    pending: boolean;
+    debounceValue: any;
+    tracking: any;
+    touched: boolean;
+    valueChanged: boolean;
+    inputElementValueChanged(value: any): void;
+    setDisabled(): void;
+    setEnabled(): void;
+    setPending(value: any): void;
+    getName(): any;
+    getValue(): any;
+    getComponentId(): any;
+    setValue(value?: string, options?: {
+        silent: boolean;
+        skipValidation: boolean;
+        skipElementUpdate: boolean;
+    }): void;
+    isValid(): boolean;
+    isPending(): boolean;
+    validate(options?: {
+        silent: boolean;
+    }): Promise<boolean>;
+    markAsTouched(): void;
+    isTouched(): boolean;
+    getErrorKeys(): any[];
+    destroy(): void;
+    _init(config: any, elementRef: any): void;
+    elementRef: any;
+    debouncedValidate: any;
+}
+import FormControlValidator from "./FormControlValidator";

package/form/FormControl.js

@@ -0,0 +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)}}

package/form/FormControlEvents.d.ts

@@ -0,0 +1,6 @@
+export default FormControlEvents;
+declare namespace FormControlEvents {
+    const valueChanged: string;
+    const validationStatusChanged: string;
+    const touchedStatusChanged: string;
+}

package/form/FormControlEvents.js

@@ -0,0 +1 @@
+const FormControlEvents={valueChanged:"valueChanged",validationStatusChanged:"validationStatusChanged",touchedStatusChanged:"touchedStatusChanged"};export default FormControlEvents;

package/form/FormControlValidator.d.ts

@@ -0,0 +1,11 @@
+export default class FormControlValidator {
+    constructor(control: any, validation: {} | undefined, customValidatorsMap: any, asyncCustomValidators: any);
+    control: any;
+    customValidatorsMap: any;
+    asyncCustomValidators: any;
+    required: any;
+    validator: any;
+    isValid(value: any): Promise<boolean>;
+    getErrorKeys(value: any): Promise<any[]>;
+    getSyncErrorKeys(value: any): any[];
+}

package/form/FormControlValidator.js

@@ -0,0 +1 @@
+import{required}from"../sdk/validators/required";const defaultValidatorsMap={REQUIRED:required()};export default class FormControlValidator{constructor(t,s={},a,i){this.control=t,this.customValidatorsMap=a,this.asyncCustomValidators=i,this.required=s.required,this.validator=s.validator}async isValid(t){return!(await this.getErrorKeys(t)).length}getErrorKeys(t){if(!this.required&&!t)return Promise.resolve([]);const s=this.getSyncErrorKeys(t),a=[];return this.validator&&this.asyncCustomValidators&&("custom"===this.validator?a.push(...Object.values(this.asyncCustomValidators)):this.validator in this.asyncCustomValidators&&a.push(this.asyncCustomValidators[this.validator])),a.length?Promise.all(a.map(a=>a(t,s))).then(t=>{t.forEach(t=>{null!==t.value&&void 0!==t.value&&this.control.setValue(t.value,{silent:!0,skipValidation:!0,skipElementUpdate:!0})});const a=t.filter(t=>!t.isValid).map(t=>t.errorKey);return[...s,...a]}):Promise.resolve(s)}getSyncErrorKeys(t){if(!this.required&&!t)return[];const s=[];if(this.required&&(this.customValidatorsMap&&this.customValidatorsMap.REQUIRED?s.push(this.customValidatorsMap.REQUIRED):s.push(defaultValidatorsMap.REQUIRED)),this.validator&&this.customValidatorsMap&&"REQUIRED"!==this.validator&&this.validator in this.customValidatorsMap&&s.push(this.customValidatorsMap[this.validator]),s.length){const a=s.map(s=>s(t));return a.forEach(t=>{null!==t.value&&void 0!==t.value&&this.control.setValue(t.value,{silent:!0,skipValidation:!0,skipElementUpdate:!0})}),a.filter(t=>!t.isValid).map(t=>t.errorKey)}return[]}}

package/form/FormGroup.d.ts

@@ -0,0 +1,23 @@
+export default class FormGroup {
+    constructor(tracking: any);
+    controls: {};
+    tracking: any;
+    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;
+    destroy(): void;
+    isValid(): boolean;
+    isPending(): boolean;
+    getControlsMap(): any;
+    getControlsAsArray(): any[];
+    setDisabledAll(): void;
+    setEnabledAll(): void;
+    markAsTouched(): void;
+    isTouched(): boolean;
+}

package/form/FormGroup.js

@@ -0,0 +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())}}

package/form/FormGroupEvents.d.ts

@@ -0,0 +1,8 @@
+export default FormGroupEvents;
+declare const FormGroupEvents: {
+    validationChecked: string;
+    controlRegistered: string;
+    valueChanged: string;
+    validationStatusChanged: string;
+    touchedStatusChanged: string;
+};

package/form/FormGroupEvents.js

@@ -0,0 +1 @@
+import FormControlEvents from"./FormControlEvents";const FormGroupEvents=Object.assign(Object.assign({},FormControlEvents),{validationChecked:"validationChecked",controlRegistered:"controlRegistered"});export default FormGroupEvents;

package/generateRandomValue.d.ts

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

package/generateRandomValue.js

@@ -0,0 +1 @@
+const generateRandomValue=(a,e)=>Math.floor(Math.random()*(e-a))+a;export default generateRandomValue;

package/handler/ClickHandler.d.ts

@@ -0,0 +1,17 @@
+export class ClickHandler {
+    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;
+    release(): void;
+    destroy(): void;
+}

package/handler/ClickHandler.js

@@ -0,0 +1 @@
+var __asyncValues=this&&this.__asyncValues||function(t){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var e,s=t[Symbol.asyncIterator];return s?s.call(t):(t="function"==typeof __values?__values(t):t[Symbol.iterator](),e={},r("next"),r("throw"),r("return"),e[Symbol.asyncIterator]=function(){return this},e);function r(s){e[s]=t[s]&&function(e){return new Promise(function(r,n){(function(t,e,s,r){Promise.resolve(r).then(function(e){t({value:e,done:s})},e)})(r,n,(e=t[s](e)).done,e.value)})}}};import{applySysAttrPrefix}from"../renderer/RenderConstants";import ViewEntryType from"../document-model/ViewEntryType";import SysActionTypes from"../action/SysActionTypes";export class ClickHandler{static sortActions(t){const e={[SysActionTypes.CLOSE_WIDGET]:-1,[SysActionTypes.OPEN_LINK]:-2,[SysActionTypes.SHOW_WIDGET]:1,[SysActionTypes.SUBSCRIBE_CONTACT]:2,[SysActionTypes.REQUEST]:3},s=t=>void 0!==e[t.type]?e[t.type]:0;return[...t].sort((t,e)=>s(t)>s(e)?-1:s(t)<s(e)?1:0)}constructor(t,e){this.config=t,this.actions=ClickHandler.sortActions(e),this.listener=null,this.targetElements=[],this.eventsQueue=[],this.state=null,this.postponed=!1}activate(t,e,s){this.state=t;const r=s(),n=r.getAttribute(applySysAttrPrefix("id"));this.listener=t=>{const e=t.composedPath().filter(t=>t instanceof HTMLElement&&t.getAttribute(applySysAttrPrefix("type")));let s=0;for(;e[s]&&e[s].getAttribute(applySysAttrPrefix("id"))!==n;){let t=e[s].getAttribute(applySysAttrPrefix("type"));if(ClickHandler.IGNORING_VIEW_ENTRY_TYPES.includes(t))return;s++}this.eventsQueue.push({event:t}),this.postponed||this.execute()},this.targetElements=this.config.relativeSelector?Array.from((r.shadowRoot||r).querySelectorAll(this.config.relativeSelector)):[r],this.targetElements.forEach(t=>{t.addEventListener("click",this.listener)})}async execute(){var t,e,s,r;try{for(var n,i=!0,o=__asyncValues(this.eventsQueue);!(t=(n=await o.next()).done);){r=n.value,i=!1;try{const{event:t}=r;for(const e of this.actions){if(!await e.execute(this.state.getState(),t))break}}finally{i=!0}}}catch(t){e={error:t}}finally{try{i||t||!(s=o.return)||await s.call(o)}finally{if(e)throw e.error}}this.eventsQueue=[]}postpone(){this.postponed=!0}release(){this.postponed=!1,this.execute()}destroy(){this.listener&&this.targetElements.length&&(this.targetElements.forEach(t=>{t.removeEventListener("click",this.listener)}),this.targetElements=[])}}ClickHandler.IGNORING_VIEW_ENTRY_TYPES=[ViewEntryType.BUTTON,ViewEntryType.CONSENT,ViewEntryType.INPUT];

package/handler/ComponentEventHandler.d.ts

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

package/handler/ComponentEventHandler.js

@@ -0,0 +1 @@
+export default class ComponentEventHandler{constructor(t,e){this.config=t,this.actions=e,this.componentEmitterListener=null}activate(t,e,n){this.componentEmitterListener=e.on(this.config.eventName,()=>{this.actions.forEach(e=>e.execute(t.getState(),this.config.params))})}destroy(){this.componentEmitterListener&&this.componentEmitterListener.off()}}

package/handler/HandlerFactory.d.ts

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

package/handler/HandlerFactory.js

@@ -0,0 +1 @@
+import{ClickHandler}from"./ClickHandler";import HandlerTypes from"@claspo/common/handler/HandlerTypes";import ComponentEventHandler from"./ComponentEventHandler";export default class HandlerFactory{constructor(e,t){this.actionFactory=e,this.actionRegister=t}get(e){const t=e.actions.map(e=>this.actionFactory.get(e));switch(t.forEach(e=>this.actionRegister.register(e)),e.type){case HandlerTypes.CLICK:return new ClickHandler(e,t);case HandlerTypes.COMPONENT_EVENT:return new ComponentEventHandler(e,t);default:throw new Error(`Not supported handler type ${e.type}`)}}}

package/i18n/TranslateUtils.d.ts

@@ -0,0 +1,9 @@
+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;
+}

package/i18n/TranslateUtils.js

@@ -0,0 +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}}

package/package.json

@@ -0,0 +1,38 @@
+{
+  "name": "@claspo/renderer",
+  "version": "16.6.3",
+  "scripts": {
+    "dev": " tsc --project tsconfig.json --watch",
+    "build": "rm -rf out && tsc --project tsconfig.json && npm run minify",
+    "minify": "find out -name '*.js' ! -name '*.d.js' -exec terser {} --compress --mangle --output {} \\;",
+    "test": "jest --no-cache --coverage",
+    "lint": "echo 'No linting for renderer'",
+    "package": "npm i && npm run lint && npm run test && npm run build && cp package.json out && cd out && npm publish --access=public && cd .."
+  },
+  "engines": {
+    "node": ">=18.16.0"
+  },
+  "dependencies": {
+    "@claspo/common": "5.2.1",
+    "@testing-library/dom": "^10.4.0"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.23.2",
+    "@babel/preset-env": "^7.23.2",
+    "@types/jest": "^27.5.1",
+    "babel-loader": "^9.1.3",
+    "eslint": "^9.15.0",
+    "jest": "^28.1.0",
+    "jest-environment-jsdom": "^28.1.0",
+    "terser": "^5.37.0",
+    "ts-jest": "^28.0.3",
+    "ts-loader": "^9.5.0",
+    "ts-node": "^10.8.0",
+    "typescript": "^4.9.5",
+    "webpack": "^5.89.0",
+    "webpack-cli": "^5.1.4"
+  },
+  "author": "alex-chernysh",
+  "license": "",
+  "homepage": "https://claspo.io/"
+}

package/prize-pool/PrizePool.d.ts

@@ -0,0 +1,19 @@
+export default class PrizePool {
+    constructor(config: any, httpClient: any, configService: any);
+    instanceModel: any;
+    httpClient: any;
+    configService: any;
+    prizeOption: any;
+    randomDistributor: any;
+    load(): Promise<void>;
+    getModel(): any;
+    getPrize(): Promise<any>;
+    submitPrize(): void;
+    mapPrizeOption(option: any): {
+        id: any;
+        label: any;
+        value: any;
+    };
+    _calculatePrize(): any;
+    _mapLabelSuffix(value: any, valueType: any): any;
+}

package/prize-pool/PrizePool.js

@@ -0,0 +1 @@
+import sum from"@claspo/common/math/sum";import RandomDistributor from"@claspo/common/math/RandomDistributor";const PrizePoolSourceType={MANUAL:"MANUAL",FROM_EXTERNAL_SOURCE:"FROM_EXTERNAL_SOURCE"};export default class PrizePool{constructor(i,t,e){if(this.instanceModel=i,this.httpClient=t,this.configService=e,this.configService.getConfig("prizePoolModels")){const i=this.configService.getConfig("prizePoolModels").find(i=>i.id===this.instanceModel.id);i&&(this.instanceModel=i)}this.prizeOption=null,this.randomDistributor=new RandomDistributor}async load(){if(this.instanceModel.sourceType===PrizePoolSourceType.MANUAL&&!this.instanceModel.options){const i=this.configService.getConfig("widgetId"),t=this.configService.getConfig("hostUrl"),e=this.instanceModel.id,o=`${t}forms/v2/prize/pool/${e}`,s=`${t}forms/v1/prizePool/${e}/reward?widgetId=${i}`;try{const[i,t]=await Promise.all([await this.httpClient.execute(o,"GET").then(i=>i.json()),await this.httpClient.execute(s,"GET",null,{"cl-customer-id":this.configService.getConfig("clCustomerId")}).then(i=>i.json())]);this.instanceModel=Object.assign(Object.assign({},this.instanceModel),{options:i.options});const e=i.options.find(i=>i.id===t.id);this.prizeOption=Object.assign(Object.assign({},e),t)}catch(t){console.error(`PrizePool: failed to load pool or reward for widgetId "${i}" with poolId "${e}"`,t)}}}getModel(){return this.instanceModel}async getPrize(){return this.instanceModel?"FIXED"===this.instanceModel.model?this.instanceModel.data:this.instanceModel.sourceType===PrizePoolSourceType.MANUAL?(this.instanceModel.options&&!this.prizeOption&&(this.prizeOption=this._calculatePrize()),this.prizeOption?this.mapPrizeOption(this.prizeOption):null):void 0:null}submitPrize(){}mapPrizeOption(i){let t=this._mapLabelSuffix(i.value,i.valueType),e=i.code;return{id:i.id,label:t,value:e}}_calculatePrize(){const i=sum(this.instanceModel.options.map(i=>parseFloat(i.weight)));return this.randomDistributor.calculateFromWeights(this.instanceModel.options,i)}_mapLabelSuffix(i,t){return"DISCOUNT_PERCENTAGE"===t?`${i}%`:i}}

package/prize-pool/PrizePoolEvents.d.ts

@@ -0,0 +1,5 @@
+export default PrizePoolEvents;
+declare namespace PrizePoolEvents {
+    const PRIZE_POOL_UPDATED: string;
+    const REQUEST_PRIZE_POOL: string;
+}

package/prize-pool/PrizePoolEvents.js

@@ -0,0 +1 @@
+const PrizePoolEvents={PRIZE_POOL_UPDATED:"PRIZE_POOL_UPDATED",REQUEST_PRIZE_POOL:"REQUEST_PRIZE_POOL"};export default PrizePoolEvents;

package/prize-pool/PrizePoolFactory.d.ts

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

package/prize-pool/PrizePoolFactory.js

@@ -0,0 +1 @@
+import PrizePool from"./PrizePool";export default class PrizePoolFactory{constructor(t,o){this.httpClient=t,this.configService=o}get(t){return new PrizePool(t,this.httpClient,this.configService)}}

package/renderer/DragEventListener.d.ts

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

package/renderer/DragEventListener.js

@@ -0,0 +1 @@
+import{ViewRendererActionType}from"./ViewRendererActionType";import{applySysAttrPrefix}from"./RenderConstants";export default class DragEventListener{constructor(e,t){this.eventEmitter=e,this.documentModel=t,this.dragStartSubscription=this.eventEmitter.on(ViewRendererActionType.COMPONENT_DRAGSTART,()=>{this.updateHovered("add")}),this.dragEndSubscription=this.eventEmitter.on(ViewRendererActionType.COMPONENT_DRAGEND,()=>{this.updateHovered("remove")})}updateHovered(e){this.documentModel.getViews().forEach((t,r)=>{this.documentModel.iterateViewModelAndExecute(r,t=>{var r;const i=null===(r=t.componentRef)||void 0===r?void 0:r.getHostElement();i&&i.classList[e](applySysAttrPrefix("hovered"),applySysAttrPrefix("drag-over"))})})}destroy(){this.dragStartSubscription.off(),this.dragEndSubscription.off()}}

package/renderer/RenderConstants.d.ts

@@ -0,0 +1,6 @@
+export function applySysClassPrefix(str: any): string;
+export function applySysAttrPrefix(str: any): string;
+export namespace RenderConstants {
+    const SYSTEM_CLASS_PREFIX: string;
+    const SYSTEM_ATTRIBUTE_PREFIX: string;
+}

package/renderer/RenderConstants.js

@@ -0,0 +1 @@
+export const RenderConstants={SYSTEM_CLASS_PREFIX:"cl-",SYSTEM_ATTRIBUTE_PREFIX:"cl-"};export function applySysClassPrefix(n){return RenderConstants.SYSTEM_CLASS_PREFIX+n}export function applySysAttrPrefix(n){return RenderConstants.SYSTEM_ATTRIBUTE_PREFIX+n}

package/renderer/ViewRendererActionType.d.ts

@@ -0,0 +1,15 @@
+export namespace ViewRendererActionType {
+    const COMPONENT_FOCUSED: string;
+    const REMOVE_FOCUS: string;
+    const SET_FOCUS: string;
+    const COMPONENT_MOUSE_MOVE: string;
+    const COMPONENT_CLICKED: string;
+    const COMPONENT_DOUBLE_CLICKED: string;
+    const COMPONENT_DRAGSTART: string;
+    const COMPONENT_DRAGEND: string;
+    const COMPONENT_DRAGOVER: string;
+    const DOCUMENT_DROP: string;
+    const SHOW_INLINE_EDIT: string;
+    const VIEW_COMPONENT_RESOURCES_LOADED: string;
+    const FAILED_TO_LOAD_COMPONENT_RESOURCE: string;
+}

package/renderer/ViewRendererActionType.js

@@ -0,0 +1 @@
+export const ViewRendererActionType={COMPONENT_FOCUSED:"COMPONENT_FOCUSED",REMOVE_FOCUS:"REMOVE_FOCUS",SET_FOCUS:"SET_FOCUS",COMPONENT_MOUSE_MOVE:"COMPONENT_MOUSE_MOVE",COMPONENT_CLICKED:"COMPONENT_CLICKED",COMPONENT_DOUBLE_CLICKED:"COMPONENT_DOUBLE_CLICKED",COMPONENT_DRAGSTART:"COMPONENT_DRAGSTART",COMPONENT_DRAGEND:"COMPONENT_DRAGEND",COMPONENT_DRAGOVER:"COMPONENT_DRAGOVER",DOCUMENT_DROP:"DOCUMENT_DROP",SHOW_INLINE_EDIT:"SHOW_INLINE_EDIT",VIEW_COMPONENT_RESOURCES_LOADED:"VIEW_COMPONENT_RESOURCES_LOADED",FAILED_TO_LOAD_COMPONENT_RESOURCE:"FAILED_TO_LOAD_COMPONENT_RESOURCE"};

package/renderer/style/ClDocumentResizeListener.d.ts

@@ -0,0 +1,12 @@
+export default class ClDocumentResizeListener {
+    static changeEventName: string;
+    constructor(documentModel: any, containerElement: any);
+    documentModel: any;
+    containerElement: any;
+    mobileBreakpointWidth: any;
+    _isMobile: boolean;
+    isMobile(): boolean;
+    destroy(): void;
+    _calculateMobileFlag(): boolean;
+    _getElementsWidthPx(element: any): number;
+}

package/renderer/style/ClDocumentResizeListener.js

@@ -0,0 +1 @@
+import DefaultEventEmitter from"@claspo/common/DefaultEventEmitter";import{DocumentModelUpdateType}from"../../document-model/DocumentModel";export default class ClDocumentResizeListener extends DefaultEventEmitter{constructor(e,t){super(),this.documentModel=e,this.containerElement=t,this.mobileBreakpointWidth=this.documentModel.getShared().mobileBreakpointWidth,this._isMobile=this._calculateMobileFlag(),this.documentModel.on(DocumentModelUpdateType.ENVIRONMENT_UPDATE,e=>{this._isMobile=e.isMobileEnv,this.emit(ClDocumentResizeListener.changeEventName,this._isMobile)})}isMobile(){return this._isMobile}destroy(){super.destroy()}_calculateMobileFlag(){return this._getElementsWidthPx(this.containerElement)<=this.mobileBreakpointWidth}_getElementsWidthPx(e){return parseInt(getComputedStyle(e).width)}}ClDocumentResizeListener.changeEventName="CHANGE";

package/renderer/style/ColorSchemaListener.d.ts

@@ -0,0 +1,26 @@
+export default class ColorSchemaListener {
+    constructor(documentModel: any, hostElement: any, getSharedCb: any, getPropsCb: any, getEnvCb: any, httpClient: any);
+    hostElement: any;
+    documentModel: any;
+    getSharedCb: any;
+    getPropsCb: any;
+    getEnvCb: any;
+    httpClient: any;
+    subscription: any;
+    envUrlMaps: {
+        desktop: Map<any, any>;
+        mobile: Map<any, any>;
+    };
+    parseBackground(background: any): {
+        url: string;
+        positionOptions: string;
+    } | {
+        url: null;
+        positionOptions: null;
+    };
+    apply(env: any): Promise<void>;
+    on(): ColorSchemaListener;
+    _applyHostElementBackground(value: any, cssVarsMap: any): void;
+    _buildBackgroundUrl(value: any, cssVarsMap: any): string;
+    off(): void;
+}

package/renderer/style/ColorSchemaListener.js

@@ -0,0 +1 @@
+import{DocumentModelUpdateType}from"../../document-model/DocumentModel";import ErrorLogger from"../../error/ErrorLogger";export default class ColorSchemaListener{constructor(t,e,n,o,i,s){this.hostElement=e,this.documentModel=t,this.getSharedCb=n,this.getPropsCb=o,this.getEnvCb=i,this.httpClient=s,this.subscription=null,this.envUrlMaps={desktop:new Map,mobile:new Map}}parseBackground(t){const e=String(t||"");if(e.includes("url")){const[t,n]=e.split("(")[1].split(")");return{url:t.replace(/['"]+/g,""),positionOptions:n.replace(";","")}}return{url:null,positionOptions:null}}apply(t){const e=this.getPropsCb();return e.backgroundDynamicInlineSVGElements[t].forEach(n=>{var o,i,s,l,r;const a=null===(i=null===(o=e.adaptiveStyles)||void 0===o?void 0:o[t])||void 0===i?void 0:i.find(t=>t.element===n),c=(null===(s=e.styles)||void 0===s?void 0:s.find(t=>t.element===n))||{},u=(null===(l=null==c?void 0:c.styleAttributes)||void 0===l?void 0:l.background)||(null===(r=null==a?void 0:a.styleAttributes)||void 0===r?void 0:r.background),p=this.parseBackground(u);p.url&&this.envUrlMaps[t].set(n,{originalSVGResourceURL:p.url,inlineSvgString:null,positionOptions:p.positionOptions})}),Promise.all([...this.envUrlMaps[t].entries()].map(([e,n])=>this.httpClient.execute(n.originalSVGResourceURL).then(t=>t.text()).then(o=>{this.envUrlMaps[t].set(e,Object.assign(Object.assign({},n),{inlineSvgString:o}))}))).then(()=>{this._applyHostElementBackground(this.envUrlMaps[t].get("host"),this.getSharedCb().cssVars)}).catch(t=>{console.error(t),ErrorLogger.log(`Failed to load/apply backgroundDynamicInlineSVGElements[${this.getPropsCb().backgroundDynamicInlineSVGElements}] ${t}`)})}on(){return this.subscription=this.documentModel.on(DocumentModelUpdateType.COLOR_SCHEMA_UPDATE,t=>{this._applyHostElementBackground(this.envUrlMaps[this.getEnvCb()].get("host"),t)}),this}_applyHostElementBackground(t,e){t&&(this.hostElement.style.background=this._buildBackgroundUrl(t,e))}_buildBackgroundUrl(t,e){const n=t.inlineSvgString.trim().replace("var(--cl-schema-accent)",e["cl-schema-accent"]);return`url('data:image/svg+xml,${encodeURIComponent(n)}')${t.positionOptions}`}off(){var t;null===(t=this.subscription)||void 0===t||t.off()}}

package/renderer/style/CommonStylesService.d.ts

@@ -0,0 +1,6 @@
+export default class CommonStylesService {
+    static applyHostStyles(componentType: any, element: any, componentModel: null | undefined, layoutType: any): void;
+    styles: string;
+    setStyles(additionalStyles?: string): void;
+    getStyles(): string;
+}

package/renderer/style/CommonStylesService.js

@@ -0,0 +1 @@
+import ViewEntryType from"../../document-model/ViewEntryType";import LayoutType from"@claspo/common/form/common/LayoutType";export default class CommonStylesService{static applyHostStyles(e,t,o=null,i){var s,l,y;const n=null===(l=null===(s=null==o?void 0:o.props)||void 0===s?void 0:s.handlers)||void 0===l?void 0:l.find(e=>"CLICK"===e.type);n&&(null===(y=n.actions)||void 0===y?void 0:y.length)&&(t.style.cursor="pointer"),e!==ViewEntryType.VIEW&&e!==ViewEntryType.CONTAINER&&e!==ViewEntryType.COLUMN||(t.style.display=i===LayoutType.CONTENT_LOCKER&&e===ViewEntryType.VIEW?"flex":"inline-flex",t.style.position="relative"),t.style.boxSizing="border-box"}constructor(){this.styles="/* common styles */ *, *:before, *:after { box-sizing: border-box; font-family: inherit; }"}setStyles(e=""){this.styles=`${this.styles} ${e}`}getStyles(){return this.styles}}

package/renderer/style/DefaultMediaQueryListener.d.ts

@@ -0,0 +1,12 @@
+export default class DefaultMediaQueryListener {
+    static changeEventName: string;
+    constructor(documentModel: any, config: any);
+    config: any;
+    _isMobile: any;
+    handleMobileBreakpoint(mobileBreakpointWidth: any): void;
+    mobileBreakpointWidth: any;
+    mediaQueryList: MediaQueryList | undefined;
+    isMobile(): any;
+    listener(mediaQueryListEvent: any): void;
+    destroy(): void;
+}