@pepperi-addons/ngx-composite-lib 0.4.2-beta.9 → 0.4.2-beta.90

package/layout-builder/section-block/section-block.component.theme.scss

@@ -0,0 +1,13 @@
+@use '@pepperi-addons/ngx-lib/src/core/style/abstracts/mixins' as ngx-mixins;
+
+.section-block-container {
+    &.editable-state {
+
+        // If the current block is not active (his editor after edit click)
+        &.block-hidden-state {
+            &:not(.active-block) {
+                @include ngx-mixins.pep-cross-hatch();
+            }
+        }
+    }
+}

package/layout-builder/section-block/section-block.module.d.ts

@@ -0,0 +1,11 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./section-block.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/cdk/drag-drop";
+import * as i4 from "@pepperi-addons/ngx-lib/button";
+import * as i5 from "@pepperi-addons/ngx-lib/draggable-items";
+export declare class SectionBlockModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SectionBlockModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SectionBlockModule, [typeof i1.SectionBlockComponent], [typeof i2.CommonModule, typeof i3.DragDropModule, typeof i4.PepButtonModule, typeof i5.PepDraggableItemsModule], [typeof i1.SectionBlockComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SectionBlockModule>;
+}

package/layout-builder/section-editor/section-editor.component.d.ts

@@ -0,0 +1,53 @@
+import { EventEmitter, OnInit } from '@angular/core';
+import { TranslateService } from '@ngx-translate/core';
+import { IPepOption } from '@pepperi-addons/ngx-lib';
+import { SplitType } from '@pepperi-addons/papi-sdk';
+import { PepDialogService } from '@pepperi-addons/ngx-lib/dialog';
+import { ILayoutSectionEditor } from '../layout-builder-internal.service';
+import * as i0 from "@angular/core";
+export interface ISplitOption {
+    key: SplitType;
+    value: string;
+}
+export interface IAllSplitOption {
+    key: string;
+    value: Array<ISplitOption>;
+}
+export declare class SectionEditorComponent implements OnInit {
+    private translate;
+    private dialog;
+    readonly MIN_HEIGHT = 40;
+    private _hostObject;
+    set hostObject(value: ILayoutSectionEditor);
+    get hostObject(): ILayoutSectionEditor;
+    sectionName: string;
+    private _split;
+    set split(value: SplitType | undefined);
+    get split(): SplitType | undefined;
+    isAutoHeight: boolean;
+    height: number;
+    hostObjectChange: EventEmitter<ILayoutSectionEditor>;
+    collapseOnTablet: boolean;
+    fillHeight: boolean;
+    subSections: boolean;
+    partsNumber: string;
+    partsNumberOptions: IPepOption[];
+    splitOptions: ISplitOption[];
+    allSplitOptions: IAllSplitOption[];
+    constructor(translate: TranslateService, dialog: PepDialogService);
+    private initData;
+    private loadSplitOptions;
+    private updateHostObject;
+    ngOnInit(): void;
+    isAutoHeightChange(isChecked: boolean): void;
+    onHeightChange(height: number): void;
+    onSectionNameChange(value: string): void;
+    onCollapseOnTabletChange(value: boolean): void;
+    onFillHeightChange(value: boolean): void;
+    onSubSectionsChange(value: boolean): void;
+    onPartsNumberChange(key: string): void;
+    showDeleteSectionMsg(continueCB: () => void, cancelCB: () => void): void;
+    onSplitChange(key: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SectionEditorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SectionEditorComponent, "section-editor", never, { "hostObject": "hostObject"; }, { "hostObjectChange": "hostObjectChange"; }, never, never, false>;
+}

package/layout-builder/section-editor/section-editor.module.d.ts

@@ -0,0 +1,14 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./section-editor.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@pepperi-addons/ngx-lib/button";
+import * as i4 from "@pepperi-addons/ngx-lib/textbox";
+import * as i5 from "@pepperi-addons/ngx-lib/select";
+import * as i6 from "@pepperi-addons/ngx-lib/checkbox";
+import * as i7 from "../layout-builder-editor/layout-builder-editor.module";
+import * as i8 from "@ngx-translate/core";
+export declare class SectionEditorModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SectionEditorModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SectionEditorModule, [typeof i1.SectionEditorComponent], [typeof i2.CommonModule, typeof i3.PepButtonModule, typeof i4.PepTextboxModule, typeof i5.PepSelectModule, typeof i6.PepCheckboxModule, typeof i7.PepLayoutBuilderEditorModule, typeof i8.TranslateModule], [typeof i1.SectionEditorComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SectionEditorModule>;
+}

package/manage-parameters/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@pepperi-addons/ngx-composite-lib/manage-parameters" />
+export * from './public-api';

package/manage-parameters/manage-parameter/manage-parameter.component.d.ts

@@ -0,0 +1,28 @@
+import { OnInit } from '@angular/core';
+import { MatDialogRef } from '@angular/material/dialog';
+import { GenericFormComponent, IPepGenericFormDataView, IPepGenericFormValueChange } from '@pepperi-addons/ngx-composite-lib/generic-form';
+import { IParamemeter, IParameterFormData } from '../manage-parameters.model';
+import { TranslateService } from '@ngx-translate/core';
+import { ManageParametersService } from '../manage-parameters.service';
+import * as i0 from "@angular/core";
+export declare class ManageParameterComponent implements OnInit {
+    private dialogRef;
+    private manageParametersService;
+    private translate;
+    incoming: IParameterFormData;
+    form: GenericFormComponent;
+    parameter: IParamemeter | undefined;
+    showType: boolean;
+    showAccessibility: boolean;
+    dataView: IPepGenericFormDataView;
+    isValid: boolean;
+    constructor(dialogRef: MatDialogRef<ManageParameterComponent>, manageParametersService: ManageParametersService, translate: TranslateService, incoming: IParameterFormData);
+    private loadDataView;
+    ngOnInit(): void;
+    saveParameter(): void;
+    close(parameter?: IParamemeter | undefined): void;
+    getParameter(parameter: IParamemeter): IParamemeter;
+    onValueChanged(event: IPepGenericFormValueChange): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ManageParameterComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ManageParameterComponent, "manage-parameter", never, {}, {}, never, never, false>;
+}

package/manage-parameters/manage-parameters.component.d.ts

@@ -0,0 +1,33 @@
+import { EventEmitter, OnInit } from '@angular/core';
+import { TranslateService } from '@ngx-translate/core';
+import { IPepGenericListActions, IPepGenericListDataSource } from '@pepperi-addons/ngx-composite-lib/generic-list';
+import { PepDialogService } from '@pepperi-addons/ngx-lib/dialog';
+import { ParameterFormType, IParamemeter, IParametersColumn } from './manage-parameters.model';
+import { IPepFieldClickEvent } from '@pepperi-addons/ngx-lib';
+import { ManageParametersService } from './manage-parameters.service';
+import * as i0 from "@angular/core";
+export declare class ManageParametersComponent implements OnInit {
+    private translate;
+    private dataViewService;
+    private dialogService;
+    showType: boolean;
+    showAccessibility: boolean;
+    parametersColumns: IParametersColumn[];
+    parameters: IParamemeter[];
+    parametersTitle: string;
+    parametersChange: EventEmitter<IParamemeter[]>;
+    dataSource: IPepGenericListDataSource;
+    listMessages: {
+        [key: string]: string;
+    };
+    actions: IPepGenericListActions;
+    constructor(translate: TranslateService, dataViewService: ManageParametersService, dialogService: PepDialogService);
+    private notifyParametersChange;
+    private getDataSource;
+    ngOnInit(): void;
+    onFieldClick(event: IPepFieldClickEvent): void;
+    openCreateParamForm(formMode: ParameterFormType, paramName?: string): void;
+    showDeleteDialog(paramName: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ManageParametersComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ManageParametersComponent, "pep-manage-parameters", never, { "showType": "showType"; "showAccessibility": "showAccessibility"; "parametersColumns": "parametersColumns"; "parameters": "parameters"; "parametersTitle": "parametersTitle"; }, { "parametersChange": "parametersChange"; }, never, never, false>;
+}

package/manage-parameters/manage-parameters.model.d.ts

@@ -0,0 +1,21 @@
+import { DataViewFieldType, SchemeFieldType } from "@pepperi-addons/papi-sdk";
+export declare type ParameterFormType = 'add' | 'edit';
+export interface IParametersColumn {
+    Key: string;
+    Title: string;
+    Type: DataViewFieldType;
+    Width: number;
+}
+export interface IParamemeter {
+    Key: string;
+    Type: SchemeFieldType;
+    Description?: string;
+    DefaultValue: any;
+    [key: string]: any;
+}
+export interface IParameterFormData {
+    Mode: ParameterFormType;
+    Parameter: IParamemeter;
+    ShowType?: boolean;
+    ShowAccessibility?: boolean;
+}

package/manage-parameters/manage-parameters.module.d.ts

@@ -0,0 +1,14 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./manage-parameters.component";
+import * as i2 from "./manage-parameter/manage-parameter.component";
+import * as i3 from "@angular/common";
+import * as i4 from "@pepperi-addons/ngx-lib";
+import * as i5 from "@pepperi-addons/ngx-lib/dialog";
+import * as i6 from "@pepperi-addons/ngx-lib/button";
+import * as i7 from "@pepperi-addons/ngx-composite-lib/generic-list";
+import * as i8 from "@pepperi-addons/ngx-composite-lib/generic-form";
+export declare class PepManageParametersModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<PepManageParametersModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<PepManageParametersModule, [typeof i1.ManageParametersComponent, typeof i2.ManageParameterComponent], [typeof i3.CommonModule, typeof i4.PepNgxLibModule, typeof i5.PepDialogModule, typeof i6.PepButtonModule, typeof i7.PepGenericListModule, typeof i8.PepGenericFormModule], [typeof i1.ManageParametersComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<PepManageParametersModule>;
+}

package/manage-parameters/manage-parameters.service.d.ts

@@ -0,0 +1,16 @@
+import { TranslateService } from "@ngx-translate/core";
+import { IPepGenericFormDataView } from "@pepperi-addons/ngx-composite-lib/generic-form";
+import { GridDataView, SchemeFieldType } from "@pepperi-addons/papi-sdk";
+import { IParametersColumn, ParameterFormType } from "./manage-parameters.model";
+import * as i0 from "@angular/core";
+export declare class ManageParametersService {
+    private translate;
+    constructor(translate: TranslateService);
+    private getAvailableTypes;
+    private convertParamsTypeToDVType;
+    private getDataViewField;
+    getParametersListDataView(parametersColumns: IParametersColumn[], showType: boolean, showAccessibility: boolean): GridDataView;
+    getParameterFormDataView(formMode: ParameterFormType, paramType: SchemeFieldType, showType: boolean, showAccessibility: boolean): IPepGenericFormDataView;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ManageParametersService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ManageParametersService>;
+}

package/manage-parameters/public-api.d.ts

@@ -0,0 +1,3 @@
+export * from './manage-parameters.module';
+export * from './manage-parameters.component';
+export * from './manage-parameters.model';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pepperi-addons/ngx-composite-lib",
-  "version": "0.4.2-beta.9",
+  "version": "0.4.2-beta.90",
   "peerDependencies": {
     "@angular/animations": ">= 14.0.2",
     "@angular/cdk": ">= 14.0.2",
@@ -74,6 +74,14 @@
       "node": "./fesm2015/pepperi-addons-ngx-composite-lib-file-status-panel.mjs",
       "default": "./fesm2020/pepperi-addons-ngx-composite-lib-file-status-panel.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"
+    },
     "./generic-form": {
       "types": "./generic-form/index.d.ts",
       "esm2020": "./esm2020/generic-form/pepperi-addons-ngx-composite-lib-generic-form.mjs",
@@ -98,6 +106,38 @@
       "node": "./fesm2015/pepperi-addons-ngx-composite-lib-group-buttons-settings.mjs",
       "default": "./fesm2020/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"
+    },
+    "./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"
+    },
+    "./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"
+    },
+    "./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",
@@ -105,6 +145,14 @@
       "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"
+    },
+    "./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"
     }
   },
   "sideEffects": false

package/rich-text/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@pepperi-addons/ngx-composite-lib/rich-text" />
+export * from './public-api';

package/rich-text/public-api.d.ts

@@ -0,0 +1,2 @@
+export * from './rich-text.module';
+export * from './rich-text.component';

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

@@ -0,0 +1,43 @@
+import { EventEmitter, OnInit, ViewContainerRef } from '@angular/core';
+import { PepAddonBlockLoaderService } from '@pepperi-addons/ngx-lib/remote-loader';
+import { RichTextService } from './rich-text.service';
+import { PepHorizontalAlignment, PepLayoutType } from '@pepperi-addons/ngx-lib';
+import { IPepRichHtmlTextareaToolbarOptions } from '@pepperi-addons/ngx-lib/rich-html-textarea';
+import * as i0 from "@angular/core";
+export declare class RichTextComponent implements OnInit {
+    private viewContainerRef;
+    private addonBlockLoaderService;
+    private RichTextService;
+    key: string;
+    value: string;
+    label: string;
+    mandatory: boolean;
+    disabled: boolean;
+    readonly: boolean;
+    maxFieldCharacters: number;
+    xAlignment: PepHorizontalAlignment;
+    sanitize: boolean;
+    rowSpan: number;
+    visible: boolean;
+    isActive: boolean;
+    showTitle: boolean;
+    renderTitle: boolean;
+    renderEnlargeButton: boolean;
+    layoutType: PepLayoutType;
+    inlineMode: boolean;
+    useAssetsForImages: boolean;
+    private quillEditor;
+    protected _toolbarOptions: IPepRichHtmlTextareaToolbarOptions;
+    get toolbarOptions(): IPepRichHtmlTextareaToolbarOptions;
+    set toolbarOptions(options: IPepRichHtmlTextareaToolbarOptions);
+    valueChange: EventEmitter<any>;
+    constructor(viewContainerRef: ViewContainerRef, addonBlockLoaderService: PepAddonBlockLoaderService, RichTextService: RichTextService);
+    ngOnInit(): void;
+    getDefaultToolbarOptions(): IPepRichHtmlTextareaToolbarOptions;
+    onEditorOpen(editor: any): void;
+    openAssetsPickerDialog(): void;
+    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>;
+}

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

@@ -0,0 +1,16 @@
+import { PepIconRegistry } from '@pepperi-addons/ngx-lib/icon';
+import * as i0 from "@angular/core";
+import * as i1 from "./rich-text.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@pepperi-addons/ngx-lib";
+import * as i4 from "@pepperi-addons/ngx-lib/icon";
+import * as i5 from "@pepperi-addons/ngx-lib/button";
+import * as i6 from "@pepperi-addons/ngx-lib/rich-html-textarea";
+import * as i7 from "@pepperi-addons/ngx-lib/remote-loader";
+export declare class PepRichTextModule {
+    private pepIconRegistry;
+    constructor(pepIconRegistry: PepIconRegistry);
+    static ɵfac: i0.ɵɵFactoryDeclaration<PepRichTextModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<PepRichTextModule, [typeof i1.RichTextComponent], [typeof i2.CommonModule, typeof i3.PepNgxLibModule, typeof i4.PepIconModule, typeof i5.PepButtonModule, typeof i6.PepRichHtmlTextareaModule, typeof i7.PepRemoteLoaderModule], [typeof i1.RichTextComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<PepRichTextModule>;
+}

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

@@ -0,0 +1,9 @@
+import { PepHttpService } from '@pepperi-addons/ngx-lib';
+import * as i0 from "@angular/core";
+export declare class RichTextService {
+    private httpService;
+    constructor(httpService: PepHttpService);
+    searchFlows(flowKey: string): Promise<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RichTextService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<RichTextService>;
+}

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

@@ -6,6 +6,7 @@ import { PepShadowIntensityType, PepShadowSettings } from './shadow-settings.mod
 import * as i0 from "@angular/core";
 export declare class ShadowSettingsComponent implements OnInit {
     private translate;
+    titleSize: PepSizeType;
     private _shadow;
     set shadow(value: PepShadowSettings);
     get shadow(): PepShadowSettings;
@@ -19,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, { "shadow": "shadow"; }, { "shadowChange": "shadowChange"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ShadowSettingsComponent, "pep-shadow-settings", never, { "titleSize": "titleSize"; "shadow": "shadow"; }, { "shadowChange": "shadowChange"; }, never, never, false>;
 }

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

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@pepperi-addons/ngx-composite-lib/show-if-badge" />
+export * from './public-api';

package/show-if-badge/public-api.d.ts

@@ -0,0 +1,2 @@
+export * from './show-if-badge.module';
+export * from './show-if-badge.component';

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

@@ -0,0 +1,20 @@
+import { PepLayoutService } from '@pepperi-addons/ngx-lib';
+import { PepIconType } from '@pepperi-addons/ngx-lib/icon';
+import * as i0 from "@angular/core";
+export declare class ShowIfBadgeComponent {
+    protected layoutService: PepLayoutService;
+    showIf: boolean;
+    /**
+    * If you want to show an icon in the button then select an icon form the provided icon list
+    *
+    * @type {PepIconType} See {@link PepIconType}
+    * @memberof PepButtonComponent
+    */
+    iconName: PepIconType;
+    backgroundColor: string;
+    protected isRtl: boolean;
+    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>;
+}

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

@@ -0,0 +1,16 @@
+import { PepIconRegistry } from '@pepperi-addons/ngx-lib/icon';
+import * as i0 from "@angular/core";
+import * as i1 from "./show-if-badge.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@pepperi-addons/ngx-lib";
+import * as i4 from "@pepperi-addons/ngx-lib/icon";
+import * as i5 from "@angular/material/icon";
+import * as i6 from "@angular/material/badge";
+import * as i7 from "@ngx-translate/core";
+export declare class PepShowIfBadgeModule {
+    private pepIconRegistry;
+    constructor(pepIconRegistry: PepIconRegistry);
+    static ɵfac: i0.ɵɵFactoryDeclaration<PepShowIfBadgeModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<PepShowIfBadgeModule, [typeof i1.ShowIfBadgeComponent], [typeof i2.CommonModule, typeof i3.PepNgxLibModule, typeof i4.PepIconModule, typeof i5.MatIconModule, typeof i6.MatBadgeModule, typeof i7.TranslateModule], [typeof i1.ShowIfBadgeComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<PepShowIfBadgeModule>;
+}

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

@@ -24,10 +24,11 @@
     "GENERAL": {
         "NONE": "None",
         "XS": "XS",
-        "SM": "SM",
-        "MD": "MD",
-        "LG": "LG",
+        "SM": "S",
+        "MD": "M",
+        "LG": "L",
         "XL": "XL",
+        "XXL": "XXL",
         "FONT_WEIGHT": {
             "REGULAR": "Regular",
             "BOLD": "Bold",
@@ -38,6 +39,10 @@
             "REGULAR": "Regular",
             "WIDE": "Wide"
         },
+        "BOOLEAN": {
+            "TRUE": "True",
+            "FALSE": "False"
+        },
         "HORIZONTAL_ALIGN": {
             "LEFT": "Left",
             "CENTER": "Center",
@@ -54,9 +59,11 @@
         "RESET": "Reset",
         "CLOSE": "Close",
         "DELETE": "Delete",
-        "EDIT": "Edit"
+        "EDIT": "Edit",
+        "PREVIEW": "Preview"
     },
     "MESSAGES": {
+        "DIALOG_NOTICE_TITLE": "Notice",
         "DIALOG_INFO_TITLE": "Info",
         "DIALOG_ERROR_TITLE": "Error",
         "DIALOG_DELETE_TITLE": "Delete",
@@ -72,5 +79,74 @@
             "TITLE": "Nothing to see here",
             "DESCRIPTION": "Add or create an item to populate this list"
         }
+    },
+    "MANAGE_PARAMETERS": {
+        "TITLE": "Parameters",
+        "ADD_BUTTON_TITLE": "Add parameter",
+        "EMPTY_STATE_TITLE":"No parameters here yet :-(",
+        "EMPTY_STATE_DESCRIPTION":"Click on the \"Add parameter\" button above to get things going",
+        "DELETE_DIALOG_TITLE": "Delete Param {{param_name}}",
+        "DELETE_DIALOG_CONTENT": "Are you sure you want to delete this parameter?",
+        "KEY_TITLE": "Key",
+        "KEY_REGEX_ERROR": "Parameter Key cannot contain special characters on spaces",
+        "DESCRIPTION_TITLE": "Description",
+        "TYPE_TITLE": "Type",
+        "DEFAULT_VALUE_TITLE": "Default Value",
+        "INTERNAL_TITLE": "Internal",
+        "ACCESSIBILITY_TITLE": "Accessibility",
+        "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"
+    },
+    "FLOW_PICKER_BUTTON": {
+        "CHOOSE_FLOW": "Choose flow"
+    },
+    "ICON_PICKER_BUTTON": {
+        "CHOOSE_ICON": "Open icon selector",
+        "MAIN_HEADER": "Icon",
+        "SELECTED": "Selected",
+        "CHOOSE_ICON_HEADER": "Choose icon"
+    },
+    "LAYOUT_BUILDER": {
+        "DEFAULT_TITLE": "Layout builder",
+        "NO_TITLE": "No title",
+        "VIEWPORT_WIDTH": "View port width",
+        "PREVIEW_TITLE": "Preview Mode",
+        "PREVIEW_CLICK_HERE": "Click here to edit",
+        "DESKTOP": "Desktop",
+        "TABLET": "Tablet",
+        "MOBILE": "Mobile",
+        "SECTION": "Section",
+        "SECTION_NAME_TITLE": "Section Name (kebab-case)",
+        "SUB_SECTION_TITLE": "Sub Section",
+        "COLLAPSE_ON_TABLET_TITLE": "Collapse on Tablet",
+        "COLLAPSE_ON_TABLET_DESCRIPTION": "Enable this will make the sub section collapse into one column on tablet view",
+        "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",
+        "SPLIT_TITLE": "Split",
+        "ADD_SECTION": "Add Section",
+        "BLOCKS_COUNT_LIMIT_MESSAGE": "You exceeded your blocks number limit - please contact your administrator.",
+        "DELETE_SECTION_MSG": "This action will delete out of range content. This action is irreversible!",
+        "DELETE_SECTION_TITLE": "Caution",
+        "GENERAL": "General",
+        "DESIGN": "Design",
+        "BLOCKS_TITLE": "Blocks",
+        "FULL_WIDTH_TITLE": "Full Width",
+        "MAX_WIDTH_TITLE": "Max Width",
+        "AUTO_HEIGHT_TITLE": "Auto Height",
+        "MAX_HEIGHT_TITLE": "Max Height",
+        "HEIGHT_TITLE": "Height",
+        "SPACING_TITLE": "Spacing",
+        "SPACING_HORIZONTAL_TITLE": "Left & Right",
+        "SPACING_VERTICAL_TITLE": "Top & Bottom",
+        "GAPS_TITLE": "Gaps",
+        "SECTIONS_GAP_TITLE": "Gap size between sections",
+        "COLUMNS_GAP_TITLE": "Gap size between columns",
+        "ROUNDED_CORNERS_TITLE": "Rounded Corners",
+        "BORDER_RADIUS_TITLE": "Global border radius",
+        "HIDE_IN": {
+            "HIDE_IN_TITLE": "Hide on:"
+        }
     }
 }