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

package/fesm2015/pepperi-addons-ngx-composite-lib-padding-settings.mjs

@@ -1,140 +0,0 @@
-import * as i0 from '@angular/core';
-import { EventEmitter, Component, Input, Output, NgModule } from '@angular/core';
-import * as i2 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i1 from '@ngx-translate/core';
-import * as i3 from '@pepperi-addons/ngx-lib/checkbox';
-import { PepCheckboxModule } from '@pepperi-addons/ngx-lib/checkbox';
-import * as i4 from '@pepperi-addons/ngx-lib/textbox';
-import { PepTextboxModule } from '@pepperi-addons/ngx-lib/textbox';
-import { PepNgxLibModule } from '@pepperi-addons/ngx-lib';
-import { PepFieldTitleModule } from '@pepperi-addons/ngx-lib/field-title';
-import { PepGroupButtonsModule } from '@pepperi-addons/ngx-lib/group-buttons';
-import { PepSliderModule } from '@pepperi-addons/ngx-lib/slider';
-
-class PepPaddingSettings {
-    constructor(isUniform = true, paddingValue = '0') {
-        this.isUniform = isUniform;
-        this.paddingValue = paddingValue;
-    }
-}
-
-class PaddingSettingsComponent {
-    constructor(translate) {
-        this.translate = translate;
-        this.startPaddingValue = '0';
-        this.endPaddingValue = '0';
-        this.topPaddingValue = '0';
-        this.bottomPaddingValue = '0';
-        this._padding = new PepPaddingSettings();
-        this.paddingChange = new EventEmitter();
-    }
-    set padding(value) {
-        if (!value) {
-            this._padding = new PepPaddingSettings();
-        }
-        else {
-            this._padding = value;
-        }
-    }
-    get padding() {
-        return this._padding;
-    }
-    raisePaddingChange() {
-        this.paddingChange.emit(this.padding);
-    }
-    onUniformChanged(value) {
-        this.padding.isUniform = value;
-        this.formatPaddingValue();
-        this.raisePaddingChange();
-    }
-    formatPaddingValue() {
-        if (this.padding.isUniform) {
-            this.padding.paddingValue = this.padding.paddingValue.split(',')[0];
-        }
-        else {
-            this.topPaddingValue = this.endPaddingValue = this.bottomPaddingValue = this.startPaddingValue = this.padding.paddingValue;
-            this.padding.paddingValue = `${this.topPaddingValue},${this.endPaddingValue},${this.bottomPaddingValue},${this.startPaddingValue}`;
-        }
-    }
-    onPaddingChanged(value, uniformPos) {
-        if (!this.padding.isUniform) {
-            switch (uniformPos) {
-                case 'top':
-                    this.topPaddingValue = value;
-                    break;
-                case 'end':
-                    this.endPaddingValue = value;
-                    break;
-                case 'bottom':
-                    this.bottomPaddingValue = value;
-                    break;
-                case 'start':
-                    this.startPaddingValue = value;
-                    break;
-            }
-            this.padding.paddingValue = `${this.topPaddingValue},${this.endPaddingValue},${this.bottomPaddingValue},${this.startPaddingValue}`;
-        }
-        else {
-            this.padding.paddingValue = `${value}`;
-        }
-        this.raisePaddingChange();
-    }
-}
-PaddingSettingsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PaddingSettingsComponent, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
-PaddingSettingsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: PaddingSettingsComponent, selector: "pep-padding-settings", inputs: { padding: "padding" }, outputs: { paddingChange: "paddingChange" }, ngImport: i0, template: "<div>\n    <label class=\"body-xl bold ellipsis title\">{{'PADDING' | translate}}</label>\n    <pep-checkbox \n        class=\"checkbox-as-sub-title\"\n        [label]=\"'PADDING_SETTINGS.UNIFORM' | translate\" \n        [renderTitle]=\"false\" \n        [value]=\"padding?.isUniform || true\" \n        (valueChange)=\"onUniformChanged($event)\">\n    </pep-checkbox>\n    <div class=\"paddingValueCont\">\n        <pep-textbox *ngIf=\"padding?.isUniform\"  \n            type=\"real\"\n            [label]=\"'PADDING_SETTINGS.DESCRIPTION' | translate\" \n            [value]=\"padding?.paddingValue || '0'\" \n            (valueChange)=\"onPaddingChanged($event, 'uniform')\">\n        </pep-textbox>\n        <pep-textbox *ngIf=\"!padding?.isUniform\" \n            type=\"real\"\n            [renderSymbol]=\"false\"\n            [label]=\"'PADDING_SETTINGS.TOP' | translate\" \n            [value]=\"topPaddingValue || '0'\" \n            (valueChange)=\"onPaddingChanged($event, 'top')\">\n        </pep-textbox>\n        <pep-textbox *ngIf=\"!padding?.isUniform\"\n            type=\"real\"\n            [renderSymbol]=\"false\"\n            [label]=\"'PADDING_SETTINGS.END' | translate\" \n            [value]=\"endPaddingValue || '0'\" \n            (valueChange)=\"onPaddingChanged($event, 'end')\">\n        </pep-textbox>\n        <pep-textbox *ngIf=\"!padding?.isUniform\"\n            type=\"real\"\n            [renderSymbol]=\"false\"\n            [label]=\"'PADDING_SETTINGS.BOTTOM' | translate\" \n            [value]=\"bottomPaddingValue || '0'\" \n            (valueChange)=\"onPaddingChanged($event, 'bottom')\">\n        </pep-textbox>\n        <pep-textbox *ngIf=\"!padding?.isUniform\"\n            type=\"real\"\n            [renderSymbol]=\"false\"\n            [label]=\"'PADDING_SETTINGS.START' | translate\" \n            [value]=\"startPaddingValue || '0'\"\n            (valueChange)=\"onPaddingChanged($event, 'start')\">\n        </pep-textbox>\n    </div>\n</div>", styles: [":host{width:100%;display:grid;gap:var(--pep-spacing-lg, 1rem)}.paddingValueCont{margin-top:var(--pep-spacing-sm, .5rem);display:grid;column-gap:var(--pep-spacing-sm, .5rem);grid-auto-flow:column}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.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: i4.PepTextboxComponent, selector: "pep-textbox", inputs: ["key", "value", "minFractionDigits", "maxFractionDigits", "accessory", "label", "placeholder", "type", "mandatory", "disabled", "readonly", "maxFieldCharacters", "hint", "textColor", "xAlignment", "rowSpan", "minValue", "maxValue", "visible", "form", "isActive", "showTitle", "renderTitle", "renderError", "renderSymbol", "layoutType", "parentFieldKey", "regex", "regexError", "isInFocus"], outputs: ["valueChange", "keyup"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PaddingSettingsComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'pep-padding-settings', template: "<div>\n    <label class=\"body-xl bold ellipsis title\">{{'PADDING' | translate}}</label>\n    <pep-checkbox \n        class=\"checkbox-as-sub-title\"\n        [label]=\"'PADDING_SETTINGS.UNIFORM' | translate\" \n        [renderTitle]=\"false\" \n        [value]=\"padding?.isUniform || true\" \n        (valueChange)=\"onUniformChanged($event)\">\n    </pep-checkbox>\n    <div class=\"paddingValueCont\">\n        <pep-textbox *ngIf=\"padding?.isUniform\"  \n            type=\"real\"\n            [label]=\"'PADDING_SETTINGS.DESCRIPTION' | translate\" \n            [value]=\"padding?.paddingValue || '0'\" \n            (valueChange)=\"onPaddingChanged($event, 'uniform')\">\n        </pep-textbox>\n        <pep-textbox *ngIf=\"!padding?.isUniform\" \n            type=\"real\"\n            [renderSymbol]=\"false\"\n            [label]=\"'PADDING_SETTINGS.TOP' | translate\" \n            [value]=\"topPaddingValue || '0'\" \n            (valueChange)=\"onPaddingChanged($event, 'top')\">\n        </pep-textbox>\n        <pep-textbox *ngIf=\"!padding?.isUniform\"\n            type=\"real\"\n            [renderSymbol]=\"false\"\n            [label]=\"'PADDING_SETTINGS.END' | translate\" \n            [value]=\"endPaddingValue || '0'\" \n            (valueChange)=\"onPaddingChanged($event, 'end')\">\n        </pep-textbox>\n        <pep-textbox *ngIf=\"!padding?.isUniform\"\n            type=\"real\"\n            [renderSymbol]=\"false\"\n            [label]=\"'PADDING_SETTINGS.BOTTOM' | translate\" \n            [value]=\"bottomPaddingValue || '0'\" \n            (valueChange)=\"onPaddingChanged($event, 'bottom')\">\n        </pep-textbox>\n        <pep-textbox *ngIf=\"!padding?.isUniform\"\n            type=\"real\"\n            [renderSymbol]=\"false\"\n            [label]=\"'PADDING_SETTINGS.START' | translate\" \n            [value]=\"startPaddingValue || '0'\"\n            (valueChange)=\"onPaddingChanged($event, 'start')\">\n        </pep-textbox>\n    </div>\n</div>", styles: [":host{width:100%;display:grid;gap:var(--pep-spacing-lg, 1rem)}.paddingValueCont{margin-top:var(--pep-spacing-sm, .5rem);display:grid;column-gap:var(--pep-spacing-sm, .5rem);grid-auto-flow:column}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1.TranslateService }]; }, propDecorators: { padding: [{
-                type: Input
-            }], paddingChange: [{
-                type: Output
-            }] } });
-
-class PepPaddingSettingsModule {
-}
-PepPaddingSettingsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepPaddingSettingsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-PepPaddingSettingsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.2", ngImport: i0, type: PepPaddingSettingsModule, declarations: [PaddingSettingsComponent], imports: [CommonModule,
-        PepNgxLibModule,
-        PepCheckboxModule,
-        PepTextboxModule,
-        PepFieldTitleModule,
-        PepGroupButtonsModule,
-        PepSliderModule], exports: [PaddingSettingsComponent] });
-PepPaddingSettingsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepPaddingSettingsModule, imports: [CommonModule,
-        PepNgxLibModule,
-        PepCheckboxModule,
-        PepTextboxModule,
-        PepFieldTitleModule,
-        PepGroupButtonsModule,
-        PepSliderModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepPaddingSettingsModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        PaddingSettingsComponent
-                    ],
-                    imports: [
-                        CommonModule,
-                        PepNgxLibModule,
-                        PepCheckboxModule,
-                        PepTextboxModule,
-                        PepFieldTitleModule,
-                        PepGroupButtonsModule,
-                        PepSliderModule
-                    ],
-                    exports: [PaddingSettingsComponent],
-                }]
-        }] });
-
-/*
- * Public API Surface of ngx-composite-lib/padding-settings
- */
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { PaddingSettingsComponent, PepPaddingSettings, PepPaddingSettingsModule };
-//# sourceMappingURL=pepperi-addons-ngx-composite-lib-padding-settings.mjs.map

package/fesm2015/pepperi-addons-ngx-composite-lib-padding-settings.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"pepperi-addons-ngx-composite-lib-padding-settings.mjs","sources":["../../../projects/ngx-composite-lib/padding-settings/padding-settings.model.ts","../../../projects/ngx-composite-lib/padding-settings/padding-settings.component.ts","../../../projects/ngx-composite-lib/padding-settings/padding-settings.component.html","../../../projects/ngx-composite-lib/padding-settings/padding-settings.module.ts","../../../projects/ngx-composite-lib/padding-settings/public-api.ts","../../../projects/ngx-composite-lib/padding-settings/pepperi-addons-ngx-composite-lib-padding-settings.ts"],"sourcesContent":["import { PepSizeType } from \"@pepperi-addons/ngx-lib\";\r\n\r\n\r\nexport class PepPaddingSettings {\r\n    isUniform: boolean;\r\n    paddingValue: string;\r\n\r\n    constructor(isUniform = true, paddingValue = '0'){\r\n        this.isUniform = isUniform;\r\n        this.paddingValue = paddingValue;\r\n    }\r\n}","import { Component, EventEmitter, Input, Output } from '@angular/core';\nimport { TranslateService } from '@ngx-translate/core';\nimport { PepPaddingSettings } from './padding-settings.model';\n\n@Component({\n    selector: 'pep-padding-settings',\n    templateUrl: './padding-settings.component.html',\n    styleUrls: ['./padding-settings.component.scss']\n})\n\nexport class PaddingSettingsComponent  {\n\n    public startPaddingValue = '0';\n    public endPaddingValue = '0';\n    public topPaddingValue = '0';\n    public bottomPaddingValue = '0';\n\n    private _padding: PepPaddingSettings = new PepPaddingSettings();\n    @Input()\n    set padding(value: PepPaddingSettings) {\n        if (!value) {\n            this._padding = new PepPaddingSettings();\n        } else {\n            this._padding = value;\n        }\n    }\n    get padding(): PepPaddingSettings {\n        return this._padding;\n    }\n\n    @Output()\n    paddingChange: EventEmitter<PepPaddingSettings> = new EventEmitter<PepPaddingSettings>();\n\n    constructor(\n        private translate: TranslateService,\n    ) {\n    }\n\n    private raisePaddingChange() {\n        this.paddingChange.emit(this.padding);\n    }\n\n    onUniformChanged(value: boolean) {\n        this.padding.isUniform = value;\n        this.formatPaddingValue();\n        this.raisePaddingChange();\n    }\n\n    formatPaddingValue() {\n        if(this.padding.isUniform){ \n            this.padding.paddingValue =this.padding.paddingValue.split(',')[0];\n         } \n         else{\n            this.topPaddingValue = this.endPaddingValue = this.bottomPaddingValue = this.startPaddingValue = this.padding.paddingValue;\n            this.padding.paddingValue = `${this.topPaddingValue},${this.endPaddingValue},${this.bottomPaddingValue},${this.startPaddingValue}`;\n         } \n    }\n\n    onPaddingChanged(value: any, uniformPos: string) {\n        if(!this.padding.isUniform){\n            switch(uniformPos){\n                case 'top':\n                    this.topPaddingValue = value;\n                    break;\n                case 'end':\n                    this.endPaddingValue = value;\n                    break;\n                case 'bottom':\n                    this.bottomPaddingValue = value;\n                    break;\n                case 'start':\n                    this.startPaddingValue = value;\n                    break;\n            }\n           this.padding.paddingValue = `${this.topPaddingValue},${this.endPaddingValue},${this.bottomPaddingValue},${this.startPaddingValue}`;\n        }\n        else{\n            this.padding.paddingValue = `${value}`;\n        }\n        this.raisePaddingChange();\n    }\n}\n","<div>\n    <label class=\"body-xl bold ellipsis title\">{{'PADDING' | translate}}</label>\n    <pep-checkbox \n        class=\"checkbox-as-sub-title\"\n        [label]=\"'PADDING_SETTINGS.UNIFORM' | translate\" \n        [renderTitle]=\"false\" \n        [value]=\"padding?.isUniform || true\" \n        (valueChange)=\"onUniformChanged($event)\">\n    </pep-checkbox>\n    <div class=\"paddingValueCont\">\n        <pep-textbox *ngIf=\"padding?.isUniform\"  \n            type=\"real\"\n            [label]=\"'PADDING_SETTINGS.DESCRIPTION' | translate\" \n            [value]=\"padding?.paddingValue || '0'\" \n            (valueChange)=\"onPaddingChanged($event, 'uniform')\">\n        </pep-textbox>\n        <pep-textbox *ngIf=\"!padding?.isUniform\" \n            type=\"real\"\n            [renderSymbol]=\"false\"\n            [label]=\"'PADDING_SETTINGS.TOP' | translate\" \n            [value]=\"topPaddingValue || '0'\" \n            (valueChange)=\"onPaddingChanged($event, 'top')\">\n        </pep-textbox>\n        <pep-textbox *ngIf=\"!padding?.isUniform\"\n            type=\"real\"\n            [renderSymbol]=\"false\"\n            [label]=\"'PADDING_SETTINGS.END' | translate\" \n            [value]=\"endPaddingValue || '0'\" \n            (valueChange)=\"onPaddingChanged($event, 'end')\">\n        </pep-textbox>\n        <pep-textbox *ngIf=\"!padding?.isUniform\"\n            type=\"real\"\n            [renderSymbol]=\"false\"\n            [label]=\"'PADDING_SETTINGS.BOTTOM' | translate\" \n            [value]=\"bottomPaddingValue || '0'\" \n            (valueChange)=\"onPaddingChanged($event, 'bottom')\">\n        </pep-textbox>\n        <pep-textbox *ngIf=\"!padding?.isUniform\"\n            type=\"real\"\n            [renderSymbol]=\"false\"\n            [label]=\"'PADDING_SETTINGS.START' | translate\" \n            [value]=\"startPaddingValue || '0'\"\n            (valueChange)=\"onPaddingChanged($event, 'start')\">\n        </pep-textbox>\n    </div>\n</div>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { PaddingSettingsComponent } from './padding-settings.component';\nimport { PepNgxLibModule } from '@pepperi-addons/ngx-lib';\nimport { PepCheckboxModule } from '@pepperi-addons/ngx-lib/checkbox';\nimport { PepTextboxModule } from '@pepperi-addons/ngx-lib/textbox';\nimport { PepFieldTitleModule } from '@pepperi-addons/ngx-lib/field-title';\nimport { PepGroupButtonsModule } from '@pepperi-addons/ngx-lib/group-buttons';\nimport { PepSliderModule } from '@pepperi-addons/ngx-lib/slider';\n\n@NgModule({\n    declarations: [\n        PaddingSettingsComponent\n    ],\n    imports: [\n        CommonModule,\n        PepNgxLibModule,\n        PepCheckboxModule,\n        PepTextboxModule,\n        PepFieldTitleModule,\n        PepGroupButtonsModule,\n        PepSliderModule\n    ],\n    exports: [PaddingSettingsComponent],\n})\nexport class PepPaddingSettingsModule { }\n","/*\n * Public API Surface of ngx-composite-lib/padding-settings\n */\nexport * from './padding-settings.module';\nexport * from './padding-settings.component';\nexport * from './padding-settings.model';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2015/pepperi-addons-ngx-composite-lib-rich-text.mjs

@@ -1,234 +0,0 @@
-import * as i0 from '@angular/core';
-import { Injectable, EventEmitter, Component, Input, Output, NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import * as i1 from '@pepperi-addons/ngx-lib';
-import { DEFAULT_HORIZONTAL_ALIGNMENT, PepNgxLibModule } from '@pepperi-addons/ngx-lib';
-import * as i4 from '@pepperi-addons/ngx-lib/rich-html-textarea';
-import { PepRichHtmlTextareaModule } from '@pepperi-addons/ngx-lib/rich-html-textarea';
-import * as i1$1 from '@pepperi-addons/ngx-lib/remote-loader';
-import { PepRemoteLoaderModule } from '@pepperi-addons/ngx-lib/remote-loader';
-import * as i3 from '@pepperi-addons/ngx-lib/button';
-import { PepButtonModule } from '@pepperi-addons/ngx-lib/button';
-import { __awaiter } from 'tslib';
-import { lastValueFrom } from 'rxjs';
-import * as i1$2 from '@pepperi-addons/ngx-lib/icon';
-import { pepIconSystemImage, PepIconModule } from '@pepperi-addons/ngx-lib/icon';
-
-class RichTextService {
-    constructor(httpService) {
-        this.httpService = httpService;
-    }
-    searchFlows(flowKey) {
-        return __awaiter(this, void 0, void 0, function* () {
-            return lastValueFrom(yield this.httpService.postPapiApiCall('/user_defined_flows/search', { KeyList: [flowKey], Fields: ['Key', 'Name'] }));
-        });
-    }
-}
-RichTextService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: RichTextService, deps: [{ token: i1.PepHttpService }], target: i0.ɵɵFactoryTarget.Injectable });
-RichTextService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: RichTextService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: RichTextService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }], ctorParameters: function () { return [{ type: i1.PepHttpService }]; } });
-
-class RichTextComponent {
-    constructor(viewContainerRef, addonBlockLoaderService, RichTextService) {
-        this.viewContainerRef = viewContainerRef;
-        this.addonBlockLoaderService = addonBlockLoaderService;
-        this.RichTextService = RichTextService;
-        this.key = '';
-        this.value = '';
-        this.label = '';
-        this.mandatory = false;
-        this.disabled = false;
-        this.readonly = false;
-        this.maxFieldCharacters = 300;
-        this.xAlignment = DEFAULT_HORIZONTAL_ALIGNMENT;
-        this.sanitize = true;
-        this.rowSpan = 1;
-        this.visible = true;
-        this.isActive = false;
-        this.showTitle = true;
-        this.renderTitle = true;
-        this.renderEnlargeButton = true;
-        this.layoutType = 'form';
-        this.inlineMode = false;
-        this.useAssetsForImages = true;
-        this._toolbarOptions = this.getDefaultToolbarOptions();
-        this.valueChange = new EventEmitter();
-        this.toolbarOptions = this.getDefaultToolbarOptions();
-    }
-    get toolbarOptions() {
-        return this._toolbarOptions;
-    }
-    set toolbarOptions(options) {
-        if (options) {
-            this._toolbarOptions = options;
-        }
-    }
-    ngOnInit() {
-        // Do nothing.
-    }
-    getDefaultToolbarOptions() {
-        return {
-            font: false,
-            size: false,
-            header: true,
-            bold: true,
-            italic: true,
-            underline: true,
-            strike: false,
-            link: true,
-            image: { useAssetsABI: true },
-            ordered: true,
-            bullet: true,
-            color: true,
-            background: false,
-            align: true
-        };
-    }
-    onEditorOpen(editor) {
-        var _a, _b;
-        this.quillEditor = editor;
-        if (this.useAssetsForImages) {
-            const imageButton = document.querySelector('.ql-image');
-            const newButton = (_a = document.querySelector('.quill-editor-image-btn')) === null || _a === void 0 ? void 0 : _a.cloneNode(true);
-            if (imageButton && newButton) {
-                newButton.addEventListener("click", () => { this.openAssetsPickerDialog(); });
-                //newButton.addEventListener("click", () => { this.insertAssets('https://pfs.pepperi.com/50d42a3f-f21d-40fa-8c24-a1359b04dbb7/ad909780-0c23-401e-8e8e-f514cc4f6aa2/Assets/logo.jpg');});
-                (_b = imageButton.parentNode) === null || _b === void 0 ? void 0 : _b.appendChild(newButton);
-                imageButton.setAttribute('style', 'display:none');
-            }
-        }
-    }
-    openAssetsPickerDialog() {
-        const dialogRef = this.addonBlockLoaderService.loadAddonBlockInDialog({
-            container: this.viewContainerRef,
-            name: 'AssetPicker',
-            hostObject: {
-                selectionType: 'single',
-                allowedAssetsTypes: 'images',
-                inDialog: true
-            },
-            size: 'full-screen',
-            hostEventsCallback: (event) => __awaiter(this, void 0, void 0, function* () {
-                if ((event === null || event === void 0 ? void 0 : event.action) === 'on-save') {
-                    if (event.url) {
-                        this.insertAssets(event.url);
-                    }
-                    dialogRef === null || dialogRef === void 0 ? void 0 : dialogRef.close();
-                }
-                else if (event.action === 'on-cancel') {
-                    dialogRef === null || dialogRef === void 0 ? void 0 : dialogRef.close();
-                }
-            })
-        });
-    }
-    insertAssets(assetUrl) {
-        const range = this.quillEditor.getSelection() || { index: 0, length: 0 };
-        this.quillEditor.insertEmbed(range.index, 'image', assetUrl);
-    }
-    valueChanged(event) {
-        this.valueChange.emit(event);
-    }
-}
-RichTextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: RichTextComponent, deps: [{ token: i0.ViewContainerRef }, { token: i1$1.PepAddonBlockLoaderService }, { token: RichTextService }], target: i0.ɵɵFactoryTarget.Component });
-RichTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: RichTextComponent, selector: "pep-rich-text", inputs: { 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" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<pep-rich-html-textarea [key]=\"key\" \n                        [value]=\"value\"\n                        [label]=\"label\" \n                        [mandatory]=\"mandatory\"\n                        [disabled]=\"disabled\"\n                        [readonly]=\"readonly\"\n                        [maxFieldCharacters]=\"maxFieldCharacters\" \n                        [xAlignment]=\"xAlignment\" \n                        [toolbarOptions]=\"toolbarOptions\"\n                        [rowSpan]=\"rowSpan\" \n                        [visible]=\"visible\"\n                        \n                        [isActive]=\"isActive\"\n                        [showTitle]=\"showTitle\"\n                        [renderTitle]=\"renderTitle\"\n                        [renderEnlargeButton]=\"renderEnlargeButton\"\n                        [layoutType]=\"layoutType\"\n                        [inlineMode]=\"inlineMode\"\n                        (editorCreated)=\"onEditorOpen($event)\"\n                        (valueChange)=\"valueChanged($event)\">\n</pep-rich-html-textarea>\n<pep-button [sizeType]=\"'sm'\" [classNames]=\"'pep-spacing-element quill-editor-image-btn'\" \n                [iconName]=\"'system_image'\" (buttonClick)=\"openAssetsPickerDialog()\">\n</pep-button>", styles: ["::ng-deep .quill-editor-image-btn{display:none;width:2.5rem!important}\n"], dependencies: [{ kind: "component", type: i3.PepButtonComponent, selector: "pep-button", inputs: ["key", "value", "styleType", "styleStateType", "sizeType", "classNames", "disabled", "iconName", "iconPosition", "visible"], outputs: ["buttonClick"] }, { kind: "component", type: i4.PepRichHtmlTextareaComponent, selector: "pep-rich-html-textarea", inputs: ["key", "value", "label", "mandatory", "disabled", "readonly", "maxFieldCharacters", "xAlignment", "sanitize", "rowSpan", "visible", "form", "isActive", "showTitle", "renderTitle", "renderEnlargeButton", "layoutType", "inlineMode", "toolbarOptions"], outputs: ["valueChange", "editorCreated"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: RichTextComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'pep-rich-text', template: "<pep-rich-html-textarea [key]=\"key\" \n                        [value]=\"value\"\n                        [label]=\"label\" \n                        [mandatory]=\"mandatory\"\n                        [disabled]=\"disabled\"\n                        [readonly]=\"readonly\"\n                        [maxFieldCharacters]=\"maxFieldCharacters\" \n                        [xAlignment]=\"xAlignment\" \n                        [toolbarOptions]=\"toolbarOptions\"\n                        [rowSpan]=\"rowSpan\" \n                        [visible]=\"visible\"\n                        \n                        [isActive]=\"isActive\"\n                        [showTitle]=\"showTitle\"\n                        [renderTitle]=\"renderTitle\"\n                        [renderEnlargeButton]=\"renderEnlargeButton\"\n                        [layoutType]=\"layoutType\"\n                        [inlineMode]=\"inlineMode\"\n                        (editorCreated)=\"onEditorOpen($event)\"\n                        (valueChange)=\"valueChanged($event)\">\n</pep-rich-html-textarea>\n<pep-button [sizeType]=\"'sm'\" [classNames]=\"'pep-spacing-element quill-editor-image-btn'\" \n                [iconName]=\"'system_image'\" (buttonClick)=\"openAssetsPickerDialog()\">\n</pep-button>", styles: ["::ng-deep .quill-editor-image-btn{display:none;width:2.5rem!important}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }, { type: i1$1.PepAddonBlockLoaderService }, { type: RichTextService }]; }, propDecorators: { key: [{
-                type: Input
-            }], value: [{
-                type: Input
-            }], label: [{
-                type: Input
-            }], mandatory: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], readonly: [{
-                type: Input
-            }], maxFieldCharacters: [{
-                type: Input
-            }], xAlignment: [{
-                type: Input
-            }], sanitize: [{
-                type: Input
-            }], rowSpan: [{
-                type: Input
-            }], visible: [{
-                type: Input
-            }], isActive: [{
-                type: Input
-            }], showTitle: [{
-                type: Input
-            }], renderTitle: [{
-                type: Input
-            }], renderEnlargeButton: [{
-                type: Input
-            }], layoutType: [{
-                type: Input
-            }], inlineMode: [{
-                type: Input
-            }], useAssetsForImages: [{
-                type: Input
-            }], toolbarOptions: [{
-                type: Input
-            }], valueChange: [{
-                type: Output
-            }] } });
-
-const pepIcons = [
-    pepIconSystemImage
-];
-class PepRichTextModule {
-    constructor(pepIconRegistry) {
-        this.pepIconRegistry = pepIconRegistry;
-        this.pepIconRegistry.registerIcons(pepIcons);
-    }
-}
-PepRichTextModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepRichTextModule, deps: [{ token: i1$2.PepIconRegistry }], target: i0.ɵɵFactoryTarget.NgModule });
-PepRichTextModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.2", ngImport: i0, type: PepRichTextModule, declarations: [RichTextComponent], imports: [CommonModule,
-        PepNgxLibModule,
-        PepIconModule,
-        PepButtonModule,
-        PepRichHtmlTextareaModule,
-        PepRemoteLoaderModule], exports: [RichTextComponent] });
-PepRichTextModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepRichTextModule, providers: [RichTextService], imports: [CommonModule,
-        PepNgxLibModule,
-        PepIconModule,
-        PepButtonModule,
-        PepRichHtmlTextareaModule,
-        PepRemoteLoaderModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepRichTextModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        RichTextComponent
-                    ],
-                    imports: [
-                        CommonModule,
-                        PepNgxLibModule,
-                        PepIconModule,
-                        PepButtonModule,
-                        PepRichHtmlTextareaModule,
-                        PepRemoteLoaderModule
-                    ],
-                    providers: [RichTextService],
-                    exports: [RichTextComponent],
-                }]
-        }], ctorParameters: function () { return [{ type: i1$2.PepIconRegistry }]; } });
-
-/*
- * Public API Surface of ngx-composite-lib/flow-picker-button
- */
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { PepRichTextModule, RichTextComponent };
-//# sourceMappingURL=pepperi-addons-ngx-composite-lib-rich-text.mjs.map

package/fesm2015/pepperi-addons-ngx-composite-lib-rich-text.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"pepperi-addons-ngx-composite-lib-rich-text.mjs","sources":["../../../projects/ngx-composite-lib/rich-text/rich-text.service.ts","../../../projects/ngx-composite-lib/rich-text/rich-text.component.ts","../../../projects/ngx-composite-lib/rich-text/rich-text.component.html","../../../projects/ngx-composite-lib/rich-text/rich-text.module.ts","../../../projects/ngx-composite-lib/rich-text/public-api.ts","../../../projects/ngx-composite-lib/rich-text/pepperi-addons-ngx-composite-lib-rich-text.ts"],"sourcesContent":["import { Injectable } from \"@angular/core\";\nimport { PepHttpService, PepSessionService } from '@pepperi-addons/ngx-lib';\nimport { lastValueFrom } from \"rxjs\";\n\n@Injectable({\n    providedIn: 'root',\n})\nexport class RichTextService {\n    \n    constructor(\n        private httpService: PepHttpService\n        ) {\n    }\n    \n    async searchFlows(flowKey: string): Promise<any> {\n        return lastValueFrom(await this.httpService.postPapiApiCall('/user_defined_flows/search', { KeyList: [flowKey], Fields: ['Key', 'Name']}));\n    }\n}","import { AfterViewInit, Component, EventEmitter, Input, OnInit, Output, ViewContainerRef } from '@angular/core';\nimport { PepAddonBlockLoaderService } from '@pepperi-addons/ngx-lib/remote-loader';\nimport { RichTextService } from './rich-text.service';\nimport { DEFAULT_HORIZONTAL_ALIGNMENT, PepHorizontalAlignment, PepLayoutType } from '@pepperi-addons/ngx-lib';\nimport { FormGroup } from '@angular/forms';\nimport { IPepRichHtmlTextareaToolbarOptions } from '@pepperi-addons/ngx-lib/rich-html-textarea';\nimport Quill from 'quill';\n\n@Component({\n    selector: 'pep-rich-text',\n    templateUrl: './rich-text.component.html',\n    styleUrls: ['./rich-text.component.scss']\n})\nexport class RichTextComponent implements OnInit {\n\n    @Input() key = '';\n    @Input() value = '';\n    @Input() label = '';\n    @Input() mandatory = false;\n    @Input() disabled = false;\n    @Input() readonly = false;\n    @Input() maxFieldCharacters = 300;\n    @Input() xAlignment: PepHorizontalAlignment = DEFAULT_HORIZONTAL_ALIGNMENT;\n    @Input() sanitize = true;\n    @Input() rowSpan = 1;\n    @Input() visible = true;\n    @Input() isActive = false;\n    @Input() showTitle = true;\n    @Input() renderTitle = true;\n    @Input() renderEnlargeButton = true;\n    @Input() layoutType: PepLayoutType = 'form';\n    @Input() inlineMode = false;\n    @Input() useAssetsForImages = true;\n    \n    private quillEditor: any;\n    protected _toolbarOptions: IPepRichHtmlTextareaToolbarOptions = this.getDefaultToolbarOptions();\n    @Input()\n    get toolbarOptions(): IPepRichHtmlTextareaToolbarOptions {\n        return this._toolbarOptions;\n    }\n    set toolbarOptions(options: IPepRichHtmlTextareaToolbarOptions) {\n        if (options) {\n            this._toolbarOptions = options;\n        }\n    }\n\n    @Output()\n        valueChange: EventEmitter<any> = new EventEmitter<any>();\n\n    constructor(\n        private viewContainerRef: ViewContainerRef,\n        private addonBlockLoaderService: PepAddonBlockLoaderService, \n        private RichTextService: RichTextService) { \n            this.toolbarOptions = this.getDefaultToolbarOptions();\n        }\n\n    ngOnInit() {\n        // Do nothing.\n        \n    }\n\n\n    getDefaultToolbarOptions(): IPepRichHtmlTextareaToolbarOptions {\n        return {\n            font: false,\n            size: false,\n            header: true,\n            bold: true,\n            italic: true,\n            underline: true,\n            strike: false,\n            link: true,\n            image: { useAssetsABI : true },\n            ordered: true,\n            bullet: true,\n            color: true,\n            background: false,\n            align: true\n        };\n    }\n\n    onEditorOpen(editor: any){\n        this.quillEditor = editor;\n\n        if(this.useAssetsForImages){\n            const imageButton = document.querySelector('.ql-image');\n            const newButton = document.querySelector('.quill-editor-image-btn')?.cloneNode(true);\n            \n            if(imageButton && newButton){\n                newButton.addEventListener(\"click\", () => { this.openAssetsPickerDialog();});\n                //newButton.addEventListener(\"click\", () => { this.insertAssets('https://pfs.pepperi.com/50d42a3f-f21d-40fa-8c24-a1359b04dbb7/ad909780-0c23-401e-8e8e-f514cc4f6aa2/Assets/logo.jpg');});\n                imageButton.parentNode?.appendChild(newButton);\n                imageButton.setAttribute('style','display:none');    \n            }\n        }\n    }\n    \n    openAssetsPickerDialog() {\n        const dialogRef = this.addonBlockLoaderService.loadAddonBlockInDialog({\n            container: this.viewContainerRef,\n            name: 'AssetPicker',\n            hostObject: {\n                selectionType: 'single',\n                allowedAssetsTypes: 'images',\n                inDialog: true\n            },\n            size: 'full-screen',\n            hostEventsCallback: async (event) => {\n                if (event?.action === 'on-save') {\n                    if(event.url){\n                        this.insertAssets(event.url);\n                    }\n                    dialogRef?.close();\n                } else if (event.action === 'on-cancel') {\n                    dialogRef?.close();\n                }\n            }\n        });\n    }\n\n    insertAssets(assetUrl: string){\n        const range = this.quillEditor.getSelection() || { index: 0, length: 0};\n        this.quillEditor.insertEmbed(range.index, 'image', assetUrl);\n    }\n\n    valueChanged(event: any){\n        this.valueChange.emit(event);\n    }\n}\n","<pep-rich-html-textarea [key]=\"key\" \n                        [value]=\"value\"\n                        [label]=\"label\" \n                        [mandatory]=\"mandatory\"\n                        [disabled]=\"disabled\"\n                        [readonly]=\"readonly\"\n                        [maxFieldCharacters]=\"maxFieldCharacters\" \n                        [xAlignment]=\"xAlignment\" \n                        [toolbarOptions]=\"toolbarOptions\"\n                        [rowSpan]=\"rowSpan\" \n                        [visible]=\"visible\"\n                        \n                        [isActive]=\"isActive\"\n                        [showTitle]=\"showTitle\"\n                        [renderTitle]=\"renderTitle\"\n                        [renderEnlargeButton]=\"renderEnlargeButton\"\n                        [layoutType]=\"layoutType\"\n                        [inlineMode]=\"inlineMode\"\n                        (editorCreated)=\"onEditorOpen($event)\"\n                        (valueChange)=\"valueChanged($event)\">\n</pep-rich-html-textarea>\n<pep-button [sizeType]=\"'sm'\" [classNames]=\"'pep-spacing-element quill-editor-image-btn'\" \n                [iconName]=\"'system_image'\" (buttonClick)=\"openAssetsPickerDialog()\">\n</pep-button>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { PepNgxLibModule } from '@pepperi-addons/ngx-lib';\nimport { PepRichHtmlTextareaModule } from '@pepperi-addons/ngx-lib/rich-html-textarea';\nimport { PepRemoteLoaderModule } from '@pepperi-addons/ngx-lib/remote-loader';\nimport { PepButtonModule } from '@pepperi-addons/ngx-lib/button';\nimport { RichTextComponent } from './rich-text.component';\nimport { RichTextService } from './rich-text.service';\nimport { \n    PepIconModule,\n    PepIconRegistry,\n    pepIconSystemImage\n} from '@pepperi-addons/ngx-lib/icon';\n\nconst pepIcons = [\n    pepIconSystemImage\n];\n\n@NgModule({\n    declarations: [\n        RichTextComponent\n    ],\n    imports: [\n        CommonModule,\n        PepNgxLibModule,\n        PepIconModule,\n        PepButtonModule,\n        PepRichHtmlTextareaModule,\n        PepRemoteLoaderModule\n    ],\n    providers: [RichTextService],\n    exports: [RichTextComponent],\n})\nexport class PepRichTextModule {\n    constructor(private pepIconRegistry: PepIconRegistry) {\n        this.pepIconRegistry.registerIcons(pepIcons);\n    }\n}\n","/*\n * Public API Surface of ngx-composite-lib/flow-picker-button\n */\nexport * from './rich-text.module';\nexport * from './rich-text.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1","i2.RichTextService"],"mappings":"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"}

package/fesm2015/pepperi-addons-ngx-composite-lib-shadow-settings.mjs

@@ -1,129 +0,0 @@
-import * as i0 from '@angular/core';
-import { EventEmitter, Component, Input, Output, NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import * as i1 from '@ngx-translate/core';
-import * as i2 from '@pepperi-addons/ngx-lib/checkbox';
-import { PepCheckboxModule } from '@pepperi-addons/ngx-lib/checkbox';
-import * as i3 from '@pepperi-addons/ngx-lib/field-title';
-import { PepFieldTitleModule } from '@pepperi-addons/ngx-lib/field-title';
-import * as i4 from '@pepperi-addons/ngx-lib/group-buttons';
-import { PepGroupButtonsModule } from '@pepperi-addons/ngx-lib/group-buttons';
-import { PepNgxLibModule } from '@pepperi-addons/ngx-lib';
-import { PepSliderModule } from '@pepperi-addons/ngx-lib/slider';
-
-class PepShadowSettings {
-    constructor(use = false, size = 'md', intensity = 'soft') {
-        this.use = use;
-        this.size = size;
-        this.intensity = intensity;
-    }
-}
-
-class ShadowSettingsComponent {
-    constructor(translate) {
-        this.translate = translate;
-        this.titleSize = 'xl';
-        this._shadow = new PepShadowSettings();
-        this.shadowChange = new EventEmitter();
-        this.shadowSizes = [];
-        this.shadowIntensities = [];
-    }
-    set shadow(value) {
-        if (!value) {
-            this._shadow = new PepShadowSettings();
-        }
-        else {
-            this._shadow = value;
-        }
-    }
-    get shadow() {
-        return this._shadow;
-    }
-    ngOnInit() {
-        // Get the first translation for load all translations.
-        this.translate.get('SHADOW_SETTINGS.INTENSITY_SOFT').toPromise().then((typeSoft) => {
-            this.shadowSizes = [
-                { key: 'sm', value: this.translate.instant('GENERAL.SM'), callback: () => this.onSizeChange('sm') },
-                { key: 'md', value: this.translate.instant('GENERAL.MD'), callback: () => this.onSizeChange('md') },
-                { key: 'lg', value: this.translate.instant('GENERAL.LG'), callback: () => this.onSizeChange('lg') },
-                { key: 'xl', value: this.translate.instant('GENERAL.XL'), callback: () => this.onSizeChange('xl') }
-            ];
-            this.shadowIntensities = [
-                { key: 'soft', value: typeSoft, callback: () => this.onIntensityChange('soft') },
-                { key: 'regular', value: this.translate.instant('SHADOW_SETTINGS.INTENSITY_REGULAR'), callback: () => this.onIntensityChange('regular') },
-                { key: 'hard', value: this.translate.instant('SHADOW_SETTINGS.INTENSITY_HARD'), callback: () => this.onIntensityChange('hard') }
-            ];
-        });
-    }
-    raiseShadowChange() {
-        this.shadowChange.emit(this.shadow);
-    }
-    onUseChanged(value) {
-        this.shadow.use = value;
-        this.raiseShadowChange();
-    }
-    onSizeChange(value) {
-        this.shadow.size = value;
-        this.raiseShadowChange();
-    }
-    onIntensityChange(value) {
-        this.shadow.intensity = value;
-        this.raiseShadowChange();
-    }
-}
-ShadowSettingsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: ShadowSettingsComponent, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
-ShadowSettingsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: ShadowSettingsComponent, selector: "pep-shadow-settings", inputs: { titleSize: "titleSize", shadow: "shadow" }, outputs: { shadowChange: "shadowChange" }, ngImport: i0, template: "<div>\n    <pep-checkbox \n        class=\"{{ titleSize === 'xl' ? 'checkbox-as-title' : 'checkbox-as-sub-title' }}\" \n        [label]=\"'SHADOW_SETTINGS.TITLE' | translate\" [renderTitle]=\"false\" [value]=\"shadow.use\" (valueChange)=\"onUseChanged($event)\"></pep-checkbox>\n    <pep-field-title [label]=\"'SHADOW_SETTINGS.SIZE' | translate\" [disabled]=\"!shadow.use\"></pep-field-title>\n    <pep-group-buttons class=\"shadow-size-group\" [buttons]=\"shadowSizes\" [selectedButtonKey]=\"shadow.size\" [stretch]=\"true\" buttonsClass=\"md regular\" [buttonsDisabled]=\"!shadow.use\" viewType=\"toggle\">\n    </pep-group-buttons>\n</div>\n<div>\n    <pep-field-title [label]=\"'SHADOW_SETTINGS.INTENSITY' | translate\" [disabled]=\"!shadow.use\"></pep-field-title>\n    <pep-group-buttons class=\"shadow-intensity-group\" [buttons]=\"shadowIntensities\" [selectedButtonKey]=\"shadow.intensity\" [stretch]=\"true\" buttonsClass=\"md regular\" [buttonsDisabled]=\"!shadow.use\" viewType=\"toggle\">\n    </pep-group-buttons>\n</div>", 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.PepFieldTitleComponent, selector: "pep-field-title", inputs: ["label", "mandatory", "disabled", "maxFieldCharacters", "hint", "xAlignment", "showTitle", "inputLength", "fontBodyType"] }, { kind: "component", type: i4.PepGroupButtonsComponent, selector: "pep-group-buttons", inputs: ["viewType", "styleType", "sizeType", "buttons", "buttonsDisabled", "supportUnselect", "selectedButtonKey", "stretch"], outputs: ["buttonClick"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: ShadowSettingsComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'pep-shadow-settings', template: "<div>\n    <pep-checkbox \n        class=\"{{ titleSize === 'xl' ? 'checkbox-as-title' : 'checkbox-as-sub-title' }}\" \n        [label]=\"'SHADOW_SETTINGS.TITLE' | translate\" [renderTitle]=\"false\" [value]=\"shadow.use\" (valueChange)=\"onUseChanged($event)\"></pep-checkbox>\n    <pep-field-title [label]=\"'SHADOW_SETTINGS.SIZE' | translate\" [disabled]=\"!shadow.use\"></pep-field-title>\n    <pep-group-buttons class=\"shadow-size-group\" [buttons]=\"shadowSizes\" [selectedButtonKey]=\"shadow.size\" [stretch]=\"true\" buttonsClass=\"md regular\" [buttonsDisabled]=\"!shadow.use\" viewType=\"toggle\">\n    </pep-group-buttons>\n</div>\n<div>\n    <pep-field-title [label]=\"'SHADOW_SETTINGS.INTENSITY' | translate\" [disabled]=\"!shadow.use\"></pep-field-title>\n    <pep-group-buttons class=\"shadow-intensity-group\" [buttons]=\"shadowIntensities\" [selectedButtonKey]=\"shadow.intensity\" [stretch]=\"true\" buttonsClass=\"md regular\" [buttonsDisabled]=\"!shadow.use\" viewType=\"toggle\">\n    </pep-group-buttons>\n</div>", styles: [":host{width:100%;display:grid;gap:var(--pep-spacing-lg, 1rem)}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1.TranslateService }]; }, propDecorators: { titleSize: [{
-                type: Input
-            }], shadow: [{
-                type: Input
-            }], shadowChange: [{
-                type: Output
-            }] } });
-
-class PepShadowSettingsModule {
-}
-PepShadowSettingsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepShadowSettingsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-PepShadowSettingsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.2", ngImport: i0, type: PepShadowSettingsModule, declarations: [ShadowSettingsComponent], imports: [CommonModule,
-        PepNgxLibModule,
-        PepCheckboxModule,
-        PepFieldTitleModule,
-        PepGroupButtonsModule,
-        PepSliderModule], exports: [ShadowSettingsComponent] });
-PepShadowSettingsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepShadowSettingsModule, imports: [CommonModule,
-        PepNgxLibModule,
-        PepCheckboxModule,
-        PepFieldTitleModule,
-        PepGroupButtonsModule,
-        PepSliderModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepShadowSettingsModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        ShadowSettingsComponent
-                    ],
-                    imports: [
-                        CommonModule,
-                        PepNgxLibModule,
-                        PepCheckboxModule,
-                        PepFieldTitleModule,
-                        PepGroupButtonsModule,
-                        PepSliderModule
-                    ],
-                    exports: [ShadowSettingsComponent],
-                }]
-        }] });
-
-/*
- * Public API Surface of ngx-composite-lib/shadow-settings
- */
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { PepShadowSettings, PepShadowSettingsModule, ShadowSettingsComponent };
-//# sourceMappingURL=pepperi-addons-ngx-composite-lib-shadow-settings.mjs.map