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

package/esm2020/rich-text/rich-text.component.mjs

@@ -1,154 +0,0 @@
-import { Component, EventEmitter, Input, Output } from '@angular/core';
-import { DEFAULT_HORIZONTAL_ALIGNMENT } from '@pepperi-addons/ngx-lib';
-import * as i0 from "@angular/core";
-import * as i1 from "@pepperi-addons/ngx-lib/remote-loader";
-import * as i2 from "./rich-text.service";
-import * as i3 from "@pepperi-addons/ngx-lib/button";
-import * as i4 from "@pepperi-addons/ngx-lib/rich-html-textarea";
-export 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) {
-        this.quillEditor = editor;
-        if (this.useAssetsForImages) {
-            const imageButton = document.querySelector('.ql-image');
-            const newButton = document.querySelector('.quill-editor-image-btn')?.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');});
-                imageButton.parentNode?.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: async (event) => {
-                if (event?.action === 'on-save') {
-                    if (event.url) {
-                        this.insertAssets(event.url);
-                    }
-                    dialogRef?.close();
-                }
-                else if (event.action === 'on-cancel') {
-                    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.PepAddonBlockLoaderService }, { token: i2.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.PepAddonBlockLoaderService }, { type: i2.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
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmljaC10ZXh0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1jb21wb3NpdGUtbGliL3JpY2gtdGV4dC9yaWNoLXRleHQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LWNvbXBvc2l0ZS1saWIvcmljaC10ZXh0L3JpY2gtdGV4dC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQWlCLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBb0IsTUFBTSxlQUFlLENBQUM7QUFHaEgsT0FBTyxFQUFFLDRCQUE0QixFQUF5QyxNQUFNLHlCQUF5QixDQUFDOzs7Ozs7QUFVOUcsTUFBTSxPQUFPLGlCQUFpQjtJQW9DMUIsWUFDWSxnQkFBa0MsRUFDbEMsdUJBQW1ELEVBQ25ELGVBQWdDO1FBRmhDLHFCQUFnQixHQUFoQixnQkFBZ0IsQ0FBa0I7UUFDbEMsNEJBQXVCLEdBQXZCLHVCQUF1QixDQUE0QjtRQUNuRCxvQkFBZSxHQUFmLGVBQWUsQ0FBaUI7UUFyQ25DLFFBQUcsR0FBRyxFQUFFLENBQUM7UUFDVCxVQUFLLEdBQUcsRUFBRSxDQUFDO1FBQ1gsVUFBSyxHQUFHLEVBQUUsQ0FBQztRQUNYLGNBQVMsR0FBRyxLQUFLLENBQUM7UUFDbEIsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUNqQixhQUFRLEdBQUcsS0FBSyxDQUFDO1FBQ2pCLHVCQUFrQixHQUFHLEdBQUcsQ0FBQztRQUN6QixlQUFVLEdBQTJCLDRCQUE0QixDQUFDO1FBQ2xFLGFBQVEsR0FBRyxJQUFJLENBQUM7UUFDaEIsWUFBTyxHQUFHLENBQUMsQ0FBQztRQUNaLFlBQU8sR0FBRyxJQUFJLENBQUM7UUFDZixhQUFRLEdBQUcsS0FBSyxDQUFDO1FBQ2pCLGNBQVMsR0FBRyxJQUFJLENBQUM7UUFDakIsZ0JBQVcsR0FBRyxJQUFJLENBQUM7UUFDbkIs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ImltcG9ydCB7IEFmdGVyVmlld0luaXQsIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQsIFZpZXdDb250YWluZXJSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFBlcEFkZG9uQmxvY2tMb2FkZXJTZXJ2aWNlIH0gZnJvbSAnQHBlcHBlcmktYWRkb25zL25neC1saWIvcmVtb3RlLWxvYWRlcic7XG5pbXBvcnQgeyBSaWNoVGV4dFNlcnZpY2UgfSBmcm9tICcuL3JpY2gtdGV4dC5zZXJ2aWNlJztcbmltcG9ydCB7IERFRkFVTFRfSE9SSVpPTlRBTF9BTElHTk1FTlQsIFBlcEhvcml6b250YWxBbGlnbm1lbnQsIFBlcExheW91dFR5cGUgfSBmcm9tICdAcGVwcGVyaS1hZGRvbnMvbmd4LWxpYic7XG5pbXBvcnQgeyBGb3JtR3JvdXAgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBJUGVwUmljaEh0bWxUZXh0YXJlYVRvb2xiYXJPcHRpb25zIH0gZnJvbSAnQHBlcHBlcmktYWRkb25zL25neC1saWIvcmljaC1odG1sLXRleHRhcmVhJztcbmltcG9ydCBRdWlsbCBmcm9tICdxdWlsbCc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAncGVwLXJpY2gtdGV4dCcsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3JpY2gtdGV4dC5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vcmljaC10ZXh0LmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgUmljaFRleHRDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gICAgQElucHV0KCkga2V5ID0gJyc7XG4gICAgQElucHV0KCkgdmFsdWUgPSAnJztcbiAgICBASW5wdXQoKSBsYWJlbCA9ICcnO1xuICAgIEBJbnB1dCgpIG1hbmRhdG9yeSA9IGZhbHNlO1xuICAgIEBJbnB1dCgpIGRpc2FibGVkID0gZmFsc2U7XG4gICAgQElucHV0KCkgcmVhZG9ubHkgPSBmYWxzZTtcbiAgICBASW5wdXQoKSBtYXhGaWVsZENoYXJhY3RlcnMgPSAzMDA7XG4gICAgQElucHV0KCkgeEFsaWdubWVudDogUGVwSG9yaXpvbnRhbEFsaWdubWVudCA9IERFRkFVTFRfSE9SSVpPTlRBTF9BTElHTk1FTlQ7XG4gICAgQElucHV0KCkgc2FuaXRpemUgPSB0cnVlO1xuICAgIEBJbnB1dCgpIHJvd1NwYW4gPSAxO1xuICAgIEBJbnB1dCgpIHZpc2libGUgPSB0cnVlO1xuICAgIEBJbnB1dCgpIGlzQWN0aXZlID0gZmFsc2U7XG4gICAgQElucHV0KCkgc2hvd1RpdGxlID0gdHJ1ZTtcbiAgICBASW5wdXQoKSByZW5kZXJUaXRsZSA9IHRydWU7XG4gICAgQElucHV0KCkgcmVuZGVyRW5sYXJnZUJ1dHRvbiA9IHRydWU7XG4gICAgQElucHV0KCkgbGF5b3V0VHlwZTogUGVwTGF5b3V0VHlwZSA9ICdmb3JtJztcbiAgICBASW5wdXQoKSBpbmxpbmVNb2RlID0gZmFsc2U7XG4gICAgQElucHV0KCkgdXNlQXNzZXRzRm9ySW1hZ2VzID0gdHJ1ZTtcbiAgICBcbiAgICBwcml2YXRlIHF1aWxsRWRpdG9yOiBhbnk7XG4gICAgcHJvdGVjdGVkIF90b29sYmFyT3B0aW9uczogSVBlcFJpY2hIdG1sVGV4dGFyZWFUb29sYmFyT3B0aW9ucyA9IHRoaXMuZ2V0RGVmYXVsdFRvb2xiYXJPcHRpb25zKCk7XG4gICAgQElucHV0KClcbiAgICBnZXQgdG9vbGJhck9wdGlvbnMoKTogSVBlcFJpY2hIdG1sVGV4dGFyZWFUb29sYmFyT3B0aW9ucyB7XG4gICAgICAgIHJldHVybiB0aGlzLl90b29sYmFyT3B0aW9ucztcbiAgICB9XG4gICAgc2V0IHRvb2xiYXJPcHRpb25zKG9wdGlvbnM6IElQZXBSaWNoSHRtbFRleHRhcmVhVG9vbGJhck9wdGlvbnMpIHtcbiAgICAgICAgaWYgKG9wdGlvbnMpIHtcbiAgICAgICAgICAgIHRoaXMuX3Rvb2xiYXJPcHRpb25zID0gb3B0aW9ucztcbiAgICAgICAgfVxuICAgIH1cblxuICAgIEBPdXRwdXQoKVxuICAgICAgICB2YWx1ZUNoYW5nZTogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcblxuICAgIGNvbnN0cnVjdG9yKFxuICAgICAgICBwcml2YXRlIHZpZXdDb250YWluZXJSZWY6IFZpZXdDb250YWluZXJSZWYsXG4gICAgICAgIHByaXZhdGUgYWRkb25CbG9ja0xvYWRlclNlcnZpY2U6IFBlcEFkZG9uQmxvY2tMb2FkZXJTZXJ2aWNlLCBcbiAgICAgICAgcHJpdmF0ZSBSaWNoVGV4dFNlcnZpY2U6IFJpY2hUZXh0U2VydmljZSkgeyBcbiAgICAgICAgICAgIHRoaXMudG9vbGJhck9wdGlvbnMgPSB0aGlzLmdldERlZmF1bHRUb29sYmFyT3B0aW9ucygpO1xuICAgICAgICB9XG5cbiAgICBuZ09uSW5pdCgpIHtcbiAgICAgICAgLy8gRG8gbm90aGluZy5cbiAgICAgICAgXG4gICAgfVxuXG5cbiAgICBnZXREZWZhdWx0VG9vbGJhck9wdGlvbnMoKTogSVBlcFJpY2hIdG1sVGV4dGFyZWFUb29sYmFyT3B0aW9ucyB7XG4gICAgICAgIHJldHVybiB7XG4gICAgICAgICAgICBmb250OiBmYWxzZSxcbiAgICAgICAgICAgIHNpemU6IGZhbHNlLFxuICAgICAgICAgICAgaGVhZGVyOiB0cnVlLFxuICAgICAgICAgICAgYm9sZDogdHJ1ZSxcbiAgICAgICAgICAgIGl0YWxpYzogdHJ1ZSxcbiAgICAgICAgICAgIHVuZGVybGluZTogdHJ1ZSxcbiAgICAgICAgICAgIHN0cmlrZTogZmFsc2UsXG4gICAgICAgICAgICBsaW5rOiB0cnVlLFxuICAgICAgICAgICAgaW1hZ2U6IHsgdXNlQXNzZXRzQUJJIDogdHJ1ZSB9LFxuICAgICAgICAgICAgb3JkZXJlZDogdHJ1ZSxcbiAgICAgICAgICAgIGJ1bGxldDogdHJ1ZSxcbiAgICAgICAgICAgIGNvbG9yOiB0cnVlLFxuICAgICAgICAgICAgYmFja2dyb3VuZDogZmFsc2UsXG4gICAgICAgICAgICBhbGlnbjogdHJ1ZVxuICAgICAgICB9O1xuICAgIH1cblxuICAgIG9uRWRpdG9yT3BlbihlZGl0b3I6IGFueSl7XG4gICAgICAgIHRoaXMucXVpbGxFZGl0b3IgPSBlZGl0b3I7XG5cbiAgICAgICAgaWYodGhpcy51c2VBc3NldHNGb3JJbWFnZXMpe1xuICAgICAgICAgICAgY29uc3QgaW1hZ2VCdXR0b24gPSBkb2N1bWVudC5xdWVyeVNlbGVjdG9yKCcucWwtaW1hZ2UnKTtcbiAgICAgICAgICAgIGNvbnN0IG5ld0J1dHRvbiA9IGRvY3VtZW50LnF1ZXJ5U2VsZWN0b3IoJy5xdWlsbC1lZGl0b3ItaW1hZ2UtYnRuJyk/LmNsb25lTm9kZSh0cnVlKTtcbiAgICAgICAgICAgIFxuICAgICAgICAgICAgaWYoaW1hZ2VCdXR0b24gJiYgbmV3QnV0dG9uKXtcbiAgICAgICAgICAgICAgICBuZXdCdXR0b24uYWRkRXZlbnRMaXN0ZW5lcihcImNsaWNrXCIsICgpID0+IHsgdGhpcy5vcGVuQXNzZXRzUGlja2VyRGlhbG9nKCk7fSk7XG4gICAgICAgICAgICAgICAgLy9uZXdCdXR0b24uYWRkRXZlbnRMaXN0ZW5lcihcImNsaWNrXCIsICgpID0+IHsgdGhpcy5pbnNlcnRBc3NldHMoJ2h0dHBzOi8vcGZzLnBlcHBlcmkuY29tLzUwZDQyYTNmLWYyMWQtNDBmYS04YzI0LWExMzU5YjA0ZGJiNy9hZDkwOTc4MC0wYzIzLTQwMWUtOGU4ZS1mNTE0Y2M0ZjZhYTIvQXNzZXRzL2xvZ28uanBnJyk7fSk7XG4gICAgICAgICAgICAgICAgaW1hZ2VCdXR0b24ucGFyZW50Tm9kZT8uYXBwZW5kQ2hpbGQobmV3QnV0dG9uKTtcbiAgICAgICAgICAgICAgICBpbWFnZUJ1dHRvbi5zZXRBdHRyaWJ1dGUoJ3N0eWxlJywnZGlzcGxheTpub25lJyk7ICAgIFxuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxuICAgIFxuICAgIG9wZW5Bc3NldHNQaWNrZXJEaWFsb2coKSB7XG4gICAgICAgIGNvbnN0IGRpYWxvZ1JlZiA9IHRoaXMuYWRkb25CbG9ja0xvYWRlclNlcnZpY2UubG9hZEFkZG9uQmxvY2tJbkRpYWxvZyh7XG4gICAgICAgICAgICBjb250YWluZXI6IHRoaXMudmlld0NvbnRhaW5lclJlZixcbiAgICAgICAgICAgIG5hbWU6ICdBc3NldFBpY2tlcicsXG4gICAgICAgICAgICBob3N0T2JqZWN0OiB7XG4gICAgICAgICAgICAgICAgc2VsZWN0aW9uVHlwZTogJ3NpbmdsZScsXG4gICAgICAgICAgICAgICAgYWxsb3dlZEFzc2V0c1R5cGVzOiAnaW1hZ2VzJyxcbiAgICAgICAgICAgICAgICBpbkRpYWxvZzogdHJ1ZVxuICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIHNpemU6ICdmdWxsLXNjcmVlbicsXG4gICAgICAgICAgICBob3N0RXZlbnRzQ2FsbGJhY2s6IGFzeW5jIChldmVudCkgPT4ge1xuICAgICAgICAgICAgICAgIGlmIChldmVudD8uYWN0aW9uID09PSAnb24tc2F2ZScpIHtcbiAgICAgICAgICAgICAgICAgICAgaWYoZXZlbnQudXJsKXtcbiAgICAgICAgICAgICAgICAgICAgICAgIHRoaXMuaW5zZXJ0QXNzZXRzKGV2ZW50LnVybCk7XG4gICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgZGlhbG9nUmVmPy5jbG9zZSgpO1xuICAgICAgICAgICAgICAgIH0gZWxzZSBpZiAoZXZlbnQuYWN0aW9uID09PSAnb24tY2FuY2VsJykge1xuICAgICAgICAgICAgICAgICAgICBkaWFsb2dSZWY/LmNsb3NlKCk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICB9KTtcbiAgICB9XG5cbiAgICBpbnNlcnRBc3NldHMoYXNzZXRVcmw6IHN0cmluZyl7XG4gICAgICAgIGNvbnN0IHJhbmdlID0gdGhpcy5xdWlsbEVkaXRvci5nZXRTZWxlY3Rpb24oKSB8fCB7IGluZGV4OiAwLCBsZW5ndGg6IDB9O1xuICAgICAgICB0aGlzLnF1aWxsRWRpdG9yLmluc2VydEVtYmVkKHJhbmdlLmluZGV4LCAnaW1hZ2UnLCBhc3NldFVybCk7XG4gICAgfVxuXG4gICAgdmFsdWVDaGFuZ2VkKGV2ZW50OiBhbnkpe1xuICAgICAgICB0aGlzLnZhbHVlQ2hhbmdlLmVtaXQoZXZlbnQpO1xuICAgIH1cbn1cbiIsIjxwZXAtcmljaC1odG1sLXRleHRhcmVhIFtrZXldPVwia2V5XCIgXG4gICAgICAgICAgICAgICAgICAgICAgICBbdmFsdWVdPVwidmFsdWVcIlxuICAgICAgICAgICAgICAgICAgICAgICAgW2xhYmVsXT1cImxhYmVsXCIgXG4gICAgICAgICAgICAgICAgICAgICAgICBbbWFuZGF0b3J5XT1cIm1hbmRhdG9yeVwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgW3JlYWRvbmx5XT1cInJlYWRvbmx5XCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFttYXhGaWVsZENoYXJhY3RlcnNdPVwibWF4RmllbGRDaGFyYWN0ZXJzXCIgXG4gICAgICAgICAgICAgICAgICAgICAgICBbeEFsaWdubWVudF09XCJ4QWxpZ25tZW50XCIgXG4gICAgICAgICAgICAgICAgICAgICAgICBbdG9vbGJhck9wdGlvbnNdPVwidG9vbGJhck9wdGlvbnNcIlxuICAgICAgICAgICAgICAgICAgICAgICAgW3Jvd1NwYW5dPVwicm93U3BhblwiIFxuICAgICAgICAgICAgICAgICAgICAgICAgW3Zpc2libGVdPVwidmlzaWJsZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICBcbiAgICAgICAgICAgICAgICAgICAgICAgIFtpc0FjdGl2ZV09XCJpc0FjdGl2ZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbc2hvd1RpdGxlXT1cInNob3dUaXRsZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbcmVuZGVyVGl0bGVdPVwicmVuZGVyVGl0bGVcIlxuICAgICAgICAgICAgICAgICAgICAgICAgW3JlbmRlckVubGFyZ2VCdXR0b25dPVwicmVuZGVyRW5sYXJnZUJ1dHRvblwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbbGF5b3V0VHlwZV09XCJsYXlvdXRUeXBlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtpbmxpbmVNb2RlXT1cImlubGluZU1vZGVcIlxuICAgICAgICAgICAgICAgICAgICAgICAgKGVkaXRvckNyZWF0ZWQpPVwib25FZGl0b3JPcGVuKCRldmVudClcIlxuICAgICAgICAgICAgICAgICAgICAgICAgKHZhbHVlQ2hhbmdlKT1cInZhbHVlQ2hhbmdlZCgkZXZlbnQpXCI+XG48L3BlcC1yaWNoLWh0bWwtdGV4dGFyZWE+XG48cGVwLWJ1dHRvbiBbc2l6ZVR5cGVdPVwiJ3NtJ1wiIFtjbGFzc05hbWVzXT1cIidwZXAtc3BhY2luZy1lbGVtZW50IHF1aWxsLWVkaXRvci1pbWFnZS1idG4nXCIgXG4gICAgICAgICAgICAgICAgW2ljb25OYW1lXT1cIidzeXN0ZW1faW1hZ2UnXCIgKGJ1dHRvbkNsaWNrKT1cIm9wZW5Bc3NldHNQaWNrZXJEaWFsb2coKVwiPlxuPC9wZXAtYnV0dG9uPiJdfQ==

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

@@ -1,72 +0,0 @@
-import { Component, EventEmitter, Input, Output } from '@angular/core';
-import { PepShadowSettings } from './shadow-settings.model';
-import * as i0 from "@angular/core";
-import * as i1 from "@ngx-translate/core";
-import * as i2 from "@pepperi-addons/ngx-lib/checkbox";
-import * as i3 from "@pepperi-addons/ngx-lib/field-title";
-import * as i4 from "@pepperi-addons/ngx-lib/group-buttons";
-export 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
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2hhZG93LXNldHRpbmdzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1jb21wb3NpdGUtbGliL3NoYWRvdy1zZXR0aW5ncy9zaGFkb3ctc2V0dGluZ3MuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LWNvbXBvc2l0ZS1saWIvc2hhZG93LXNldHRpbmdzL3NoYWRvdy1zZXR0aW5ncy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBSS9FLE9BQU8sRUFBMEIsaUJBQWlCLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQzs7Ozs7O0FBT3BGLE1BQU0sT0FBTyx1QkFBdUI7SUFzQmhDLFlBQ1ksU0FBMkI7UUFBM0IsY0FBUyxHQUFULFNBQVMsQ0FBa0I7UUF0QjlCLGNBQVMsR0FBZ0IsSUFBSSxDQUFDO1FBRS9CLFlBQU8sR0FBc0IsSUFBSSxpQkFBaUIsRUFBRSxDQUFDO1FBYzdELGlCQUFZLEdBQW9DLElBQUksWUFBWSxFQUFxQixDQUFDO1FBRXRGLGdCQUFXLEdBQXFCLEVBQUUsQ0FBQztRQUNuQyxzQkFBaUIsR0FBcUIsRUFBRSxDQUFDO0lBS3pDLENBQUM7SUFyQkQsSUFDSSxNQUFNLENBQUMsS0FBd0I7UUFDL0IsSUFBSSxDQUFDLEtBQUssRUFBRTtZQUNSLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxpQkFBaUIsRUFBRSxDQUFDO1NBQzFDO2FBQU07WUFDSCxJQUFJLENBQUMsT0FBTyxHQUFHLEtBQUssQ0FBQztTQUN4QjtJQUNMLENBQUM7SUFDRCxJQUFJLE1BQU07UUFDTixPQUFPLElBQUksQ0FBQyxPQUFPLENBQUM7SUFDeEIsQ0FBQztJQWFELFFBQVE7UUFDSix1REFBdUQ7UUFDdkQsSUFBSSxDQUFDLFNBQVMs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dHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBUcmFuc2xhdGVTZXJ2aWNlIH0gZnJvbSAnQG5neC10cmFuc2xhdGUvY29yZSc7XG5pbXBvcnQgeyBQZXBTaXplVHlwZSB9IGZyb20gJ0BwZXBwZXJpLWFkZG9ucy9uZ3gtbGliJztcbmltcG9ydCB7IElQZXBCdXR0b25DbGlja0V2ZW50LCBQZXBCdXR0b24gfSBmcm9tICdAcGVwcGVyaS1hZGRvbnMvbmd4LWxpYi9idXR0b24nO1xuaW1wb3J0IHsgUGVwU2hhZG93SW50ZW5zaXR5VHlwZSwgUGVwU2hhZG93U2V0dGluZ3MgfSBmcm9tICcuL3NoYWRvdy1zZXR0aW5ncy5tb2RlbCc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAncGVwLXNoYWRvdy1zZXR0aW5ncycsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3NoYWRvdy1zZXR0aW5ncy5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vc2hhZG93LXNldHRpbmdzLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgU2hhZG93U2V0dGluZ3NDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICAgIEBJbnB1dCgpIHRpdGxlU2l6ZTogUGVwU2l6ZVR5cGUgPSAneGwnO1xuXG4gICAgcHJpdmF0ZSBfc2hhZG93OiBQZXBTaGFkb3dTZXR0aW5ncyA9IG5ldyBQZXBTaGFkb3dTZXR0aW5ncygpO1xuICAgIEBJbnB1dCgpXG4gICAgc2V0IHNoYWRvdyh2YWx1ZTogUGVwU2hhZG93U2V0dGluZ3MpIHtcbiAgICAgICAgaWYgKCF2YWx1ZSkge1xuICAgICAgICAgICAgdGhpcy5fc2hhZG93ID0gbmV3IFBlcFNoYWRvd1NldHRpbmdzKCk7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICB0aGlzLl9zaGFkb3cgPSB2YWx1ZTtcbiAgICAgICAgfVxuICAgIH1cbiAgICBnZXQgc2hhZG93KCk6IFBlcFNoYWRvd1NldHRpbmdzIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX3NoYWRvdztcbiAgICB9XG5cbiAgICBAT3V0cHV0KClcbiAgICBzaGFkb3dDaGFuZ2U6IEV2ZW50RW1pdHRlcjxQZXBTaGFkb3dTZXR0aW5ncz4gPSBuZXcgRXZlbnRFbWl0dGVyPFBlcFNoYWRvd1NldHRpbmdzPigpO1xuICAgIFxuICAgIHNoYWRvd1NpemVzOiBBcnJheTxQZXBCdXR0b24+ID0gW107XG4gICAgc2hhZG93SW50ZW5zaXRpZXM6IEFycmF5PFBlcEJ1dHRvbj4gPSBbXTtcblxuICAgIGNvbnN0cnVjdG9yKFxuICAgICAgICBwcml2YXRlIHRyYW5zbGF0ZTogVHJhbnNsYXRlU2VydmljZSxcbiAgICApIHtcbiAgICB9XG5cbiAgICBuZ09uSW5pdCgpOiB2b2lkIHsgXG4gICAgICAgIC8vIEdldCB0aGUgZmlyc3QgdHJhbnNsYXRpb24gZm9yIGxvYWQgYWxsIHRyYW5zbGF0aW9ucy5cbiAgICAgICAgdGhpcy50cmFuc2xhdGUuZ2V0KCdTSEFET1dfU0VUVElOR1MuSU5URU5TSVRZX1NPRlQnKS50b1Byb21pc2UoKS50aGVuKCh0eXBlU29mdCkgPT4ge1xuICAgICAgICAgICAgdGhpcy5zaGFkb3dTaXplcyA9IFtcbiAgICAgICAgICAgICAgICB7IGtleTogJ3NtJywgdmFsdWU6IHRoaXMudHJhbnNsYXRlLmluc3RhbnQoJ0dFTkVSQUwuU00nKSwgY2FsbGJhY2s6ICgpID0+IHRoaXMub25TaXplQ2hhbmdlKCdzbScpIH0sXG4gICAgICAgICAgICAgICAgeyBrZXk6ICdtZCcsIHZhbHVlOiB0aGlzLnRyYW5zbGF0ZS5pbnN0YW50KCdHRU5FUkFMLk1EJyksIGNhbGxiYWNrOiAoKSA9PiB0aGlzLm9uU2l6ZUNoYW5nZSgnbWQnKSB9LFxuICAgICAgICAgICAgICAgIHsga2V5OiAnbGcnLCB2YWx1ZTogdGhpcy50cmFuc2xhdGUuaW5zdGFudCgnR0VORVJBTC5MRycpLCBjYWxsYmFjazogKCkgPT4gdGhpcy5vblNpemVDaGFuZ2UoJ2xnJykgfSxcbiAgICAgICAgICAgICAgICB7IGtleTogJ3hsJywgdmFsdWU6IHRoaXMudHJhbnNsYXRlLmluc3RhbnQoJ0dFTkVSQUwuWEwnKSwgY2FsbGJhY2s6ICgpID0+IHRoaXMub25TaXplQ2hhbmdlKCd4bCcpIH1cbiAgICAgICAgICAgIF07XG5cbiAgICAgICAgICAgIHRoaXMuc2hhZG93SW50ZW5zaXRpZXMgPSBbXG4gICAgICAgICAgICAgICAgeyBrZXk6ICdzb2Z0JywgdmFsdWU6IHR5cGVTb2Z0LCBjYWxsYmFjazogKCkgPT4gdGhpcy5vbkludGVuc2l0eUNoYW5nZSgnc29mdCcpIH0sXG4gICAgICAgICAgICAgICAgeyBrZXk6ICdyZWd1bGFyJywgdmFsdWU6IHRoaXMudHJhbnNsYXRlLmluc3RhbnQoJ1NIQURPV19TRVRUSU5HUy5JTlRFTlNJVFlfUkVHVUxBUicpLCBjYWxsYmFjazogKCkgPT4gdGhpcy5vbkludGVuc2l0eUNoYW5nZSgncmVndWxhcicpIH0sXG4gICAgICAgICAgICAgICAgeyBrZXk6ICdoYXJkJywgdmFsdWU6IHRoaXMudHJhbnNsYXRlLmluc3RhbnQoJ1NIQURPV19TRVRUSU5HUy5JTlRFTlNJVFlfSEFSRCcpLCBjYWxsYmFjazogKCkgPT4gdGhpcy5vbkludGVuc2l0eUNoYW5nZSgnaGFyZCcpIH1cbiAgICAgICAgICAgIF07XG4gICAgICAgIH0pO1xuICAgIH1cblxuXG4gICAgcHJpdmF0ZSByYWlzZVNoYWRvd0NoYW5nZSgpIHtcbiAgICAgICAgdGhpcy5zaGFkb3dDaGFuZ2UuZW1pdCh0aGlzLnNoYWRvdyk7XG4gICAgfVxuXG4gICAgb25Vc2VDaGFuZ2VkKHZhbHVlOiBib29sZWFuKSB7XG4gICAgICAgIHRoaXMuc2hhZG93LnVzZSA9IHZhbHVlO1xuICAgICAgICB0aGlzLnJhaXNlU2hhZG93Q2hhbmdlKCk7XG4gICAgfVxuXG4gICAgb25TaXplQ2hhbmdlKHZhbHVlOiBQZXBTaXplVHlwZSkge1xuICAgICAgICB0aGlzLnNoYWRvdy5zaXplID0gdmFsdWU7XG4gICAgICAgIHRoaXMucmFpc2VTaGFkb3dDaGFuZ2UoKTtcbiAgICB9XG5cbiAgICBvbkludGVuc2l0eUNoYW5nZSh2YWx1ZTogUGVwU2hhZG93SW50ZW5zaXR5VHlwZSkge1xuICAgICAgICB0aGlzLnNoYWRvdy5pbnRlbnNpdHkgPSB2YWx1ZTtcbiAgICAgICAgdGhpcy5yYWlzZVNoYWRvd0NoYW5nZSgpO1xuICAgIH1cbn1cbiIsIjxkaXY+XG4gICAgPHBlcC1jaGVja2JveCBcbiAgICAgICAgY2xhc3M9XCJ7eyB0aXRsZVNpemUgPT09ICd4bCcgPyAnY2hlY2tib3gtYXMtdGl0bGUnIDogJ2NoZWNrYm94LWFzLXN1Yi10aXRsZScgfX1cIiBcbiAgICAgICAgW2xhYmVsXT1cIidTSEFET1dfU0VUVElOR1MuVElUTEUnIHwgdHJhbnNsYXRlXCIgW3JlbmRlclRpdGxlXT1cImZhbHNlXCIgW3ZhbHVlXT1cInNoYWRvdy51c2VcIiAodmFsdWVDaGFuZ2UpPVwib25Vc2VDaGFuZ2VkKCRldmVudClcIj48L3BlcC1jaGVja2JveD5cbiAgICA8cGVwLWZpZWxkLXRpdGxlIFtsYWJlbF09XCInU0hBRE9XX1NFVFRJTkdTLlNJWkUnIHwgdHJhbnNsYXRlXCIgW2Rpc2FibGVkXT1cIiFzaGFkb3cudXNlXCI+PC9wZXAtZmllbGQtdGl0bGU+XG4gICAgPHBlcC1ncm91cC1idXR0b25zIGNsYXNzPVwic2hhZG93LXNpemUtZ3JvdXBcIiBbYnV0dG9uc109XCJzaGFkb3dTaXplc1wiIFtzZWxlY3RlZEJ1dHRvbktleV09XCJzaGFkb3cuc2l6ZVwiIFtzdHJldGNoXT1cInRydWVcIiBidXR0b25zQ2xhc3M9XCJtZCByZWd1bGFyXCIgW2J1dHRvbnNEaXNhYmxlZF09XCIhc2hhZG93LnVzZVwiIHZpZXdUeXBlPVwidG9nZ2xlXCI+XG4gICAgPC9wZXAtZ3JvdXAtYnV0dG9ucz5cbjwvZGl2PlxuPGRpdj5cbiAgICA8cGVwLWZpZWxkLXRpdGxlIFtsYWJlbF09XCInU0hBRE9XX1NFVFRJTkdTLklOVEVOU0lUWScgfCB0cmFuc2xhdGVcIiBbZGlzYWJsZWRdPVwiIXNoYWRvdy51c2VcIj48L3BlcC1maWVsZC10aXRsZT5cbiAgICA8cGVwLWdyb3VwLWJ1dHRvbnMgY2xhc3M9XCJzaGFkb3ctaW50ZW5zaXR5LWdyb3VwXCIgW2J1dHRvbnNdPVwic2hhZG93SW50ZW5zaXRpZXNcIiBbc2VsZWN0ZWRCdXR0b25LZXldPVwic2hhZG93LmludGVuc2l0eVwiIFtzdHJldGNoXT1cInRydWVcIiBidXR0b25zQ2xhc3M9XCJtZCByZWd1bGFyXCIgW2J1dHRvbnNEaXNhYmxlZF09XCIhc2hhZG93LnVzZVwiIHZpZXdUeXBlPVwidG9nZ2xlXCI+XG4gICAgPC9wZXAtZ3JvdXAtYnV0dG9ucz5cbjwvZGl2PiJdfQ==

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

@@ -1,144 +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 '@pepperi-addons/ngx-lib';
-import { PepNgxLibModule } from '@pepperi-addons/ngx-lib';
-import * as i3 from '@pepperi-addons/ngx-lib/color';
-import { PepColorModule } from '@pepperi-addons/ngx-lib/color';
-import * as i2 from '@pepperi-addons/ngx-lib/checkbox';
-import { PepCheckboxModule } from '@pepperi-addons/ngx-lib/checkbox';
-import * as i4 from '@pepperi-addons/ngx-lib/slider';
-import { PepSliderModule } from '@pepperi-addons/ngx-lib/slider';
-import * as i5 from '@ngx-translate/core';
-
-class PepColorSettings {
-    constructor(use = false, value = 'hsl(0, 0%, 57%)', opacity = 50) {
-        this.opacity = 50;
-        this.use = use;
-        this.value = value;
-        this.opacity = opacity;
-    }
-}
-
-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
-            }] } });
-
-class PepColorSettingsModule {
-}
-PepColorSettingsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepColorSettingsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-PepColorSettingsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.2", ngImport: i0, type: PepColorSettingsModule, declarations: [ColorSettingsComponent], imports: [CommonModule,
-        PepNgxLibModule,
-        PepCheckboxModule,
-        PepColorModule,
-        PepSliderModule], exports: [ColorSettingsComponent] });
-PepColorSettingsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepColorSettingsModule, imports: [CommonModule,
-        PepNgxLibModule,
-        PepCheckboxModule,
-        PepColorModule,
-        PepSliderModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepColorSettingsModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        ColorSettingsComponent
-                    ],
-                    imports: [
-                        CommonModule,
-                        PepNgxLibModule,
-                        PepCheckboxModule,
-                        PepColorModule,
-                        PepSliderModule
-                    ],
-                    exports: [ColorSettingsComponent],
-                }]
-        }] });
-
-/*
- * Public API Surface of ngx-composite-lib/color-settings
- */
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { ColorSettingsComponent, PepColorSettings, PepColorSettingsModule };
-//# sourceMappingURL=pepperi-addons-ngx-composite-lib-color-settings.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"pepperi-addons-ngx-composite-lib-color-settings.mjs","sources":["../../../projects/ngx-composite-lib/color-settings/color-settings.model.ts","../../../projects/ngx-composite-lib/color-settings/color-settings.component.ts","../../../projects/ngx-composite-lib/color-settings/color-settings.component.html","../../../projects/ngx-composite-lib/color-settings/color-settings.module.ts","../../../projects/ngx-composite-lib/color-settings/public-api.ts","../../../projects/ngx-composite-lib/color-settings/pepperi-addons-ngx-composite-lib-color-settings.ts"],"sourcesContent":["export class PepColorSettings {\r\n    use: boolean;\r\n    value: string;\r\n    opacity = 50;\r\n  \r\n    constructor(use = false, value = 'hsl(0, 0%, 57%)', opacity = 50) {\r\n        this.use =  use;\r\n        this.value = value;\r\n        this.opacity = opacity;\r\n    }\r\n}","import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\nimport { PepColorService, PepSizeType } from '@pepperi-addons/ngx-lib';\nimport { PepColorSettings } from './color-settings.model';\n\n@Component({\n    selector: 'pep-color-settings',\n    templateUrl: './color-settings.component.html',\n    styleUrls: ['./color-settings.component.scss']\n})\nexport class ColorSettingsComponent implements OnInit {\n    @Input() title = '';\n    @Input() checkAAComplient = true;\n    @Input() showAAComplient = true;\n    @Input() titleSize: PepSizeType = 'xl';\n\n    private _color: PepColorSettings = new PepColorSettings();\n    @Input()\n    set color(value: PepColorSettings) {\n        if (!value) {\n            this._color = new PepColorSettings();\n        } else {\n            this._color = value;\n        }\n    }\n    get color(): PepColorSettings {\n        return this._color;\n    }\n\n    @Output()\n    colorChange: EventEmitter<PepColorSettings> = new EventEmitter<PepColorSettings>();\n    \n    constructor(private pepColorService: PepColorService) { }\n\n    ngOnInit() {\n        //\n    }\n\n    private getRGBAcolor(colorObj: PepColorSettings, opac: number | null = null) {\n        let rgba = 'rgba(255,255,255,0)';\n\n        if (colorObj) {\n            const color = colorObj.value;\n            let opacity = opac != null ? opac : colorObj.opacity;\n\n            opacity = opacity > 0 ? opacity / 100 : 0;\n\n            const hsl = this.pepColorService.hslString2hsl(color);\n            const rgb = this.pepColorService.hsl2rgb(hsl);\n            rgba = 'rgba(' + rgb.r + ',' + rgb.g + ',' + rgb.b + ',' + opacity + ')';\n        }\n\n        return rgba;\n    }\n\n    private raiseColorChange() {\n        this.colorChange.emit(this.color);\n    }\n\n    getSliderBackground() {\n        const alignTo = 'right';\n    \n        const colorObj = new PepColorSettings();\n    \n        colorObj.value = this.color.value;\n        colorObj.opacity = 100;\n    \n        const gradStr = this.getRGBAcolor(colorObj, 0) + ' , ' + this.getRGBAcolor(colorObj);\n    \n        return 'linear-gradient(to ' + alignTo + ', ' + gradStr + ')';\n    }\n\n    onUseChanged(value: boolean) {\n        this.color.use = value;\n        this.raiseColorChange();\n    }\n\n    onColorChanged(value: string) {\n        this.color.value = value;\n        this.raiseColorChange();\n    }\n    \n    onSliderInputChanged(value: number) {\n        this.color.opacity = value;\n    }\n\n    onSliderValueChanged(value: number) {\n        this.color.opacity = value;\n        this.raiseColorChange();\n    }\n}\n","<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>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { PepNgxLibModule } from '@pepperi-addons/ngx-lib';\nimport { PepColorModule } from '@pepperi-addons/ngx-lib/color';\nimport { PepCheckboxModule } from '@pepperi-addons/ngx-lib/checkbox';\nimport { PepSliderModule } from '@pepperi-addons/ngx-lib/slider';\n\nimport { ColorSettingsComponent } from './color-settings.component';\n\n@NgModule({\n    declarations: [\n        ColorSettingsComponent\n    ],\n    imports: [\n        CommonModule,\n        PepNgxLibModule,\n        PepCheckboxModule,\n        PepColorModule,\n        PepSliderModule\n    ],\n    exports: [ColorSettingsComponent],\n})\nexport class PepColorSettingsModule { }\n","/*\n * Public API Surface of ngx-composite-lib/color-settings\n */\nexport * from './color-settings.module';\nexport * from './color-settings.component';\nexport * from './color-settings.model';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}