@pepperi-addons/ngx-composite-lib 0.4.2-beta.96 → 0.4.2-beta.99

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

@@ -0,0 +1,140 @@
+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/fesm2020/pepperi-addons-ngx-composite-lib-padding-settings.mjs.map

@@ -0,0 +1 @@
+{"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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pepperi-addons/ngx-composite-lib",
-  "version": "0.4.2-beta.96",
+  "version": "0.4.2-beta.99",
   "peerDependencies": {
     "@angular/animations": ">= 14.0.2",
     "@angular/cdk": ">= 14.0.2",
@@ -130,6 +130,14 @@
       "node": "./fesm2015/pepperi-addons-ngx-composite-lib-manage-parameters.mjs",
       "default": "./fesm2020/pepperi-addons-ngx-composite-lib-manage-parameters.mjs"
     },
+    "./padding-settings": {
+      "types": "./padding-settings/index.d.ts",
+      "esm2020": "./esm2020/padding-settings/pepperi-addons-ngx-composite-lib-padding-settings.mjs",
+      "es2020": "./fesm2020/pepperi-addons-ngx-composite-lib-padding-settings.mjs",
+      "es2015": "./fesm2015/pepperi-addons-ngx-composite-lib-padding-settings.mjs",
+      "node": "./fesm2015/pepperi-addons-ngx-composite-lib-padding-settings.mjs",
+      "default": "./fesm2020/pepperi-addons-ngx-composite-lib-padding-settings.mjs"
+    },
     "./rich-text": {
       "types": "./rich-text/index.d.ts",
       "esm2020": "./esm2020/rich-text/pepperi-addons-ngx-composite-lib-rich-text.mjs",

package/padding-settings/index.d.ts

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

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

@@ -0,0 +1,22 @@
+import { EventEmitter } from '@angular/core';
+import { TranslateService } from '@ngx-translate/core';
+import { PepPaddingSettings } from './padding-settings.model';
+import * as i0 from "@angular/core";
+export declare class PaddingSettingsComponent {
+    private translate;
+    startPaddingValue: string;
+    endPaddingValue: string;
+    topPaddingValue: string;
+    bottomPaddingValue: string;
+    private _padding;
+    set padding(value: PepPaddingSettings);
+    get padding(): PepPaddingSettings;
+    paddingChange: EventEmitter<PepPaddingSettings>;
+    constructor(translate: TranslateService);
+    private raisePaddingChange;
+    onUniformChanged(value: boolean): void;
+    formatPaddingValue(): void;
+    onPaddingChanged(value: any, uniformPos: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PaddingSettingsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PaddingSettingsComponent, "pep-padding-settings", never, { "padding": "padding"; }, { "paddingChange": "paddingChange"; }, never, never, false>;
+}

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

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

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

@@ -0,0 +1,14 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./padding-settings.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@pepperi-addons/ngx-lib";
+import * as i4 from "@pepperi-addons/ngx-lib/checkbox";
+import * as i5 from "@pepperi-addons/ngx-lib/textbox";
+import * as i6 from "@pepperi-addons/ngx-lib/field-title";
+import * as i7 from "@pepperi-addons/ngx-lib/group-buttons";
+import * as i8 from "@pepperi-addons/ngx-lib/slider";
+export declare class PepPaddingSettingsModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<PepPaddingSettingsModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<PepPaddingSettingsModule, [typeof i1.PaddingSettingsComponent], [typeof i2.CommonModule, typeof i3.PepNgxLibModule, typeof i4.PepCheckboxModule, typeof i5.PepTextboxModule, typeof i6.PepFieldTitleModule, typeof i7.PepGroupButtonsModule, typeof i8.PepSliderModule], [typeof i1.PaddingSettingsComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<PepPaddingSettingsModule>;
+}

package/padding-settings/public-api.d.ts

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

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

@@ -11,6 +11,15 @@
         "SIZE": "Shadow size",
         "INTENSITY": "Shadow intensity"
     },
+    "PADDING_SETTINGS": {
+        "TITLE": "Drop shadow",
+        "UNIFORM": "Uniform",
+        "DESCRIPTION": "Uniform padding (Rems)",
+        "TOP": "Top",
+        "END": "End",
+        "BOTTOM": "Bottom",
+        "START": "Start"
+    },
     "DATA_VIEW_BUILDER": {
         "TYPE_NOT_SUPPORTED": "This data view type is not supported",
         "AVAILABLE_FIELDS": "Available fields",