@claspo/templates 14.4.1

package/EnvManager.d.ts

@@ -0,0 +1,28 @@
+export declare enum EnvName {
+    LOCAL = "local",
+    STAGE = "stage",
+    PROD = "prod"
+}
+export declare enum EnvKey {
+    TEMPLATES_URL = "TEMPLATES_URL",
+    FILTERS_URL = "FILTERS_URL",
+    TEMPLATE_BY_ID_URL = "TEMPLATE_BY_ID_URL"
+}
+export declare class EnvManager {
+    private currentEnv;
+    static envs: {
+        local: {
+            TEMPLATES_URL: string;
+            FILTERS_URL: string;
+            TEMPLATE_BY_ID_URL: string;
+        };
+        prod: {
+            TEMPLATES_URL: string;
+            FILTERS_URL: string;
+            TEMPLATE_BY_ID_URL: string;
+        };
+    };
+    constructor();
+    get(key: EnvKey): string;
+    private static getEnvName;
+}

package/EnvManager.js

@@ -0,0 +1 @@
+export var EnvName;!function(e){e.LOCAL="local",e.STAGE="stage",e.PROD="prod"}(EnvName||(EnvName={}));export var EnvKey;!function(e){e.TEMPLATES_URL="TEMPLATES_URL",e.FILTERS_URL="FILTERS_URL",e.TEMPLATE_BY_ID_URL="TEMPLATE_BY_ID_URL"}(EnvKey||(EnvKey={}));export class EnvManager{constructor(){this.currentEnv=EnvName.PROD,this.currentEnv=EnvManager.getEnvName()}get(e){return EnvManager.envs[this.currentEnv][e]}static getEnvName(){const e=window.localStorage.getItem("clTemplatesEnv"),n=window.localStorage.getItem("clTemplatesAdditionalEnvConfig");if(n){const e=JSON.parse(n);EnvManager.envs[e.env]=e.config}if(e)switch(e){case"local":return EnvName.LOCAL;case"stage":return EnvName.STAGE;default:return EnvName.PROD}return window.location.href.includes("localhost")?EnvName.LOCAL:EnvName.PROD}}EnvManager.envs={[EnvName.LOCAL]:{[EnvKey.TEMPLATES_URL]:"/library/templates.json",[EnvKey.FILTERS_URL]:"/library/v1/public/filters",[EnvKey.TEMPLATE_BY_ID_URL]:"/library/v1/public/template"},[EnvName.PROD]:{[EnvKey.TEMPLATES_URL]:"https://cdn.claspo.io/library/templates.json",[EnvKey.FILTERS_URL]:"https://my.claspo.io/library/v1/public/filters",[EnvKey.TEMPLATE_BY_ID_URL]:"https://my.claspo.io/library/v1/public/template"}};

package/HttpDebugTemplateLoader.d.ts

@@ -0,0 +1,8 @@
+import HttpAbortableLoader from '@claspo/common/HttpAbortableLoader';
+import TemplateBriefI from "./TemplateBrief.interface";
+export default class HttpDebugTemplateLoader extends HttpAbortableLoader {
+    private list;
+    constructor(url: string, headers?: object);
+    load(): Promise<TemplateBriefI[]>;
+    static getDebugTemplateIds(): number[];
+}

package/HttpDebugTemplateLoader.js

@@ -0,0 +1 @@
+import HttpAbortableLoader from"@claspo/common/HttpAbortableLoader";import HttpClient from"@claspo/common/network/HttpClient";export default class HttpDebugTemplateLoader extends HttpAbortableLoader{constructor(t,e={}){super(t,e,HttpClient),this.list=[]}async load(){return(await Promise.all(HttpDebugTemplateLoader.getDebugTemplateIds().map(t=>HttpClient.execute(`${this.url}/${t}`,"GET",null,null,this.abortController).then(t=>t.ok?t.json():null).catch(()=>null)))).filter(t=>null!==t)}static getDebugTemplateIds(){let t=[];try{const e=localStorage.getItem("clDebugTemplateIds");return e&&(t=e.split(",").map(t=>+t.trim()).filter(t=>!isNaN(t))),t}catch(e){return t}}}

package/HttpTemplateLoader.d.ts

@@ -0,0 +1,7 @@
+import HttpAbortableLoader from '@claspo/common/HttpAbortableLoader';
+import TemplateBriefI from "./TemplateBrief.interface";
+export default class HttpTemplateLoader extends HttpAbortableLoader {
+    private list;
+    constructor(url: string, headers?: object);
+    load(): Promise<TemplateBriefI[]>;
+}

package/HttpTemplateLoader.js

@@ -0,0 +1 @@
+import HttpAbortableLoader from"@claspo/common/HttpAbortableLoader";import HttpClient from"@claspo/common/network/HttpClient";export default class HttpTemplateLoader extends HttpAbortableLoader{constructor(t,o={}){super(t,o,HttpClient),this.list=[]}load(){return super.load().then(t=>t.json()).then(t=>(this.list=t,t))}}

package/MapGridOptions.d.ts

@@ -0,0 +1,2 @@
+import { GridOptionsI } from "./grid/GridOptions.interface";
+export declare function mapGridOptions(opts: undefined | null | GridOptionsI): GridOptionsI;

package/MapGridOptions.js

@@ -0,0 +1 @@
+import{defaultGridOptions}from"./grid/DefaultGridOptions";export function mapGridOptions(i){return{algorithm:(null==i?void 0:i.algorithm)||defaultGridOptions.algorithm,zoomIndex:(null==i?void 0:i.zoomIndex)||defaultGridOptions.zoomIndex,gridGapPx:(null==i?void 0:i.gridGapPx)||defaultGridOptions.gridGapPx,rowGapPx:(null==i?void 0:i.rowGapPx)||defaultGridOptions.rowGapPx}}

package/PubSub.interface.d.ts

@@ -0,0 +1,5 @@
+export default interface PubSubI {
+    publish: (eventName: string, payload: any) => {};
+    subscribe: (eventName: string, subscription: (payload: any) => void) => number;
+    unsubscribe: (subscriptionId: number) => void;
+}

package/PubSub.interface.js

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

package/SortWeightRecordI.d.ts

@@ -0,0 +1,5 @@
+export default interface SortWeightRecordI {
+    startDate: string | null;
+    endDate: string | null;
+    value: number;
+}

package/SortWeightRecordI.js

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

package/SortableRecord.interface.d.ts

@@ -0,0 +1,5 @@
+import SortWeightRecordI from "./SortWeightRecordI";
+interface SortableRecordI {
+    sortWeight: SortWeightRecordI[];
+}
+export default SortableRecordI;

package/SortableRecord.interface.js

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

package/Template.interface.d.ts

@@ -0,0 +1,38 @@
+import { TemplatePublishStatus } from "./TemplatePublishStatus.enum";
+import TemplateSizeI from "./TemplateSize.interface";
+import TemplateLauncherItemI from "./TemplateLauncherItem.interface";
+import { TemplateType } from "./TemplateType.enum";
+import SortableRecordI from "./SortableRecord.interface";
+import { WidgetType } from './WidgetType.enum';
+export default interface TemplateI<ruleType, layoutType, documentType = any, syncType = any> extends SortableRecordI {
+    id: number;
+    name: string;
+    publishStatus: TemplatePublishStatus;
+    rules: ruleType;
+    widgetType: WidgetType;
+    type: TemplateType;
+    json: {
+        document: documentType;
+        sync: syncType;
+    };
+    dynamicParams?: {
+        cssVars: {
+            [key: string]: string;
+        };
+        backgroundInline: {
+            path: number[];
+            props: object;
+        }[];
+    };
+    launchers: TemplateLauncherItemI[];
+    layouts: layoutType[];
+    useCases: string[];
+    industry: string[];
+    themes: string[];
+    features: string[];
+    imagePreviews: string[];
+    createdDate?: string;
+    updatedDate?: string;
+    prizePools?: any[];
+    size?: TemplateSizeI;
+}

package/Template.interface.js

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

package/TemplateBrief.interface.d.ts

@@ -0,0 +1,3 @@
+import TemplateI from "./Template.interface";
+type TemplateBriefI = TemplateI<any, any>;
+export default TemplateBriefI;

package/TemplateBrief.interface.js

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

package/TemplateDatasource.d.ts

@@ -0,0 +1,43 @@
+import TemplateBriefI from "./TemplateBrief.interface";
+import { GridOptionsI } from "./grid/GridOptions.interface";
+import TemplateDatasourceI from "./TemplateDatasource.interface";
+import TemplateFilterObserver from "./filter/TemplateFilterObserver";
+import TemplateFilterDatasourceI from "./filter/TemplateFilterDatasource.interface";
+export interface DataFetched {
+    limit: number;
+    offset: number;
+    totalCount: number;
+    items: TemplateBriefI[];
+}
+export declare enum EVENTS {
+    DATA_FETCHED = 0
+}
+export type Subscription = {
+    off: () => void;
+};
+declare const TemplateDatasource_base: any;
+export default class TemplateDatasource extends TemplateDatasource_base implements TemplateDatasourceI {
+    gridOptions: GridOptionsI;
+    private templateLoader;
+    private debugTemplateLoader;
+    private dataStrategy;
+    private maxRowWidthPx;
+    private filterObserver;
+    private filterDatasource;
+    private envManager;
+    private items;
+    private rawItems;
+    constructor(maxRowWidthPx: number, gridOptions: null | GridOptionsI, filterObserver: TemplateFilterObserver | null, filterDatasource: TemplateFilterDatasourceI);
+    onNext(cb: (payload: DataFetched) => void): Subscription;
+    getItems(): TemplateBriefI[];
+    getRawItems(): TemplateBriefI[];
+    publish(eventName: string, payload: any): void;
+    subscribe(eventName: EVENTS, subscription: (payload: any) => void): Subscription;
+    destroy(): void;
+    findByIdRawItems(id: number): TemplateBriefI | undefined;
+    private computeData;
+    private onFilterValueChanged;
+    private transformFilterResponseToFilterValue;
+    private dispatchUpdate;
+}
+export {};

package/TemplateDatasource.interface.d.ts

@@ -0,0 +1,9 @@
+import TemplateBriefI from "./TemplateBrief.interface";
+import { DataFetched, Subscription } from "./TemplateDatasource";
+export default interface TemplateDatasourceI {
+    getItems(): TemplateBriefI[];
+    getRawItems(): TemplateBriefI[];
+    findByIdRawItems(id: number): TemplateBriefI | undefined;
+    onNext(cb: (payload: DataFetched) => void): Subscription;
+    destroy(): void;
+}

package/TemplateDatasource.interface.js

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

package/TemplateDatasource.js

@@ -0,0 +1 @@
+import HttpTemplateLoader from"./HttpTemplateLoader";import DefaultEventEmitter from"@claspo/common/DefaultEventEmitter";import{EnvKey,EnvManager}from"./EnvManager";import{DataStrategy}from"./data/DataStrategy";import{mapGridOptions}from"./MapGridOptions";import TemplateGridConstructorParamsError from"./error/TemplateGridConstructorArgumentsError";import FilterApplier from"./filter/FilterApplier";import TemplateMapper from"./TemplateMapper";import HttpDebugTemplateLoader from"./HttpDebugTemplateLoader";import{WidgetType}from"./WidgetType.enum";export var EVENTS;!function(t){t[t.DATA_FETCHED=0]="DATA_FETCHED"}(EVENTS||(EVENTS={}));export default class TemplateDatasource extends DefaultEventEmitter{constructor(t,e,r,i){if(super(),this.envManager=new EnvManager,this.items=[],this.rawItems=[],Number.isNaN(t)||t<1)throw new TemplateGridConstructorParamsError("'maxRowWidthPx' must be positive number, received: "+t);this.maxRowWidthPx=t,this.gridOptions=mapGridOptions(e),this.filterObserver=r,this.filterDatasource=i;const a=this.envManager.get(EnvKey.TEMPLATES_URL),s=this.envManager.get(EnvKey.TEMPLATE_BY_ID_URL);this.templateLoader=new HttpTemplateLoader(a,{}),this.debugTemplateLoader=new HttpDebugTemplateLoader(s,{}),this.dataStrategy=new DataStrategy(this.gridOptions.algorithm),Promise.all([this.filterDatasource.getAllFilterGroups(),this.templateLoader.load().then(TemplateMapper.mapTemplates),this.debugTemplateLoader.load().then(TemplateMapper.mapTemplates)]).then(([t,e,r])=>{this.rawItems=e.concat(r),this.items=this.computeData(this.rawItems,this.transformFilterResponseToFilterValue(this.filterDatasource.getInitialFilters())),this.dispatchUpdate()}),this.filterObserver&&this.filterObserver.subscribe(this.onFilterValueChanged.bind(this))}onNext(t){return this.subscribe(EVENTS.DATA_FETCHED,t)}getItems(){return this.items}getRawItems(){return this.rawItems}publish(t,e){this.emit(t,e)}subscribe(t,e){return this.on(t,e)}destroy(){super.destroy()}findByIdRawItems(t){return this.getRawItems().find(e=>e.id===t)}computeData(t,e){const r=FilterApplier.apply(t.filter(t=>!(t.dynamicParams&&t.dynamicParams.fromScratch||t.widgetType===WidgetType.TEASER)),e);return this.dataStrategy.execute(r,this.maxRowWidthPx,this.gridOptions,this.filterDatasource)}onFilterValueChanged(t){this.items=this.computeData(this.rawItems,t),this.dispatchUpdate()}transformFilterResponseToFilterValue(t){return t.map(t=>({type:t.type,items:t.items.reduce((t,e)=>Object.assign(Object.assign({},t),{[e.key]:e.isActive}),{})}))}dispatchUpdate(){const t={limit:0,offset:0,items:this.items,totalCount:0};this.emit(EVENTS.DATA_FETCHED,t)}}

package/TemplateLauncherItem.interface.d.ts

@@ -0,0 +1,3 @@
+export default interface TemplateLauncherItemI {
+    id: number;
+}

package/TemplateLauncherItem.interface.js

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

package/TemplateMapper.d.ts

@@ -0,0 +1,4 @@
+import TemplateBriefI from "./TemplateBrief.interface";
+export default class TemplateMapper {
+    static mapTemplates(rawItems: TemplateBriefI[]): TemplateBriefI[];
+}

package/TemplateMapper.js

@@ -0,0 +1 @@
+import{TemplateType}from"./TemplateType.enum";import DocumentCssVarsReplace from"@claspo/common/document/DocumentCssVarsReplace";import DocumentUtils from"@claspo/common/document/DocumentUtils";export default class TemplateMapper{static mapTemplates(e){return e.map(e=>{var s,o;if(e.type===TemplateType.STATIC)return e;let t=null===(s=e.dynamicParams)||void 0===s?void 0:s.cssVars;const a=null===(o=e.dynamicParams)||void 0===o?void 0:o.backgroundInline;if(t){let s=e.json.document;e.json.document=DocumentCssVarsReplace.replaceValues(s,t),e.json.document.shared.cssVars=t}return a&&(null==a||a.forEach(({path:s,props:o})=>{const t=DocumentUtils.getNodeByPath(e.json.document.views,s);t.props=Object.assign(Object.assign({},t.props),o)})),e})}}

package/TemplatePublishStatus.enum.d.ts

@@ -0,0 +1,4 @@
+export declare enum TemplatePublishStatus {
+    PUBLISHED = "PUBLISHED",
+    DEBUG = "DEBUG"
+}

package/TemplatePublishStatus.enum.js

@@ -0,0 +1 @@
+export var TemplatePublishStatus;!function(t){t.PUBLISHED="PUBLISHED",t.DEBUG="DEBUG"}(TemplatePublishStatus||(TemplatePublishStatus={}));

package/TemplateSize.interface.d.ts

@@ -0,0 +1,4 @@
+export default interface TemplateSizeI {
+    width: string;
+    height: string;
+}

package/TemplateSize.interface.js

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

package/TemplateType.enum.d.ts

@@ -0,0 +1,6 @@
+export declare enum TemplateType {
+    STATIC = "STATIC",
+    DYNAMIC = "DYNAMIC",
+    DEMO = "DEMO",
+    DYNAMIC_DEMO = "DYNAMIC_DEMO"
+}

package/TemplateType.enum.js

@@ -0,0 +1 @@
+export var TemplateType;!function(e){e.STATIC="STATIC",e.DYNAMIC="DYNAMIC",e.DEMO="DEMO",e.DYNAMIC_DEMO="DYNAMIC_DEMO"}(TemplateType||(TemplateType={}));

package/WidgetType.enum.d.ts

@@ -0,0 +1,8 @@
+export declare enum WidgetType {
+    SUBSCRIPTION_FORM = "SUBSCRIPTION_FORM",
+    INFORMER = "INFORMER",
+    REQUEST_FORM = "REQUEST_FORM",
+    LAUNCHER = "LAUNCHER",
+    AGE_VERIFY = "AGE_VERIFY",
+    TEASER = "TEASER"
+}

package/WidgetType.enum.js

@@ -0,0 +1 @@
+export var WidgetType;!function(R){R.SUBSCRIPTION_FORM="SUBSCRIPTION_FORM",R.INFORMER="INFORMER",R.REQUEST_FORM="REQUEST_FORM",R.LAUNCHER="LAUNCHER",R.AGE_VERIFY="AGE_VERIFY",R.TEASER="TEASER"}(WidgetType||(WidgetType={}));

package/data/DataStrategy.d.ts

@@ -0,0 +1,12 @@
+import { GridAlgorithm } from "../grid/GridAlgorithm.enum";
+import { DataStrategyI } from "./DataStrategy.interface";
+import TemplateBriefI from "../TemplateBrief.interface";
+import { GridOptionsI } from "../grid/GridOptions.interface";
+import TemplateFilterDatasource from "../filter/TemplateFilterDatasource";
+export declare class DataStrategy implements DataStrategyI {
+    private algorithm;
+    private strategy;
+    constructor(algorithm: GridAlgorithm);
+    execute(array: TemplateBriefI[], maxRowWidthPx: number, gridOptions: GridOptionsI, filterDatasource: TemplateFilterDatasource): TemplateBriefI[];
+    private static applyConcreteStrategy;
+}

package/data/DataStrategy.interface.d.ts

@@ -0,0 +1,6 @@
+import TemplateBriefI from "../TemplateBrief.interface";
+import { GridOptionsI } from "../grid/GridOptions.interface";
+import TemplateFilterDatasourceI from "../filter/TemplateFilterDatasource.interface";
+export interface DataStrategyI {
+    execute(array: TemplateBriefI[], maxRowWidthPx: number, gridOptions: GridOptionsI, filterDatasource: TemplateFilterDatasourceI): TemplateBriefI[];
+}

package/data/DataStrategy.interface.js

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

package/data/DataStrategy.js

@@ -0,0 +1 @@
+import{GridAlgorithm}from"../grid/GridAlgorithm.enum";import{DefaultStrategy}from"./strategies/default-strategy/DefaultStrategy";import WeightStrategy from"./strategies/weight-strategy/WeightStrategy";import SimilarRandomWeightStrategy from"./strategies/similar-random-weight-strategy/SimilarRandomWeightStrategy";export class DataStrategy{constructor(t){this.algorithm=t,this.strategy=DataStrategy.applyConcreteStrategy(this.algorithm)}execute(t,r,e,a){return this.strategy.execute(t,r,e,a)}static applyConcreteStrategy(t){switch(t){case GridAlgorithm.DEFAULT:return new DefaultStrategy;case GridAlgorithm.WEIGHT_FIRST:return new WeightStrategy;case GridAlgorithm.SIMILAR_RANDOM_WEIGHT:return new SimilarRandomWeightStrategy;default:throw new Error(`Strategy ${t} is not supported`)}}}

package/data/strategies/default-strategy/DefaultStrategy.d.ts

@@ -0,0 +1,7 @@
+import { DataStrategyI } from "../../DataStrategy.interface";
+import TemplateBriefI from "../../../TemplateBrief.interface";
+import { GridOptionsI } from "../../../grid/GridOptions.interface";
+import TemplateFilterDatasourceI from "../../../filter/TemplateFilterDatasource.interface";
+export declare class DefaultStrategy implements DataStrategyI {
+    execute(array: TemplateBriefI[], maxRowWidthPx: number, gridOptions: GridOptionsI, filterDatasource: TemplateFilterDatasourceI): TemplateBriefI[];
+}

package/data/strategies/default-strategy/DefaultStrategy.js

@@ -0,0 +1 @@
+export class DefaultStrategy{execute(e,t,r,a){return e.sort((e,t)=>e.id>t.id?-1:1)}}

package/data/strategies/shuffle.d.ts

@@ -0,0 +1 @@
+export default function shuffle(pristineArray: any): any;

package/data/strategies/shuffle.js

@@ -0,0 +1 @@
+export default function shuffle(t){const e=t.slice();let o,f=e.length;for(;0!=f;)o=Math.floor(Math.random()*f),f--,[e[f],e[o]]=[e[o],e[f]];return e}

package/data/strategies/similar-random-weight-strategy/SimilarRandomWeightStrategy.d.ts

@@ -0,0 +1,9 @@
+import { DataStrategyI } from "../../DataStrategy.interface";
+import TemplateBriefI from "../../../TemplateBrief.interface";
+import { GridOptionsI } from "../../../grid/GridOptions.interface";
+import TemplateFilterDatasourceI from "../../../filter/TemplateFilterDatasource.interface";
+import WeightStrategy from "../weight-strategy/WeightStrategy";
+export default class SimilarRandomWeightStrategy extends WeightStrategy implements DataStrategyI {
+    constructor();
+    execute(array: TemplateBriefI[], maxRowWidthPx: number, gridOptions: GridOptionsI, filterDatasource: TemplateFilterDatasourceI): TemplateBriefI[];
+}

package/data/strategies/similar-random-weight-strategy/SimilarRandomWeightStrategy.js

@@ -0,0 +1 @@
+import shuffle from"../shuffle";import WeightStrategy from"../weight-strategy/WeightStrategy";export default class SimilarRandomWeightStrategy extends WeightStrategy{constructor(){super()}execute(e,t,r,g){return super.execute(shuffle(e),t,r,g)}}

package/data/strategies/weight-strategy/WeightStrategy.d.ts

@@ -0,0 +1,7 @@
+import { DataStrategyI } from "../../DataStrategy.interface";
+import TemplateBriefI from "../../../TemplateBrief.interface";
+import { GridOptionsI } from "../../../grid/GridOptions.interface";
+import TemplateFilterDatasourceI from "../../../filter/TemplateFilterDatasource.interface";
+export default class WeightStrategy implements DataStrategyI {
+    execute(array: TemplateBriefI[], maxRowWidthPx: number, gridOptions: GridOptionsI, filterDatasource: TemplateFilterDatasourceI): TemplateBriefI[];
+}

package/data/strategies/weight-strategy/WeightStrategy.js

@@ -0,0 +1 @@
+import computeTemplateWeight from"./computeTemplateWeight";function cache(t){const e=this.data||{};return function(c,r){return e[r]||(e[r]=t(c)),e[r]}}export default class WeightStrategy{execute(t,e,c,r){const n=cache.bind({data:{}})(t=>computeTemplateWeight(t,r.getAllFilterGroupsSync()));return t.sort((t,e)=>{const c=n(t,t.id);let r=n(e,e.id);return c>r?-1:c<r?1:0})}}

package/data/strategies/weight-strategy/computeTemplateWeight.d.ts

@@ -0,0 +1,3 @@
+import TemplateBriefI from "../../../TemplateBrief.interface";
+import FilterGroup from "../../../filter/FilterGroup";
+export default function computeTemplateWeight(template: TemplateBriefI, filterGroups: FilterGroup[]): number;

package/data/strategies/weight-strategy/computeTemplateWeight.js

@@ -0,0 +1 @@
+import{DEFAULT_SORT_WEIGHT,getPreferredWeight}from"./getPreferredWeight";export default function computeTemplateWeight(e,t){var r;const i=[],h=t.find(e=>"THEME"===e.type),l=h.items.filter(e=>{var t;return null===(t=e.sortWeight)||void 0===t?void 0:t.length}).map(getPreferredWeight),g=Math.max(...l);if((null===(r=e.sortWeight)||void 0===r?void 0:r.length)&&i.push(getPreferredWeight(e)),"LAUNCHER"===e.layouts[0]&&i.push(-(g+1)),"LAUNCHER"!==e.layouts[0]&&e.themes){const t=h.items.filter(t=>e.themes.includes(t.key)).filter(e=>{var t;return null===(t=e.sortWeight)||void 0===t?void 0:t.length}).map(getPreferredWeight),r=t.length?Math.max(...t):DEFAULT_SORT_WEIGHT.value;i.push(r)}return e.id%2?i.push(-.1):i.push(.1),i.length?i.reduce((e,t)=>e+t,0):0}

package/data/strategies/weight-strategy/getPreferredWeight.d.ts

@@ -0,0 +1,4 @@
+import SortableRecordI from "../../../SortableRecord.interface";
+import SortWeightRecordI from "../../../SortWeightRecordI";
+export declare const DEFAULT_SORT_WEIGHT: SortWeightRecordI;
+export declare function getPreferredWeight(record: SortableRecordI): number;

package/data/strategies/weight-strategy/getPreferredWeight.js

@@ -0,0 +1 @@
+export const DEFAULT_SORT_WEIGHT={startDate:null,endDate:null,value:0};function isBeforeOrEqual(e,t){if(!t)return!1;const[n,r,a]=t.split("-"),u="YYYY"===n?e.getFullYear():parseInt(n),i="MM"===r?e.getMonth():parseInt(r)-1,s="DD"===a?e.getDate():parseInt(a);return e<=new Date(u,i,s)}function isAfterOrEqual(e,t){if(!t)return!1;const[n,r,a]=t.split("-"),u="YYYY"===n?e.getFullYear():parseInt(n),i="MM"===r?e.getMonth():parseInt(r)-1,s="DD"===a?e.getDate():parseInt(a);return e>=new Date(u,i,s)}function isDateInRange(e,t,n){return t?n?isBeforeOrEqual(e,n)&&isAfterOrEqual(e,t):isAfterOrEqual(e,t):isBeforeOrEqual(e,n)}function getActiveRange(e=[DEFAULT_SORT_WEIGHT]){const t=new Date;t.setHours(0,0,0,0);return e.find(e=>isDateInRange(t,e.startDate,e.endDate))||e.find(e=>e.startDate===DEFAULT_SORT_WEIGHT.startDate&&e.endDate===DEFAULT_SORT_WEIGHT.endDate)||DEFAULT_SORT_WEIGHT}export function getPreferredWeight(e){var t;if(!(null===(t=null==e?void 0:e.sortWeight)||void 0===t?void 0:t.length))return DEFAULT_SORT_WEIGHT.value;const n=getActiveRange(e.sortWeight);return(null==n?void 0:n.value)||DEFAULT_SORT_WEIGHT.value}

package/data/strategies/weight-strategy/sortByWeightPredicate.d.ts

@@ -0,0 +1,2 @@
+import SortableRecordI from "../../../SortableRecord.interface";
+export default function sortByWeightPredicate(a: SortableRecordI, b: SortableRecordI): number;

package/data/strategies/weight-strategy/sortByWeightPredicate.js

@@ -0,0 +1 @@
+import{getPreferredWeight}from"./getPreferredWeight";export default function sortByWeightPredicate(e,r){return getPreferredWeight(e)>getPreferredWeight(r)?-1:1}

package/data/strategies/width-based-strategy/WidthBasedStrategy.d.ts

@@ -0,0 +1,7 @@
+import TemplateBriefI from "../../../TemplateBrief.interface";
+import { DataStrategyI } from "../../DataStrategy.interface";
+import { GridOptionsI } from "../../../grid/GridOptions.interface";
+import TemplateFilterDatasourceI from "../../../filter/TemplateFilterDatasource.interface";
+export declare class WidthBasedStrategy implements DataStrategyI {
+    execute(array: TemplateBriefI[], maxRowWidthPx: number, gridOptions: GridOptionsI, filterDatasource: TemplateFilterDatasourceI): TemplateBriefI[];
+}

package/data/strategies/width-based-strategy/WidthBasedStrategy.js

@@ -0,0 +1 @@
+import widthFirstAlgorithm from"./width-first-algorithm/widthFirstAlgorithm";export class WidthBasedStrategy{execute(t,r,i,o){return widthFirstAlgorithm(t,r,i.zoomIndex,i.rowGapPx)}}

package/data/strategies/width-based-strategy/width-first-algorithm/buildRow.d.ts

@@ -0,0 +1,2 @@
+import { SizeModelI } from "./sizeModelI";
+export default function buildRow(models: SizeModelI[], maxRowWidthPx: number, zoomIndex: number | undefined, modelGapPx: number | undefined, modelsAddedIds: number[]): null | SizeModelI[];

package/data/strategies/width-based-strategy/width-first-algorithm/buildRow.js

@@ -0,0 +1 @@
+import{getCurrentRowWidth}from"./getCurrentRowWidth";import{findNextModel}from"./findNextModel";import filterOffDuplicates from"./filterOffDuplicates";export default function buildRow(t,e,i=1,r=0,f){let l=0;const o=[];let n=filterOffDuplicates(t,f);if(!n.length)return null;for(;n.length&&l<=n.length;){const t=getCurrentRowWidth(o,i,r);if(!(e-t>30))break;{const r=findNextModel(n,t,i,e);r&&(o.push(r),f.push(r.id),n=filterOffDuplicates(n,f).sort((t,e)=>t.id>e.id?-1:1))}l++}return o}

package/data/strategies/width-based-strategy/width-first-algorithm/convertArrayToMapByField.d.ts

@@ -0,0 +1 @@
+export declare function convertArrayToMapByField<T>(array: T[], propName: any): Map<number, T>;

package/data/strategies/width-based-strategy/width-first-algorithm/convertArrayToMapByField.js

@@ -0,0 +1 @@
+export function convertArrayToMapByField(e,r){return e.reduce((e,n)=>(e.set(n[r],n),e),new Map)}

package/data/strategies/width-based-strategy/width-first-algorithm/createSizeModels.d.ts

@@ -0,0 +1,7 @@
+import TemplateBriefI from "../../../../TemplateBrief.interface";
+export declare function createSizeModels(array: TemplateBriefI[]): {
+    heightPercent: number;
+    id: number;
+    widthPx: number;
+    heightPx: number;
+}[];

package/data/strategies/width-based-strategy/width-first-algorithm/createSizeModels.js

@@ -0,0 +1 @@
+import{mapSizeModel}from"./mapSizeModel";export function createSizeModels(e){let t=e.map(mapSizeModel).sort((e,t)=>e.heightPx>t.heightPx?1:-1);const i=t[t.length-1].heightPx;return t.map(e=>Object.assign(Object.assign({},e),{heightPercent:100*e.heightPx/i}))}

package/data/strategies/width-based-strategy/width-first-algorithm/filterOffDuplicates.d.ts

@@ -0,0 +1,2 @@
+import { SizeModelI } from "./sizeModelI";
+export default function filterOffDuplicates(models: SizeModelI[], alreadyPresentIds: number[]): SizeModelI[];

package/data/strategies/width-based-strategy/width-first-algorithm/filterOffDuplicates.js

@@ -0,0 +1 @@
+import{isModelAlreadyPresent}from"./isModelAlreadyPresent";export default function filterOffDuplicates(e,r){return e.filter(e=>!isModelAlreadyPresent(e.id,r))}

package/data/strategies/width-based-strategy/width-first-algorithm/findNextModel.d.ts

@@ -0,0 +1,2 @@
+import { SizeModelI } from "./sizeModelI";
+export declare function findNextModel(models: SizeModelI[], rowWidthPx: number, zoomIndex: number, maxRowWidthPx: number): undefined | SizeModelI;

package/data/strategies/width-based-strategy/width-first-algorithm/findNextModel.js

@@ -0,0 +1 @@
+export function findNextModel(n,t,d,e){return n.find(n=>t+n.widthPx*d<=e)}

package/data/strategies/width-based-strategy/width-first-algorithm/generateRandomValue.d.ts

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

package/data/strategies/width-based-strategy/width-first-algorithm/generateRandomValue.js

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

package/data/strategies/width-based-strategy/width-first-algorithm/getCurrentRowWidth.d.ts

@@ -0,0 +1 @@
+export declare function getCurrentRowWidth(row: any, zoomIndex: any, modelGapPx: any): any;

package/data/strategies/width-based-strategy/width-first-algorithm/getCurrentRowWidth.js

@@ -0,0 +1 @@
+export function getCurrentRowWidth(t,e,n){const r=t.length*n;return t.reduce((t,n)=>t+ +n.widthPx*e,0)+r}

package/data/strategies/width-based-strategy/width-first-algorithm/group.interface.d.ts

@@ -0,0 +1,2 @@
+import { SizeModelI } from "./sizeModelI";
+export type GroupInterface = SizeModelI[];

package/data/strategies/width-based-strategy/width-first-algorithm/group.interface.js

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

package/data/strategies/width-based-strategy/width-first-algorithm/groupModelsByPercentHeight.d.ts

@@ -0,0 +1,3 @@
+import { GroupObjectMapInterface } from "./groupObjectMap.interface";
+import { SizeModelI } from "./sizeModelI";
+export declare function groupModelsByPercentHeight(list: SizeModelI[], groups: number[]): GroupObjectMapInterface;

package/data/strategies/width-based-strategy/width-first-algorithm/groupModelsByPercentHeight.js

@@ -0,0 +1 @@
+import shuffle from"../../shuffle";export function groupModelsByPercentHeight(e,t){let f={};return e.forEach(e=>{const r=t.findIndex(t=>e.heightPercent<=t);f[r]?f[r].push(e):f[r]=[e]}),Object.keys(e=>{f[e]=shuffle(f[e])}),f}

package/data/strategies/width-based-strategy/width-first-algorithm/groupObjectMap.interface.d.ts

@@ -0,0 +1,4 @@
+import { GroupInterface } from "./group.interface";
+export type GroupObjectMapInterface = {
+    [index: number]: GroupInterface;
+};

package/data/strategies/width-based-strategy/width-first-algorithm/groupObjectMap.interface.js

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

package/data/strategies/width-based-strategy/width-first-algorithm/isModelAlreadyPresent.d.ts

@@ -0,0 +1 @@
+export declare function isModelAlreadyPresent(targetId: number, models: number[]): boolean;

package/data/strategies/width-based-strategy/width-first-algorithm/isModelAlreadyPresent.js

@@ -0,0 +1 @@
+export function isModelAlreadyPresent(e,n){return!!n.find(n=>n===e)}

package/data/strategies/width-based-strategy/width-first-algorithm/mapSizeModel.d.ts

@@ -0,0 +1,3 @@
+import TemplateBriefI from "../../../../TemplateBrief.interface";
+import { SizeModelI } from "./sizeModelI";
+export declare function mapSizeModel(m: TemplateBriefI): SizeModelI;

package/data/strategies/width-based-strategy/width-first-algorithm/mapSizeModel.js

@@ -0,0 +1 @@
+export function mapSizeModel(e){let t=e.json.document.shared.actualSize.desktop;return{id:e.id,widthPx:parseInt(t.width||"0"),heightPx:parseInt(t.height||"0"),heightPercent:0}}

package/data/strategies/width-based-strategy/width-first-algorithm/sizeModelI.d.ts

@@ -0,0 +1,6 @@
+export interface SizeModelI {
+    id: number;
+    widthPx: number;
+    heightPx: number;
+    heightPercent: number;
+}

package/data/strategies/width-based-strategy/width-first-algorithm/sizeModelI.js

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

package/data/strategies/width-based-strategy/width-first-algorithm/widthFirstAlgorithm.d.ts

@@ -0,0 +1,3 @@
+import TemplateBriefI from "../../../../TemplateBrief.interface";
+export type TemplateRows = TemplateBriefI[][];
+export default function widthFirstAlgorithm(inputModels: TemplateBriefI[], maxRowWidthPx: number, zoomIndex: number, modelGapPx: number): TemplateBriefI[];

package/data/strategies/width-based-strategy/width-first-algorithm/widthFirstAlgorithm.js

@@ -0,0 +1 @@
+import buildRow from"./buildRow";import{convertArrayToMapByField}from"./convertArrayToMapByField";import{createSizeModels}from"./createSizeModels";import{groupModelsByPercentHeight}from"./groupModelsByPercentHeight";export default function widthFirstAlgorithm(e,t,o,r){let i=[],l=[];if(!e.length)return[];l=e.length<=3?[100]:[50,100];const n=convertArrayToMapByField(e,"id"),d=createSizeModels(e),c=groupModelsByPercentHeight(d,l),g=[];let p=0,a=0;for(;d.length>g.length&&!(a>e.length);){const e=c[p];if(e){const l=buildRow(e,t,o,r,g);if(l){const e=l.map(e=>n.get(e.id));i.push(e)}}p++,p===l.length&&(p=0),a++}return i.flat()}

package/dialog/ClDialogSliderComponent.d.ts

@@ -0,0 +1,35 @@
+export interface ClDialogSliderComponentI extends HTMLElement {
+    open(): void;
+    close(): void;
+}
+declare class ClDialogSliderComponent extends HTMLElement implements ClDialogSliderComponentI {
+    private _dynamicData;
+    private _boundEscapeListener;
+    static dialogSelector: string;
+    static dialogContentSelector: string;
+    static dialogCloseIconSelector: string;
+    static dialogLeftArrowSelector: string;
+    static dialogRightArrowSelector: string;
+    static template: string;
+    private dialogContainerElement;
+    private dialogLeftArrowElement;
+    private dialogRightArrowElement;
+    private dialogCloseIconElement;
+    private currentOverflowValue;
+    static get observedAttributes(): never[];
+    constructor();
+    get disabledLeft(): boolean | undefined;
+    set disabledLeft(disabled: boolean | undefined);
+    get disabledRight(): boolean | undefined;
+    set disabledRight(disabled: boolean | undefined);
+    get hideCloseBtn(): boolean | undefined;
+    set hideCloseBtn(isHidden: boolean | undefined);
+    open(): void;
+    close(): void;
+    attributeChangedCallback(): void;
+    disconnectedCallback(): void;
+    _upgradeProperty(prop: any): void;
+    keyboardListenerCallback(event: any): void;
+    _dispatchEvent(eventType: any): void;
+}
+export default ClDialogSliderComponent;

package/dialog/ClDialogSliderComponent.js

@@ -0,0 +1 @@
+var SliderEvents;!function(e){e.getPrev="getPrev",e.getNext="getNext"}(SliderEvents||(SliderEvents={}));class ClDialogSliderComponent extends HTMLElement{static get observedAttributes(){return[]}constructor(){var e,n,l,i;super();const t=this.attachShadow({mode:"open"}),o=document.createElement("div");o.insertAdjacentHTML("beforeend",ClDialogSliderComponent.template),t.appendChild(o),this.dialogContainerElement=t.querySelector(ClDialogSliderComponent.dialogSelector),this.dialogLeftArrowElement=t.querySelector(ClDialogSliderComponent.dialogLeftArrowSelector),this.dialogRightArrowElement=t.querySelector(ClDialogSliderComponent.dialogRightArrowSelector),this.dialogCloseIconElement=t.querySelector(ClDialogSliderComponent.dialogCloseIconSelector),this.currentOverflowValue=document.body.style.overflow,null===(e=this.dialogCloseIconElement)||void 0===e||e.addEventListener("click",()=>{this.close()}),null===(n=this.dialogLeftArrowElement)||void 0===n||n.addEventListener("click",()=>{this._dispatchEvent(SliderEvents.getPrev)}),null===(l=this.dialogRightArrowElement)||void 0===l||l.addEventListener("click",()=>{this._dispatchEvent(SliderEvents.getNext)}),null===(i=this.dialogContainerElement)||void 0===i||i.addEventListener("click",e=>{e.target===this.dialogContainerElement&&this.close()}),this._boundEscapeListener=this.keyboardListenerCallback.bind(this)}get disabledLeft(){var e;return null===(e=this.dialogLeftArrowElement)||void 0===e?void 0:e.hasAttribute("disabled")}set disabledLeft(e){var n,l;e?null===(n=this.dialogLeftArrowElement)||void 0===n||n.setAttribute("disabled",""):null===(l=this.dialogLeftArrowElement)||void 0===l||l.removeAttribute("disabled")}get disabledRight(){var e;return null===(e=this.dialogRightArrowElement)||void 0===e?void 0:e.hasAttribute("disabled")}set disabledRight(e){var n,l;e?null===(n=this.dialogRightArrowElement)||void 0===n||n.setAttribute("disabled",""):null===(l=this.dialogRightArrowElement)||void 0===l||l.removeAttribute("disabled")}get hideCloseBtn(){var e;return null===(e=this.dialogCloseIconElement)||void 0===e?void 0:e.classList.contains("cl-dialog-slider-close-icon--hidden")}set hideCloseBtn(e){var n,l;e?null===(n=this.dialogCloseIconElement)||void 0===n||n.classList.add("cl-dialog-slider-close-icon--hidden"):null===(l=this.dialogCloseIconElement)||void 0===l||l.classList.remove("cl-dialog-slider-close-icon--hidden")}open(){var e;document.body.style.overflow="hidden",this.setAttribute("open","true"),null===(e=this.dialogContainerElement)||void 0===e||e.classList.add("cl-dialog-slider-open");const n=this.querySelector("a,button,input");null==n||n.focus(),window.addEventListener("keyup",this._boundEscapeListener)}close(){var e;document.body.style.overflow=this.currentOverflowValue,this.removeAttribute("open"),null===(e=this.dialogContainerElement)||void 0===e||e.classList.remove("cl-dialog-slider-open"),this._dispatchEvent("closed"),window.removeEventListener("keyup",this._boundEscapeListener)}attributeChangedCallback(){}disconnectedCallback(){window.removeEventListener("keyup",this._boundEscapeListener)}_upgradeProperty(e){if(this.hasOwnProperty(e)){let n=this[e];delete this[e],this[e]=n}}keyboardListenerCallback(e){"Escape"===e.key?this.close():"ArrowLeft"===e.key?this._dispatchEvent(SliderEvents.getPrev):"ArrowRight"===e.key&&this._dispatchEvent(SliderEvents.getNext)}_dispatchEvent(e){this.dispatchEvent(new CustomEvent(e,{detail:{},bubbles:!0,composed:!0}))}}ClDialogSliderComponent.dialogSelector=".cl-dialog-slider",ClDialogSliderComponent.dialogContentSelector=".cl-dialog-slider-content",ClDialogSliderComponent.dialogCloseIconSelector=".cl-dialog-slider-close-icon",ClDialogSliderComponent.dialogLeftArrowSelector=".cl-dialog-slider-arrow-left",ClDialogSliderComponent.dialogRightArrowSelector=".cl-dialog-slider-arrow-right",ClDialogSliderComponent.template='\n<div class="cl-dialog-slider">\n  <style>\n  .cl-dialog-slider {\n    z-index: -1;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    width: 0;\n    height: 0;\n    display: none;\n    justify-content: center;\n    align-items: center;\n    background: rgba(0, 0, 0, 0.7);\n  }\n\n  .cl-dialog-slider-open {\n    display: flex;\n    width: 100%;\n    height: 100%;\n    z-index: 998;\n  }\n\n  .cl-dialog-slider-inner-content {\n     position: relative;\n     max-width: 100vw;\n     background: #fff;\n  }\n\n  .cl-dialog-slider-close-icon {\n    position: absolute;\n    top: 30px;\n    right: 50px;\n    font-size: 9px;\n    color: #000;\n    opacity: .75;\n    cursor: pointer;\n    z-index: 99;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: 44px;\n    width: 44px;\n    border-radius: 50%;\n  }\n\n  .cl-dialog-slider-close-icon:hover {\n    opacity: 1;\n    background-color: #e6e6e6;\n  }\n\n  .cl-dialog-slider-close-icon--hidden {\n    display: none;\n  }\n\n  .cl-dialog-slider [cl-type="VIEW"] {\n    max-height: calc(100vh - 170px);\n    overflow-y: auto;\n    overflow-x: hidden;\n  }\n\n  .cl-dialog-slider-arrow {\n    display:flex;\n    align-items:center;\n    justify-content: center;\n    height: 50px;\n    width: 50px;\n    border-radius: 25px;\n    background: #FFFFFF;\n    border: 2px solid #F3492C;\n    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 0 0 2px rgba(0, 0, 0, 0.07);\n    position: absolute;\n    top: 325px;\n    z-index: 999999999;\n    cursor: pointer;\n  }\n\n  button.cl-dialog-slider-arrow[disabled] {\n    border: 2px solid #e2dede;\n  }\n  button.cl-dialog-slider-arrow[disabled] svg path {\n    fill: #e2dede;\n  }\n\n  .cl-dialog-slider-arrow:hover {\n    background: #e6e6e6;\n  }\n\n  .cl-dialog-slider-arrow-left {\n    left: 20px;\n  }\n\n  .cl-dialog-slider-arrow-right {\n    right: 20px;\n  }\n\n  .cl-no-scroll {\n  overflow: hidden;\n  }\n  </style>\n    <button class="cl-dialog-slider-arrow cl-dialog-slider-arrow-left" disabled>\n      <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n        <path d="M9 12L8.05719 11.0572L7.11438 12L8.05719 12.9428L9 12ZM14.0572 5.05719L8.05719 11.0572L9.94281 12.9428L15.9428 6.94281L14.0572 5.05719ZM8.05719 12.9428L14.0572 18.9428L15.9428 17.0572L9.94281 11.0572L8.05719 12.9428Z" fill="#5F5F5F"/>\n      </svg>\n    </button>\n\n\n  <div class="cl-dialog-slider-inner-content">\n    <div class="cl-dialog-slider-close-icon">\n    <div class="cl-dialog-slider-close-icon-content"></div>\n      <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n        <path d="M18 6L6 18M6 6L18 18" stroke="#2C2C2C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>\n      </svg>\n    </div>\n\n    <div class="cl-dialog-slider-content">\n    <slot></slot>\n</div>\n  </div>\n\n  <button class="cl-dialog-slider-arrow cl-dialog-slider-arrow-right">\n    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n        <path d="M15 12L15.9428 11.0572L16.8856 12L15.9428 12.9428L15 12ZM9.94281 5.05719L15.9428 11.0572L14.0572 12.9428L8.05719 6.94281L9.94281 5.05719ZM15.9428 12.9428L9.94281 18.9428L8.05719 17.0572L14.0572 11.0572L15.9428 12.9428Z" fill="#5F5F5F"/>\n    </svg>\n  </button>\n</div>\n',customElements.get("cl-dialog-slider")||customElements.define("cl-dialog-slider",ClDialogSliderComponent);export default ClDialogSliderComponent;

package/error/TemplateGridConstructorArgumentsError.d.ts

@@ -0,0 +1,3 @@
+export default class TemplateGridConstructorArgumentsError extends Error {
+    constructor(message: any);
+}

package/error/TemplateGridConstructorArgumentsError.js

@@ -0,0 +1 @@
+export default class TemplateGridConstructorArgumentsError extends Error{constructor(r){super(r),this.name=this.constructor.name}}

package/filter/FilterApplier.d.ts

@@ -0,0 +1,10 @@
+import TemplateBriefI from "../TemplateBrief.interface";
+import { FilterValueI } from "./FilterValue.interface";
+import { FilterGroupType } from "./FilterGroupType";
+export default class FilterApplier {
+    static apply(items: TemplateBriefI[], filterValue: FilterValueI | null): TemplateBriefI[];
+    static filterValuePredicate(t: TemplateBriefI, f: FilterValueI | null): boolean;
+    private static getSwitchedOnItemsFromGroup;
+    static templateHasAtLeastOneItem(t: TemplateBriefI, groupType: FilterGroupType, switchedOnItems: string[]): boolean;
+    private static templateHasItem;
+}

package/filter/FilterApplier.js

@@ -0,0 +1 @@
+import mapFilterGroupTypeToTemplateField from"./mapFilterGroupTypeToTemplateField";export default class FilterApplier{static apply(e,t){return e.filter(e=>FilterApplier.filterValuePredicate(e,t))}static filterValuePredicate(e,t){if(!t)return!0;let r=t.map(t=>!!Object.values(t.items).every(e=>!1===e&&e===Object.values(t.items)[0])||this.templateHasAtLeastOneItem(e,t.type,this.getSwitchedOnItemsFromGroup(t)));return r.filter(e=>e).length===r.length}static getSwitchedOnItemsFromGroup(e){return Object.keys(e.items).filter(t=>e.items[t])}static templateHasAtLeastOneItem(e,t,r){let i=!1;const l=mapFilterGroupTypeToTemplateField(t);return l&&e[l]?(i=!!e[l].find(e=>FilterApplier.templateHasItem(e.toString(),r)),i):i}static templateHasItem(e,t){return t.includes(e.toString())}}

package/filter/FilterGroup.d.ts

@@ -0,0 +1,7 @@
+import { FilterGroupI } from "./FilterGroup.interface";
+import FilterItemI from "./FilterItem.interface";
+export default class FilterGroup implements FilterGroupI {
+    type: any;
+    items: FilterItemI[];
+    constructor(type: any, items: FilterItemI[]);
+}

package/filter/FilterGroup.interface.d.ts

@@ -0,0 +1,6 @@
+import FilterItemI from "./FilterItem.interface";
+import { FilterGroupType } from "./FilterGroupType";
+export interface FilterGroupI {
+    type: FilterGroupType;
+    items: FilterItemI[];
+}

package/filter/FilterGroup.interface.js

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

package/filter/FilterGroup.js

@@ -0,0 +1 @@
+export default class FilterGroup{constructor(t,s){this.type=t,this.items=s}}

package/filter/FilterGroupType.d.ts

@@ -0,0 +1,7 @@
+export declare enum FilterGroupType {
+    USE_CASE = "USE_CASE",
+    LAYOUT = "LAYOUT",
+    INDUSTRY = "INDUSTRY",
+    THEME = "THEME",
+    FEATURES = "FEATURES"
+}

package/filter/FilterGroupType.js

@@ -0,0 +1 @@
+export var FilterGroupType;!function(E){E.USE_CASE="USE_CASE",E.LAYOUT="LAYOUT",E.INDUSTRY="INDUSTRY",E.THEME="THEME",E.FEATURES="FEATURES"}(FilterGroupType||(FilterGroupType={}));

package/filter/FilterItem.d.ts

@@ -0,0 +1,9 @@
+import FilterItemI from "./FilterItem.interface";
+export default class FilterItem implements FilterItemI {
+    key: any;
+    translations: any;
+    sortWeight: any;
+    isActive: boolean;
+    hidden: boolean;
+    constructor(key: any, translations: any, sortWeight: any, isActive?: boolean, hidden?: boolean);
+}

package/filter/FilterItem.interface.d.ts

@@ -0,0 +1,9 @@
+import SortableRecordI from "../SortableRecord.interface";
+export default interface FilterItemI extends SortableRecordI {
+    key: string;
+    translations: {
+        [key: string]: string;
+    };
+    isActive: boolean;
+    hidden?: boolean;
+}

package/filter/FilterItem.interface.js

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

package/filter/FilterItem.js

@@ -0,0 +1 @@
+export default class FilterItem{constructor(t,s,i,e=!1,h=!1){this.key=t,this.translations=s,this.sortWeight=i,this.isActive=e,this.hidden=h}}

package/filter/FilterResponse.interface.d.ts

@@ -0,0 +1,2 @@
+import { FilterGroupI } from "./FilterGroup.interface";
+export type FilterResponseI = FilterGroupI[];

package/filter/FilterResponse.interface.js

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

package/filter/FilterTranslator.d.ts

@@ -0,0 +1,9 @@
+import { FilterGroupI } from "./FilterGroup.interface";
+export default class FilterTranslator {
+    private lang;
+    private filterGroups;
+    private map;
+    constructor(lang: string, filterGroups: FilterGroupI[]);
+    translate(key: any): string;
+    getTranslationsMap(): Map<string, string>;
+}

package/filter/FilterTranslator.js

@@ -0,0 +1 @@
+import{flat}from"@claspo/common/flat";export default class FilterTranslator{constructor(t,a){this.lang=t,this.filterGroups=a,this.map=new Map,flat(a.map(t=>t.items)).forEach(a=>{this.map.set(a.key,a.translations[t]||a.key)})}translate(t){return this.map.get(t)||t}getTranslationsMap(){return this.map}}

package/filter/FilterValue.interface.d.ts

@@ -0,0 +1,2 @@
+import { FilterValueGroupI } from "./FilterValueGroup.interface";
+export type FilterValueI = FilterValueGroupI[];

package/filter/FilterValue.interface.js

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

package/filter/FilterValueGroup.interface.d.ts

@@ -0,0 +1,7 @@
+import { FilterGroupType } from "./FilterGroupType";
+export interface FilterValueGroupI {
+    type: FilterGroupType;
+    items: {
+        [key: string]: boolean;
+    };
+}

package/filter/FilterValueGroup.interface.js

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

package/filter/HttpFilterLoader.d.ts

@@ -0,0 +1,8 @@
+import { FilterResponseI } from "./FilterResponse.interface";
+import HttpAbortableLoader from "@claspo/common/HttpAbortableLoader";
+export default class HttpFilterLoader extends HttpAbortableLoader {
+    private filterResponse;
+    constructor(url: any, headers?: {});
+    load(): Promise<FilterResponseI>;
+    private map;
+}

package/filter/HttpFilterLoader.js

@@ -0,0 +1 @@
+import HttpClient from"@claspo/common/network/HttpClient";import FilterGroup from"./FilterGroup";import FilterItem from"./FilterItem";import HttpAbortableLoader from"@claspo/common/HttpAbortableLoader";export default class HttpFilterLoader extends HttpAbortableLoader{constructor(t,e={}){super(t,e,HttpClient)}load(){return super.load().then(t=>t.json()).then(t=>this.map(t)).then(t=>(this.filterResponse=t,this.filterResponse))}map(t){return t.map(t=>new FilterGroup(t.type,t.items.map(t=>new FilterItem(t.key,t.translations,t.sortWeight,!1,t.hidden))))}}

package/filter/TemplateFilterDatasource.d.ts

@@ -0,0 +1,17 @@
+import { FilterResponseI } from "./FilterResponse.interface";
+import TemplateBriefI from "../TemplateBrief.interface";
+import TemplateFilterDatasourceI from "./TemplateFilterDatasource.interface";
+import { FilterGroupI } from "./FilterGroup.interface";
+export default class TemplateFilterDatasource implements TemplateFilterDatasourceI {
+    private envManager;
+    private filterLoader;
+    private filterGroups;
+    private initialFilters;
+    constructor(initialFilters?: any);
+    get(items?: TemplateBriefI[]): Promise<FilterResponseI>;
+    getAllFilterGroups(): Promise<FilterResponseI>;
+    getAllFilterGroupsSync(): FilterResponseI;
+    getInitialFilters(): FilterGroupI[];
+    private filter;
+    static sort(filterGroups: FilterResponseI): FilterResponseI;
+}

package/filter/TemplateFilterDatasource.interface.d.ts

@@ -0,0 +1,9 @@
+import { FilterResponseI } from "./FilterResponse.interface";
+import TemplateBriefI from "../TemplateBrief.interface";
+interface TemplateFilterDatasourceI {
+    get(items: TemplateBriefI[]): Promise<FilterResponseI>;
+    getAllFilterGroups(): Promise<FilterResponseI>;
+    getAllFilterGroupsSync(): FilterResponseI;
+    getInitialFilters(): FilterResponseI;
+}
+export default TemplateFilterDatasourceI;

package/filter/TemplateFilterDatasource.interface.js

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

package/filter/TemplateFilterDatasource.js

@@ -0,0 +1 @@
+import{EnvKey,EnvManager}from"../EnvManager";import HttpFilterLoader from"./HttpFilterLoader";import{FilterGroupType}from"./FilterGroupType";import FilterApplier from"./FilterApplier";import FilterGroup from"./FilterGroup";import sortByWeightPredicate from"../data/strategies/weight-strategy/sortByWeightPredicate";import FilterItem from"./FilterItem";export default class TemplateFilterDatasource{constructor(t){this.envManager=new EnvManager,this.filterGroups=[],this.initialFilters=[],this.initialFilters=t||[],this.filterLoader=new HttpFilterLoader(this.envManager.get(EnvKey.FILTERS_URL))}get(t=[]){return this.getAllFilterGroups().then(e=>TemplateFilterDatasource.sort(this.filter(e,t)))}async getAllFilterGroups(){return this.filterGroups.length||(this.filterGroups=await this.filterLoader.load()),Promise.resolve(this.filterGroups)}getAllFilterGroupsSync(){return this.filterGroups}getInitialFilters(){return this.initialFilters}filter(t,e){let r=t.map(t=>{const r=this.initialFilters.find(e=>e.type===t.type);return new FilterGroup(t.type,t.items.filter(r=>!!e.find(e=>FilterApplier.templateHasAtLeastOneItem(e,t.type,[r.key]))).map(t=>{const e=r?r.items.find(e=>e.key===t.key):null,i=!!e&&e.isActive;return new FilterItem(t.key,t.translations,t.sortWeight,i,t.hidden)}))});return this.initialFilters.length&&(this.initialFilters=[]),r}static sort(t){let e=[];const r=[],i=[FilterGroupType.USE_CASE,FilterGroupType.FEATURES,FilterGroupType.LAYOUT,FilterGroupType.INDUSTRY,FilterGroupType.THEME];return t.forEach(t=>{t.items=t.items.sort(sortByWeightPredicate);const l=i.indexOf(t.type);-1!==l?e[l]=t:r.push(t)}),e=e.filter(Boolean),[...e,...r]}}

package/filter/TemplateFilterObserver.d.ts

@@ -0,0 +1,11 @@
+import { FilterValueI } from "./FilterValue.interface";
+declare const TemplateFilterObserver_base: any;
+export default class TemplateFilterObserver extends TemplateFilterObserver_base {
+    static FILTER_CHANGED_EVENT_NAME: string;
+    constructor();
+    next(value: FilterValueI): void;
+    subscribe(listener: (value: FilterValueI) => void): {
+        off: () => void;
+    };
+}
+export {};

package/filter/TemplateFilterObserver.js

@@ -0,0 +1 @@
+import DefaultEventEmitter from"@claspo/common/DefaultEventEmitter";export default class TemplateFilterObserver extends DefaultEventEmitter{constructor(){super()}next(e){this.emit(TemplateFilterObserver.FILTER_CHANGED_EVENT_NAME,e)}subscribe(e){return this.on(TemplateFilterObserver.FILTER_CHANGED_EVENT_NAME,e)}}TemplateFilterObserver.FILTER_CHANGED_EVENT_NAME="FILTER_CHANGED_EVENT_NAME";

package/filter/mapFilterGroupTypeToTemplateField.d.ts

@@ -0,0 +1,2 @@
+import { FilterGroupType } from "./FilterGroupType";
+export default function mapFilterGroupTypeToTemplateField(t: FilterGroupType): string | null;

package/filter/mapFilterGroupTypeToTemplateField.js

@@ -0,0 +1 @@
+import{FilterGroupType}from"./FilterGroupType";export default function mapFilterGroupTypeToTemplateField(e){switch(e){case FilterGroupType.LAYOUT:return"layouts";case FilterGroupType.USE_CASE:return"useCases";case FilterGroupType.INDUSTRY:return"industry";case FilterGroupType.THEME:return"themes";case FilterGroupType.FEATURES:return"features";default:return null}}

package/grid/DefaultGridOptions.d.ts

@@ -0,0 +1,2 @@
+import { GridOptionsI } from "./GridOptions.interface";
+export declare let defaultGridOptions: GridOptionsI;

package/grid/DefaultGridOptions.js

@@ -0,0 +1 @@
+import{GridAlgorithm}from"./GridAlgorithm.enum";export let defaultGridOptions={algorithm:GridAlgorithm.DEFAULT,zoomIndex:1,rowGapPx:0,gridGapPx:0};

package/grid/GridAlgorithm.enum.d.ts

@@ -0,0 +1,6 @@
+export declare enum GridAlgorithm {
+    WIDTH_FIRST = "WIDTH_FIRST",
+    DEFAULT = "DEFAULT",
+    WEIGHT_FIRST = "WEIGHT_FIRST",
+    SIMILAR_RANDOM_WEIGHT = "SIMILAR_RANDOM_WEIGHT"
+}

package/grid/GridAlgorithm.enum.js

@@ -0,0 +1 @@
+export var GridAlgorithm;!function(I){I.WIDTH_FIRST="WIDTH_FIRST",I.DEFAULT="DEFAULT",I.WEIGHT_FIRST="WEIGHT_FIRST",I.SIMILAR_RANDOM_WEIGHT="SIMILAR_RANDOM_WEIGHT"}(GridAlgorithm||(GridAlgorithm={}));

package/grid/GridOptions.interface.d.ts

@@ -0,0 +1,7 @@
+import { GridAlgorithm } from "./GridAlgorithm.enum";
+export interface GridOptionsI {
+    algorithm: GridAlgorithm;
+    zoomIndex: number;
+    rowGapPx: number;
+    gridGapPx: number;
+}

package/grid/GridOptions.interface.js

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

package/grid-preview/GridPreview.d.ts

@@ -0,0 +1,17 @@
+import { GridPreviewInitParamsI } from './GridPreviewInit.interface';
+export default class GridPreview {
+    private documentConnector;
+    private viewComponentResourcesLoadedListener;
+    init(params: GridPreviewInitParamsI): HTMLElement;
+    destroy(): void;
+    private renderDynamicPreviewInIframe;
+    private setWidgetStyles;
+    private shouldBeResized;
+    private resizeUntilScrollbarDisappears;
+    private adjustWidgetSize;
+    private applyScaleToPreviewInIframe;
+    private getWidgetWidth;
+    private getWidgetHeight;
+    private addClickHandlerToItem;
+    private createLoaderElement;
+}

package/grid-preview/GridPreview.js

@@ -0,0 +1 @@
+import LayoutType from"@claspo/common/form/common/LayoutType";import BaseElementInViewportHandler from"@claspo/common/element/BaseElementInViewportHandler";import StaticDocumentConnector from"@claspo/document-connector/StaticDocumentConnector";import PreviewBackgroundStyles from"@claspo/document-connector/PreviewBackgroundStyles";import SysTextComponent from"@claspo/components/SysTextComponent/SysTextComponent";import SysContainerComponent from"@claspo/components/SysContainerComponent/SysContainerComponent";import SysColumnsComponent from"@claspo/components/SysColumnsComponent/SysColumnsComponent";import SysColumnComponent from"@claspo/components/SysColumnComponent/SysColumnComponent";import SysImageComponent from"@claspo/components/SysImageComponent/SysImageComponent";import SysInputComponent from"@claspo/components/SysInputComponent/SysInputComponent";import SysButtonComponent from"@claspo/components/SysButtonComponent/SysButtonComponent";import{ViewRendererActionType}from"@claspo/renderer/sdk";export default class GridPreview{constructor(){this.documentConnector=null}init(e){const n=document.createElement("div");e.containerCssClasses&&(e.containerCssClasses.forEach(e=>n.classList.add(e)),e.containerCssClasses.includes("grid-item--placeholder")||(n.style.backgroundColor="lightgrey")),e.id&&(n.dataset.id=e.id.toString()),n.style.height=`${e.height}px`;return new BaseElementInViewportHandler(n,!1).handle(async()=>{n.classList.remove("grid-item--placeholder"),n.style.backgroundColor="",n.style.height=`${e.height}px`,await this.renderDynamicPreviewInIframe(e,n),e.templateVisibleCallback&&e.templateVisibleCallback()},()=>{var e;n.classList.add("grid-item--placeholder"),n.style.backgroundColor="lightgrey",this.documentConnector&&(null===(e=this.documentConnector)||void 0===e||e.destroy(),[...n.children].forEach(e=>e.remove()))}),n}destroy(){var e,n;null===(e=this.documentConnector)||void 0===e||e.destroy(),null===(n=this.viewComponentResourcesLoadedListener)||void 0===n||n.off()}async renderDynamicPreviewInIframe(e,n){const t=e.layoutType;let o;t!==LayoutType.DETACHED&&t!==LayoutType.BUILT_IN&&(o={width:"100%",height:"100%"});const i=Math.max(document.documentElement.clientWidth,window.innerWidth||0),l=Object.assign(Object.assign({},e.documentModel),{shared:Object.assign(Object.assign({},e.documentModel.shared),{launcher:Object.assign(Object.assign({},e.documentModel.shared.launcher),{entryAnimation:{type:null},loopAnimation:{type:null}}),floatingBox:Object.assign(Object.assign({},e.documentModel.shared.floatingBox),{entryAnimation:{type:null}}),dialog:Object.assign(Object.assign({},e.documentModel.shared.dialog),{background:"rgba(0, 0, 0, 0)"}),mobileBreakpointWidth:i-1})});this.documentConnector=new StaticDocumentConnector({layoutType:t,widgetType:e.widgetType,documentModel:l,bundledComponentClasses:e.useDefaultBundledComponentClasses?[SysTextComponent,SysContainerComponent,SysColumnsComponent,SysColumnComponent,SysImageComponent,SysInputComponent,SysButtonComponent]:e.bundledComponentClasses,config:{browserLanguage:navigator.language,optionalDocumentStyles:o,staticResourcesUrl:e.staticResourcesUrl,hostUrl:e.hostUrl,prizePoolModels:e.prizePoolModels,demoMode:!0},disabled:!0,disableSmartPosition:!0,disableScrollbarCalculation:!0,disableLayoutAnimations:!0});const s=document.createElement("iframe");s.style.border="0",t!==LayoutType.BUILT_IN&&(n.innerHTML=PreviewBackgroundStyles.getFullScreen(),n.style.position="relative",s.style.position="absolute",s.style.top="0px",s.style.left="0px"),s.addEventListener("load",async()=>{s.style.width="100%",s.style.height="100%";const n=s.contentWindow.document,o=this.createLoaderElement();n.body.appendChild(o),t===LayoutType.BUILT_IN&&n.body.append(PreviewBackgroundStyles.getBuiltInTopSection()),this.viewComponentResourcesLoadedListener=this.documentConnector.on(ViewRendererActionType.VIEW_COMPONENT_RESOURCES_LOADED,()=>{this.adjustWidgetSize(s)}),await this.documentConnector.connect(n.body),s.contentWindow&&s.contentWindow.document&&(o.remove(),t===LayoutType.BUILT_IN&&n.body.append(PreviewBackgroundStyles.getBuiltInBottomSection()),n.body.style.height="100%",n.body.style.margin="0px",n.body.style.cursor="pointer",this.addClickHandlerToItem(s.contentWindow.document.body,e.clickCallback),this.setWidgetStyles(l,t,t===LayoutType.BUILT_IN?e.width-40:e.width,t===LayoutType.BUILT_IN?e.height-40:e.height,s))}),n.appendChild(s)}setWidgetStyles(e,n,t,o,i){const l=i.contentWindow.document;i.style.width=`${t}px`,i.style.height=`${o}px`,i.style.border="none",i.style.transformOrigin="",i.style.transform="";const s=this.getWidgetHeight(n,e,"desktop"),r=this.getWidgetWidth(n,e,"desktop"),a=e=>this.applyScaleToPreviewInIframe(i,t,o,r,s,n,e);s&&s>o&&s-o>r-t?a(!1):r&&r>t&&a(!0),n===LayoutType.BUILT_IN&&(l.body.style.display="grid",l.body.style.gridTemplateRows="1fr auto 1fr",l.body.style.gridRowGap="15px",l.body.style.background="#F4F4F4")}shouldBeResized(e){const n=e.scrollWidth-e.clientWidth,t=e.scrollHeight-e.clientHeight;return n>0||t>0}resizeUntilScrollbarDisappears(e,n,t=.85){if(!(t<.5)&&this.shouldBeResized(e)){const o=t-.05;return n.style.transform=`scale(${o})`,n.style.transformOrigin="top left",this.resizeUntilScrollbarDisappears(e,n,o)}}adjustWidgetSize(e){var n;const t=null===(n=e.contentWindow)||void 0===n?void 0:n.document.body;if(!t)return;const o=t.querySelector(".cl-widget");o&&(t.querySelectorAll(".preview-placeholder-element").forEach(n=>{n instanceof HTMLElement&&(n.style.width=e.style.width)}),setTimeout(()=>{this.resizeUntilScrollbarDisappears(t,o)}))}applyScaleToPreviewInIframe(e,n,t,o,i,l,s){const r=s&&o>n?l===LayoutType.FLOATING_BAR?1366:o:n,a=!s&&i>t?i:t,d=s?n/r:t/a;e.style.transformOrigin="left top",e.style.transform=`scale(${d})`,e.style.width=s?`${r}px`:n/d+"px",e.style.height=s?t/d+"px":`${a}px`}getWidgetWidth(e,n,t){var o,i,l,s,r;if(!n||!n.shared.actualSize)return 0;const a=Array.isArray(n.shared.actualSize)?null===(l=null===(i=null===(o=n.shared.actualSize)||void 0===o?void 0:o[0])||void 0===i?void 0:i[t])||void 0===l?void 0:l.width:null===(r=null===(s=n.shared.actualSize)||void 0===s?void 0:s[t])||void 0===r?void 0:r.width;return a?parseFloat(a)+(e===LayoutType.BUILT_IN?0:100):0}getWidgetHeight(e,n,t){var o,i,l,s,r;if(!n||!n.shared.actualSize)return 0;const a=Array.isArray(n.shared.actualSize)?null===(l=null===(i=null===(o=n.shared.actualSize)||void 0===o?void 0:o[0])||void 0===i?void 0:i[t])||void 0===l?void 0:l.height:null===(r=null===(s=n.shared.actualSize)||void 0===s?void 0:s[t])||void 0===r?void 0:r.height;return a?parseFloat(a)+(e===LayoutType.BUILT_IN?0:100):0}addClickHandlerToItem(e,n){n&&e.addEventListener("click",()=>n())}createLoaderElement(){const e=document.createElement("div");return e.innerHTML='\n<style>\n  body {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    overflow: hidden;\n  } \n  body > div{\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    height: 100%;\n    padding: 20px;\n    overflow: hidden;\n  }\n  .cl-grid-preview-loader {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      max-width: 223px;\n      max-height: 252px;\n      height: auto;\n      padding: 24px 24px 33px;\n      margin: auto;\n      border-radius: 10px;\n      border: 8px solid #E5E5E5;\n      background: #FFF;\n      box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.10);\n  }\n  \n  svg {\n    max-width: 164px;\n    width: 100%;\n  }\n  .skeleton--body {\n    display: flex;\n    flex-direction: column;\n    padding-top: 5px;\n    width: 100%;\n    max-width: 164px;\n  }\n  .skeleton--row {\n    display: inline-flex;\n    height: 31px;\n    width: 100%;\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n  .skeleton--row:last-child {\n      border-bottom: none;\n  }\n  .skeleton--cell {\n    background: linear-gradient(90deg, #e0e0e0 25%, #f0f0f0 50%, #e0e0e0 75%);\n    background-size: 200% 100%;\n    animation: skeleton-loading 1.5s infinite;\n    border-radius: 4px;\n    height: 100%;\n  }\n\n  @keyframes skeleton-loading {\n    0% {\n      background-position: 200% 0;\n    }\n    100% {\n      background-position: -200% 0;\n    }\n  }\n  .skeleton--row1 {\n    width: 100%;\n    max-width: 164px;\n    flex: 1 0 0;\n  }\n  .skeleton--row2 {\n    width: 74%;\n    max-width: 121px;\n    flex: 1 0 0;\n  }\n  .skeleton--row3 {\n    width: 87%;\n    max-width: 143px;\n    flex: 1 0 0;\n  }\n  .skeleton--button {\n    max-width: 104px;\n    width: 63%;\n    height: 32px;\n    border-radius: 40px;\n    margin-top: 20px;\n    overflow: hidden;\n  }\n  \n  @media (max-width: 250px) {\n    body > div {\n    width: 70%;\n      padding: 5px;\n    }\n    \n    .cl-grid-preview-loader {\n      max-width: 100px;\n      max-height: 80%;\n      height: auto;\n      padding: 4px 4px 3px;\n      border: 4px solid #E5E5E5;\n    }\n    \n    .skeleton--row {\n        display: inline-flex;\n        height: 10px;\n        width: 100%;\n        flex-direction: column;\n        align-items: flex-start;\n        gap: 4px;\n    }\n    \n    .skeleton--row2, \n    .skeleton--row3 {\n       display: none;\n    }\n    \n    .skeleton--button {\n      height: 16px;\n      border-radius: 10px;\n      margin-top: 5px;\n    }\n    \n    .skeleton--body {\n      max-width: 100px;\n    }\n  }\n  \n</style>\n<div class="cl-grid-preview-loader cl-widget">\n  <svg viewBox="0 0 164 107" fill="none" xmlns="http://www.w3.org/2000/svg">\n    <g clip-path="url(#clip0_50190_912)">\n    <rect width="164" height="107" rx="4" fill="#EDEDED"/>\n    <circle opacity="0.5" cx="91.5" cy="76.5" r="6.5" fill="#D9D9D9"/>\n    <path opacity="0.5" fill-rule="evenodd" clip-rule="evenodd" d="M60.7194 57.201C64.1524 68.884 59.1448 81.609 51.528 91.1123C44.0072 100.496 32.714 106.184 20.7141 107.115C9.22857 108.005 -1.55529 103.068 -10.5912 95.9283C-19.5451 88.8531 -26.4053 79.4895 -28.4443 68.2706C-30.6039 56.3878 -28.6454 44.0305 -21.8366 34.0526C-14.5839 23.4241 -3.84469 12.7642 9.02119 13.3666C21.2649 13.9399 26.2056 28.816 35.5508 36.7398C44.1237 44.0086 57.5529 46.4247 60.7194 57.201Z" fill="url(#paint0_linear_50190_912)" fill-opacity="0.1"/>\n    <path opacity="0.5" fill-rule="evenodd" clip-rule="evenodd" d="M139.988 67.9364C145.776 66.7949 151.694 69.7714 155.944 73.8647C160.139 77.9064 162.386 83.6053 162.306 89.4354C162.23 95.0157 159.373 100.001 155.53 104.046C151.722 108.054 146.903 110.951 141.401 111.44C135.573 111.958 129.698 110.469 125.184 106.745C120.376 102.778 115.706 97.127 116.564 90.9465C117.379 85.0649 124.774 83.3367 129.008 79.1773C132.893 75.3617 134.65 68.9894 139.988 67.9364Z" fill="url(#paint1_linear_50190_912)" fill-opacity="0.1"/>\n    <rect x="23" y="26" width="117" height="29" rx="4" fill="#D5D5D5"/>\n    <rect x="41" y="50" width="81" height="29" rx="4" fill="#D5D5D5"/>\n    <circle opacity="0.5" cx="139.5" cy="12.5" r="6.5" fill="#D9D9D9"/>\n    <circle opacity="0.5" cx="154.5" cy="44.5" r="3.5" fill="#D9D9D9"/>\n    <circle opacity="0.5" cx="78.5" cy="-5.5" r="17.5" fill="#D9D9D9"/>\n    </g>\n    <defs>\n    <linearGradient id="paint0_linear_50190_912" x1="37.8107" y1="11.6845" x2="-13.6672" y2="88.7219" gradientUnits="userSpaceOnUse">\n    <stop/>\n    <stop offset="1" stop-opacity="0.53"/>\n    </linearGradient>\n    <linearGradient id="paint1_linear_50190_912" x1="117.02" y1="76.9833" x2="151.918" y2="105.212" gradientUnits="userSpaceOnUse">\n    <stop/>\n    <stop offset="1" stop-opacity="0.53"/>\n    </linearGradient>\n    <clipPath id="clip0_50190_912">\n    <rect width="164" height="107" rx="4" fill="white"/>\n    </clipPath>\n    </defs>\n  </svg>\n  <div class="skeleton--body">\n    <div class="skeleton--row">\n        <div class="skeleton--cell skeleton--row1"></div>\n        <div class="skeleton--cell skeleton--row2"></div>\n        <div class="skeleton--cell skeleton--row3"></div>\n    </div>\n  </div>\n  <div class="skeleton--button">\n    <div class="skeleton--cell"></div>\n  </div>\n</div>\n',e}}

package/grid-preview/GridPreviewInit.interface.d.ts

@@ -0,0 +1,16 @@
+export interface GridPreviewInitParamsI {
+    layoutType: string;
+    widgetType: string;
+    documentModel: any;
+    width: number;
+    height: number;
+    staticResourcesUrl: string;
+    hostUrl?: string;
+    prizePoolModels?: any[];
+    id?: number;
+    clickCallback?: () => void;
+    containerCssClasses?: string[];
+    templateVisibleCallback?: () => void;
+    bundledComponentClasses?: any[];
+    useDefaultBundledComponentClasses?: any[];
+}

package/grid-preview/GridPreviewInit.interface.js

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

package/helpers.d.ts

@@ -0,0 +1,19 @@
+import TemplateBriefI from './TemplateBrief.interface';
+import { SizeModelI } from './data/strategies/width-based-strategy/width-first-algorithm/sizeModelI';
+declare const createModel: (id: any, widthPx: any, heightPx: any) => SizeModelI;
+declare function createSizeModel(id: any, widthPx: any, heightPx: any, heightPercent: any): SizeModelI;
+declare function createTemplateBrief(id: number, width: any, height: any, fallbackWeight: number): TemplateBriefI;
+declare function createDocumentModelShell(): {
+    shared: {
+        textClasses: {
+            className: {
+                color: string;
+            };
+        };
+    };
+    views: {
+        path: number[];
+        props: {};
+    }[];
+};
+export { createModel, createSizeModel, createTemplateBrief, createDocumentModelShell };

package/helpers.js

@@ -0,0 +1 @@
+import{TemplatePublishStatus}from"./TemplatePublishStatus.enum";import{TemplateType}from"./TemplateType.enum";import{WidgetType}from"./WidgetType.enum";const createModel=(e,t,a)=>({id:e,widthPx:t,heightPx:a,heightPercent:0});function createSizeModel(e,t,a,r){return{id:e,widthPx:t,heightPx:a,heightPercent:r}}function createTemplateBrief(e,t,a,r){return{id:e,name:"",imagePreviews:[],publishStatus:TemplatePublishStatus.PUBLISHED,json:{document:{shared:{actualSize:{desktop:{width:t,height:a}}}},sync:null},sortWeight:[{startDate:null,endDate:null,value:r}],industry:[],themes:[],rules:{},launchers:[],layouts:[],useCases:[],features:[],type:TemplateType.DYNAMIC,createdDate:"May 28, 2022, 11:43:16 AM",updatedDate:"May 28, 2022, 11:43:16 AM",widgetType:WidgetType.SUBSCRIPTION_FORM}}function createDocumentModelShell(){return{shared:{textClasses:{className:{color:"green"}}},views:[{path:[0],props:{}},{path:[1],props:{}},{path:[2],props:{}},{path:[3],props:{}}]}}export{createModel,createSizeModel,createTemplateBrief,createDocumentModelShell};

package/package.json

@@ -0,0 +1,32 @@
+{
+  "name": "@claspo/templates",
+  "version": "14.4.1",
+  "engines": {
+    "node": ">=18.16.0"
+  },
+  "scripts": {
+    "test": "jest --config=jest.config.ts --no-cache --coverage",
+    "build": "rm -rf out && tsc --project tsconfig.json && npm run minify",
+    "minify": "find out -name '*.js' ! -name '*.d.js' -exec terser {} --compress --mangle --output {} \\;",
+    "dev": "tsc --project tsconfig.json --watch",
+    "package": "npm i && npm run test && npm run build && cp package.json out && cd out && npm publish --access=public && cd .."
+  },
+  "dependencies": {
+    "@claspo/common": "5.2.1",
+    "@claspo/document-connector": "14.5.8",
+    "@claspo/renderer": "16.6.3",
+    "@claspo/components": "1.1.14"
+  },
+  "devDependencies": {
+    "@types/jest": "^27.5.1",
+    "jest": "^28.1.0",
+    "jest-environment-jsdom": "^28.1.0",
+    "terser": "^5.37.0",
+    "ts-jest": "^28.0.3",
+    "ts-node": "^10.8.0",
+    "typescript": "^4.6.4"
+  },
+  "author": "alex-chernysh",
+  "license": "",
+  "homepage": "https://claspo.io/"
+}

package/slider/TemplateSlider.d.ts

@@ -0,0 +1,14 @@
+import TemplateBriefI from "../TemplateBrief.interface";
+import TemplateDatasourceI from "../TemplateDatasource.interface";
+export default class TemplateSlider {
+    private datasource;
+    private currentTemplate;
+    constructor(datasource: TemplateDatasourceI);
+    setCurrent(template: TemplateBriefI): void;
+    getCurrent(): TemplateBriefI | null;
+    getPrev(): TemplateBriefI | null;
+    getNext(): TemplateBriefI | null;
+    hasPrev(): boolean;
+    hasNext(): boolean;
+    private getCurrentIndex;
+}

package/slider/TemplateSlider.js

@@ -0,0 +1 @@
+export default class TemplateSlider{constructor(t){this.datasource=t,this.currentTemplate=null}setCurrent(t){this.currentTemplate=t}getCurrent(){return this.currentTemplate}getPrev(){return this.hasPrev()?(this.currentTemplate=this.datasource.getItems()[this.getCurrentIndex()-1],this.currentTemplate):null}getNext(){return this.hasNext()?(this.currentTemplate=this.datasource.getItems()[this.getCurrentIndex()+1],this.currentTemplate):null}hasPrev(){return!!this.datasource.getItems()[this.getCurrentIndex()-1]}hasNext(){return!!this.datasource.getItems()[this.getCurrentIndex()+1]}getCurrentIndex(){var t;const e=null===(t=this.currentTemplate)||void 0===t?void 0:t.id;return this.datasource.getItems().findIndex(t=>t.id===e)}}