@pepperi-addons/ngx-composite-lib 0.0.10-beta.2 → 0.0.10-beta.21

package/bundles/pepperi-addons-ngx-composite-lib-group-buttons-settings.umd.js.map

@@ -1 +1 @@
-{"version":3,"file":"pepperi-addons-ngx-composite-lib-group-buttons-settings.umd.js","sources":["../../../projects/ngx-composite-lib/group-buttons-settings/group-buttons-settings.component.ts","../../../projects/ngx-composite-lib/group-buttons-settings/group-buttons-settings.component.html","../../../projects/ngx-composite-lib/group-buttons-settings/group-buttons-settings.module.ts","../../../projects/ngx-composite-lib/group-buttons-settings/public-api.ts","../../../projects/ngx-composite-lib/group-buttons-settings/pepperi-addons-ngx-composite-lib-group-buttons-settings.ts"],"sourcesContent":["import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\nimport { TranslateService } from '@ngx-translate/core';\nimport { PepSizeType } from '@pepperi-addons/ngx-lib';\nimport { IPepButtonClickEvent, PepButton } from '@pepperi-addons/ngx-lib/button';\nimport { PepGroupbuttonsTypes } from './group-buttons-settings.model';\n\n@Component({\n    selector: 'pep-group-buttons-settings',\n    templateUrl: './group-buttons-settings.component.html',\n    styleUrls: ['./group-buttons-settings.component.scss']\n})\nexport class GroupButtonsSettingsComponent implements OnInit {\n\n    @Input() header: string = '';\n    @Input() subHeader: string = '';\n\n    @Input() groupType: PepGroupbuttonsTypes = 'sizes'; \n    @Input() btnsArray: Array<PepButton> = [];\n    @Input() excludeKeys: Array<string> = []; // for example ['xs','xl']\n\n    @Input() useNone: boolean = false;\n    @Input() disabled: boolean = false;\n\n    private _btnKey: any;\n    @Input()\n    set btnKey(value: any) {\n        if (!value) {\n            this._btnKey = '';\n        } else {\n            this._btnKey = value;\n        }\n    }\n    get btnKey(): any {\n        return this._btnKey;\n    }\n\n    @Output()\n    btnkeyChange: EventEmitter<IPepButtonClickEvent> = new EventEmitter<IPepButtonClickEvent>();\n    \n    \n    none: PepButton = {key: 'none'};\n    \n    sizes: Array<PepButton> = [];\n    \n    // pepB: PepSizeType | 'none' = \"xs\";\n\n    constructor(\n        private translate: TranslateService,\n    ) {\n    }\n\n    ngOnInit(): void { \n        // Get the first translation for load all translations.\n        this.translate.get('SHADOW_SETTINGS.INTENSITY_SOFT').toPromise().then((typeSoft) => {\n            \n            this.none = { key: 'none', value: this.translate.instant('GENERAL.NONE'), callback: () => this.onKeyChange(null) };\n            \n            this.arrayMerge();\n        });\n    }\n\n    arrayMerge(){\n\n        this.btnsArray = this.getButtonsArray();\n        \n        // check if need to remove items from the buttons array\n        if(this.excludeKeys){\n            this.btnsArray = this.btnsArray.filter(i => !this.excludeKeys.find(f => f === i.key));\n        }\n        // check if need to add the None button\n        if(this.useNone){\n            this.btnsArray = [this.none].concat(this.btnsArray);\n        }\n    }\n\n    onKeyChange(event: IPepButtonClickEvent | null) {\n        this.btnKey = event?.source?.key || 'none';\n        this.btnkeyChange.emit(this.btnKey);\n    }\n\n    getButtonsArray() {\n        switch(this.groupType){\n            case 'custom':{\n                return this.btnsArray;\n            }\n            case 'sizes':{\n                return [\n                    { key: 'xs', value: this.translate.instant('GENERAL.XS'), callback: (event: any) => this.onKeyChange(event) },\n                    { key: 'sm', value: this.translate.instant('GENERAL.SM'), callback: (event: any) => this.onKeyChange(event) },\n                    { key: 'md', value: this.translate.instant('GENERAL.MD'), callback: (event: any) => this.onKeyChange(event) },\n                    { key: 'lg', value: this.translate.instant('GENERAL.LG'), callback: (event: any) => this.onKeyChange(event) },\n                    { key: 'xl', value: this.translate.instant('GENERAL.XL'), callback: (event: any) => this.onKeyChange(event) }\n                ];\n            }\n            case 'vertical-align':{\n                return [\n                    { key: 'start', value: this.translate.instant('GENERAL.VERTICAL_ALIGN.TOP'), callback: (event: IPepButtonClickEvent) => this.onKeyChange(event) },\n                    { key: 'center', value: this.translate.instant('GENERAL.VERTICAL_ALIGN.MIDDLE'), callback: (event: IPepButtonClickEvent) => this.onKeyChange(event) },\n                    { key: 'end', value: this.translate.instant('GENERAL.VERTICAL_ALIGN.BOTTOM'), callback: (event: IPepButtonClickEvent) => this.onKeyChange(event) }\n                ];\n            }\n            case 'horizontal-align': {\n                return [\n                    { key: 'left', iconName: 'text_align_right', callback: (event: any) => this.onKeyChange(event) },\n                    { key: 'center', iconName: 'text_align_center', callback: (event: any) => this.onKeyChange(event) },\n                    { key: 'right', iconName: 'text_align_left', callback: (event: any) => this.onKeyChange(event) },\n                ];\n            }\n            case 'font-weight':{\n                return [\n                    { key: 'normal', value: this.translate.instant('GENERAL.FONT_WEIGHT.NORMAL'), callback: (event: any) => this.onKeyChange(event) },\n                    { key: 'bold', value: this.translate.instant('GENERAL.FONT_WEIGHT.BOLD'), callback: (event: any) => this.onKeyChange(event) },\n                    { key: 'bolder', value: this.translate.instant('GENERAL.FONT_WEIGHT.BOLDER'), callback: (event: any) => this.onKeyChange(event) }\n                ]\n            }\n            case 'width-sizes':{\n                return [\n                        { key: 'narrow', value: this.translate.instant('GENERAL.WIDTH_SIZE.NARROW'), callback: (event: any) => this.onKeyChange(event) },\n                        { key: 'regular', value: this.translate.instant('GENERAL.WIDTH_SIZE.REGULAR'), callback: (event: any) => this.onKeyChange(event) },\n                        { key: 'wide', value: this.translate.instant('GENERAL.WIDTH_SIZE.WIDE'), callback: (event: any) => this.onKeyChange(event) }\n                ];\n            }\n\n            default: {\n                return [];\n            }\n        }\n    }\n}\n","<label *ngIf=\"header != ''\" class=\"body-xl bold ellipsis\">{{header}}</label>\n<pep-field-title *ngIf=\"subHeader !=''\" [label]=\"subHeader\" [disabled]=\"disabled\"></pep-field-title>\n<pep-group-buttons [buttons]=\"btnsArray\" \n                   [selectedButtonKey]=\"btnKey\" \n                   [stretch]=\"true\" \n                   buttonsClass=\"md regular\" \n                   [buttonsDisabled]=\"disabled\" \n                   viewType=\"toggle\">\n</pep-group-buttons>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { GroupButtonsSettingsComponent } from './group-buttons-settings.component';\nimport { PepNgxLibModule } from '@pepperi-addons/ngx-lib';\nimport { PepFieldTitleModule } from '@pepperi-addons/ngx-lib/field-title';\nimport { PepGroupButtonsModule } from '@pepperi-addons/ngx-lib/group-buttons';\nimport { PepIconRegistry, pepIconTextAlignCenter, pepIconTextAlignLeft, pepIconTextAlignRight } from '@pepperi-addons/ngx-lib/icon';\n\nconst pepIcons = [\n    pepIconTextAlignCenter, \n    pepIconTextAlignLeft, \n    pepIconTextAlignRight\n]\n\n@NgModule({\n    declarations: [\n        GroupButtonsSettingsComponent\n    ],\n    imports: [\n        CommonModule,\n        PepNgxLibModule,\n        PepFieldTitleModule,\n        PepGroupButtonsModule,\n    ],\n    exports: [GroupButtonsSettingsComponent]\n})\nexport class PepGroupButtonsSettingsModule { \n    constructor(\n        private pepIconRegistry: PepIconRegistry,\n    ) {\n        this.pepIconRegistry.registerIcons(pepIcons);\n    }\n}\n","/*\n * Public API Surface of ngx-composite-lib/shadow-settings\n */\nexport * from './group-buttons-settings.module';\nexport * from './group-buttons-settings.component';\nexport * from './group-buttons-settings.model';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["EventEmitter","Component","Input","Output","pepIconTextAlignCenter","pepIconTextAlignLeft","pepIconTextAlignRight","CommonModule","PepNgxLibModule","PepFieldTitleModule","PepGroupButtonsModule","NgModule"],"mappings":"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"}
+{"version":3,"file":"pepperi-addons-ngx-composite-lib-group-buttons-settings.umd.js","sources":["../../../projects/ngx-composite-lib/group-buttons-settings/group-buttons-settings.component.ts","../../../projects/ngx-composite-lib/group-buttons-settings/group-buttons-settings.component.html","../../../projects/ngx-composite-lib/group-buttons-settings/group-buttons-settings.module.ts","../../../projects/ngx-composite-lib/group-buttons-settings/public-api.ts","../../../projects/ngx-composite-lib/group-buttons-settings/pepperi-addons-ngx-composite-lib-group-buttons-settings.ts"],"sourcesContent":["import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\r\nimport { TranslateService } from '@ngx-translate/core';\r\nimport { PepSizeType } from '@pepperi-addons/ngx-lib';\r\nimport { IPepButtonClickEvent, PepButton } from '@pepperi-addons/ngx-lib/button';\r\nimport { PepGroupbuttonsTypes } from './group-buttons-settings.model';\r\n\r\n@Component({\r\n    selector: 'pep-group-buttons-settings',\r\n    templateUrl: './group-buttons-settings.component.html',\r\n    styleUrls: ['./group-buttons-settings.component.scss']\r\n})\r\nexport class GroupButtonsSettingsComponent implements OnInit {\r\n\r\n    @Input() header = '';\r\n    @Input() subHeader = '';\r\n\r\n    @Input() groupType: PepGroupbuttonsTypes = 'sizes'; \r\n    @Input() btnsArray: Array<PepButton> = [];\r\n    @Input() excludeKeys: Array<string> = []; // for example ['xs','xl']\r\n\r\n    @Input() useNone = false;\r\n    @Input() disabled = false;\r\n\r\n    private _btnKey: any;\r\n    @Input()\r\n    set btnKey(value: any) {\r\n        if (!value) {\r\n            this._btnKey = '';\r\n        } else {\r\n            this._btnKey = value;\r\n        }\r\n    }\r\n    get btnKey(): any {\r\n        return this._btnKey;\r\n    }\r\n\r\n    @Output()\r\n    btnkeyChange: EventEmitter<IPepButtonClickEvent> = new EventEmitter<IPepButtonClickEvent>();\r\n    \r\n    \r\n    none: PepButton = {key: 'none'};\r\n    \r\n    sizes: Array<PepButton> = [];\r\n    \r\n    // pepB: PepSizeType | 'none' = \"xs\";\r\n\r\n    constructor(\r\n        private translate: TranslateService,\r\n    ) {\r\n    }\r\n\r\n    ngOnInit(): void { \r\n        // Get the first translation for load all translations.\r\n        this.translate.get('SHADOW_SETTINGS.INTENSITY_SOFT').toPromise().then((typeSoft) => {\r\n            \r\n            this.none = { key: 'none', value: this.translate.instant('GENERAL.NONE'), callback: () => this.onKeyChange(null) };\r\n            \r\n            this.arrayMerge();\r\n        });\r\n    }\r\n\r\n    arrayMerge(){\r\n\r\n        this.btnsArray = this.getButtonsArray();\r\n        \r\n        // check if need to remove items from the buttons array\r\n        if(this.excludeKeys){\r\n            this.btnsArray = this.btnsArray.filter(i => !this.excludeKeys.find(f => f === i.key));\r\n        }\r\n        // check if need to add the None button\r\n        if(this.useNone){\r\n            this.btnsArray = [this.none].concat(this.btnsArray);\r\n        }\r\n    }\r\n\r\n    onKeyChange(event: IPepButtonClickEvent | null) {\r\n        this.btnKey = event?.source?.key || 'none';\r\n        this.btnkeyChange.emit(this.btnKey);\r\n    }\r\n\r\n    getButtonsArray() {\r\n        switch(this.groupType){\r\n            case 'custom':{\r\n                return this.btnsArray;\r\n            }\r\n            case 'sizes':{\r\n                return [\r\n                    { key: 'xs', value: this.translate.instant('GENERAL.XS'), callback: (event: any) => this.onKeyChange(event) },\r\n                    { key: 'sm', value: this.translate.instant('GENERAL.SM'), callback: (event: any) => this.onKeyChange(event) },\r\n                    { key: 'md', value: this.translate.instant('GENERAL.MD'), callback: (event: any) => this.onKeyChange(event) },\r\n                    { key: 'lg', value: this.translate.instant('GENERAL.LG'), callback: (event: any) => this.onKeyChange(event) },\r\n                    { key: 'xl', value: this.translate.instant('GENERAL.XL'), callback: (event: any) => this.onKeyChange(event) }\r\n                ];\r\n            }\r\n            case 'vertical-align':{\r\n                return [\r\n                    { key: 'start', value: this.translate.instant('GENERAL.VERTICAL_ALIGN.TOP'), callback: (event: IPepButtonClickEvent) => this.onKeyChange(event) },\r\n                    { key: 'center', value: this.translate.instant('GENERAL.VERTICAL_ALIGN.MIDDLE'), callback: (event: IPepButtonClickEvent) => this.onKeyChange(event) },\r\n                    { key: 'end', value: this.translate.instant('GENERAL.VERTICAL_ALIGN.BOTTOM'), callback: (event: IPepButtonClickEvent) => this.onKeyChange(event) }\r\n                ];\r\n            }\r\n            case 'horizontal-align': {\r\n                return [\r\n                    { key: 'left', iconName: 'text_align_right', callback: (event: any) => this.onKeyChange(event) },\r\n                    { key: 'center', iconName: 'text_align_center', callback: (event: any) => this.onKeyChange(event) },\r\n                    { key: 'right', iconName: 'text_align_left', callback: (event: any) => this.onKeyChange(event) },\r\n                ];\r\n            }\r\n            case 'font-weight':{\r\n                return [\r\n                    { key: 'normal', value: this.translate.instant('GENERAL.FONT_WEIGHT.NORMAL'), callback: (event: any) => this.onKeyChange(event) },\r\n                    { key: 'bold', value: this.translate.instant('GENERAL.FONT_WEIGHT.BOLD'), callback: (event: any) => this.onKeyChange(event) },\r\n                    { key: 'bolder', value: this.translate.instant('GENERAL.FONT_WEIGHT.BOLDER'), callback: (event: any) => this.onKeyChange(event) }\r\n                ]\r\n            }\r\n            case 'width-sizes':{\r\n                return [\r\n                        { key: 'narrow', value: this.translate.instant('GENERAL.WIDTH_SIZE.NARROW'), callback: (event: any) => this.onKeyChange(event) },\r\n                        { key: 'regular', value: this.translate.instant('GENERAL.WIDTH_SIZE.REGULAR'), callback: (event: any) => this.onKeyChange(event) },\r\n                        { key: 'wide', value: this.translate.instant('GENERAL.WIDTH_SIZE.WIDE'), callback: (event: any) => this.onKeyChange(event) }\r\n                ];\r\n            }\r\n\r\n            default: {\r\n                return [];\r\n            }\r\n        }\r\n    }\r\n}\r\n","<label *ngIf=\"header != ''\" class=\"body-xl bold ellipsis\">{{header}}</label>\r\n<pep-field-title *ngIf=\"subHeader !=''\" [label]=\"subHeader\" [disabled]=\"disabled\"></pep-field-title>\r\n<pep-group-buttons [buttons]=\"btnsArray\" \r\n                   [selectedButtonKey]=\"btnKey\" \r\n                   [stretch]=\"true\" \r\n                   buttonsClass=\"md regular\" \r\n                   [buttonsDisabled]=\"disabled\" \r\n                   viewType=\"toggle\">\r\n</pep-group-buttons>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { GroupButtonsSettingsComponent } from './group-buttons-settings.component';\r\nimport { PepNgxLibModule } from '@pepperi-addons/ngx-lib';\r\nimport { PepFieldTitleModule } from '@pepperi-addons/ngx-lib/field-title';\r\nimport { PepGroupButtonsModule } from '@pepperi-addons/ngx-lib/group-buttons';\r\nimport { PepIconRegistry, pepIconTextAlignCenter, pepIconTextAlignLeft, pepIconTextAlignRight } from '@pepperi-addons/ngx-lib/icon';\r\n\r\nconst pepIcons = [\r\n    pepIconTextAlignCenter, \r\n    pepIconTextAlignLeft, \r\n    pepIconTextAlignRight\r\n]\r\n\r\n@NgModule({\r\n    declarations: [\r\n        GroupButtonsSettingsComponent\r\n    ],\r\n    imports: [\r\n        CommonModule,\r\n        PepNgxLibModule,\r\n        PepFieldTitleModule,\r\n        PepGroupButtonsModule,\r\n    ],\r\n    exports: [GroupButtonsSettingsComponent]\r\n})\r\nexport class PepGroupButtonsSettingsModule { \r\n    constructor(\r\n        private pepIconRegistry: PepIconRegistry,\r\n    ) {\r\n        this.pepIconRegistry.registerIcons(pepIcons);\r\n    }\r\n}\r\n","/*\r\n * Public API Surface of ngx-composite-lib/shadow-settings\r\n */\r\nexport * from './group-buttons-settings.module';\r\nexport * from './group-buttons-settings.component';\r\nexport * from './group-buttons-settings.model';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["EventEmitter","Component","Input","Output","pepIconTextAlignCenter","pepIconTextAlignLeft","pepIconTextAlignRight","CommonModule","PepNgxLibModule","PepFieldTitleModule","PepGroupButtonsModule","NgModule"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QA8CI,uCACY,SAA2B;YAA3B,cAAS,GAAT,SAAS,CAAkB;YAlC9B,WAAM,GAAG,EAAE,CAAC;YACZ,cAAS,GAAG,EAAE,CAAC;YAEf,cAAS,GAAyB,OAAO,CAAC;YAC1C,cAAS,GAAqB,EAAE,CAAC;YACjC,gBAAW,GAAkB,EAAE,CAAC;YAEhC,YAAO,GAAG,KAAK,CAAC;YAChB,aAAQ,GAAG,KAAK,CAAC;YAgB1B,iBAAY,GAAuC,IAAIA,eAAY,EAAwB,CAAC;YAG5F,SAAI,GAAc,EAAC,GAAG,EAAE,MAAM,EAAC,CAAC;YAEhC,UAAK,GAAqB,EAAE,CAAC;SAO5B;QAzBD,sBACI,iDAAM;iBAOV;gBACI,OAAO,IAAI,CAAC,OAAO,CAAC;aACvB;iBAVD,UACW,KAAU;gBACjB,IAAI,CAAC,KAAK,EAAE;oBACR,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC;iBACrB;qBAAM;oBACH,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;iBACxB;aACJ;;;WAAA;QAoBD,gDAAQ,GAAR;YAAA,iBAQC;;YANG,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,gCAAgC,CAAC,CAAC,SAAS,EAAE,CAAC,IAAI,CAAC,UAAC,QAAQ;gBAE3E,KAAI,CAAC,IAAI,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,KAAI,CAAC,SAAS,CAAC,OAAO,CAAC,cAAc,CAAC,EAAE,QAAQ,EAAE,cAAM,OAAA,KAAI,CAAC,WAAW,CAAC,IAAI,CAAC,GAAA,EAAE,CAAC;gBAEnH,KAAI,CAAC,UAAU,EAAE,CAAC;aACrB,CAAC,CAAC;SACN;QAED,kDAAU,GAAV;YAAA,iBAYC;YAVG,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;;YAGxC,IAAG,IAAI,CAAC,WAAW,EAAC;gBAChB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,KAAI,CAAC,WAAW,CAAC,IAAI,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,KAAK,CAAC,CAAC,GAAG,GAAA,CAAC,GAAA,CAAC,CAAC;aACzF;;YAED,IAAG,IAAI,CAAC,OAAO,EAAC;gBACZ,IAAI,CAAC,SAAS,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;aACvD;SACJ;QAED,mDAAW,GAAX,UAAY,KAAkC;;YAC1C,IAAI,CAAC,MAAM,GAAG,CAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,0CAAE,GAAG,KAAI,MAAM,CAAC;YAC3C,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;SACvC;QAED,uDAAe,GAAf;YAAA,iBA+CC;YA9CG,QAAO,IAAI,CAAC,SAAS;gBACjB,KAAK,QAAQ,EAAC;oBACV,OAAO,IAAI,CAAC,SAAS,CAAC;iBACzB;gBACD,KAAK,OAAO,EAAC;oBACT,OAAO;wBACH,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,QAAQ,EAAE,UAAC,KAAU,IAAK,OAAA,KAAI,CAAC,WAAW,CAAC,KAAK,CAAC,GAAA,EAAE;wBAC7G,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,QAAQ,EAAE,UAAC,KAAU,IAAK,OAAA,KAAI,CAAC,WAAW,CAAC,KAAK,CAAC,GAAA,EAAE;wBAC7G,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,QAAQ,EAAE,UAAC,KAAU,IAAK,OAAA,KAAI,CAAC,WAAW,CAAC,KAAK,CAAC,GAAA,EAAE;wBAC7G,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,QAAQ,EAAE,UAAC,KAAU,IAAK,OAAA,KAAI,CAAC,WAAW,CAAC,KAAK,CAAC,GAAA,EAAE;wBAC7G,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,QAAQ,EAAE,UAAC,KAAU,IAAK,OAAA,KAAI,CAAC,WAAW,CAAC,KAAK,CAAC,GAAA,EAAE;qBAChH,CAAC;iBACL;gBACD,KAAK,gBAAgB,EAAC;oBAClB,OAAO;wBACH,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,4BAA4B,CAAC,EAAE,QAAQ,EAAE,UAAC,KAA2B,IAAK,OAAA,KAAI,CAAC,WAAW,CAAC,KAAK,CAAC,GAAA,EAAE;wBACjJ,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,+BAA+B,CAAC,EAAE,QAAQ,EAAE,UAAC,KAA2B,IAAK,OAAA,KAAI,CAAC,WAAW,CAAC,KAAK,CAAC,GAAA,EAAE;wBACrJ,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,+BAA+B,CAAC,EAAE,QAAQ,EAAE,UAAC,KAA2B,IAAK,OAAA,KAAI,CAAC,WAAW,CAAC,KAAK,CAAC,GAAA,EAAE;qBACrJ,CAAC;iBACL;gBACD,KAAK,kBAAkB,EAAE;oBACrB,OAAO;wBACH,EAAE,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,kBAAkB,EAAE,QAAQ,EAAE,UAAC,KAAU,IAAK,OAAA,KAAI,CAAC,WAAW,CAAC,KAAK,CAAC,GAAA,EAAE;wBAChG,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,EAAE,mBAAmB,EAAE,QAAQ,EAAE,UAAC,KAAU,IAAK,OAAA,KAAI,CAAC,WAAW,CAAC,KAAK,CAAC,GAAA,EAAE;wBACnG,EAAE,GAAG,EAAE,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,QAAQ,EAAE,UAAC,KAAU,IAAK,OAAA,KAAI,CAAC,WAAW,CAAC,KAAK,CAAC,GAAA,EAAE;qBACnG,CAAC;iBACL;gBACD,KAAK,aAAa,EAAC;oBACf,OAAO;wBACH,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,4BAA4B,CAAC,EAAE,QAAQ,EAAE,UAAC,KAAU,IAAK,OAAA,KAAI,CAAC,WAAW,CAAC,KAAK,CAAC,GAAA,EAAE;wBACjI,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,0BAA0B,CAAC,EAAE,QAAQ,EAAE,UAAC,KAAU,IAAK,OAAA,KAAI,CAAC,WAAW,CAAC,KAAK,CAAC,GAAA,EAAE;wBAC7H,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,4BAA4B,CAAC,EAAE,QAAQ,EAAE,UAAC,KAAU,IAAK,OAAA,KAAI,CAAC,WAAW,CAAC,KAAK,CAAC,GAAA,EAAE;qBACpI,CAAA;iBACJ;gBACD,KAAK,aAAa,EAAC;oBACf,OAAO;wBACC,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,2BAA2B,CAAC,EAAE,QAAQ,EAAE,UAAC,KAAU,IAAK,OAAA,KAAI,CAAC,WAAW,CAAC,KAAK,CAAC,GAAA,EAAE;wBAChI,EAAE,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,4BAA4B,CAAC,EAAE,QAAQ,EAAE,UAAC,KAAU,IAAK,OAAA,KAAI,CAAC,WAAW,CAAC,KAAK,CAAC,GAAA,EAAE;wBAClI,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,yBAAyB,CAAC,EAAE,QAAQ,EAAE,UAAC,KAAU,IAAK,OAAA,KAAI,CAAC,WAAW,CAAC,KAAK,CAAC,GAAA,EAAE;qBACnI,CAAC;iBACL;gBAED,SAAS;oBACL,OAAO,EAAE,CAAC;iBACb;aACJ;SACJ;;;oJApHQ,6BAA6B;6HAA7B,6BAA6B,sTCX1C,+fASA;qHDEa,6BAA6B;sBALzCC,YAAS;uBAAC;wBACP,QAAQ,EAAE,4BAA4B;wBACtC,WAAW,EAAE,yCAAyC;wBACtD,SAAS,EAAE,CAAC,yCAAyC,CAAC;qBACzD;sHAGY,MAAM;0BAAdC,QAAK;oBACG,SAAS;0BAAjBA,QAAK;oBAEG,SAAS;0BAAjBA,QAAK;oBACG,SAAS;0BAAjBA,QAAK;oBACG,WAAW;0BAAnBA,QAAK;oBAEG,OAAO;0BAAfA,QAAK;oBACG,QAAQ;0BAAhBA,QAAK;oBAIF,MAAM;0BADTA,QAAK;oBAaN,YAAY;0BADXC,SAAM;;;IE5BX,IAAM,QAAQ,GAAG;QACbC,2BAAsB;QACtBC,yBAAoB;QACpBC,0BAAqB;KACxB,CAAA;;QAeG,uCACY,eAAgC;YAAhC,oBAAe,GAAf,eAAe,CAAiB;YAExC,IAAI,CAAC,eAAe,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;SAChD;;;oJALQ,6BAA6B;qJAA7B,6BAA6B,iBAVlC,6BAA6B,aAG7BC,eAAY;YACZC,sBAAe;YACfC,sBAAmB;YACnBC,wBAAqB,aAEf,6BAA6B;qJAE9B,6BAA6B,YAR7B;gBACLH,eAAY;gBACZC,sBAAe;gBACfC,sBAAmB;gBACnBC,wBAAqB;aACxB;qHAGQ,6BAA6B;sBAZzCC,WAAQ;uBAAC;wBACN,YAAY,EAAE;4BACV,6BAA6B;yBAChC;wBACD,OAAO,EAAE;4BACLJ,eAAY;4BACZC,sBAAe;4BACfC,sBAAmB;4BACnBC,wBAAqB;yBACxB;wBACD,OAAO,EAAE,CAAC,6BAA6B,CAAC;qBAC3C;;;ICzBD;;;;ICAA;;;;;;;;;;;;;"}

package/bundles/pepperi-addons-ngx-composite-lib-shadow-settings.umd.js

@@ -28,131 +28,131 @@
     var i3__namespace = /*#__PURE__*/_interopNamespace(i3);
     var i4__namespace = /*#__PURE__*/_interopNamespace(i4);
 
-    var PepShadowSettings = /** @class */ (function () {
-        function PepShadowSettings() {
-            this.use = false;
-            this.size = 'md';
-            this.intensity = 'regular';
-        }
-        return PepShadowSettings;
+    var PepShadowSettings = /** @class */ (function () {
+        function PepShadowSettings() {
+            this.use = false;
+            this.size = 'md';
+            this.intensity = 'regular';
+        }
+        return PepShadowSettings;
     }());
 
-    var ShadowSettingsComponent = /** @class */ (function () {
-        function ShadowSettingsComponent(translate) {
-            this.translate = translate;
-            this._shadow = new PepShadowSettings();
-            this.shadowChange = new i0.EventEmitter();
-            this.shadowSizes = [];
-            this.shadowIntensities = [];
-        }
-        Object.defineProperty(ShadowSettingsComponent.prototype, "shadow", {
-            get: function () {
-                return this._shadow;
-            },
-            set: function (value) {
-                if (!value) {
-                    this._shadow = new PepShadowSettings();
-                }
-                else {
-                    this._shadow = value;
-                }
-            },
-            enumerable: false,
-            configurable: true
-        });
-        ShadowSettingsComponent.prototype.ngOnInit = function () {
-            var _this = this;
-            // Get the first translation for load all translations.
-            this.translate.get('SHADOW_SETTINGS.INTENSITY_SOFT').toPromise().then(function (typeSoft) {
-                _this.shadowSizes = [
-                    { key: 'sm', value: _this.translate.instant('GENERAL.SM'), callback: function () { return _this.onSizeChange('sm'); } },
-                    { key: 'md', value: _this.translate.instant('GENERAL.MD'), callback: function () { return _this.onSizeChange('md'); } },
-                    { key: 'lg', value: _this.translate.instant('GENERAL.LG'), callback: function () { return _this.onSizeChange('lg'); } },
-                    { key: 'xl', value: _this.translate.instant('GENERAL.XL'), callback: function () { return _this.onSizeChange('xl'); } }
-                ];
-                _this.shadowIntensities = [
-                    { key: 'soft', value: typeSoft, callback: function () { return _this.onIntensityChange('soft'); } },
-                    { key: 'regular', value: _this.translate.instant('SHADOW_SETTINGS.INTENSITY_REGULAR'), callback: function () { return _this.onIntensityChange('regular'); } },
-                    { key: 'hard', value: _this.translate.instant('SHADOW_SETTINGS.INTENSITY_HARD'), callback: function () { return _this.onIntensityChange('hard'); } }
-                ];
-            });
-        };
-        ShadowSettingsComponent.prototype.raiseShadowChange = function () {
-            this.shadowChange.emit(this.shadow);
-        };
-        ShadowSettingsComponent.prototype.onUseChanged = function (value) {
-            this.shadow.use = value;
-            this.raiseShadowChange();
-        };
-        ShadowSettingsComponent.prototype.onSizeChange = function (value) {
-            this.shadow.size = value;
-            this.raiseShadowChange();
-        };
-        ShadowSettingsComponent.prototype.onIntensityChange = function (value) {
-            this.shadow.intensity = value;
-            this.raiseShadowChange();
-        };
-        return ShadowSettingsComponent;
-    }());
-    ShadowSettingsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: ShadowSettingsComponent, deps: [{ token: i1__namespace.TranslateService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    ShadowSettingsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: ShadowSettingsComponent, selector: "pep-shadow-settings", inputs: { shadow: "shadow" }, outputs: { shadowChange: "shadowChange" }, ngImport: i0__namespace, template: "<pep-checkbox class=\"checkbox-as-title\" [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<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>", styles: [":host{width:100%}:host .shadow-size-group,:host .shadow-type-group{display:block;margin-bottom:var(--pep-form-spacing, 1rem)}\n"], components: [{ type: i2__namespace.PepCheckboxComponent, selector: "pep-checkbox", inputs: ["key", "value", "label", "mandatory", "disabled", "readonly", "xAlignment", "rowSpan", "form", "isActive", "showTitle", "renderTitle", "layoutType", "type", "additionalValue", "visible"], outputs: ["valueChange"] }, { type: i3__namespace.PepFieldTitleComponent, selector: "pep-field-title", inputs: ["label", "mandatory", "disabled", "maxFieldCharacters", "hint", "xAlignment", "showTitle", "inputLength"] }, { type: i4__namespace.PepGroupButtonsComponent, selector: "pep-group-buttons", inputs: ["viewType", "styleType", "sizeType", "buttons", "buttonsDisabled", "selectedButtonKey", "stretch"], outputs: ["buttonClick"] }], pipes: { "translate": i1__namespace.TranslatePipe } });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: ShadowSettingsComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'pep-shadow-settings',
-                        templateUrl: './shadow-settings.component.html',
-                        styleUrls: ['./shadow-settings.component.scss']
-                    }]
-            }], ctorParameters: function () { return [{ type: i1__namespace.TranslateService }]; }, propDecorators: { shadow: [{
-                    type: i0.Input
-                }], shadowChange: [{
-                    type: i0.Output
+    var ShadowSettingsComponent = /** @class */ (function () {
+        function ShadowSettingsComponent(translate) {
+            this.translate = translate;
+            this._shadow = new PepShadowSettings();
+            this.shadowChange = new i0.EventEmitter();
+            this.shadowSizes = [];
+            this.shadowIntensities = [];
+        }
+        Object.defineProperty(ShadowSettingsComponent.prototype, "shadow", {
+            get: function () {
+                return this._shadow;
+            },
+            set: function (value) {
+                if (!value) {
+                    this._shadow = new PepShadowSettings();
+                }
+                else {
+                    this._shadow = value;
+                }
+            },
+            enumerable: false,
+            configurable: true
+        });
+        ShadowSettingsComponent.prototype.ngOnInit = function () {
+            var _this = this;
+            // Get the first translation for load all translations.
+            this.translate.get('SHADOW_SETTINGS.INTENSITY_SOFT').toPromise().then(function (typeSoft) {
+                _this.shadowSizes = [
+                    { key: 'sm', value: _this.translate.instant('GENERAL.SM'), callback: function () { return _this.onSizeChange('sm'); } },
+                    { key: 'md', value: _this.translate.instant('GENERAL.MD'), callback: function () { return _this.onSizeChange('md'); } },
+                    { key: 'lg', value: _this.translate.instant('GENERAL.LG'), callback: function () { return _this.onSizeChange('lg'); } },
+                    { key: 'xl', value: _this.translate.instant('GENERAL.XL'), callback: function () { return _this.onSizeChange('xl'); } }
+                ];
+                _this.shadowIntensities = [
+                    { key: 'soft', value: typeSoft, callback: function () { return _this.onIntensityChange('soft'); } },
+                    { key: 'regular', value: _this.translate.instant('SHADOW_SETTINGS.INTENSITY_REGULAR'), callback: function () { return _this.onIntensityChange('regular'); } },
+                    { key: 'hard', value: _this.translate.instant('SHADOW_SETTINGS.INTENSITY_HARD'), callback: function () { return _this.onIntensityChange('hard'); } }
+                ];
+            });
+        };
+        ShadowSettingsComponent.prototype.raiseShadowChange = function () {
+            this.shadowChange.emit(this.shadow);
+        };
+        ShadowSettingsComponent.prototype.onUseChanged = function (value) {
+            this.shadow.use = value;
+            this.raiseShadowChange();
+        };
+        ShadowSettingsComponent.prototype.onSizeChange = function (value) {
+            this.shadow.size = value;
+            this.raiseShadowChange();
+        };
+        ShadowSettingsComponent.prototype.onIntensityChange = function (value) {
+            this.shadow.intensity = value;
+            this.raiseShadowChange();
+        };
+        return ShadowSettingsComponent;
+    }());
+    ShadowSettingsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: ShadowSettingsComponent, deps: [{ token: i1__namespace.TranslateService }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    ShadowSettingsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: ShadowSettingsComponent, selector: "pep-shadow-settings", inputs: { shadow: "shadow" }, outputs: { shadowChange: "shadowChange" }, ngImport: i0__namespace, template: "<pep-checkbox class=\"checkbox-as-title\" [label]=\"'SHADOW_SETTINGS.TITLE' | translate\" [renderTitle]=\"false\" [value]=\"shadow.use\" (valueChange)=\"onUseChanged($event)\"></pep-checkbox>\r\n<pep-field-title [label]=\"'SHADOW_SETTINGS.SIZE' | translate\" [disabled]=\"!shadow.use\"></pep-field-title>\r\n<pep-group-buttons class=\"shadow-size-group\" [buttons]=\"shadowSizes\" [selectedButtonKey]=\"shadow.size\" [stretch]=\"true\" buttonsClass=\"md regular\" [buttonsDisabled]=\"!shadow.use\" viewType=\"toggle\">\r\n</pep-group-buttons>\r\n<pep-field-title [label]=\"'SHADOW_SETTINGS.INTENSITY' | translate\" [disabled]=\"!shadow.use\"></pep-field-title>\r\n<pep-group-buttons class=\"shadow-intensity-group\" [buttons]=\"shadowIntensities\" [selectedButtonKey]=\"shadow.intensity\" [stretch]=\"true\" buttonsClass=\"md regular\" [buttonsDisabled]=\"!shadow.use\" viewType=\"toggle\">\r\n</pep-group-buttons>", styles: [":host{width:100%}:host .shadow-size-group,:host .shadow-type-group{display:block;margin-bottom:var(--pep-form-spacing, 1rem)}\n"], components: [{ type: i2__namespace.PepCheckboxComponent, selector: "pep-checkbox", inputs: ["key", "value", "label", "mandatory", "disabled", "readonly", "xAlignment", "rowSpan", "form", "isActive", "showTitle", "renderTitle", "layoutType", "type", "additionalValue", "visible"], outputs: ["valueChange"] }, { type: i3__namespace.PepFieldTitleComponent, selector: "pep-field-title", inputs: ["label", "mandatory", "disabled", "maxFieldCharacters", "hint", "xAlignment", "showTitle", "inputLength"] }, { type: i4__namespace.PepGroupButtonsComponent, selector: "pep-group-buttons", inputs: ["viewType", "styleType", "sizeType", "buttons", "buttonsDisabled", "selectedButtonKey", "stretch"], outputs: ["buttonClick"] }], pipes: { "translate": i1__namespace.TranslatePipe } });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: ShadowSettingsComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'pep-shadow-settings',
+                        templateUrl: './shadow-settings.component.html',
+                        styleUrls: ['./shadow-settings.component.scss']
+                    }]
+            }], ctorParameters: function () { return [{ type: i1__namespace.TranslateService }]; }, propDecorators: { shadow: [{
+                    type: i0.Input
+                }], shadowChange: [{
+                    type: i0.Output
                 }] } });
 
-    var PepShadowSettingsModule = /** @class */ (function () {
-        function PepShadowSettingsModule() {
-        }
-        return PepShadowSettingsModule;
-    }());
-    PepShadowSettingsModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: PepShadowSettingsModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    PepShadowSettingsModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: PepShadowSettingsModule, declarations: [ShadowSettingsComponent], imports: [common.CommonModule,
-            ngxLib.PepNgxLibModule,
-            i2.PepCheckboxModule,
-            i3.PepFieldTitleModule,
-            i4.PepGroupButtonsModule,
-            slider.PepSliderModule], exports: [ShadowSettingsComponent] });
-    PepShadowSettingsModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: PepShadowSettingsModule, imports: [[
-                common.CommonModule,
-                ngxLib.PepNgxLibModule,
-                i2.PepCheckboxModule,
-                i3.PepFieldTitleModule,
-                i4.PepGroupButtonsModule,
-                slider.PepSliderModule
-            ]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: PepShadowSettingsModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        declarations: [
-                            ShadowSettingsComponent
-                        ],
-                        imports: [
-                            common.CommonModule,
-                            ngxLib.PepNgxLibModule,
-                            i2.PepCheckboxModule,
-                            i3.PepFieldTitleModule,
-                            i4.PepGroupButtonsModule,
-                            slider.PepSliderModule
-                        ],
-                        exports: [ShadowSettingsComponent],
-                    }]
+    var PepShadowSettingsModule = /** @class */ (function () {
+        function PepShadowSettingsModule() {
+        }
+        return PepShadowSettingsModule;
+    }());
+    PepShadowSettingsModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: PepShadowSettingsModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    PepShadowSettingsModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: PepShadowSettingsModule, declarations: [ShadowSettingsComponent], imports: [common.CommonModule,
+            ngxLib.PepNgxLibModule,
+            i2.PepCheckboxModule,
+            i3.PepFieldTitleModule,
+            i4.PepGroupButtonsModule,
+            slider.PepSliderModule], exports: [ShadowSettingsComponent] });
+    PepShadowSettingsModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: PepShadowSettingsModule, imports: [[
+                common.CommonModule,
+                ngxLib.PepNgxLibModule,
+                i2.PepCheckboxModule,
+                i3.PepFieldTitleModule,
+                i4.PepGroupButtonsModule,
+                slider.PepSliderModule
+            ]] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: PepShadowSettingsModule, decorators: [{
+                type: i0.NgModule,
+                args: [{
+                        declarations: [
+                            ShadowSettingsComponent
+                        ],
+                        imports: [
+                            common.CommonModule,
+                            ngxLib.PepNgxLibModule,
+                            i2.PepCheckboxModule,
+                            i3.PepFieldTitleModule,
+                            i4.PepGroupButtonsModule,
+                            slider.PepSliderModule
+                        ],
+                        exports: [ShadowSettingsComponent],
+                    }]
             }] });
 
-    /*
-     * Public API Surface of ngx-composite-lib/shadow-settings
+    /*
+     * Public API Surface of ngx-composite-lib/shadow-settings
      */
 
-    /**
-     * Generated bundle index. Do not edit.
+    /**
+     * Generated bundle index. Do not edit.
      */
 
     exports.PepShadowSettings = PepShadowSettings;

package/bundles/pepperi-addons-ngx-composite-lib-shadow-settings.umd.js.map

@@ -1 +1 @@
-{"version":3,"file":"pepperi-addons-ngx-composite-lib-shadow-settings.umd.js","sources":["../../../projects/ngx-composite-lib/shadow-settings/shadow-settings.model.ts","../../../projects/ngx-composite-lib/shadow-settings/shadow-settings.component.ts","../../../projects/ngx-composite-lib/shadow-settings/shadow-settings.component.html","../../../projects/ngx-composite-lib/shadow-settings/shadow-settings.module.ts","../../../projects/ngx-composite-lib/shadow-settings/public-api.ts","../../../projects/ngx-composite-lib/shadow-settings/pepperi-addons-ngx-composite-lib-shadow-settings.ts"],"sourcesContent":["import { PepSizeType } from \"@pepperi-addons/ngx-lib\";\r\n\r\nexport type PepShadowIntensityType = 'soft' | 'regular' | 'hard';\r\n\r\nexport class PepShadowSettings {\r\n    use: boolean = false;\r\n    size: PepSizeType = 'md';\r\n    intensity: PepShadowIntensityType = 'regular';\r\n}","import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\nimport { TranslateService } from '@ngx-translate/core';\nimport { PepSizeType } from '@pepperi-addons/ngx-lib';\nimport { IPepButtonClickEvent, PepButton } from '@pepperi-addons/ngx-lib/button';\nimport { PepShadowIntensityType, PepShadowSettings } from './shadow-settings.model';\n\n@Component({\n    selector: 'pep-shadow-settings',\n    templateUrl: './shadow-settings.component.html',\n    styleUrls: ['./shadow-settings.component.scss']\n})\nexport class ShadowSettingsComponent implements OnInit {\n\n    private _shadow: PepShadowSettings = new PepShadowSettings();\n    @Input()\n    set shadow(value: PepShadowSettings) {\n        if (!value) {\n            this._shadow = new PepShadowSettings();\n        } else {\n            this._shadow = value;\n        }\n    }\n    get shadow(): PepShadowSettings {\n        return this._shadow;\n    }\n\n    @Output()\n    shadowChange: EventEmitter<PepShadowSettings> = new EventEmitter<PepShadowSettings>();\n    \n    shadowSizes: Array<PepButton> = [];\n    shadowIntensities: Array<PepButton> = [];\n\n    constructor(\n        private translate: TranslateService,\n    ) {\n    }\n\n    ngOnInit(): void { \n        // Get the first translation for load all translations.\n        this.translate.get('SHADOW_SETTINGS.INTENSITY_SOFT').toPromise().then((typeSoft) => {\n            this.shadowSizes = [\n                { key: 'sm', value: this.translate.instant('GENERAL.SM'), callback: () => this.onSizeChange('sm') },\n                { key: 'md', value: this.translate.instant('GENERAL.MD'), callback: () => this.onSizeChange('md') },\n                { key: 'lg', value: this.translate.instant('GENERAL.LG'), callback: () => this.onSizeChange('lg') },\n                { key: 'xl', value: this.translate.instant('GENERAL.XL'), callback: () => this.onSizeChange('xl') }\n            ];\n\n            this.shadowIntensities = [\n                { key: 'soft', value: typeSoft, callback: () => this.onIntensityChange('soft') },\n                { key: 'regular', value: this.translate.instant('SHADOW_SETTINGS.INTENSITY_REGULAR'), callback: () => this.onIntensityChange('regular') },\n                { key: 'hard', value: this.translate.instant('SHADOW_SETTINGS.INTENSITY_HARD'), callback: () => this.onIntensityChange('hard') }\n            ];\n        });\n    }\n\n\n    private raiseShadowChange() {\n        this.shadowChange.emit(this.shadow);\n    }\n\n    onUseChanged(value: boolean) {\n        this.shadow.use = value;\n        this.raiseShadowChange();\n    }\n\n    onSizeChange(value: PepSizeType) {\n        this.shadow.size = value;\n        this.raiseShadowChange();\n    }\n\n    onIntensityChange(value: PepShadowIntensityType) {\n        this.shadow.intensity = value;\n        this.raiseShadowChange();\n    }\n}\n","<pep-checkbox class=\"checkbox-as-title\" [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<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>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ShadowSettingsComponent } from './shadow-settings.component';\nimport { PepNgxLibModule } from '@pepperi-addons/ngx-lib';\nimport { PepCheckboxModule } from '@pepperi-addons/ngx-lib/checkbox';\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        ShadowSettingsComponent\n    ],\n    imports: [\n        CommonModule,\n        PepNgxLibModule,\n        PepCheckboxModule,\n        PepFieldTitleModule,\n        PepGroupButtonsModule,\n        PepSliderModule\n    ],\n    exports: [ShadowSettingsComponent],\n})\nexport class PepShadowSettingsModule { }\n","/*\n * Public API Surface of ngx-composite-lib/shadow-settings\n */\nexport * from './shadow-settings.module';\nexport * from './shadow-settings.component';\nexport * from './shadow-settings.model';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["EventEmitter","Component","Input","Output","CommonModule","PepNgxLibModule","PepCheckboxModule","PepFieldTitleModule","PepGroupButtonsModule","PepSliderModule","NgModule"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAIA;YACI,QAAG,GAAY,KAAK,CAAC;YACrB,SAAI,GAAgB,IAAI,CAAC;YACzB,cAAS,GAA2B,SAAS,CAAC;SACjD;gCAAA;KAAA;;;QCwBG,iCACY,SAA2B;YAA3B,cAAS,GAAT,SAAS,CAAkB;YApB/B,YAAO,GAAsB,IAAI,iBAAiB,EAAE,CAAC;YAc7D,iBAAY,GAAoC,IAAIA,eAAY,EAAqB,CAAC;YAEtF,gBAAW,GAAqB,EAAE,CAAC;YACnC,sBAAiB,GAAqB,EAAE,CAAC;SAKxC;QArBD,sBACI,2CAAM;iBAOV;gBACI,OAAO,IAAI,CAAC,OAAO,CAAC;aACvB;iBAVD,UACW,KAAwB;gBAC/B,IAAI,CAAC,KAAK,EAAE;oBACR,IAAI,CAAC,OAAO,GAAG,IAAI,iBAAiB,EAAE,CAAC;iBAC1C;qBAAM;oBACH,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;iBACxB;aACJ;;;WAAA;QAgBD,0CAAQ,GAAR;YAAA,iBAgBC;;YAdG,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,gCAAgC,CAAC,CAAC,SAAS,EAAE,CAAC,IAAI,CAAC,UAAC,QAAQ;gBAC3E,KAAI,CAAC,WAAW,GAAG;oBACf,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,KAAI,CAAC,SAAS,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,QAAQ,EAAE,cAAM,OAAA,KAAI,CAAC,YAAY,CAAC,IAAI,CAAC,GAAA,EAAE;oBACnG,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,KAAI,CAAC,SAAS,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,QAAQ,EAAE,cAAM,OAAA,KAAI,CAAC,YAAY,CAAC,IAAI,CAAC,GAAA,EAAE;oBACnG,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,KAAI,CAAC,SAAS,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,QAAQ,EAAE,cAAM,OAAA,KAAI,CAAC,YAAY,CAAC,IAAI,CAAC,GAAA,EAAE;oBACnG,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,KAAI,CAAC,SAAS,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,QAAQ,EAAE,cAAM,OAAA,KAAI,CAAC,YAAY,CAAC,IAAI,CAAC,GAAA,EAAE;iBACtG,CAAC;gBAEF,KAAI,CAAC,iBAAiB,GAAG;oBACrB,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,cAAM,OAAA,KAAI,CAAC,iBAAiB,CAAC,MAAM,CAAC,GAAA,EAAE;oBAChF,EAAE,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,KAAI,CAAC,SAAS,CAAC,OAAO,CAAC,mCAAmC,CAAC,EAAE,QAAQ,EAAE,cAAM,OAAA,KAAI,CAAC,iBAAiB,CAAC,SAAS,CAAC,GAAA,EAAE;oBACzI,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,KAAI,CAAC,SAAS,CAAC,OAAO,CAAC,gCAAgC,CAAC,EAAE,QAAQ,EAAE,cAAM,OAAA,KAAI,CAAC,iBAAiB,CAAC,MAAM,CAAC,GAAA,EAAE;iBACnI,CAAC;aACL,CAAC,CAAC;SACN;QAGO,mDAAiB,GAAjB;YACJ,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;SACvC;QAED,8CAAY,GAAZ,UAAa,KAAc;YACvB,IAAI,CAAC,MAAM,CAAC,GAAG,GAAG,KAAK,CAAC;YACxB,IAAI,CAAC,iBAAiB,EAAE,CAAC;SAC5B;QAED,8CAAY,GAAZ,UAAa,KAAkB;YAC3B,IAAI,CAAC,MAAM,CAAC,IAAI,GAAG,KAAK,CAAC;YACzB,IAAI,CAAC,iBAAiB,EAAE,CAAC;SAC5B;QAED,mDAAiB,GAAjB,UAAkB,KAA6B;YAC3C,IAAI,CAAC,MAAM,CAAC,SAAS,GAAG,KAAK,CAAC;YAC9B,IAAI,CAAC,iBAAiB,EAAE,CAAC;SAC5B;;;8IA9DQ,uBAAuB;uHAAvB,uBAAuB,+ICXpC,w4BAMoB;qHDKP,uBAAuB;sBALnCC,YAAS;uBAAC;wBACP,QAAQ,EAAE,qBAAqB;wBAC/B,WAAW,EAAE,kCAAkC;wBAC/C,SAAS,EAAE,CAAC,kCAAkC,CAAC;qBAClD;sHAKO,MAAM;0BADTC,QAAK;oBAaN,YAAY;0BADXC,SAAM;;;;QEHX;;;;8IAAa,uBAAuB;+IAAvB,uBAAuB,iBAZ5B,uBAAuB,aAGvBC,mBAAY;YACZC,sBAAe;YACfC,oBAAiB;YACjBC,sBAAmB;YACnBC,wBAAqB;YACrBC,sBAAe,aAET,uBAAuB;+IAExB,uBAAuB,YAVvB;gBACLL,mBAAY;gBACZC,sBAAe;gBACfC,oBAAiB;gBACjBC,sBAAmB;gBACnBC,wBAAqB;gBACrBC,sBAAe;aAClB;qHAGQ,uBAAuB;sBAdnCC,WAAQ;uBAAC;wBACN,YAAY,EAAE;4BACV,uBAAuB;yBAC1B;wBACD,OAAO,EAAE;4BACLN,mBAAY;4BACZC,sBAAe;4BACfC,oBAAiB;4BACjBC,sBAAmB;4BACnBC,wBAAqB;4BACrBC,sBAAe;yBAClB;wBACD,OAAO,EAAE,CAAC,uBAAuB,CAAC;qBACrC;;;ICtBD;;;;ICAA;;;;;;;;;;;;;;"}
+{"version":3,"file":"pepperi-addons-ngx-composite-lib-shadow-settings.umd.js","sources":["../../../projects/ngx-composite-lib/shadow-settings/shadow-settings.model.ts","../../../projects/ngx-composite-lib/shadow-settings/shadow-settings.component.ts","../../../projects/ngx-composite-lib/shadow-settings/shadow-settings.component.html","../../../projects/ngx-composite-lib/shadow-settings/shadow-settings.module.ts","../../../projects/ngx-composite-lib/shadow-settings/public-api.ts","../../../projects/ngx-composite-lib/shadow-settings/pepperi-addons-ngx-composite-lib-shadow-settings.ts"],"sourcesContent":["import { PepSizeType } from \"@pepperi-addons/ngx-lib\";\r\n\r\nexport type PepShadowIntensityType = 'soft' | 'regular' | 'hard';\r\n\r\nexport class PepShadowSettings {\r\n    use = false;\r\n    size: PepSizeType = 'md';\r\n    intensity: PepShadowIntensityType = 'regular';\r\n}","import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\r\nimport { TranslateService } from '@ngx-translate/core';\r\nimport { PepSizeType } from '@pepperi-addons/ngx-lib';\r\nimport { IPepButtonClickEvent, PepButton } from '@pepperi-addons/ngx-lib/button';\r\nimport { PepShadowIntensityType, PepShadowSettings } from './shadow-settings.model';\r\n\r\n@Component({\r\n    selector: 'pep-shadow-settings',\r\n    templateUrl: './shadow-settings.component.html',\r\n    styleUrls: ['./shadow-settings.component.scss']\r\n})\r\nexport class ShadowSettingsComponent implements OnInit {\r\n\r\n    private _shadow: PepShadowSettings = new PepShadowSettings();\r\n    @Input()\r\n    set shadow(value: PepShadowSettings) {\r\n        if (!value) {\r\n            this._shadow = new PepShadowSettings();\r\n        } else {\r\n            this._shadow = value;\r\n        }\r\n    }\r\n    get shadow(): PepShadowSettings {\r\n        return this._shadow;\r\n    }\r\n\r\n    @Output()\r\n    shadowChange: EventEmitter<PepShadowSettings> = new EventEmitter<PepShadowSettings>();\r\n    \r\n    shadowSizes: Array<PepButton> = [];\r\n    shadowIntensities: Array<PepButton> = [];\r\n\r\n    constructor(\r\n        private translate: TranslateService,\r\n    ) {\r\n    }\r\n\r\n    ngOnInit(): void { \r\n        // Get the first translation for load all translations.\r\n        this.translate.get('SHADOW_SETTINGS.INTENSITY_SOFT').toPromise().then((typeSoft) => {\r\n            this.shadowSizes = [\r\n                { key: 'sm', value: this.translate.instant('GENERAL.SM'), callback: () => this.onSizeChange('sm') },\r\n                { key: 'md', value: this.translate.instant('GENERAL.MD'), callback: () => this.onSizeChange('md') },\r\n                { key: 'lg', value: this.translate.instant('GENERAL.LG'), callback: () => this.onSizeChange('lg') },\r\n                { key: 'xl', value: this.translate.instant('GENERAL.XL'), callback: () => this.onSizeChange('xl') }\r\n            ];\r\n\r\n            this.shadowIntensities = [\r\n                { key: 'soft', value: typeSoft, callback: () => this.onIntensityChange('soft') },\r\n                { key: 'regular', value: this.translate.instant('SHADOW_SETTINGS.INTENSITY_REGULAR'), callback: () => this.onIntensityChange('regular') },\r\n                { key: 'hard', value: this.translate.instant('SHADOW_SETTINGS.INTENSITY_HARD'), callback: () => this.onIntensityChange('hard') }\r\n            ];\r\n        });\r\n    }\r\n\r\n\r\n    private raiseShadowChange() {\r\n        this.shadowChange.emit(this.shadow);\r\n    }\r\n\r\n    onUseChanged(value: boolean) {\r\n        this.shadow.use = value;\r\n        this.raiseShadowChange();\r\n    }\r\n\r\n    onSizeChange(value: PepSizeType) {\r\n        this.shadow.size = value;\r\n        this.raiseShadowChange();\r\n    }\r\n\r\n    onIntensityChange(value: PepShadowIntensityType) {\r\n        this.shadow.intensity = value;\r\n        this.raiseShadowChange();\r\n    }\r\n}\r\n","<pep-checkbox class=\"checkbox-as-title\" [label]=\"'SHADOW_SETTINGS.TITLE' | translate\" [renderTitle]=\"false\" [value]=\"shadow.use\" (valueChange)=\"onUseChanged($event)\"></pep-checkbox>\r\n<pep-field-title [label]=\"'SHADOW_SETTINGS.SIZE' | translate\" [disabled]=\"!shadow.use\"></pep-field-title>\r\n<pep-group-buttons class=\"shadow-size-group\" [buttons]=\"shadowSizes\" [selectedButtonKey]=\"shadow.size\" [stretch]=\"true\" buttonsClass=\"md regular\" [buttonsDisabled]=\"!shadow.use\" viewType=\"toggle\">\r\n</pep-group-buttons>\r\n<pep-field-title [label]=\"'SHADOW_SETTINGS.INTENSITY' | translate\" [disabled]=\"!shadow.use\"></pep-field-title>\r\n<pep-group-buttons class=\"shadow-intensity-group\" [buttons]=\"shadowIntensities\" [selectedButtonKey]=\"shadow.intensity\" [stretch]=\"true\" buttonsClass=\"md regular\" [buttonsDisabled]=\"!shadow.use\" viewType=\"toggle\">\r\n</pep-group-buttons>","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { ShadowSettingsComponent } from './shadow-settings.component';\r\nimport { PepNgxLibModule } from '@pepperi-addons/ngx-lib';\r\nimport { PepCheckboxModule } from '@pepperi-addons/ngx-lib/checkbox';\r\nimport { PepFieldTitleModule } from '@pepperi-addons/ngx-lib/field-title';\r\nimport { PepGroupButtonsModule } from '@pepperi-addons/ngx-lib/group-buttons';\r\nimport { PepSliderModule } from '@pepperi-addons/ngx-lib/slider';\r\n\r\n@NgModule({\r\n    declarations: [\r\n        ShadowSettingsComponent\r\n    ],\r\n    imports: [\r\n        CommonModule,\r\n        PepNgxLibModule,\r\n        PepCheckboxModule,\r\n        PepFieldTitleModule,\r\n        PepGroupButtonsModule,\r\n        PepSliderModule\r\n    ],\r\n    exports: [ShadowSettingsComponent],\r\n})\r\nexport class PepShadowSettingsModule { }\r\n","/*\r\n * Public API Surface of ngx-composite-lib/shadow-settings\r\n */\r\nexport * from './shadow-settings.module';\r\nexport * from './shadow-settings.component';\r\nexport * from './shadow-settings.model';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["EventEmitter","Component","Input","Output","CommonModule","PepNgxLibModule","PepCheckboxModule","PepFieldTitleModule","PepGroupButtonsModule","PepSliderModule","NgModule"],"mappings":"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"}

package/bundles/pepperi-addons-ngx-composite-lib.umd.js

@@ -24,41 +24,84 @@
 
         var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
 
-        // import { TranslateModule } from '@ngx-translate/core';
-        // import { CommonModule } from '@angular/common';
-        // import { HttpClientModule } from '@angular/common/http';
-        // import { ReactiveFormsModule } from '@angular/forms';
-        var PepNgxCompositeLibModule = /** @class */ (function () {
-            function PepNgxCompositeLibModule() {
-            }
-            return PepNgxCompositeLibModule;
-        }());
-        PepNgxCompositeLibModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: PepNgxCompositeLibModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-        PepNgxCompositeLibModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: PepNgxCompositeLibModule });
-        PepNgxCompositeLibModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: PepNgxCompositeLibModule, imports: [[
-                // CommonModule, HttpClientModule, ReactiveFormsModule
-                ]] });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: PepNgxCompositeLibModule, decorators: [{
-                    type: i0.NgModule,
-                    args: [{
-                            declarations: [],
-                            imports: [
-                            // CommonModule, HttpClientModule, ReactiveFormsModule
-                            ],
-                            exports: [
-                            // TranslateModule
-                            ]
-                        }]
+        // import { TranslateModule } from '@ngx-translate/core';
+        // import { CommonModule } from '@angular/common';
+        // import { HttpClientModule } from '@angular/common/http';
+        // import { ReactiveFormsModule } from '@angular/forms';
+        var PepNgxCompositeLibModule = /** @class */ (function () {
+            function PepNgxCompositeLibModule() {
+            }
+            return PepNgxCompositeLibModule;
+        }());
+        PepNgxCompositeLibModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: PepNgxCompositeLibModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+        PepNgxCompositeLibModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: PepNgxCompositeLibModule });
+        PepNgxCompositeLibModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: PepNgxCompositeLibModule, imports: [[
+                // CommonModule, HttpClientModule, ReactiveFormsModule
+                ]] });
+        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: PepNgxCompositeLibModule, decorators: [{
+                    type: i0.NgModule,
+                    args: [{
+                            declarations: [],
+                            imports: [
+                            // CommonModule, HttpClientModule, ReactiveFormsModule
+                            ],
+                            exports: [
+                            // TranslateModule
+                            ]
+                        }]
                 }] });
 
-        /*
-         * Public API Surface of ngx-composite-lib
+        /*
+            This service is for utillity usege.
+        */
+        var PepCompositeLibUtilitiesService = /** @class */ (function () {
+            function PepCompositeLibUtilitiesService() {
+                //
+            }
+            return PepCompositeLibUtilitiesService;
+        }());
+        PepCompositeLibUtilitiesService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: PepCompositeLibUtilitiesService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+        PepCompositeLibUtilitiesService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: PepCompositeLibUtilitiesService, providedIn: 'root' });
+        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: PepCompositeLibUtilitiesService, decorators: [{
+                    type: i0.Injectable,
+                    args: [{
+                            providedIn: 'root',
+                        }]
+                }], ctorParameters: function () { return []; } });
+
+        /*
+         * Public API Surface of ngx-composite-lib/core/common/services
+         */
+
+        /*
+         * export from ngx-composite-lib/core/common/services
+         */
+
+        /*
+         * Public API Surface of ngx-composite-lib/core/common
+         */
+
+        /*
+         * export from ngx-composite-lib/core/common
+         */
+
+        /*
+         * Public API Surface of ngx-composite-lib/core
+         */
+
+        /*
+         * export from ngx-composite-lib/core
+         */
+
+        /*
+         * Public API Surface of ngx-composite-lib
          */
 
-        /**
-         * Generated bundle index. Do not edit.
+        /**
+         * Generated bundle index. Do not edit.
          */
 
+        exports.PepCompositeLibUtilitiesService = PepCompositeLibUtilitiesService;
         exports.PepNgxCompositeLibModule = PepNgxCompositeLibModule;
 
         Object.defineProperty(exports, '__esModule', { value: true });

package/bundles/pepperi-addons-ngx-composite-lib.umd.js.map

@@ -1 +1 @@
-{"version":3,"file":"pepperi-addons-ngx-composite-lib.umd.js","sources":["../../../projects/ngx-composite-lib/src/ngx-composite-lib.module.ts","../../../projects/ngx-composite-lib/src/public-api.ts","../../../projects/ngx-composite-lib/src/pepperi-addons-ngx-composite-lib.ts"],"sourcesContent":["import { NgModule } from '@angular/core';\n// import { TranslateModule } from '@ngx-translate/core';\n// import { CommonModule } from '@angular/common';\n// import { HttpClientModule } from '@angular/common/http';\n// import { ReactiveFormsModule } from '@angular/forms';\n\n@NgModule({\n    declarations: [\n        \n    ],\n    imports: [\n        // CommonModule, HttpClientModule, ReactiveFormsModule\n    ],\n    exports: [\n        // TranslateModule\n    ]\n})\nexport class PepNgxCompositeLibModule { }\n","/*\n * Public API Surface of ngx-composite-lib\n */\nexport * from './ngx-composite-lib.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["NgModule"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;QACA;QACA;QACA;QACA;;YAaA;;;;mJAAa,wBAAwB;oJAAxB,wBAAwB;oJAAxB,wBAAwB,YAPxB;;iBAER;yHAKQ,wBAAwB;0BAXpCA,WAAQ;2BAAC;4BACN,YAAY,EAAE,EAEb;4BACD,OAAO,EAAE;;6BAER;4BACD,OAAO,EAAE;;6BAER;yBACJ;;;QChBD;;;;QCAA;;;;;;;;;;;;"}
+{"version":3,"file":"pepperi-addons-ngx-composite-lib.umd.js","sources":["../../../projects/ngx-composite-lib/src/ngx-composite-lib.module.ts","../../../projects/ngx-composite-lib/src/core/common/services/utilities.service.ts","../../../projects/ngx-composite-lib/src/core/common/services/public-api.ts","../../../projects/ngx-composite-lib/src/core/common/services/index.ts","../../../projects/ngx-composite-lib/src/core/common/public-api.ts","../../../projects/ngx-composite-lib/src/core/common/index.ts","../../../projects/ngx-composite-lib/src/core/public-api.ts","../../../projects/ngx-composite-lib/src/core/index.ts","../../../projects/ngx-composite-lib/src/public-api.ts","../../../projects/ngx-composite-lib/src/pepperi-addons-ngx-composite-lib.ts"],"sourcesContent":["import { NgModule } from '@angular/core';\r\n// import { TranslateModule } from '@ngx-translate/core';\r\n// import { CommonModule } from '@angular/common';\r\n// import { HttpClientModule } from '@angular/common/http';\r\n// import { ReactiveFormsModule } from '@angular/forms';\r\n\r\n@NgModule({\r\n    declarations: [\r\n        \r\n    ],\r\n    imports: [\r\n        // CommonModule, HttpClientModule, ReactiveFormsModule\r\n    ],\r\n    exports: [\r\n        // TranslateModule\r\n    ]\r\n})\r\nexport class PepNgxCompositeLibModule { }\r\n","import { Injectable } from '@angular/core';\r\n\r\n/*\r\n    This service is for utillity usege.\r\n*/\r\n@Injectable({\r\n    providedIn: 'root',\r\n})\r\nexport class PepCompositeLibUtilitiesService {\r\n    constructor(\r\n        // private sessionService: PepSessionService,\r\n        // private httpService: PepHttpService,\r\n        // private loaderService: PepLoaderService\r\n    ) {\r\n        //\r\n    }\r\n}\r\n","/*\r\n * Public API Surface of ngx-composite-lib/core/common/services\r\n */\r\nexport * from './utilities.service';\r\n","/*\r\n * export from ngx-composite-lib/core/common/services\r\n */\r\nexport * from './public-api';\r\n","/*\r\n * Public API Surface of ngx-composite-lib/core/common\r\n */\r\nexport * from './services/index';\r\n","/*\r\n * export from ngx-composite-lib/core/common\r\n */\r\nexport * from './public-api';\r\n","/*\r\n * Public API Surface of ngx-composite-lib/core\r\n */\r\nexport * from './common/index';","/*\r\n * export from ngx-composite-lib/core\r\n */\r\nexport * from './public-api';\r\n","/*\r\n * Public API Surface of ngx-composite-lib\r\n */\r\nexport * from './ngx-composite-lib.module';\r\nexport * from './core/index';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["NgModule","Injectable"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;QACA;QACA;QACA;QACA;;YAaA;;;;mJAAa,wBAAwB;oJAAxB,wBAAwB;oJAAxB,wBAAwB,YAPxB;;iBAER;yHAKQ,wBAAwB;0BAXpCA,WAAQ;2BAAC;4BACN,YAAY,EAAE,EAEb;4BACD,OAAO,EAAE;;6BAER;4BACD,OAAO,EAAE;;6BAER;yBACJ;;;QCdD;;;;YAOI;;aAMC;;;0JAPQ,+BAA+B;8JAA/B,+BAA+B,cAF5B,MAAM;yHAET,+BAA+B;0BAH3CC,aAAU;2BAAC;4BACR,UAAU,EAAE,MAAM;yBACrB;;;QCPD;;;;QCAA;;;;QCAA;;;;QCAA;;;;QCAA;;;;QCAA;;;;QCAA;;;;QCAA;;;;;;;;;;;;;"}

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

@@ -1,22 +1,22 @@
-import { EventEmitter, OnInit } from '@angular/core';
-import { PepColorService } from '@pepperi-addons/ngx-lib';
-import { PepColorSettings } from './color-settings.model';
-import * as i0 from "@angular/core";
-export declare class ColorSettingsComponent implements OnInit {
-    private pepColorService;
-    title: string;
-    private _color;
-    set color(value: PepColorSettings);
-    get color(): PepColorSettings;
-    colorChange: EventEmitter<PepColorSettings>;
-    constructor(pepColorService: PepColorService);
-    ngOnInit(): void;
-    private getRGBAcolor;
-    private raiseColorChange;
-    getSliderBackground(): string;
-    onUseChanged(value: boolean): void;
-    onColorChanged(value: string): void;
-    onSliderValueChanged(value: number): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ColorSettingsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ColorSettingsComponent, "pep-color-settings", never, { "title": "title"; "color": "color"; }, { "colorChange": "colorChange"; }, never, never>;
-}
+import { EventEmitter, OnInit } from '@angular/core';
+import { PepColorService } from '@pepperi-addons/ngx-lib';
+import { PepColorSettings } from './color-settings.model';
+import * as i0 from "@angular/core";
+export declare class ColorSettingsComponent implements OnInit {
+    private pepColorService;
+    title: string;
+    private _color;
+    set color(value: PepColorSettings);
+    get color(): PepColorSettings;
+    colorChange: EventEmitter<PepColorSettings>;
+    constructor(pepColorService: PepColorService);
+    ngOnInit(): void;
+    private getRGBAcolor;
+    private raiseColorChange;
+    getSliderBackground(): string;
+    onUseChanged(value: boolean): void;
+    onColorChanged(value: string): void;
+    onSliderValueChanged(value: number): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ColorSettingsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ColorSettingsComponent, "pep-color-settings", never, { "title": "title"; "color": "color"; }, { "colorChange": "colorChange"; }, never, never>;
+}

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

@@ -1,5 +1,5 @@
-export declare class PepColorSettings {
-    use: boolean;
-    value: string;
-    opacity: number;
-}
+export declare class PepColorSettings {
+    use: boolean;
+    value: string;
+    opacity: number;
+}

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

@@ -1,12 +1,12 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./color-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/color";
-import * as i6 from "@pepperi-addons/ngx-lib/slider";
-export declare class PepColorSettingsModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<PepColorSettingsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<PepColorSettingsModule, [typeof i1.ColorSettingsComponent], [typeof i2.CommonModule, typeof i3.PepNgxLibModule, typeof i4.PepCheckboxModule, typeof i5.PepColorModule, typeof i6.PepSliderModule], [typeof i1.ColorSettingsComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<PepColorSettingsModule>;
-}
+import * as i0 from "@angular/core";
+import * as i1 from "./color-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/color";
+import * as i6 from "@pepperi-addons/ngx-lib/slider";
+export declare class PepColorSettingsModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<PepColorSettingsModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<PepColorSettingsModule, [typeof i1.ColorSettingsComponent], [typeof i2.CommonModule, typeof i3.PepNgxLibModule, typeof i4.PepCheckboxModule, typeof i5.PepColorModule, typeof i6.PepSliderModule], [typeof i1.ColorSettingsComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<PepColorSettingsModule>;
+}

package/color-settings/package.json

@@ -1,6 +1,6 @@
 {
   "peerDependencies": {
-    "@pepperi-addons/ngx-lib": "^0.2.56"
+    "@pepperi-addons/ngx-lib": "^0.3.0"
   },
   "main": "../bundles/pepperi-addons-ngx-composite-lib-color-settings.umd.js",
   "module": "../fesm2015/pepperi-addons-ngx-composite-lib-color-settings.js",