@pepperi-addons/ngx-composite-lib 0.4.2-beta.50 → 0.4.2-beta.51
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/show-if-badge/show-if-badge.component.mjs +4 -2
- package/fesm2015/pepperi-addons-ngx-composite-lib-show-if-badge.mjs +3 -1
- package/fesm2015/pepperi-addons-ngx-composite-lib-show-if-badge.mjs.map +1 -1
- package/fesm2020/pepperi-addons-ngx-composite-lib-show-if-badge.mjs +3 -1
- package/fesm2020/pepperi-addons-ngx-composite-lib-show-if-badge.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -23,7 +23,9 @@ export class ShowIfBadgeComponent {
|
|
|
23
23
|
ngOnInit() {
|
|
24
24
|
setTimeout(() => {
|
|
25
25
|
const badge = document.getElementsByClassName("mat-badge-content")[0];
|
|
26
|
-
badge
|
|
26
|
+
if (badge) {
|
|
27
|
+
badge.setAttribute('style', 'background-color:' + this.backgroundColor + '!important');
|
|
28
|
+
}
|
|
27
29
|
}, 0);
|
|
28
30
|
}
|
|
29
31
|
}
|
|
@@ -39,4 +41,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImpor
|
|
|
39
41
|
}], backgroundColor: [{
|
|
40
42
|
type: Input
|
|
41
43
|
}] } });
|
|
42
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
44
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2hvdy1pZi1iYWRnZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtY29tcG9zaXRlLWxpYi9zaG93LWlmLWJhZGdlL3Nob3ctaWYtYmFkZ2UuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LWNvbXBvc2l0ZS1saWIvc2hvdy1pZi1iYWRnZS9zaG93LWlmLWJhZGdlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBR3pELE9BQU8sRUFBZSxpQkFBaUIsRUFBRSxNQUFNLDhCQUE4QixDQUFDOzs7Ozs7QUFVOUUsTUFBTSxPQUFPLG9CQUFvQjtJQWU3QixZQUFzQixhQUErQjtRQUEvQixrQkFBYSxHQUFiLGFBQWEsQ0FBa0I7UUFkNUMsV0FBTSxHQUFHLEtBQUssQ0FBQztRQUV2Qjs7Ozs7VUFLRTtRQUNLLGFBQVEsR0FBZ0IsaUJBQWlCLENBQUMsSUFBSSxDQUFDO1FBQy9DLG9CQUFlLEdBQUcsY0FBYyxDQUFDO1FBRy9CLFVBQUssR0FBRyxLQUFLLENBQUM7UUFHcEIsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsYUFBYSxDQUFDLEtBQUssRUFBRSxDQUFDO0lBQzVDLENBQUM7SUFFRCxRQUFRO1FBQ0osVUFBVSxDQUFDLEdBQUcsRUFBRTtZQUNaLE1BQU0sS0FBSyxHQUFHLFFBQVEsQ0FBQyxzQkFBc0IsQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDLENBQUMsQ0FBZ0IsQ0FBQztZQUNqRixJQUFHLEtBQUssRUFBQztnQkFDTCxLQUFLLENBQUMsWUFBWSxDQUFDLE9BQU8sRUFBRSxtQkFBbUIsR0FBRSxJQUFJLENBQUMsZUFBZSxHQUFHLFlBQVksQ0FBQyxDQUFDO2FBQ3pGO1FBQ1AsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDO0lBQ1osQ0FBQzs7aUhBMUJRLG9CQUFvQjtxR0FBcEIsb0JBQW9CLGlKQ2JqQyxpTkFJTTsyRkRTTyxvQkFBb0I7a0JBTmhDLFNBQVM7K0JBQ0ksbUJBQW1CO3VHQU1wQixNQUFNO3NCQUFkLEtBQUs7Z0JBUUUsUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IFBlcExheW91dFNlcnZpY2UgfSBmcm9tICdAcGVwcGVyaS1hZGRvbnMvbmd4LWxpYic7XG5pbXBvcnQgeyBQZXBJY29uVHlwZSwgcGVwSWNvblN5c3RlbVZpZXcgfSBmcm9tICdAcGVwcGVyaS1hZGRvbnMvbmd4LWxpYi9pY29uJztcbmltcG9ydCB7IFBlcENvbG9yU2V0dGluZ3MgfSBmcm9tICdAcGVwcGVyaS1hZGRvbnMvbmd4LWNvbXBvc2l0ZS1saWIvY29sb3Itc2V0dGluZ3MnO1xuXG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAncGVwLXNob3ctaWYtYmFkZ2UnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9zaG93LWlmLWJhZGdlLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9zaG93LWlmLWJhZGdlLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5cbmV4cG9ydCBjbGFzcyBTaG93SWZCYWRnZUNvbXBvbmVudCB7XG4gICAgQElucHV0KCkgc2hvd0lmID0gZmFsc2U7XG4gICBcbiAgICAgLyoqXG4gICAgICogSWYgeW91IHdhbnQgdG8gc2hvdyBhbiBpY29uIGluIHRoZSBidXR0b24gdGhlbiBzZWxlY3QgYW4gaWNvbiBmb3JtIHRoZSBwcm92aWRlZCBpY29uIGxpc3RcbiAgICAgKlxuICAgICAqIEB0eXBlIHtQZXBJY29uVHlwZX0gU2VlIHtAbGluayBQZXBJY29uVHlwZX1cbiAgICAgKiBAbWVtYmVyb2YgUGVwQnV0dG9uQ29tcG9uZW50XG4gICAgICovXG4gICBASW5wdXQoKSBpY29uTmFtZTogUGVwSWNvblR5cGUgPSBwZXBJY29uU3lzdGVtVmlldy5uYW1lO1xuICAgQElucHV0KCkgYmFja2dyb3VuZENvbG9yID0gJ2hzbCgwLDAlLDAlKSc7XG4gICBcbiAgICBcbiAgICBwcm90ZWN0ZWQgaXNSdGwgPSBmYWxzZTtcbiAgICBcbiAgICBjb25zdHJ1Y3Rvcihwcm90ZWN0ZWQgbGF5b3V0U2VydmljZTogUGVwTGF5b3V0U2VydmljZSkgeyBcbiAgICAgICAgdGhpcy5pc1J0bCA9IHRoaXMubGF5b3V0U2VydmljZS5pc1J0bCgpO1xuICAgIH1cblxuICAgIG5nT25Jbml0KCl7XG4gICAgICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgICAgICAgY29uc3QgYmFkZ2UgPSBkb2N1bWVudC5nZXRFbGVtZW50c0J5Q2xhc3NOYW1lKFwibWF0LWJhZGdlLWNvbnRlbnRcIilbMF0gYXMgSFRNTEVsZW1lbnQ7XG4gICAgICAgICAgICAgICAgaWYoYmFkZ2Upe1xuICAgICAgICAgICAgICAgICAgICBiYWRnZS5zZXRBdHRyaWJ1dGUoJ3N0eWxlJywgJ2JhY2tncm91bmQtY29sb3I6JysgdGhpcy5iYWNrZ3JvdW5kQ29sb3IgKyAnIWltcG9ydGFudCcpO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICB9LCAwKTtcbiAgICB9XG59XG4iLCI8ZGl2ICpuZ0lmPVwic2hvd0lmXCIgY2xhc3M9XCJzaG93LWlmLWJhZGdlXCIgW25nQ2xhc3NdPVwieyAncnRsLWRpcmVjdGlvbic6IGlzUnRsIH1cIj5cbiAgICA8bWF0LWljb24gY2xhc3M9XCJtYXQtYmFkZ2UtY29udGVudFwiPlxuICAgICAgICA8cGVwLWljb24gW25hbWVdPVwiaWNvbk5hbWVcIj48L3BlcC1pY29uPlxuICAgIDwvbWF0LWljb24+XG48L2Rpdj4iXX0=
|
|
@@ -30,7 +30,9 @@ class ShowIfBadgeComponent {
|
|
|
30
30
|
ngOnInit() {
|
|
31
31
|
setTimeout(() => {
|
|
32
32
|
const badge = document.getElementsByClassName("mat-badge-content")[0];
|
|
33
|
-
badge
|
|
33
|
+
if (badge) {
|
|
34
|
+
badge.setAttribute('style', 'background-color:' + this.backgroundColor + '!important');
|
|
35
|
+
}
|
|
34
36
|
}, 0);
|
|
35
37
|
}
|
|
36
38
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pepperi-addons-ngx-composite-lib-show-if-badge.mjs","sources":["../../../projects/ngx-composite-lib/show-if-badge/show-if-badge.component.ts","../../../projects/ngx-composite-lib/show-if-badge/show-if-badge.component.html","../../../projects/ngx-composite-lib/show-if-badge/show-if-badge.module.ts","../../../projects/ngx-composite-lib/show-if-badge/public-api.ts","../../../projects/ngx-composite-lib/show-if-badge/pepperi-addons-ngx-composite-lib-show-if-badge.ts"],"sourcesContent":["import { Component, Input, OnInit } from '@angular/core';\n\nimport { PepLayoutService } from '@pepperi-addons/ngx-lib';\nimport { PepIconType, pepIconSystemView } from '@pepperi-addons/ngx-lib/icon';\nimport { PepColorSettings } from '@pepperi-addons/ngx-composite-lib/color-settings';\n\n\n@Component({\n selector: 'pep-show-if-badge',\n templateUrl: './show-if-badge.component.html',\n styleUrls: ['./show-if-badge.component.scss']\n})\n\nexport class ShowIfBadgeComponent {\n @Input() showIf = false;\n \n /**\n * If you want to show an icon in the button then select an icon form the provided icon list\n *\n * @type {PepIconType} See {@link PepIconType}\n * @memberof PepButtonComponent\n */\n @Input() iconName: PepIconType = pepIconSystemView.name;\n @Input() backgroundColor = 'hsl(0,0%,0%)';\n \n \n protected isRtl = false;\n \n constructor(protected layoutService: PepLayoutService) { \n this.isRtl = this.layoutService.isRtl();\n }\n\n ngOnInit(){\n setTimeout(() => {\n const badge = document.getElementsByClassName(\"mat-badge-content\")[0] as HTMLElement;\n
|
|
1
|
+
{"version":3,"file":"pepperi-addons-ngx-composite-lib-show-if-badge.mjs","sources":["../../../projects/ngx-composite-lib/show-if-badge/show-if-badge.component.ts","../../../projects/ngx-composite-lib/show-if-badge/show-if-badge.component.html","../../../projects/ngx-composite-lib/show-if-badge/show-if-badge.module.ts","../../../projects/ngx-composite-lib/show-if-badge/public-api.ts","../../../projects/ngx-composite-lib/show-if-badge/pepperi-addons-ngx-composite-lib-show-if-badge.ts"],"sourcesContent":["import { Component, Input, OnInit } from '@angular/core';\n\nimport { PepLayoutService } from '@pepperi-addons/ngx-lib';\nimport { PepIconType, pepIconSystemView } from '@pepperi-addons/ngx-lib/icon';\nimport { PepColorSettings } from '@pepperi-addons/ngx-composite-lib/color-settings';\n\n\n@Component({\n selector: 'pep-show-if-badge',\n templateUrl: './show-if-badge.component.html',\n styleUrls: ['./show-if-badge.component.scss']\n})\n\nexport class ShowIfBadgeComponent {\n @Input() showIf = false;\n \n /**\n * If you want to show an icon in the button then select an icon form the provided icon list\n *\n * @type {PepIconType} See {@link PepIconType}\n * @memberof PepButtonComponent\n */\n @Input() iconName: PepIconType = pepIconSystemView.name;\n @Input() backgroundColor = 'hsl(0,0%,0%)';\n \n \n protected isRtl = false;\n \n constructor(protected layoutService: PepLayoutService) { \n this.isRtl = this.layoutService.isRtl();\n }\n\n ngOnInit(){\n setTimeout(() => {\n const badge = document.getElementsByClassName(\"mat-badge-content\")[0] as HTMLElement;\n if(badge){\n badge.setAttribute('style', 'background-color:'+ this.backgroundColor + '!important');\n }\n }, 0);\n }\n}\n","<div *ngIf=\"showIf\" class=\"show-if-badge\" [ngClass]=\"{ 'rtl-direction': isRtl }\">\n <mat-icon class=\"mat-badge-content\">\n <pep-icon [name]=\"iconName\"></pep-icon>\n </mat-icon>\n</div>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { PepNgxLibModule, PepAddonService } from '@pepperi-addons/ngx-lib';\nimport { PepIconModule, PepIconRegistry, pepIconSystemView} from '@pepperi-addons/ngx-lib/icon';\n\nimport { TranslateModule } from '@ngx-translate/core';\n\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatBadgeModule } from '@angular/material/badge';\n\nimport { ShowIfBadgeComponent } from './show-if-badge.component';\n\nconst pepIcons = [\n pepIconSystemView\n];\n\n@NgModule({\n declarations: [\n ShowIfBadgeComponent\n ],\n imports: [\n CommonModule,\n PepNgxLibModule,\n PepIconModule,\n MatIconModule,\n MatBadgeModule,\n TranslateModule.forChild(),\n ],\n exports: [ShowIfBadgeComponent]\n})\nexport class PepShowIfBadgeModule { \n\nconstructor(\n private pepIconRegistry: PepIconRegistry\n ) {\n this.pepIconRegistry.registerIcons(pepIcons);\n }\n}\n","/*\n * Public API Surface of ngx-composite-lib/flow-picker-button\n */\nexport * from './show-if-badge.module';\nexport * from './show-if-badge.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i3","i1"],"mappings":"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"}
|
|
@@ -30,7 +30,9 @@ class ShowIfBadgeComponent {
|
|
|
30
30
|
ngOnInit() {
|
|
31
31
|
setTimeout(() => {
|
|
32
32
|
const badge = document.getElementsByClassName("mat-badge-content")[0];
|
|
33
|
-
badge
|
|
33
|
+
if (badge) {
|
|
34
|
+
badge.setAttribute('style', 'background-color:' + this.backgroundColor + '!important');
|
|
35
|
+
}
|
|
34
36
|
}, 0);
|
|
35
37
|
}
|
|
36
38
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pepperi-addons-ngx-composite-lib-show-if-badge.mjs","sources":["../../../projects/ngx-composite-lib/show-if-badge/show-if-badge.component.ts","../../../projects/ngx-composite-lib/show-if-badge/show-if-badge.component.html","../../../projects/ngx-composite-lib/show-if-badge/show-if-badge.module.ts","../../../projects/ngx-composite-lib/show-if-badge/public-api.ts","../../../projects/ngx-composite-lib/show-if-badge/pepperi-addons-ngx-composite-lib-show-if-badge.ts"],"sourcesContent":["import { Component, Input, OnInit } from '@angular/core';\n\nimport { PepLayoutService } from '@pepperi-addons/ngx-lib';\nimport { PepIconType, pepIconSystemView } from '@pepperi-addons/ngx-lib/icon';\nimport { PepColorSettings } from '@pepperi-addons/ngx-composite-lib/color-settings';\n\n\n@Component({\n selector: 'pep-show-if-badge',\n templateUrl: './show-if-badge.component.html',\n styleUrls: ['./show-if-badge.component.scss']\n})\n\nexport class ShowIfBadgeComponent {\n @Input() showIf = false;\n \n /**\n * If you want to show an icon in the button then select an icon form the provided icon list\n *\n * @type {PepIconType} See {@link PepIconType}\n * @memberof PepButtonComponent\n */\n @Input() iconName: PepIconType = pepIconSystemView.name;\n @Input() backgroundColor = 'hsl(0,0%,0%)';\n \n \n protected isRtl = false;\n \n constructor(protected layoutService: PepLayoutService) { \n this.isRtl = this.layoutService.isRtl();\n }\n\n ngOnInit(){\n setTimeout(() => {\n const badge = document.getElementsByClassName(\"mat-badge-content\")[0] as HTMLElement;\n
|
|
1
|
+
{"version":3,"file":"pepperi-addons-ngx-composite-lib-show-if-badge.mjs","sources":["../../../projects/ngx-composite-lib/show-if-badge/show-if-badge.component.ts","../../../projects/ngx-composite-lib/show-if-badge/show-if-badge.component.html","../../../projects/ngx-composite-lib/show-if-badge/show-if-badge.module.ts","../../../projects/ngx-composite-lib/show-if-badge/public-api.ts","../../../projects/ngx-composite-lib/show-if-badge/pepperi-addons-ngx-composite-lib-show-if-badge.ts"],"sourcesContent":["import { Component, Input, OnInit } from '@angular/core';\n\nimport { PepLayoutService } from '@pepperi-addons/ngx-lib';\nimport { PepIconType, pepIconSystemView } from '@pepperi-addons/ngx-lib/icon';\nimport { PepColorSettings } from '@pepperi-addons/ngx-composite-lib/color-settings';\n\n\n@Component({\n selector: 'pep-show-if-badge',\n templateUrl: './show-if-badge.component.html',\n styleUrls: ['./show-if-badge.component.scss']\n})\n\nexport class ShowIfBadgeComponent {\n @Input() showIf = false;\n \n /**\n * If you want to show an icon in the button then select an icon form the provided icon list\n *\n * @type {PepIconType} See {@link PepIconType}\n * @memberof PepButtonComponent\n */\n @Input() iconName: PepIconType = pepIconSystemView.name;\n @Input() backgroundColor = 'hsl(0,0%,0%)';\n \n \n protected isRtl = false;\n \n constructor(protected layoutService: PepLayoutService) { \n this.isRtl = this.layoutService.isRtl();\n }\n\n ngOnInit(){\n setTimeout(() => {\n const badge = document.getElementsByClassName(\"mat-badge-content\")[0] as HTMLElement;\n if(badge){\n badge.setAttribute('style', 'background-color:'+ this.backgroundColor + '!important');\n }\n }, 0);\n }\n}\n","<div *ngIf=\"showIf\" class=\"show-if-badge\" [ngClass]=\"{ 'rtl-direction': isRtl }\">\n <mat-icon class=\"mat-badge-content\">\n <pep-icon [name]=\"iconName\"></pep-icon>\n </mat-icon>\n</div>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { PepNgxLibModule, PepAddonService } from '@pepperi-addons/ngx-lib';\nimport { PepIconModule, PepIconRegistry, pepIconSystemView} from '@pepperi-addons/ngx-lib/icon';\n\nimport { TranslateModule } from '@ngx-translate/core';\n\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatBadgeModule } from '@angular/material/badge';\n\nimport { ShowIfBadgeComponent } from './show-if-badge.component';\n\nconst pepIcons = [\n pepIconSystemView\n];\n\n@NgModule({\n declarations: [\n ShowIfBadgeComponent\n ],\n imports: [\n CommonModule,\n PepNgxLibModule,\n PepIconModule,\n MatIconModule,\n MatBadgeModule,\n TranslateModule.forChild(),\n ],\n exports: [ShowIfBadgeComponent]\n})\nexport class PepShowIfBadgeModule { \n\nconstructor(\n private pepIconRegistry: PepIconRegistry\n ) {\n this.pepIconRegistry.registerIcons(pepIcons);\n }\n}\n","/*\n * Public API Surface of ngx-composite-lib/flow-picker-button\n */\nexport * from './show-if-badge.module';\nexport * from './show-if-badge.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i3","i1"],"mappings":"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"}
|