@pepperi-addons/ngx-composite-lib 0.4.2-beta.48 → 0.4.2-beta.49

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.
Files changed (13) hide show
  1. package/esm2020/show-if-badge/pepperi-addons-ngx-composite-lib-show-if-badge.mjs +5 -0
  2. package/esm2020/show-if-badge/public-api.mjs +6 -0
  3. package/esm2020/show-if-badge/show-if-badge.component.mjs +23 -0
  4. package/esm2020/show-if-badge/show-if-badge.module.mjs +50 -0
  5. package/fesm2015/pepperi-addons-ngx-composite-lib-show-if-badge.mjs +80 -0
  6. package/fesm2015/pepperi-addons-ngx-composite-lib-show-if-badge.mjs.map +1 -0
  7. package/fesm2020/pepperi-addons-ngx-composite-lib-show-if-badge.mjs +80 -0
  8. package/fesm2020/pepperi-addons-ngx-composite-lib-show-if-badge.mjs.map +1 -0
  9. package/package.json +9 -1
  10. package/show-if-badge/index.d.ts +5 -0
  11. package/show-if-badge/public-api.d.ts +2 -0
  12. package/show-if-badge/show-if-badge.component.d.ts +10 -0
  13. package/show-if-badge/show-if-badge.module.d.ts +16 -0
package/esm2020/show-if-badge/pepperi-addons-ngx-composite-lib-show-if-badge.mjs ADDED
@@ -0,0 +1,5 @@
1
+ /**
2
+ * Generated bundle index. Do not edit.
3
+ */
4
+ export * from './public-api';
5
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGVwcGVyaS1hZGRvbnMtbmd4LWNvbXBvc2l0ZS1saWItc2hvdy1pZi1iYWRnZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1jb21wb3NpdGUtbGliL3Nob3ctaWYtYmFkZ2UvcGVwcGVyaS1hZGRvbnMtbmd4LWNvbXBvc2l0ZS1saWItc2hvdy1pZi1iYWRnZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsY0FBYyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL3B1YmxpYy1hcGknO1xuIl19
package/esm2020/show-if-badge/public-api.mjs ADDED
@@ -0,0 +1,6 @@
1
+ /*
2
+ * Public API Surface of ngx-composite-lib/flow-picker-button
3
+ */
4
+ export * from './show-if-badge.module';
5
+ export * from './show-if-badge.component';
6
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1jb21wb3NpdGUtbGliL3Nob3ctaWYtYmFkZ2UvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUNILGNBQWMsd0JBQXdCLENBQUM7QUFDdkMsY0FBYywyQkFBMkIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBQdWJsaWMgQVBJIFN1cmZhY2Ugb2Ygbmd4LWNvbXBvc2l0ZS1saWIvZmxvdy1waWNrZXItYnV0dG9uXG4gKi9cbmV4cG9ydCAqIGZyb20gJy4vc2hvdy1pZi1iYWRnZS5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9zaG93LWlmLWJhZGdlLmNvbXBvbmVudCc7XG4iXX0=
package/esm2020/show-if-badge/show-if-badge.component.mjs ADDED
@@ -0,0 +1,23 @@
1
+ import { Component, Input } from '@angular/core';
2
+ import * as i0 from "@angular/core";
3
+ import * as i1 from "@pepperi-addons/ngx-lib";
4
+ import * as i2 from "@angular/common";
5
+ import * as i3 from "@pepperi-addons/ngx-lib/icon";
6
+ import * as i4 from "@angular/material/icon";
7
+ export class ShowIfBadgeComponent {
8
+ constructor(layoutService) {
9
+ this.layoutService = layoutService;
10
+ this.showIf = false;
11
+ this.isRtl = false;
12
+ this.isRtl = this.layoutService.isRtl();
13
+ }
14
+ }
15
+ ShowIfBadgeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: ShowIfBadgeComponent, deps: [{ token: i1.PepLayoutService }], target: i0.ɵɵFactoryTarget.Component });
16
+ ShowIfBadgeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: ShowIfBadgeComponent, selector: "pep-show-if-badge", inputs: { showIf: "showIf" }, ngImport: i0, template: "<div *ngIf=\"showIf\" class=\"show-if-badge\" [ngClass]=\"{ 'rtl-direction': isRtl }\">\n <mat-icon class=\"mat-badge-content\">\n <pep-icon name=\"system_view\"></pep-icon>\n </mat-icon>\n</div>", styles: [".show-if-badge{position:relative;right:0}.show-if-badge .mat-badge-content{font-weight:var(--pep-font-weight-bold, 600);background:hsl(var(--pep-color-strong-h, 78),var(--pep-color-strong-s, 87%),var(--pep-color-strong-l, 27%));box-shadow:var(--pep-shadow-sm-offset, 0 .25rem .5rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);color:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%));background-color:hsl(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%))!important;box-shadow:var(--pep-shadow-sm-offset, 0 .25rem .5rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.32)}.show-if-badge .mat-badge-content .svg-icon{fill:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}.show-if-badge .mat-badge-content .svg-icon.stroke{fill:unset;stroke:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}.show-if-badge.rtl-direction{right:unset;left:0}.show-if-badge .mat-icon{right:0;height:2.5rem;width:2.5rem;margin-top:-1rem;margin-right:-1.25rem}.show-if-badge .mat-icon ::ng-deep .svg-icon{fill:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%));width:1.75rem;height:1.75rem}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.PepIconComponent, selector: "pep-icon", inputs: ["spin", "name", "fill"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
17
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: ShowIfBadgeComponent, decorators: [{
18
+ type: Component,
19
+ args: [{ selector: 'pep-show-if-badge', template: "<div *ngIf=\"showIf\" class=\"show-if-badge\" [ngClass]=\"{ 'rtl-direction': isRtl }\">\n <mat-icon class=\"mat-badge-content\">\n <pep-icon name=\"system_view\"></pep-icon>\n </mat-icon>\n</div>", styles: [".show-if-badge{position:relative;right:0}.show-if-badge .mat-badge-content{font-weight:var(--pep-font-weight-bold, 600);background:hsl(var(--pep-color-strong-h, 78),var(--pep-color-strong-s, 87%),var(--pep-color-strong-l, 27%));box-shadow:var(--pep-shadow-sm-offset, 0 .25rem .5rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);color:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%));background-color:hsl(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%))!important;box-shadow:var(--pep-shadow-sm-offset, 0 .25rem .5rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.32)}.show-if-badge .mat-badge-content .svg-icon{fill:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}.show-if-badge .mat-badge-content .svg-icon.stroke{fill:unset;stroke:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}.show-if-badge.rtl-direction{right:unset;left:0}.show-if-badge .mat-icon{right:0;height:2.5rem;width:2.5rem;margin-top:-1rem;margin-right:-1.25rem}.show-if-badge .mat-icon ::ng-deep .svg-icon{fill:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%));width:1.75rem;height:1.75rem}\n"] }]
20
+ }], ctorParameters: function () { return [{ type: i1.PepLayoutService }]; }, propDecorators: { showIf: [{
21
+ type: Input
22
+ }] } });
23
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2hvdy1pZi1iYWRnZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtY29tcG9zaXRlLWxpYi9zaG93LWlmLWJhZGdlL3Nob3ctaWYtYmFkZ2UuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LWNvbXBvc2l0ZS1saWIvc2hvdy1pZi1iYWRnZS9zaG93LWlmLWJhZGdlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDOzs7Ozs7QUFTekQsTUFBTSxPQUFPLG9CQUFvQjtJQUs3QixZQUNjLGFBQStCO1FBQS9CLGtCQUFhLEdBQWIsYUFBYSxDQUFrQjtRQUxwQyxXQUFNLEdBQUcsS0FBSyxDQUFDO1FBRWQsVUFBSyxHQUFHLEtBQUssQ0FBQztRQUtwQixJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxhQUFhLENBQUMsS0FBSyxFQUFFLENBQUM7SUFDNUMsQ0FBQzs7aUhBVFEsb0JBQW9CO3FHQUFwQixvQkFBb0IsdUZDVGpDLGtOQUlNOzJGREtPLG9CQUFvQjtrQkFOaEMsU0FBUzsrQkFDSSxtQkFBbUI7dUdBTXBCLE1BQU07c0JBQWQsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUGVwTGF5b3V0U2VydmljZSB9IGZyb20gJ0BwZXBwZXJpLWFkZG9ucy9uZ3gtbGliJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdwZXAtc2hvdy1pZi1iYWRnZScsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3Nob3ctaWYtYmFkZ2UuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL3Nob3ctaWYtYmFkZ2UuY29tcG9uZW50LnNjc3MnXVxufSlcblxuZXhwb3J0IGNsYXNzIFNob3dJZkJhZGdlQ29tcG9uZW50IHtcbiAgICBASW5wdXQoKSBzaG93SWYgPSBmYWxzZTtcbiAgICBcbiAgICBwcm90ZWN0ZWQgaXNSdGwgPSBmYWxzZTtcbiAgICBcbiAgICBjb25zdHJ1Y3RvcihcbiAgICAgICAgcHJvdGVjdGVkIGxheW91dFNlcnZpY2U6IFBlcExheW91dFNlcnZpY2UsXG4gICAgKSB7IFxuICAgICAgICB0aGlzLmlzUnRsID0gdGhpcy5sYXlvdXRTZXJ2aWNlLmlzUnRsKCk7XG4gICAgfVxufVxuIiwiPGRpdiAqbmdJZj1cInNob3dJZlwiIGNsYXNzPVwic2hvdy1pZi1iYWRnZVwiIFtuZ0NsYXNzXT1cInsgJ3J0bC1kaXJlY3Rpb24nOiBpc1J0bCB9XCI+XG4gICAgPG1hdC1pY29uIGNsYXNzPVwibWF0LWJhZGdlLWNvbnRlbnRcIj5cbiAgICAgICAgPHBlcC1pY29uIG5hbWU9XCJzeXN0ZW1fdmlld1wiPjwvcGVwLWljb24+XG4gICAgPC9tYXQtaWNvbj5cbjwvZGl2PiJdfQ==
package/esm2020/show-if-badge/show-if-badge.module.mjs ADDED
@@ -0,0 +1,50 @@
1
+ import { NgModule } from '@angular/core';
2
+ import { CommonModule } from '@angular/common';
3
+ import { PepNgxLibModule } from '@pepperi-addons/ngx-lib';
4
+ import { PepIconModule, pepIconSystemView } from '@pepperi-addons/ngx-lib/icon';
5
+ import { TranslateModule } from '@ngx-translate/core';
6
+ import { MatIconModule } from '@angular/material/icon';
7
+ import { MatBadgeModule } from '@angular/material/badge';
8
+ import { ShowIfBadgeComponent } from './show-if-badge.component';
9
+ import * as i0 from "@angular/core";
10
+ import * as i1 from "@pepperi-addons/ngx-lib/icon";
11
+ import * as i2 from "@ngx-translate/core";
12
+ const pepIcons = [
13
+ pepIconSystemView
14
+ ];
15
+ export class PepShowIfBadgeModule {
16
+ constructor(pepIconRegistry) {
17
+ this.pepIconRegistry = pepIconRegistry;
18
+ this.pepIconRegistry.registerIcons(pepIcons);
19
+ }
20
+ }
21
+ PepShowIfBadgeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepShowIfBadgeModule, deps: [{ token: i1.PepIconRegistry }], target: i0.ɵɵFactoryTarget.NgModule });
22
+ PepShowIfBadgeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.2", ngImport: i0, type: PepShowIfBadgeModule, declarations: [ShowIfBadgeComponent], imports: [CommonModule,
23
+ PepNgxLibModule,
24
+ PepIconModule,
25
+ MatIconModule,
26
+ MatBadgeModule, i2.TranslateModule], exports: [ShowIfBadgeComponent] });
27
+ PepShowIfBadgeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepShowIfBadgeModule, imports: [CommonModule,
28
+ PepNgxLibModule,
29
+ PepIconModule,
30
+ MatIconModule,
31
+ MatBadgeModule,
32
+ TranslateModule.forChild()] });
33
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepShowIfBadgeModule, decorators: [{
34
+ type: NgModule,
35
+ args: [{
36
+ declarations: [
37
+ ShowIfBadgeComponent
38
+ ],
39
+ imports: [
40
+ CommonModule,
41
+ PepNgxLibModule,
42
+ PepIconModule,
43
+ MatIconModule,
44
+ MatBadgeModule,
45
+ TranslateModule.forChild(),
46
+ ],
47
+ exports: [ShowIfBadgeComponent]
48
+ }]
49
+ }], ctorParameters: function () { return [{ type: i1.PepIconRegistry }]; } });
50
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2hvdy1pZi1iYWRnZS5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtY29tcG9zaXRlLWxpYi9zaG93LWlmLWJhZGdlL3Nob3ctaWYtYmFkZ2UubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBRS9DLE9BQU8sRUFBRSxlQUFlLEVBQW1CLE1BQU0seUJBQXlCLENBQUM7QUFDM0UsT0FBTyxFQUFFLGFBQWEsRUFBbUIsaUJBQWlCLEVBQUMsTUFBTSw4QkFBOEIsQ0FBQztBQUVoRyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFFdEQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUV6RCxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQzs7OztBQUVqRSxNQUFNLFFBQVEsR0FBRztJQUNiLGlCQUFpQjtDQUNwQixDQUFDO0FBZ0JGLE1BQU0sT0FBTyxvQkFBb0I7SUFFakMsWUFDWSxlQUFnQztRQUFoQyxvQkFBZSxHQUFmLGVBQWUsQ0FBaUI7UUFFcEMsSUFBSSxDQUFDLGVBQWUsQ0FBQyxhQUFhLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDakQsQ0FBQzs7aUhBTlEsb0JBQW9CO2tIQUFwQixvQkFBb0IsaUJBWnpCLG9CQUFvQixhQUdwQixZQUFZO1FBQ1osZUFBZTtRQUNmLGFBQWE7UUFDYixhQUFhO1FBQ2IsY0FBYyxpQ0FHUixvQkFBb0I7a0hBRXJCLG9CQUFvQixZQVR6QixZQUFZO1FBQ1osZUFBZTtRQUNmLGFBQWE7UUFDYixhQUFhO1FBQ2IsY0FBYztRQUNkLGVBQWUsQ0FBQyxRQUFRLEVBQUU7MkZBSXJCLG9CQUFvQjtrQkFkaEMsUUFBUTttQkFBQztvQkFDTixZQUFZLEVBQUU7d0JBQ1Ysb0JBQW9CO3FCQUN2QjtvQkFDRCxPQUFPLEVBQUU7d0JBQ0wsWUFBWTt3QkFDWixlQUFlO3dCQUNmLGFBQWE7d0JBQ2IsYUFBYTt3QkFDYixjQUFjO3dCQUNkLGVBQWUsQ0FBQyxRQUFRLEVBQUU7cUJBQzdCO29CQUNELE9BQU8sRUFBRSxDQUFDLG9CQUFvQixDQUFDO2lCQUNsQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuXG5pbXBvcnQgeyBQZXBOZ3hMaWJNb2R1bGUsIFBlcEFkZG9uU2VydmljZSB9IGZyb20gJ0BwZXBwZXJpLWFkZG9ucy9uZ3gtbGliJztcbmltcG9ydCB7IFBlcEljb25Nb2R1bGUsIFBlcEljb25SZWdpc3RyeSwgcGVwSWNvblN5c3RlbVZpZXd9IGZyb20gJ0BwZXBwZXJpLWFkZG9ucy9uZ3gtbGliL2ljb24nO1xuXG5pbXBvcnQgeyBUcmFuc2xhdGVNb2R1bGUgfSBmcm9tICdAbmd4LXRyYW5zbGF0ZS9jb3JlJztcblxuaW1wb3J0IHsgTWF0SWNvbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2ljb24nO1xuaW1wb3J0IHsgTWF0QmFkZ2VNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9iYWRnZSc7XG5cbmltcG9ydCB7IFNob3dJZkJhZGdlQ29tcG9uZW50IH0gZnJvbSAnLi9zaG93LWlmLWJhZGdlLmNvbXBvbmVudCc7XG5cbmNvbnN0IHBlcEljb25zID0gW1xuICAgIHBlcEljb25TeXN0ZW1WaWV3XG5dO1xuXG5ATmdNb2R1bGUoe1xuICAgIGRlY2xhcmF0aW9uczogW1xuICAgICAgICBTaG93SWZCYWRnZUNvbXBvbmVudFxuICAgIF0sXG4gICAgaW1wb3J0czogW1xuICAgICAgICBDb21tb25Nb2R1bGUsXG4gICAgICAgIFBlcE5neExpYk1vZHVsZSxcbiAgICAgICAgUGVwSWNvbk1vZHVsZSxcbiAgICAgICAgTWF0SWNvbk1vZHVsZSxcbiAgICAgICAgTWF0QmFkZ2VNb2R1bGUsXG4gICAgICAgIFRyYW5zbGF0ZU1vZHVsZS5mb3JDaGlsZCgpLFxuICAgIF0sXG4gICAgZXhwb3J0czogW1Nob3dJZkJhZGdlQ29tcG9uZW50XVxufSlcbmV4cG9ydCBjbGFzcyBQZXBTaG93SWZCYWRnZU1vZHVsZSB7IFxuXG5jb25zdHJ1Y3RvcihcbiAgICBwcml2YXRlIHBlcEljb25SZWdpc3RyeTogUGVwSWNvblJlZ2lzdHJ5XG4gICAgKSB7XG4gICAgICAgIHRoaXMucGVwSWNvblJlZ2lzdHJ5LnJlZ2lzdGVySWNvbnMocGVwSWNvbnMpO1xuICAgIH1cbn1cbiJdfQ==
package/fesm2015/pepperi-addons-ngx-composite-lib-show-if-badge.mjs ADDED
@@ -0,0 +1,80 @@
1
+ import * as i0 from '@angular/core';
2
+ import { Component, Input, NgModule } from '@angular/core';
3
+ import * as i2 from '@angular/common';
4
+ import { CommonModule } from '@angular/common';
5
+ import * as i1 from '@pepperi-addons/ngx-lib';
6
+ import { PepNgxLibModule } from '@pepperi-addons/ngx-lib';
7
+ import * as i1$1 from '@pepperi-addons/ngx-lib/icon';
8
+ import { pepIconSystemView, PepIconModule } from '@pepperi-addons/ngx-lib/icon';
9
+ import * as i2$1 from '@ngx-translate/core';
10
+ import { TranslateModule } from '@ngx-translate/core';
11
+ import * as i4 from '@angular/material/icon';
12
+ import { MatIconModule } from '@angular/material/icon';
13
+ import { MatBadgeModule } from '@angular/material/badge';
14
+
15
+ class ShowIfBadgeComponent {
16
+ constructor(layoutService) {
17
+ this.layoutService = layoutService;
18
+ this.showIf = false;
19
+ this.isRtl = false;
20
+ this.isRtl = this.layoutService.isRtl();
21
+ }
22
+ }
23
+ ShowIfBadgeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: ShowIfBadgeComponent, deps: [{ token: i1.PepLayoutService }], target: i0.ɵɵFactoryTarget.Component });
24
+ ShowIfBadgeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: ShowIfBadgeComponent, selector: "pep-show-if-badge", inputs: { showIf: "showIf" }, ngImport: i0, template: "<div *ngIf=\"showIf\" class=\"show-if-badge\" [ngClass]=\"{ 'rtl-direction': isRtl }\">\n <mat-icon class=\"mat-badge-content\">\n <pep-icon name=\"system_view\"></pep-icon>\n </mat-icon>\n</div>", styles: [".show-if-badge{position:relative;right:0}.show-if-badge .mat-badge-content{font-weight:var(--pep-font-weight-bold, 600);background:hsl(var(--pep-color-strong-h, 78),var(--pep-color-strong-s, 87%),var(--pep-color-strong-l, 27%));box-shadow:var(--pep-shadow-sm-offset, 0 .25rem .5rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);color:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%));background-color:hsl(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%))!important;box-shadow:var(--pep-shadow-sm-offset, 0 .25rem .5rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.32)}.show-if-badge .mat-badge-content .svg-icon{fill:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}.show-if-badge .mat-badge-content .svg-icon.stroke{fill:unset;stroke:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}.show-if-badge.rtl-direction{right:unset;left:0}.show-if-badge .mat-icon{right:0;height:2.5rem;width:2.5rem;margin-top:-1rem;margin-right:-1.25rem}.show-if-badge .mat-icon ::ng-deep .svg-icon{fill:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%));width:1.75rem;height:1.75rem}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1$1.PepIconComponent, selector: "pep-icon", inputs: ["spin", "name", "fill"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
25
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: ShowIfBadgeComponent, decorators: [{
26
+ type: Component,
27
+ args: [{ selector: 'pep-show-if-badge', template: "<div *ngIf=\"showIf\" class=\"show-if-badge\" [ngClass]=\"{ 'rtl-direction': isRtl }\">\n <mat-icon class=\"mat-badge-content\">\n <pep-icon name=\"system_view\"></pep-icon>\n </mat-icon>\n</div>", styles: [".show-if-badge{position:relative;right:0}.show-if-badge .mat-badge-content{font-weight:var(--pep-font-weight-bold, 600);background:hsl(var(--pep-color-strong-h, 78),var(--pep-color-strong-s, 87%),var(--pep-color-strong-l, 27%));box-shadow:var(--pep-shadow-sm-offset, 0 .25rem .5rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);color:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%));background-color:hsl(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%))!important;box-shadow:var(--pep-shadow-sm-offset, 0 .25rem .5rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.32)}.show-if-badge .mat-badge-content .svg-icon{fill:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}.show-if-badge .mat-badge-content .svg-icon.stroke{fill:unset;stroke:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}.show-if-badge.rtl-direction{right:unset;left:0}.show-if-badge .mat-icon{right:0;height:2.5rem;width:2.5rem;margin-top:-1rem;margin-right:-1.25rem}.show-if-badge .mat-icon ::ng-deep .svg-icon{fill:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%));width:1.75rem;height:1.75rem}\n"] }]
28
+ }], ctorParameters: function () { return [{ type: i1.PepLayoutService }]; }, propDecorators: { showIf: [{
29
+ type: Input
30
+ }] } });
31
+
32
+ const pepIcons = [
33
+ pepIconSystemView
34
+ ];
35
+ class PepShowIfBadgeModule {
36
+ constructor(pepIconRegistry) {
37
+ this.pepIconRegistry = pepIconRegistry;
38
+ this.pepIconRegistry.registerIcons(pepIcons);
39
+ }
40
+ }
41
+ PepShowIfBadgeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepShowIfBadgeModule, deps: [{ token: i1$1.PepIconRegistry }], target: i0.ɵɵFactoryTarget.NgModule });
42
+ PepShowIfBadgeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.2", ngImport: i0, type: PepShowIfBadgeModule, declarations: [ShowIfBadgeComponent], imports: [CommonModule,
43
+ PepNgxLibModule,
44
+ PepIconModule,
45
+ MatIconModule,
46
+ MatBadgeModule, i2$1.TranslateModule], exports: [ShowIfBadgeComponent] });
47
+ PepShowIfBadgeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepShowIfBadgeModule, imports: [CommonModule,
48
+ PepNgxLibModule,
49
+ PepIconModule,
50
+ MatIconModule,
51
+ MatBadgeModule,
52
+ TranslateModule.forChild()] });
53
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepShowIfBadgeModule, decorators: [{
54
+ type: NgModule,
55
+ args: [{
56
+ declarations: [
57
+ ShowIfBadgeComponent
58
+ ],
59
+ imports: [
60
+ CommonModule,
61
+ PepNgxLibModule,
62
+ PepIconModule,
63
+ MatIconModule,
64
+ MatBadgeModule,
65
+ TranslateModule.forChild(),
66
+ ],
67
+ exports: [ShowIfBadgeComponent]
68
+ }]
69
+ }], ctorParameters: function () { return [{ type: i1$1.PepIconRegistry }]; } });
70
+
71
+ /*
72
+ * Public API Surface of ngx-composite-lib/flow-picker-button
73
+ */
74
+
75
+ /**
76
+ * Generated bundle index. Do not edit.
77
+ */
78
+
79
+ export { PepShowIfBadgeModule, ShowIfBadgeComponent };
80
+ //# sourceMappingURL=pepperi-addons-ngx-composite-lib-show-if-badge.mjs.map
package/fesm2015/pepperi-addons-ngx-composite-lib-show-if-badge.mjs.map ADDED
@@ -0,0 +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';\nimport { PepLayoutService } from '@pepperi-addons/ngx-lib';\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 protected isRtl = false;\n \n constructor(\n protected layoutService: PepLayoutService,\n ) { \n this.isRtl = this.layoutService.isRtl();\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=\"system_view\"></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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"}
package/fesm2020/pepperi-addons-ngx-composite-lib-show-if-badge.mjs ADDED
@@ -0,0 +1,80 @@
1
+ import * as i0 from '@angular/core';
2
+ import { Component, Input, NgModule } from '@angular/core';
3
+ import * as i2 from '@angular/common';
4
+ import { CommonModule } from '@angular/common';
5
+ import * as i1 from '@pepperi-addons/ngx-lib';
6
+ import { PepNgxLibModule } from '@pepperi-addons/ngx-lib';
7
+ import * as i1$1 from '@pepperi-addons/ngx-lib/icon';
8
+ import { pepIconSystemView, PepIconModule } from '@pepperi-addons/ngx-lib/icon';
9
+ import * as i2$1 from '@ngx-translate/core';
10
+ import { TranslateModule } from '@ngx-translate/core';
11
+ import * as i4 from '@angular/material/icon';
12
+ import { MatIconModule } from '@angular/material/icon';
13
+ import { MatBadgeModule } from '@angular/material/badge';
14
+
15
+ class ShowIfBadgeComponent {
16
+ constructor(layoutService) {
17
+ this.layoutService = layoutService;
18
+ this.showIf = false;
19
+ this.isRtl = false;
20
+ this.isRtl = this.layoutService.isRtl();
21
+ }
22
+ }
23
+ ShowIfBadgeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: ShowIfBadgeComponent, deps: [{ token: i1.PepLayoutService }], target: i0.ɵɵFactoryTarget.Component });
24
+ ShowIfBadgeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: ShowIfBadgeComponent, selector: "pep-show-if-badge", inputs: { showIf: "showIf" }, ngImport: i0, template: "<div *ngIf=\"showIf\" class=\"show-if-badge\" [ngClass]=\"{ 'rtl-direction': isRtl }\">\n <mat-icon class=\"mat-badge-content\">\n <pep-icon name=\"system_view\"></pep-icon>\n </mat-icon>\n</div>", styles: [".show-if-badge{position:relative;right:0}.show-if-badge .mat-badge-content{font-weight:var(--pep-font-weight-bold, 600);background:hsl(var(--pep-color-strong-h, 78),var(--pep-color-strong-s, 87%),var(--pep-color-strong-l, 27%));box-shadow:var(--pep-shadow-sm-offset, 0 .25rem .5rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);color:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%));background-color:hsl(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%))!important;box-shadow:var(--pep-shadow-sm-offset, 0 .25rem .5rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.32)}.show-if-badge .mat-badge-content .svg-icon{fill:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}.show-if-badge .mat-badge-content .svg-icon.stroke{fill:unset;stroke:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}.show-if-badge.rtl-direction{right:unset;left:0}.show-if-badge .mat-icon{right:0;height:2.5rem;width:2.5rem;margin-top:-1rem;margin-right:-1.25rem}.show-if-badge .mat-icon ::ng-deep .svg-icon{fill:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%));width:1.75rem;height:1.75rem}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1$1.PepIconComponent, selector: "pep-icon", inputs: ["spin", "name", "fill"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
25
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: ShowIfBadgeComponent, decorators: [{
26
+ type: Component,
27
+ args: [{ selector: 'pep-show-if-badge', template: "<div *ngIf=\"showIf\" class=\"show-if-badge\" [ngClass]=\"{ 'rtl-direction': isRtl }\">\n <mat-icon class=\"mat-badge-content\">\n <pep-icon name=\"system_view\"></pep-icon>\n </mat-icon>\n</div>", styles: [".show-if-badge{position:relative;right:0}.show-if-badge .mat-badge-content{font-weight:var(--pep-font-weight-bold, 600);background:hsl(var(--pep-color-strong-h, 78),var(--pep-color-strong-s, 87%),var(--pep-color-strong-l, 27%));box-shadow:var(--pep-shadow-sm-offset, 0 .25rem .5rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);color:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%));background-color:hsl(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%))!important;box-shadow:var(--pep-shadow-sm-offset, 0 .25rem .5rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.32)}.show-if-badge .mat-badge-content .svg-icon{fill:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}.show-if-badge .mat-badge-content .svg-icon.stroke{fill:unset;stroke:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}.show-if-badge.rtl-direction{right:unset;left:0}.show-if-badge .mat-icon{right:0;height:2.5rem;width:2.5rem;margin-top:-1rem;margin-right:-1.25rem}.show-if-badge .mat-icon ::ng-deep .svg-icon{fill:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%));width:1.75rem;height:1.75rem}\n"] }]
28
+ }], ctorParameters: function () { return [{ type: i1.PepLayoutService }]; }, propDecorators: { showIf: [{
29
+ type: Input
30
+ }] } });
31
+
32
+ const pepIcons = [
33
+ pepIconSystemView
34
+ ];
35
+ class PepShowIfBadgeModule {
36
+ constructor(pepIconRegistry) {
37
+ this.pepIconRegistry = pepIconRegistry;
38
+ this.pepIconRegistry.registerIcons(pepIcons);
39
+ }
40
+ }
41
+ PepShowIfBadgeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepShowIfBadgeModule, deps: [{ token: i1$1.PepIconRegistry }], target: i0.ɵɵFactoryTarget.NgModule });
42
+ PepShowIfBadgeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.2", ngImport: i0, type: PepShowIfBadgeModule, declarations: [ShowIfBadgeComponent], imports: [CommonModule,
43
+ PepNgxLibModule,
44
+ PepIconModule,
45
+ MatIconModule,
46
+ MatBadgeModule, i2$1.TranslateModule], exports: [ShowIfBadgeComponent] });
47
+ PepShowIfBadgeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepShowIfBadgeModule, imports: [CommonModule,
48
+ PepNgxLibModule,
49
+ PepIconModule,
50
+ MatIconModule,
51
+ MatBadgeModule,
52
+ TranslateModule.forChild()] });
53
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepShowIfBadgeModule, decorators: [{
54
+ type: NgModule,
55
+ args: [{
56
+ declarations: [
57
+ ShowIfBadgeComponent
58
+ ],
59
+ imports: [
60
+ CommonModule,
61
+ PepNgxLibModule,
62
+ PepIconModule,
63
+ MatIconModule,
64
+ MatBadgeModule,
65
+ TranslateModule.forChild(),
66
+ ],
67
+ exports: [ShowIfBadgeComponent]
68
+ }]
69
+ }], ctorParameters: function () { return [{ type: i1$1.PepIconRegistry }]; } });
70
+
71
+ /*
72
+ * Public API Surface of ngx-composite-lib/flow-picker-button
73
+ */
74
+
75
+ /**
76
+ * Generated bundle index. Do not edit.
77
+ */
78
+
79
+ export { PepShowIfBadgeModule, ShowIfBadgeComponent };
80
+ //# sourceMappingURL=pepperi-addons-ngx-composite-lib-show-if-badge.mjs.map
package/fesm2020/pepperi-addons-ngx-composite-lib-show-if-badge.mjs.map ADDED
@@ -0,0 +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';\nimport { PepLayoutService } from '@pepperi-addons/ngx-lib';\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 protected isRtl = false;\n \n constructor(\n protected layoutService: PepLayoutService,\n ) { \n this.isRtl = this.layoutService.isRtl();\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=\"system_view\"></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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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pepperi-addons/ngx-composite-lib",
3
- "version": "0.4.2-beta.48",
3
+ "version": "0.4.2-beta.49",
4
4
  "peerDependencies": {
5
5
  "@angular/animations": ">= 14.0.2",
6
6
  "@angular/cdk": ">= 14.0.2",
@@ -137,6 +137,14 @@
137
137
  "es2015": "./fesm2015/pepperi-addons-ngx-composite-lib-shadow-settings.mjs",
138
138
  "node": "./fesm2015/pepperi-addons-ngx-composite-lib-shadow-settings.mjs",
139
139
  "default": "./fesm2020/pepperi-addons-ngx-composite-lib-shadow-settings.mjs"
140
+ },
141
+ "./show-if-badge": {
142
+ "types": "./show-if-badge/index.d.ts",
143
+ "esm2020": "./esm2020/show-if-badge/pepperi-addons-ngx-composite-lib-show-if-badge.mjs",
144
+ "es2020": "./fesm2020/pepperi-addons-ngx-composite-lib-show-if-badge.mjs",
145
+ "es2015": "./fesm2015/pepperi-addons-ngx-composite-lib-show-if-badge.mjs",
146
+ "node": "./fesm2015/pepperi-addons-ngx-composite-lib-show-if-badge.mjs",
147
+ "default": "./fesm2020/pepperi-addons-ngx-composite-lib-show-if-badge.mjs"
140
148
  }
141
149
  },
142
150
  "sideEffects": false
package/show-if-badge/index.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ /**
2
+ * Generated bundle index. Do not edit.
3
+ */
4
+ /// <amd-module name="@pepperi-addons/ngx-composite-lib/show-if-badge" />
5
+ export * from './public-api';
package/show-if-badge/public-api.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export * from './show-if-badge.module';
2
+ export * from './show-if-badge.component';
package/show-if-badge/show-if-badge.component.d.ts ADDED
@@ -0,0 +1,10 @@
1
+ import { PepLayoutService } from '@pepperi-addons/ngx-lib';
2
+ import * as i0 from "@angular/core";
3
+ export declare class ShowIfBadgeComponent {
4
+ protected layoutService: PepLayoutService;
5
+ showIf: boolean;
6
+ protected isRtl: boolean;
7
+ constructor(layoutService: PepLayoutService);
8
+ static ɵfac: i0.ɵɵFactoryDeclaration<ShowIfBadgeComponent, never>;
9
+ static ɵcmp: i0.ɵɵComponentDeclaration<ShowIfBadgeComponent, "pep-show-if-badge", never, { "showIf": "showIf"; }, {}, never, never, false>;
10
+ }
package/show-if-badge/show-if-badge.module.d.ts ADDED
@@ -0,0 +1,16 @@
1
+ import { PepIconRegistry } from '@pepperi-addons/ngx-lib/icon';
2
+ import * as i0 from "@angular/core";
3
+ import * as i1 from "./show-if-badge.component";
4
+ import * as i2 from "@angular/common";
5
+ import * as i3 from "@pepperi-addons/ngx-lib";
6
+ import * as i4 from "@pepperi-addons/ngx-lib/icon";
7
+ import * as i5 from "@angular/material/icon";
8
+ import * as i6 from "@angular/material/badge";
9
+ import * as i7 from "@ngx-translate/core";
10
+ export declare class PepShowIfBadgeModule {
11
+ private pepIconRegistry;
12
+ constructor(pepIconRegistry: PepIconRegistry);
13
+ static ɵfac: i0.ɵɵFactoryDeclaration<PepShowIfBadgeModule, never>;
14
+ static ɵmod: i0.ɵɵNgModuleDeclaration<PepShowIfBadgeModule, [typeof i1.ShowIfBadgeComponent], [typeof i2.CommonModule, typeof i3.PepNgxLibModule, typeof i4.PepIconModule, typeof i5.MatIconModule, typeof i6.MatBadgeModule, typeof i7.TranslateModule], [typeof i1.ShowIfBadgeComponent]>;
15
+ static ɵinj: i0.ɵɵInjectorDeclaration<PepShowIfBadgeModule>;
16
+ }