@pepperi-addons/ngx-composite-lib 0.4.2-beta.99 → 0.5.0-ng16.2

package/package.json

@@ -1,24 +1,25 @@
 {
   "name": "@pepperi-addons/ngx-composite-lib",
-  "version": "0.4.2-beta.99",
+  "version": "0.5.0-ng16.2",
   "peerDependencies": {
-    "@angular/animations": ">= 14.0.2",
-    "@angular/cdk": ">= 14.0.2",
-    "@angular/common": ">= 14.0.2",
-    "@angular/compiler": ">= 14.0.2",
-    "@angular/core": ">= 14.0.2",
-    "@angular/forms": ">= 14.0.2",
-    "@angular/material": "^14.0.2",
-    "@angular/platform-browser": ">= 14.0.2",
-    "@angular/platform-browser-dynamic": ">= 14.0.2",
-    "@ngx-translate/core": ">= ^14.0.0",
-    "@ngx-translate/http-loader": ">= ^7.0.0",
-    "@pepperi-addons/ngx-lib": ">= ^0.4.2-beta.82",
+    "@angular/animations": ">= 16.2.12",
+    "@angular/cdk": ">= 16.2.14",
+    "@angular/common": ">= 16.2.12",
+    "@angular/compiler": ">= 16.2.12",
+    "@angular/core": ">= 16.2.12",
+    "@angular/forms": ">= 16.2.12",
+    "@angular/material": "^16.2.14",
+    "@angular/platform-browser": ">= 16.2.12",
+    "@angular/platform-browser-dynamic": ">= 16.2.12",
+    "@ngx-translate/core": ">= ^16.0.4",
+    "@ngx-translate/http-loader": ">= ^16.0.1",
+    "@pepperi-addons/ngx-lib": ">= ^0.5.0-ng16.1",
+    "@pepperi-addons/papi-sdk": ">= 1.81.25",
     "ngx-translate-multi-http-loader": ">= ^3.0.0",
-    "rxjs": ">= 6.5.5"
+    "rxjs": ">= 7.8.2"
   },
   "dependencies": {
-    "tslib": "^2.1.0"
+    "tslib": "^2.8.1"
   },
   "description": "This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 12.0.1.",
   "main": "index.js",
@@ -32,11 +33,7 @@
     "url": "https://github.com/Pepperi-Addons/ngx-composite-lib/issues"
   },
   "homepage": "https://github.com/Pepperi-Addons/ngx-composite-lib#readme",
-  "module": "fesm2015/pepperi-addons-ngx-composite-lib.mjs",
-  "es2020": "fesm2020/pepperi-addons-ngx-composite-lib.mjs",
-  "esm2020": "esm2020/pepperi-addons-ngx-composite-lib.mjs",
-  "fesm2020": "fesm2020/pepperi-addons-ngx-composite-lib.mjs",
-  "fesm2015": "fesm2015/pepperi-addons-ngx-composite-lib.mjs",
+  "module": "fesm2022/pepperi-addons-ngx-composite-lib.mjs",
   "typings": "index.d.ts",
   "exports": {
     "./package.json": {
@@ -44,123 +41,105 @@
     },
     ".": {
       "types": "./index.d.ts",
-      "esm2020": "./esm2020/pepperi-addons-ngx-composite-lib.mjs",
-      "es2020": "./fesm2020/pepperi-addons-ngx-composite-lib.mjs",
-      "es2015": "./fesm2015/pepperi-addons-ngx-composite-lib.mjs",
-      "node": "./fesm2015/pepperi-addons-ngx-composite-lib.mjs",
-      "default": "./fesm2020/pepperi-addons-ngx-composite-lib.mjs"
+      "esm2022": "./esm2022/pepperi-addons-ngx-composite-lib.mjs",
+      "esm": "./esm2022/pepperi-addons-ngx-composite-lib.mjs",
+      "default": "./fesm2022/pepperi-addons-ngx-composite-lib.mjs"
     },
     "./color-settings": {
       "types": "./color-settings/index.d.ts",
-      "esm2020": "./esm2020/color-settings/pepperi-addons-ngx-composite-lib-color-settings.mjs",
-      "es2020": "./fesm2020/pepperi-addons-ngx-composite-lib-color-settings.mjs",
-      "es2015": "./fesm2015/pepperi-addons-ngx-composite-lib-color-settings.mjs",
-      "node": "./fesm2015/pepperi-addons-ngx-composite-lib-color-settings.mjs",
-      "default": "./fesm2020/pepperi-addons-ngx-composite-lib-color-settings.mjs"
-    },
-    "./data-view-builder": {
-      "types": "./data-view-builder/index.d.ts",
-      "esm2020": "./esm2020/data-view-builder/pepperi-addons-ngx-composite-lib-data-view-builder.mjs",
-      "es2020": "./fesm2020/pepperi-addons-ngx-composite-lib-data-view-builder.mjs",
-      "es2015": "./fesm2015/pepperi-addons-ngx-composite-lib-data-view-builder.mjs",
-      "node": "./fesm2015/pepperi-addons-ngx-composite-lib-data-view-builder.mjs",
-      "default": "./fesm2020/pepperi-addons-ngx-composite-lib-data-view-builder.mjs"
+      "esm2022": "./esm2022/color-settings/pepperi-addons-ngx-composite-lib-color-settings.mjs",
+      "esm": "./esm2022/color-settings/pepperi-addons-ngx-composite-lib-color-settings.mjs",
+      "default": "./fesm2022/pepperi-addons-ngx-composite-lib-color-settings.mjs"
     },
     "./file-status-panel": {
       "types": "./file-status-panel/index.d.ts",
-      "esm2020": "./esm2020/file-status-panel/pepperi-addons-ngx-composite-lib-file-status-panel.mjs",
-      "es2020": "./fesm2020/pepperi-addons-ngx-composite-lib-file-status-panel.mjs",
-      "es2015": "./fesm2015/pepperi-addons-ngx-composite-lib-file-status-panel.mjs",
-      "node": "./fesm2015/pepperi-addons-ngx-composite-lib-file-status-panel.mjs",
-      "default": "./fesm2020/pepperi-addons-ngx-composite-lib-file-status-panel.mjs"
+      "esm2022": "./esm2022/file-status-panel/pepperi-addons-ngx-composite-lib-file-status-panel.mjs",
+      "esm": "./esm2022/file-status-panel/pepperi-addons-ngx-composite-lib-file-status-panel.mjs",
+      "default": "./fesm2022/pepperi-addons-ngx-composite-lib-file-status-panel.mjs"
+    },
+    "./data-view-builder": {
+      "types": "./data-view-builder/index.d.ts",
+      "esm2022": "./esm2022/data-view-builder/pepperi-addons-ngx-composite-lib-data-view-builder.mjs",
+      "esm": "./esm2022/data-view-builder/pepperi-addons-ngx-composite-lib-data-view-builder.mjs",
+      "default": "./fesm2022/pepperi-addons-ngx-composite-lib-data-view-builder.mjs"
     },
     "./flow-picker-button": {
       "types": "./flow-picker-button/index.d.ts",
-      "esm2020": "./esm2020/flow-picker-button/pepperi-addons-ngx-composite-lib-flow-picker-button.mjs",
-      "es2020": "./fesm2020/pepperi-addons-ngx-composite-lib-flow-picker-button.mjs",
-      "es2015": "./fesm2015/pepperi-addons-ngx-composite-lib-flow-picker-button.mjs",
-      "node": "./fesm2015/pepperi-addons-ngx-composite-lib-flow-picker-button.mjs",
-      "default": "./fesm2020/pepperi-addons-ngx-composite-lib-flow-picker-button.mjs"
+      "esm2022": "./esm2022/flow-picker-button/pepperi-addons-ngx-composite-lib-flow-picker-button.mjs",
+      "esm": "./esm2022/flow-picker-button/pepperi-addons-ngx-composite-lib-flow-picker-button.mjs",
+      "default": "./fesm2022/pepperi-addons-ngx-composite-lib-flow-picker-button.mjs"
     },
     "./generic-form": {
       "types": "./generic-form/index.d.ts",
-      "esm2020": "./esm2020/generic-form/pepperi-addons-ngx-composite-lib-generic-form.mjs",
-      "es2020": "./fesm2020/pepperi-addons-ngx-composite-lib-generic-form.mjs",
-      "es2015": "./fesm2015/pepperi-addons-ngx-composite-lib-generic-form.mjs",
-      "node": "./fesm2015/pepperi-addons-ngx-composite-lib-generic-form.mjs",
-      "default": "./fesm2020/pepperi-addons-ngx-composite-lib-generic-form.mjs"
+      "esm2022": "./esm2022/generic-form/pepperi-addons-ngx-composite-lib-generic-form.mjs",
+      "esm": "./esm2022/generic-form/pepperi-addons-ngx-composite-lib-generic-form.mjs",
+      "default": "./fesm2022/pepperi-addons-ngx-composite-lib-generic-form.mjs"
     },
     "./generic-list": {
       "types": "./generic-list/index.d.ts",
-      "esm2020": "./esm2020/generic-list/pepperi-addons-ngx-composite-lib-generic-list.mjs",
-      "es2020": "./fesm2020/pepperi-addons-ngx-composite-lib-generic-list.mjs",
-      "es2015": "./fesm2015/pepperi-addons-ngx-composite-lib-generic-list.mjs",
-      "node": "./fesm2015/pepperi-addons-ngx-composite-lib-generic-list.mjs",
-      "default": "./fesm2020/pepperi-addons-ngx-composite-lib-generic-list.mjs"
+      "esm2022": "./esm2022/generic-list/pepperi-addons-ngx-composite-lib-generic-list.mjs",
+      "esm": "./esm2022/generic-list/pepperi-addons-ngx-composite-lib-generic-list.mjs",
+      "default": "./fesm2022/pepperi-addons-ngx-composite-lib-generic-list.mjs"
+    },
+    "./generic-fields-builder": {
+      "types": "./generic-fields-builder/index.d.ts",
+      "esm2022": "./esm2022/generic-fields-builder/pepperi-addons-ngx-composite-lib-generic-fields-builder.mjs",
+      "esm": "./esm2022/generic-fields-builder/pepperi-addons-ngx-composite-lib-generic-fields-builder.mjs",
+      "default": "./fesm2022/pepperi-addons-ngx-composite-lib-generic-fields-builder.mjs"
     },
     "./group-buttons-settings": {
       "types": "./group-buttons-settings/index.d.ts",
-      "esm2020": "./esm2020/group-buttons-settings/pepperi-addons-ngx-composite-lib-group-buttons-settings.mjs",
-      "es2020": "./fesm2020/pepperi-addons-ngx-composite-lib-group-buttons-settings.mjs",
-      "es2015": "./fesm2015/pepperi-addons-ngx-composite-lib-group-buttons-settings.mjs",
-      "node": "./fesm2015/pepperi-addons-ngx-composite-lib-group-buttons-settings.mjs",
-      "default": "./fesm2020/pepperi-addons-ngx-composite-lib-group-buttons-settings.mjs"
+      "esm2022": "./esm2022/group-buttons-settings/pepperi-addons-ngx-composite-lib-group-buttons-settings.mjs",
+      "esm": "./esm2022/group-buttons-settings/pepperi-addons-ngx-composite-lib-group-buttons-settings.mjs",
+      "default": "./fesm2022/pepperi-addons-ngx-composite-lib-group-buttons-settings.mjs"
     },
     "./icon-picker": {
       "types": "./icon-picker/index.d.ts",
-      "esm2020": "./esm2020/icon-picker/pepperi-addons-ngx-composite-lib-icon-picker.mjs",
-      "es2020": "./fesm2020/pepperi-addons-ngx-composite-lib-icon-picker.mjs",
-      "es2015": "./fesm2015/pepperi-addons-ngx-composite-lib-icon-picker.mjs",
-      "node": "./fesm2015/pepperi-addons-ngx-composite-lib-icon-picker.mjs",
-      "default": "./fesm2020/pepperi-addons-ngx-composite-lib-icon-picker.mjs"
+      "esm2022": "./esm2022/icon-picker/pepperi-addons-ngx-composite-lib-icon-picker.mjs",
+      "esm": "./esm2022/icon-picker/pepperi-addons-ngx-composite-lib-icon-picker.mjs",
+      "default": "./fesm2022/pepperi-addons-ngx-composite-lib-icon-picker.mjs"
     },
     "./layout-builder": {
       "types": "./layout-builder/index.d.ts",
-      "esm2020": "./esm2020/layout-builder/pepperi-addons-ngx-composite-lib-layout-builder.mjs",
-      "es2020": "./fesm2020/pepperi-addons-ngx-composite-lib-layout-builder.mjs",
-      "es2015": "./fesm2015/pepperi-addons-ngx-composite-lib-layout-builder.mjs",
-      "node": "./fesm2015/pepperi-addons-ngx-composite-lib-layout-builder.mjs",
-      "default": "./fesm2020/pepperi-addons-ngx-composite-lib-layout-builder.mjs"
+      "esm2022": "./esm2022/layout-builder/pepperi-addons-ngx-composite-lib-layout-builder.mjs",
+      "esm": "./esm2022/layout-builder/pepperi-addons-ngx-composite-lib-layout-builder.mjs",
+      "default": "./fesm2022/pepperi-addons-ngx-composite-lib-layout-builder.mjs"
     },
     "./manage-parameters": {
       "types": "./manage-parameters/index.d.ts",
-      "esm2020": "./esm2020/manage-parameters/pepperi-addons-ngx-composite-lib-manage-parameters.mjs",
-      "es2020": "./fesm2020/pepperi-addons-ngx-composite-lib-manage-parameters.mjs",
-      "es2015": "./fesm2015/pepperi-addons-ngx-composite-lib-manage-parameters.mjs",
-      "node": "./fesm2015/pepperi-addons-ngx-composite-lib-manage-parameters.mjs",
-      "default": "./fesm2020/pepperi-addons-ngx-composite-lib-manage-parameters.mjs"
+      "esm2022": "./esm2022/manage-parameters/pepperi-addons-ngx-composite-lib-manage-parameters.mjs",
+      "esm": "./esm2022/manage-parameters/pepperi-addons-ngx-composite-lib-manage-parameters.mjs",
+      "default": "./fesm2022/pepperi-addons-ngx-composite-lib-manage-parameters.mjs"
+    },
+    "./mapping-parameters": {
+      "types": "./mapping-parameters/index.d.ts",
+      "esm2022": "./esm2022/mapping-parameters/pepperi-addons-ngx-composite-lib-mapping-parameters.mjs",
+      "esm": "./esm2022/mapping-parameters/pepperi-addons-ngx-composite-lib-mapping-parameters.mjs",
+      "default": "./fesm2022/pepperi-addons-ngx-composite-lib-mapping-parameters.mjs"
     },
     "./padding-settings": {
       "types": "./padding-settings/index.d.ts",
-      "esm2020": "./esm2020/padding-settings/pepperi-addons-ngx-composite-lib-padding-settings.mjs",
-      "es2020": "./fesm2020/pepperi-addons-ngx-composite-lib-padding-settings.mjs",
-      "es2015": "./fesm2015/pepperi-addons-ngx-composite-lib-padding-settings.mjs",
-      "node": "./fesm2015/pepperi-addons-ngx-composite-lib-padding-settings.mjs",
-      "default": "./fesm2020/pepperi-addons-ngx-composite-lib-padding-settings.mjs"
+      "esm2022": "./esm2022/padding-settings/pepperi-addons-ngx-composite-lib-padding-settings.mjs",
+      "esm": "./esm2022/padding-settings/pepperi-addons-ngx-composite-lib-padding-settings.mjs",
+      "default": "./fesm2022/pepperi-addons-ngx-composite-lib-padding-settings.mjs"
     },
     "./rich-text": {
       "types": "./rich-text/index.d.ts",
-      "esm2020": "./esm2020/rich-text/pepperi-addons-ngx-composite-lib-rich-text.mjs",
-      "es2020": "./fesm2020/pepperi-addons-ngx-composite-lib-rich-text.mjs",
-      "es2015": "./fesm2015/pepperi-addons-ngx-composite-lib-rich-text.mjs",
-      "node": "./fesm2015/pepperi-addons-ngx-composite-lib-rich-text.mjs",
-      "default": "./fesm2020/pepperi-addons-ngx-composite-lib-rich-text.mjs"
-    },
-    "./shadow-settings": {
-      "types": "./shadow-settings/index.d.ts",
-      "esm2020": "./esm2020/shadow-settings/pepperi-addons-ngx-composite-lib-shadow-settings.mjs",
-      "es2020": "./fesm2020/pepperi-addons-ngx-composite-lib-shadow-settings.mjs",
-      "es2015": "./fesm2015/pepperi-addons-ngx-composite-lib-shadow-settings.mjs",
-      "node": "./fesm2015/pepperi-addons-ngx-composite-lib-shadow-settings.mjs",
-      "default": "./fesm2020/pepperi-addons-ngx-composite-lib-shadow-settings.mjs"
+      "esm2022": "./esm2022/rich-text/pepperi-addons-ngx-composite-lib-rich-text.mjs",
+      "esm": "./esm2022/rich-text/pepperi-addons-ngx-composite-lib-rich-text.mjs",
+      "default": "./fesm2022/pepperi-addons-ngx-composite-lib-rich-text.mjs"
     },
     "./show-if-badge": {
       "types": "./show-if-badge/index.d.ts",
-      "esm2020": "./esm2020/show-if-badge/pepperi-addons-ngx-composite-lib-show-if-badge.mjs",
-      "es2020": "./fesm2020/pepperi-addons-ngx-composite-lib-show-if-badge.mjs",
-      "es2015": "./fesm2015/pepperi-addons-ngx-composite-lib-show-if-badge.mjs",
-      "node": "./fesm2015/pepperi-addons-ngx-composite-lib-show-if-badge.mjs",
-      "default": "./fesm2020/pepperi-addons-ngx-composite-lib-show-if-badge.mjs"
+      "esm2022": "./esm2022/show-if-badge/pepperi-addons-ngx-composite-lib-show-if-badge.mjs",
+      "esm": "./esm2022/show-if-badge/pepperi-addons-ngx-composite-lib-show-if-badge.mjs",
+      "default": "./fesm2022/pepperi-addons-ngx-composite-lib-show-if-badge.mjs"
+    },
+    "./shadow-settings": {
+      "types": "./shadow-settings/index.d.ts",
+      "esm2022": "./esm2022/shadow-settings/pepperi-addons-ngx-composite-lib-shadow-settings.mjs",
+      "esm": "./esm2022/shadow-settings/pepperi-addons-ngx-composite-lib-shadow-settings.mjs",
+      "default": "./fesm2022/pepperi-addons-ngx-composite-lib-shadow-settings.mjs"
     }
   },
   "sideEffects": false

package/padding-settings/padding-settings.component.d.ts

@@ -18,5 +18,5 @@ export declare class PaddingSettingsComponent {
     formatPaddingValue(): void;
     onPaddingChanged(value: any, uniformPos: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PaddingSettingsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PaddingSettingsComponent, "pep-padding-settings", never, { "padding": "padding"; }, { "paddingChange": "paddingChange"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PaddingSettingsComponent, "pep-padding-settings", never, { "padding": { "alias": "padding"; "required": false; }; }, { "paddingChange": "paddingChange"; }, never, never, false, never>;
 }

package/padding-settings/padding-settings.model.d.ts

@@ -1,5 +1,5 @@
 export declare class PepPaddingSettings {
-    isUniform: boolean;
-    paddingValue: string;
+    IsUniform: boolean;
+    PaddingValue: string;
     constructor(isUniform?: boolean, paddingValue?: string);
 }

package/rich-text/rich-text.component.d.ts

@@ -39,5 +39,5 @@ export declare class RichTextComponent implements OnInit {
     insertAssets(assetUrl: string): void;
     valueChanged(event: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<RichTextComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<RichTextComponent, "pep-rich-text", never, { "key": "key"; "value": "value"; "label": "label"; "mandatory": "mandatory"; "disabled": "disabled"; "readonly": "readonly"; "maxFieldCharacters": "maxFieldCharacters"; "xAlignment": "xAlignment"; "sanitize": "sanitize"; "rowSpan": "rowSpan"; "visible": "visible"; "isActive": "isActive"; "showTitle": "showTitle"; "renderTitle": "renderTitle"; "renderEnlargeButton": "renderEnlargeButton"; "layoutType": "layoutType"; "inlineMode": "inlineMode"; "useAssetsForImages": "useAssetsForImages"; "toolbarOptions": "toolbarOptions"; }, { "valueChange": "valueChange"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RichTextComponent, "pep-rich-text", never, { "key": { "alias": "key"; "required": false; }; "value": { "alias": "value"; "required": false; }; "label": { "alias": "label"; "required": false; }; "mandatory": { "alias": "mandatory"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "maxFieldCharacters": { "alias": "maxFieldCharacters"; "required": false; }; "xAlignment": { "alias": "xAlignment"; "required": false; }; "sanitize": { "alias": "sanitize"; "required": false; }; "rowSpan": { "alias": "rowSpan"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; "isActive": { "alias": "isActive"; "required": false; }; "showTitle": { "alias": "showTitle"; "required": false; }; "renderTitle": { "alias": "renderTitle"; "required": false; }; "renderEnlargeButton": { "alias": "renderEnlargeButton"; "required": false; }; "layoutType": { "alias": "layoutType"; "required": false; }; "inlineMode": { "alias": "inlineMode"; "required": false; }; "useAssetsForImages": { "alias": "useAssetsForImages"; "required": false; }; "toolbarOptions": { "alias": "toolbarOptions"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, false, never>;
 }

package/shadow-settings/shadow-settings.component.d.ts

@@ -20,5 +20,5 @@ export declare class ShadowSettingsComponent implements OnInit {
     onSizeChange(value: PepSizeType): void;
     onIntensityChange(value: PepShadowIntensityType): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ShadowSettingsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ShadowSettingsComponent, "pep-shadow-settings", never, { "titleSize": "titleSize"; "shadow": "shadow"; }, { "shadowChange": "shadowChange"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ShadowSettingsComponent, "pep-shadow-settings", never, { "titleSize": { "alias": "titleSize"; "required": false; }; "shadow": { "alias": "shadow"; "required": false; }; }, { "shadowChange": "shadowChange"; }, never, never, false, never>;
 }

package/shadow-settings/shadow-settings.model.d.ts

@@ -1,5 +1,5 @@
 import { PepSizeType } from "@pepperi-addons/ngx-lib";
-export declare type PepShadowIntensityType = 'soft' | 'regular' | 'hard';
+export type PepShadowIntensityType = 'soft' | 'regular' | 'hard';
 export declare class PepShadowSettings {
     use: boolean;
     size: PepSizeType;

package/show-if-badge/show-if-badge.component.d.ts

@@ -16,5 +16,5 @@ export declare class ShowIfBadgeComponent {
     constructor(layoutService: PepLayoutService);
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ShowIfBadgeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ShowIfBadgeComponent, "pep-show-if-badge", never, { "showIf": "showIf"; "iconName": "iconName"; "backgroundColor": "backgroundColor"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ShowIfBadgeComponent, "pep-show-if-badge", never, { "showIf": { "alias": "showIf"; "required": false; }; "iconName": { "alias": "iconName"; "required": false; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; }; }, {}, never, never, false, never>;
 }

package/src/assets/i18n/en.ngx-composite-lib.json

@@ -12,7 +12,7 @@
         "INTENSITY": "Shadow intensity"
     },
     "PADDING_SETTINGS": {
-        "TITLE": "Drop shadow",
+        "TITLE": "Padding",
         "UNIFORM": "Uniform",
         "DESCRIPTION": "Uniform padding (Rems)",
         "TOP": "Top",
@@ -30,6 +30,16 @@
         "SEPARATOR_TITLE": "Separator title",
         "ADD_A_TITLE": "Add a title"
     },
+    "GENERIC_FIELDS_BUILDER": {
+        "AVAILABLE_FIELDS": "Available fields",
+        "MENU_ITEM_KEY_TITLE": "Item key",
+        "MENU_ITEM_VALUE_TITLE": "Item title",
+        "EMPTY_DROP_AREA_TEXT": "Drop here from available fields",
+        "ADD_SEPARATOR": "Add separator",
+        "SEPARATOR_TITLE": "Separator title",
+        "ADD_A_TITLE": "Add a title",
+        "TEMPLATE_NOT_SUPPLIED": "Template not supplied for - {{fieldTitle}}"
+    },
     "GENERAL": {
         "NONE": "None",
         "XS": "XS",
@@ -87,7 +97,9 @@
         "EMPTY_STATE": {
             "TITLE": "Nothing to see here",
             "DESCRIPTION": "Add or create an item to populate this list"
-        }
+        },
+        "OPEN_SIDEBAR": "Sidebar",
+        "OPEN_FILTERS": "Filters"
     },
     "MANAGE_PARAMETERS": {
         "TITLE": "Parameters",
@@ -103,10 +115,17 @@
         "DEFAULT_VALUE_TITLE": "Default Value",
         "INTERNAL_TITLE": "Internal",
         "ACCESSIBILITY_TITLE": "Accessibility",
+        "PERSISTENCY_TITLE": "Persistency (If changed by the user, the value is saved and used in future use)",
         "EDIT_FORM_TITLE": "Edit parameter",
         "INTERNAL_DESCRIPTION": "The Variable Accessibility feature enables you to classify variables as either external or internal, defining their intended usage within this context.\n When marked as external, a parameter is accessible by external components using the picker \n When marked as internal, parameter is hidden from external entities, though available during the context run time",
         "ADD_FORM_TITLE": "Add parameter"
     },
+    "MAPPING_PARAMETERS": {
+        "VARIABLE_MAPPING": "Variable mapping",
+        "DYNAMIC": "Dynamic",
+        "STATIC": "Static",
+        "DEFAULT": "Default"
+    },
     "FLOW_PICKER_BUTTON": {
         "CHOOSE_FLOW": "Choose flow"
     },
@@ -133,6 +152,7 @@
         "FILL_HEIGHT_SECTION_TITLE": "Fill Height",
         "FILL_HEIGHT_SECTION_DESCRIPTION": "Set Fill Height on to make the section to fill the relative screen size",
         "SECTIONS_TITLE": "Sections",
+        "LAYOUT": "Layout",
         "SPLIT_TITLE": "Split",
         "ADD_SECTION": "Add Section",
         "BLOCKS_COUNT_LIMIT_MESSAGE": "You exceeded your blocks number limit - please contact your administrator.",

package/esm2020/color-settings/color-settings.component.mjs

@@ -1,90 +0,0 @@
-import { Component, EventEmitter, Input, Output } from '@angular/core';
-import { PepColorSettings } from './color-settings.model';
-import * as i0 from "@angular/core";
-import * as i1 from "@pepperi-addons/ngx-lib";
-import * as i2 from "@pepperi-addons/ngx-lib/checkbox";
-import * as i3 from "@pepperi-addons/ngx-lib/color";
-import * as i4 from "@pepperi-addons/ngx-lib/slider";
-import * as i5 from "@ngx-translate/core";
-export class ColorSettingsComponent {
-    constructor(pepColorService) {
-        this.pepColorService = pepColorService;
-        this.title = '';
-        this.checkAAComplient = true;
-        this.showAAComplient = true;
-        this.titleSize = 'xl';
-        this._color = new PepColorSettings();
-        this.colorChange = new EventEmitter();
-    }
-    set color(value) {
-        if (!value) {
-            this._color = new PepColorSettings();
-        }
-        else {
-            this._color = value;
-        }
-    }
-    get color() {
-        return this._color;
-    }
-    ngOnInit() {
-        //
-    }
-    getRGBAcolor(colorObj, opac = null) {
-        let rgba = 'rgba(255,255,255,0)';
-        if (colorObj) {
-            const color = colorObj.value;
-            let opacity = opac != null ? opac : colorObj.opacity;
-            opacity = opacity > 0 ? opacity / 100 : 0;
-            const hsl = this.pepColorService.hslString2hsl(color);
-            const rgb = this.pepColorService.hsl2rgb(hsl);
-            rgba = 'rgba(' + rgb.r + ',' + rgb.g + ',' + rgb.b + ',' + opacity + ')';
-        }
-        return rgba;
-    }
-    raiseColorChange() {
-        this.colorChange.emit(this.color);
-    }
-    getSliderBackground() {
-        const alignTo = 'right';
-        const colorObj = new PepColorSettings();
-        colorObj.value = this.color.value;
-        colorObj.opacity = 100;
-        const gradStr = this.getRGBAcolor(colorObj, 0) + ' , ' + this.getRGBAcolor(colorObj);
-        return 'linear-gradient(to ' + alignTo + ', ' + gradStr + ')';
-    }
-    onUseChanged(value) {
-        this.color.use = value;
-        this.raiseColorChange();
-    }
-    onColorChanged(value) {
-        this.color.value = value;
-        this.raiseColorChange();
-    }
-    onSliderInputChanged(value) {
-        this.color.opacity = value;
-    }
-    onSliderValueChanged(value) {
-        this.color.opacity = value;
-        this.raiseColorChange();
-    }
-}
-ColorSettingsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: ColorSettingsComponent, deps: [{ token: i1.PepColorService }], target: i0.ɵɵFactoryTarget.Component });
-ColorSettingsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: ColorSettingsComponent, selector: "pep-color-settings", inputs: { title: "title", checkAAComplient: "checkAAComplient", showAAComplient: "showAAComplient", titleSize: "titleSize", color: "color" }, outputs: { colorChange: "colorChange" }, ngImport: i0, template: "<div>\n    <pep-checkbox \n        class=\"{{ titleSize === 'xl' ? 'checkbox-as-title' : 'checkbox-as-sub-title' }}\" \n        [label]=\"title\" [renderTitle]=\"false\" [value]=\"color.use\"\n        (valueChange)=\"onUseChanged($event)\"></pep-checkbox>\n    <pep-color [value]=\"color.value\" [label]=\"title + ' ' + ('COLOR_SETTINGS.COLOR' | translate)\" [disabled]=\"!color.use\"\n        [checkAAComplient]=\"checkAAComplient\" [showAAComplient]=\"showAAComplient\" (valueChange)=\"onColorChanged($event)\">\n    </pep-color>\n</div>\n<pep-slider [label]=\"title + ' ' + ('COLOR_SETTINGS.OPACITY' | translate)\" [hint]=\"color.opacity.toString() || ''\"\n    [minValue]=\"0\" [maxValue]=\"100\" [disabled]=\"!color.use\" [value]=\"color.opacity\" [background]=\"getSliderBackground()\"\n    (inputChange)=\"onSliderInputChanged($event)\" (valueChange)=\"onSliderValueChanged($event)\">\n</pep-slider>", styles: [":host{width:100%;display:grid;gap:var(--pep-spacing-lg, 1rem)}\n"], dependencies: [{ kind: "component", type: i2.PepCheckboxComponent, selector: "pep-checkbox", inputs: ["key", "value", "label", "type", "mandatory", "disabled", "readonly", "xAlignment", "rowSpan", "additionalValue", "form", "isActive", "showTitle", "renderTitle", "layoutType", "visible"], outputs: ["valueChange"] }, { kind: "component", type: i3.PepColorComponent, selector: "pep-color", inputs: ["key", "value", "label", "disabled", "xAlignment", "rowSpan", "type", "showTitle", "renderTitle", "showAAComplient", "checkAAComplient", "layoutType"], outputs: ["valueChange"] }, { kind: "component", type: i4.PepSliderComponent, selector: "pep-slider", inputs: ["label", "disabled", "hint", "background", "step", "minValue", "maxValue", "value"], outputs: ["valueChange", "inputChange"] }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: ColorSettingsComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'pep-color-settings', template: "<div>\n    <pep-checkbox \n        class=\"{{ titleSize === 'xl' ? 'checkbox-as-title' : 'checkbox-as-sub-title' }}\" \n        [label]=\"title\" [renderTitle]=\"false\" [value]=\"color.use\"\n        (valueChange)=\"onUseChanged($event)\"></pep-checkbox>\n    <pep-color [value]=\"color.value\" [label]=\"title + ' ' + ('COLOR_SETTINGS.COLOR' | translate)\" [disabled]=\"!color.use\"\n        [checkAAComplient]=\"checkAAComplient\" [showAAComplient]=\"showAAComplient\" (valueChange)=\"onColorChanged($event)\">\n    </pep-color>\n</div>\n<pep-slider [label]=\"title + ' ' + ('COLOR_SETTINGS.OPACITY' | translate)\" [hint]=\"color.opacity.toString() || ''\"\n    [minValue]=\"0\" [maxValue]=\"100\" [disabled]=\"!color.use\" [value]=\"color.opacity\" [background]=\"getSliderBackground()\"\n    (inputChange)=\"onSliderInputChanged($event)\" (valueChange)=\"onSliderValueChanged($event)\">\n</pep-slider>", styles: [":host{width:100%;display:grid;gap:var(--pep-spacing-lg, 1rem)}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1.PepColorService }]; }, propDecorators: { title: [{
-                type: Input
-            }], checkAAComplient: [{
-                type: Input
-            }], showAAComplient: [{
-                type: Input
-            }], titleSize: [{
-                type: Input
-            }], color: [{
-                type: Input
-            }], colorChange: [{
-                type: Output
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sb3Itc2V0dGluZ3MuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LWNvbXBvc2l0ZS1saWIvY29sb3Itc2V0dGluZ3MvY29sb3Itc2V0dGluZ3MuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LWNvbXBvc2l0ZS1saWIvY29sb3Itc2V0dGluZ3MvY29sb3Itc2V0dGluZ3MuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUUvRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQzs7Ozs7OztBQU8xRCxNQUFNLE9BQU8sc0JBQXNCO0lBc0IvQixZQUFvQixlQUFnQztRQUFoQyxvQkFBZSxHQUFmLGVBQWUsQ0FBaUI7UUFyQjNDLFVBQUssR0FBRyxFQUFFLENBQUM7UUFDWCxxQkFBZ0IsR0FBRyxJQUFJLENBQUM7UUFDeEIsb0JBQWUsR0FBRyxJQUFJLENBQUM7UUFDdkIsY0FBUyxHQUFnQixJQUFJLENBQUM7UUFFL0IsV0FBTSxHQUFxQixJQUFJLGdCQUFnQixFQUFFLENBQUM7UUFjMUQsZ0JBQVcsR0FBbUMsSUFBSSxZQUFZLEVBQW9CLENBQUM7SUFFM0IsQ0FBQztJQWZ6RCxJQUNJLEtBQUssQ0FBQyxLQUF1QjtRQUM3QixJQUFJLENBQUMsS0FBSyxFQUFFO1lBQ1IsSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLGdCQUFnQixFQUFFLENBQUM7U0FDeEM7YUFBTTtZQUNILElBQUksQ0FBQyxNQUFNLEdBQUcsS0FBSyxDQUFDO1NBQ3ZCO0lBQ0wsQ0FBQztJQUNELElBQUksS0FBSztRQUNMLE9BQU8sSUFBSSxDQUFDLE1BQU0sQ0FBQztJQUN2QixDQUFDO0lBT0QsUUFBUTtRQUNKLEVBQUU7SUFDTixDQUFDO0lBRU8sWUFBWSxDQUFDLFFBQTBCLEVBQUUsT0FBc0IsSUFBSTtRQUN2RSxJQUFJLElBQUksR0FBRyxxQkFBcUIsQ0FBQztRQUVqQyxJQUFJLFFBQVEsRUFBRTtZQUNWLE1BQU0sS0FBSyxHQUFHLFFBQVEsQ0FBQyxLQUFLLENBQUM7WUFDN0IsSUFBSSxPQUFPLEdBQUcsSUFBSSxJQUFJLElBQUksQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsT0FBTyxDQUFDO1lBRXJELE9BQU8sR0FBRyxPQUFPLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxPQUFPLEdBQUcsR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7WUFFMUMsTUFBTSxHQUFHLEdBQUcsSUFBSSxDQUFDLGVBQWUsQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFDLENBQUM7WUFDdEQsTUFBTSxHQUFHLEdBQUcsSUFBSSxDQUFDLGVBQWUsQ0FBQyxPQUFPLENBQUMsR0FBRyxDQUFDLENBQUM7WUFDOUMsSUFBSSxHQUFHLE9BQU8sR0FBRyxHQUFHLENBQUMsQ0FBQyxHQUFHLEdBQUcsR0FBRyxHQUFHLENBQUMsQ0FBQyxHQUFHLEdBQUcsR0FBRyxHQUFHLENBQUMsQ0FBQyxHQUFHLEdBQUcsR0FBRyxPQUFPLEdBQUcsR0FBRyxDQUFDO1NBQzVFO1FBRUQsT0FBTyxJQUFJLENBQUM7SUFDaEIsQ0FBQztJQUVPLGdCQUFnQjtRQUNwQixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDdEMsQ0FBQztJQUVELG1CQUFtQjtRQUNmLE1BQU0sT0FBTyxHQUFHLE9BQU8sQ0FBQztRQUV4QixNQUFNLFFBQVEsR0FBRyxJQUFJLGdCQUFnQixFQUFFLENBQUM7UUFFeEMsUUFBUSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQztRQUNsQyxRQUFRLENBQUMsT0FBTyxHQUFHLEdBQUcsQ0FBQztRQUV2QixNQUFNLE9BQU8sR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLFFBQVEsRUFBRSxDQUFDLENBQUMsR0FBRyxLQUFLLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUVyRixPQUFPLHFCQUFxQixHQUFHLE9BQU8sR0FBRyxJQUFJLEdBQUcsT0FBTyxHQUFHLEdBQUcsQ0FBQztJQUNsRSxDQUFDO0lBRUQsWUFBWSxDQUFDLEtBQWM7UUFDdkIsSUFBSSxDQUFDLEtBQUssQ0FBQyxHQUFHLEdBQUcsS0FBSyxDQUFDO1FBQ3ZCLElBQUksQ0FBQyxnQkFBZ0IsRUFBRSxDQUFDO0lBQzVCLENBQUM7SUFFRCxjQUFjLENBQUMsS0FBYTtRQUN4QixJQUFJLENBQUMsS0FBSyxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUM7UUFDekIsSUFBSSxDQUFDLGdCQUFnQixFQUFFLENBQUM7SUFDNUIsQ0FBQztJQUVELG9CQUFvQixDQUFDLEtBQWE7UUFDOUIsSUFBSSxDQUFDLEtBQUssQ0FBQyxPQUFPLEdBQUcsS0FBSyxDQUFDO0lBQy9CLENBQUM7SUFFRCxvQkFBb0IsQ0FBQyxLQUFhO1FBQzlCLElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTyxHQUFHLEtBQUssQ0FBQztRQUMzQixJQUFJLENBQUMsZ0JBQWdCLEVBQUUsQ0FBQztJQUM1QixDQUFDOzttSEEvRVEsc0JBQXNCO3VHQUF0QixzQkFBc0IsaVBDVG5DLDQ0QkFZYTsyRkRIQSxzQkFBc0I7a0JBTGxDLFNBQVM7K0JBQ0ksb0JBQW9CO3NHQUtyQixLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csZ0JBQWdCO3NCQUF4QixLQUFLO2dCQUNHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFJRixLQUFLO3NCQURSLEtBQUs7Z0JBYU4sV0FBVztzQkFEVixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUGVwQ29sb3JTZXJ2aWNlLCBQZXBTaXplVHlwZSB9IGZyb20gJ0BwZXBwZXJpLWFkZG9ucy9uZ3gtbGliJztcbmltcG9ydCB7IFBlcENvbG9yU2V0dGluZ3MgfSBmcm9tICcuL2NvbG9yLXNldHRpbmdzLm1vZGVsJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdwZXAtY29sb3Itc2V0dGluZ3MnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9jb2xvci1zZXR0aW5ncy5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vY29sb3Itc2V0dGluZ3MuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBDb2xvclNldHRpbmdzQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgICBASW5wdXQoKSB0aXRsZSA9ICcnO1xuICAgIEBJbnB1dCgpIGNoZWNrQUFDb21wbGllbnQgPSB0cnVlO1xuICAgIEBJbnB1dCgpIHNob3dBQUNvbXBsaWVudCA9IHRydWU7XG4gICAgQElucHV0KCkgdGl0bGVTaXplOiBQZXBTaXplVHlwZSA9ICd4bCc7XG5cbiAgICBwcml2YXRlIF9jb2xvcjogUGVwQ29sb3JTZXR0aW5ncyA9IG5ldyBQZXBDb2xvclNldHRpbmdzKCk7XG4gICAgQElucHV0KClcbiAgICBzZXQgY29sb3IodmFsdWU6IFBlcENvbG9yU2V0dGluZ3MpIHtcbiAgICAgICAgaWYgKCF2YWx1ZSkge1xuICAgICAgICAgICAgdGhpcy5fY29sb3IgPSBuZXcgUGVwQ29sb3JTZXR0aW5ncygpO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgdGhpcy5fY29sb3IgPSB2YWx1ZTtcbiAgICAgICAgfVxuICAgIH1cbiAgICBnZXQgY29sb3IoKTogUGVwQ29sb3JTZXR0aW5ncyB7XG4gICAgICAgIHJldHVybiB0aGlzLl9jb2xvcjtcbiAgICB9XG5cbiAgICBAT3V0cHV0KClcbiAgICBjb2xvckNoYW5nZTogRXZlbnRFbWl0dGVyPFBlcENvbG9yU2V0dGluZ3M+ID0gbmV3IEV2ZW50RW1pdHRlcjxQZXBDb2xvclNldHRpbmdzPigpO1xuICAgIFxuICAgIGNvbnN0cnVjdG9yKHByaXZhdGUgcGVwQ29sb3JTZXJ2aWNlOiBQZXBDb2xvclNlcnZpY2UpIHsgfVxuXG4gICAgbmdPbkluaXQoKSB7XG4gICAgICAgIC8vXG4gICAgfVxuXG4gICAgcHJpdmF0ZSBnZXRSR0JBY29sb3IoY29sb3JPYmo6IFBlcENvbG9yU2V0dGluZ3MsIG9wYWM6IG51bWJlciB8IG51bGwgPSBudWxsKSB7XG4gICAgICAgIGxldCByZ2JhID0gJ3JnYmEoMjU1LDI1NSwyNTUsMCknO1xuXG4gICAgICAgIGlmIChjb2xvck9iaikge1xuICAgICAgICAgICAgY29uc3QgY29sb3IgPSBjb2xvck9iai52YWx1ZTtcbiAgICAgICAgICAgIGxldCBvcGFjaXR5ID0gb3BhYyAhPSBudWxsID8gb3BhYyA6IGNvbG9yT2JqLm9wYWNpdHk7XG5cbiAgICAgICAgICAgIG9wYWNpdHkgPSBvcGFjaXR5ID4gMCA/IG9wYWNpdHkgLyAxMDAgOiAwO1xuXG4gICAgICAgICAgICBjb25zdCBoc2wgPSB0aGlzLnBlcENvbG9yU2VydmljZS5oc2xTdHJpbmcyaHNsKGNvbG9yKTtcbiAgICAgICAgICAgIGNvbnN0IHJnYiA9IHRoaXMucGVwQ29sb3JTZXJ2aWNlLmhzbDJyZ2IoaHNsKTtcbiAgICAgICAgICAgIHJnYmEgPSAncmdiYSgnICsgcmdiLnIgKyAnLCcgKyByZ2IuZyArICcsJyArIHJnYi5iICsgJywnICsgb3BhY2l0eSArICcpJztcbiAgICAgICAgfVxuXG4gICAgICAgIHJldHVybiByZ2JhO1xuICAgIH1cblxuICAgIHByaXZhdGUgcmFpc2VDb2xvckNoYW5nZSgpIHtcbiAgICAgICAgdGhpcy5jb2xvckNoYW5nZS5lbWl0KHRoaXMuY29sb3IpO1xuICAgIH1cblxuICAgIGdldFNsaWRlckJhY2tncm91bmQoKSB7XG4gICAgICAgIGNvbnN0IGFsaWduVG8gPSAncmlnaHQnO1xuICAgIFxuICAgICAgICBjb25zdCBjb2xvck9iaiA9IG5ldyBQZXBDb2xvclNldHRpbmdzKCk7XG4gICAgXG4gICAgICAgIGNvbG9yT2JqLnZhbHVlID0gdGhpcy5jb2xvci52YWx1ZTtcbiAgICAgICAgY29sb3JPYmoub3BhY2l0eSA9IDEwMDtcbiAgICBcbiAgICAgICAgY29uc3QgZ3JhZFN0ciA9IHRoaXMuZ2V0UkdCQWNvbG9yKGNvbG9yT2JqLCAwKSArICcgLCAnICsgdGhpcy5nZXRSR0JBY29sb3IoY29sb3JPYmopO1xuICAgIFxuICAgICAgICByZXR1cm4gJ2xpbmVhci1ncmFkaWVudCh0byAnICsgYWxpZ25UbyArICcsICcgKyBncmFkU3RyICsgJyknO1xuICAgIH1cblxuICAgIG9uVXNlQ2hhbmdlZCh2YWx1ZTogYm9vbGVhbikge1xuICAgICAgICB0aGlzLmNvbG9yLnVzZSA9IHZhbHVlO1xuICAgICAgICB0aGlzLnJhaXNlQ29sb3JDaGFuZ2UoKTtcbiAgICB9XG5cbiAgICBvbkNvbG9yQ2hhbmdlZCh2YWx1ZTogc3RyaW5nKSB7XG4gICAgICAgIHRoaXMuY29sb3IudmFsdWUgPSB2YWx1ZTtcbiAgICAgICAgdGhpcy5yYWlzZUNvbG9yQ2hhbmdlKCk7XG4gICAgfVxuICAgIFxuICAgIG9uU2xpZGVySW5wdXRDaGFuZ2VkKHZhbHVlOiBudW1iZXIpIHtcbiAgICAgICAgdGhpcy5jb2xvci5vcGFjaXR5ID0gdmFsdWU7XG4gICAgfVxuXG4gICAgb25TbGlkZXJWYWx1ZUNoYW5nZWQodmFsdWU6IG51bWJlcikge1xuICAgICAgICB0aGlzLmNvbG9yLm9wYWNpdHkgPSB2YWx1ZTtcbiAgICAgICAgdGhpcy5yYWlzZUNvbG9yQ2hhbmdlKCk7XG4gICAgfVxufVxuIiwiPGRpdj5cbiAgICA8cGVwLWNoZWNrYm94IFxuICAgICAgICBjbGFzcz1cInt7IHRpdGxlU2l6ZSA9PT0gJ3hsJyA/ICdjaGVja2JveC1hcy10aXRsZScgOiAnY2hlY2tib3gtYXMtc3ViLXRpdGxlJyB9fVwiIFxuICAgICAgICBbbGFiZWxdPVwidGl0bGVcIiBbcmVuZGVyVGl0bGVdPVwiZmFsc2VcIiBbdmFsdWVdPVwiY29sb3IudXNlXCJcbiAgICAgICAgKHZhbHVlQ2hhbmdlKT1cIm9uVXNlQ2hhbmdlZCgkZXZlbnQpXCI+PC9wZXAtY2hlY2tib3g+XG4gICAgPHBlcC1jb2xvciBbdmFsdWVdPVwiY29sb3IudmFsdWVcIiBbbGFiZWxdPVwidGl0bGUgKyAnICcgKyAoJ0NPTE9SX1NFVFRJTkdTLkNPTE9SJyB8IHRyYW5zbGF0ZSlcIiBbZGlzYWJsZWRdPVwiIWNvbG9yLnVzZVwiXG4gICAgICAgIFtjaGVja0FBQ29tcGxpZW50XT1cImNoZWNrQUFDb21wbGllbnRcIiBbc2hvd0FBQ29tcGxpZW50XT1cInNob3dBQUNvbXBsaWVudFwiICh2YWx1ZUNoYW5nZSk9XCJvbkNvbG9yQ2hhbmdlZCgkZXZlbnQpXCI+XG4gICAgPC9wZXAtY29sb3I+XG48L2Rpdj5cbjxwZXAtc2xpZGVyIFtsYWJlbF09XCJ0aXRsZSArICcgJyArICgnQ09MT1JfU0VUVElOR1MuT1BBQ0lUWScgfCB0cmFuc2xhdGUpXCIgW2hpbnRdPVwiY29sb3Iub3BhY2l0eS50b1N0cmluZygpIHx8ICcnXCJcbiAgICBbbWluVmFsdWVdPVwiMFwiIFttYXhWYWx1ZV09XCIxMDBcIiBbZGlzYWJsZWRdPVwiIWNvbG9yLnVzZVwiIFt2YWx1ZV09XCJjb2xvci5vcGFjaXR5XCIgW2JhY2tncm91bmRdPVwiZ2V0U2xpZGVyQmFja2dyb3VuZCgpXCJcbiAgICAoaW5wdXRDaGFuZ2UpPVwib25TbGlkZXJJbnB1dENoYW5nZWQoJGV2ZW50KVwiICh2YWx1ZUNoYW5nZSk9XCJvblNsaWRlclZhbHVlQ2hhbmdlZCgkZXZlbnQpXCI+XG48L3BlcC1zbGlkZXI+Il19