@pepperi-addons/ngx-lib 0.4.1-beta.8 → 0.4.1-beta.9
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/separator/separator.component.mjs +3 -3
- package/fesm2015/pepperi-addons-ngx-lib-separator.mjs +2 -2
- package/fesm2015/pepperi-addons-ngx-lib-separator.mjs.map +1 -1
- package/fesm2020/pepperi-addons-ngx-lib-separator.mjs +2 -2
- package/fesm2020/pepperi-addons-ngx-lib-separator.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -44,10 +44,10 @@ export class PepSeparatorComponent {
|
|
|
44
44
|
}
|
|
45
45
|
}
|
|
46
46
|
PepSeparatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepSeparatorComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
47
|
-
PepSeparatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: PepSeparatorComponent, selector: "pep-separator", inputs: { key: "key", label: "label", description: "description", xAlignment: "xAlignment", form: "form", layoutType: "layoutType", visible: "visible" }, ngImport: i0, template: "<ng-container *ngIf=\"layoutType === 'form'\">\n <div class=\"pep-separator-field wrap pep-border-bottom align-{{ xAlignment }}\" title=\"{{ label }}\">\n <span class=\"block-with-text body-md\">{{ label }}</span>\n </div>\n <div *ngIf=\"description\" class=\"pep-separator-description\">\n {{description}}\n </div>\n</ng-container>\n\n<ng-container *ngIf=\"layoutType === 'card'\">\n <div class=\"pep-separator-field pep-small-separator-field pep-border-bottom text-align-{{ xAlignment }}\"\n dir=\"{{ xAlignment == 'right' ? 'rtl' : 'ltr' }}\" title=\"{{ label }}\">\n <span class=\"small-block-with-text body-sm\">{{ label }}</span>\n </div>\n</ng-container>\n\n<ng-container *ngIf=\"layoutType === 'table'\">\n <label class=\"cl\" title=\"{{ label }}\">{{ label }}</label>\n</ng-container>", styles: [":host{height:inherit;display:grid}:host>*{align-self:center}.pepperi-separator-field,.pep-separator-field{padding:0;
|
|
47
|
+
PepSeparatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: PepSeparatorComponent, selector: "pep-separator", inputs: { key: "key", label: "label", description: "description", xAlignment: "xAlignment", form: "form", layoutType: "layoutType", visible: "visible" }, ngImport: i0, template: "<ng-container *ngIf=\"layoutType === 'form'\">\n <div class=\"pep-separator-field wrap pep-border-bottom align-{{ xAlignment }}\"\n [ngClass]=\"{'show-description': description}\" title=\"{{ label }}\">\n <span class=\"block-with-text body-md\">{{ label }}</span>\n </div>\n <div *ngIf=\"description\" class=\"pep-separator-description\">\n {{description}}\n </div>\n</ng-container>\n\n<ng-container *ngIf=\"layoutType === 'card'\">\n <div class=\"pep-separator-field pep-small-separator-field pep-border-bottom text-align-{{ xAlignment }}\"\n dir=\"{{ xAlignment == 'right' ? 'rtl' : 'ltr' }}\" title=\"{{ label }}\">\n <span class=\"small-block-with-text body-sm\">{{ label }}</span>\n </div>\n</ng-container>\n\n<ng-container *ngIf=\"layoutType === 'table'\">\n <label class=\"cl\" title=\"{{ label }}\">{{ label }}</label>\n</ng-container>", styles: [":host{height:inherit;display:grid}:host>*{align-self:center}.pepperi-separator-field,.pep-separator-field{padding:0;max-height:3.5rem;margin-top:.5rem}.pepperi-separator-field:not(.show-description),.pep-separator-field:not(.show-description){height:3.5rem}.pepperi-separator-field.pepperi-small-separator-field,.pepperi-separator-field.pep-small-separator-field,.pep-separator-field.pepperi-small-separator-field,.pep-separator-field.pep-small-separator-field{height:1.15rem;margin-top:.25rem!important;margin-bottom:0!important}.pepperi-separator-field.pepperi-small-separator-field .small-block-with-text,.pepperi-separator-field.pep-small-separator-field .small-block-with-text,.pep-separator-field.pepperi-small-separator-field .small-block-with-text,.pep-separator-field.pep-small-separator-field .small-block-with-text{display:block;font-weight:var(--pep-font-weight-bold, 600);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.pepperi-separator-field.wrap,.pep-separator-field.wrap{display:flex}.pepperi-separator-field.wrap .block-with-text,.pep-separator-field.wrap .block-with-text{width:100%;margin-bottom:.5rem;font-weight:var(--pep-font-weight-bold, 600);align-self:flex-end;max-height:inherit}.pepperi-separator-field.wrap.align-left .block-with-text,.pepperi-separator-field.wrap.align-0 .block-with-text,.pepperi-separator-field.wrap.align-1 .block-with-text,.pep-separator-field.wrap.align-left .block-with-text,.pep-separator-field.wrap.align-0 .block-with-text,.pep-separator-field.wrap.align-1 .block-with-text{max-width:100%;overflow:hidden;position:relative;line-height:1.5rem;max-height:3.05rem;direction:ltr;text-align:left;margin-right:-1em;padding-right:1em}.pepperi-separator-field.wrap.align-left .block-with-text:before,.pepperi-separator-field.wrap.align-0 .block-with-text:before,.pepperi-separator-field.wrap.align-1 .block-with-text:before,.pep-separator-field.wrap.align-left .block-with-text:before,.pep-separator-field.wrap.align-0 .block-with-text:before,.pep-separator-field.wrap.align-1 .block-with-text:before{content:\"...\";position:absolute;bottom:0}.pepperi-separator-field.wrap.align-left .block-with-text:after,.pepperi-separator-field.wrap.align-0 .block-with-text:after,.pepperi-separator-field.wrap.align-1 .block-with-text:after,.pep-separator-field.wrap.align-left .block-with-text:after,.pep-separator-field.wrap.align-0 .block-with-text:after,.pep-separator-field.wrap.align-1 .block-with-text:after{content:\"...\";position:absolute;height:1.5rem;margin-top:.2rem;background:#fff;color:#fff}.pepperi-separator-field.wrap.align-left .block-with-text:before,.pepperi-separator-field.wrap.align-0 .block-with-text:before,.pepperi-separator-field.wrap.align-1 .block-with-text:before,.pep-separator-field.wrap.align-left .block-with-text:before,.pep-separator-field.wrap.align-0 .block-with-text:before,.pep-separator-field.wrap.align-1 .block-with-text:before{right:3px}.pepperi-separator-field.wrap.align-left .block-with-text:after,.pepperi-separator-field.wrap.align-0 .block-with-text:after,.pepperi-separator-field.wrap.align-1 .block-with-text:after,.pep-separator-field.wrap.align-left .block-with-text:after,.pep-separator-field.wrap.align-0 .block-with-text:after,.pep-separator-field.wrap.align-1 .block-with-text:after{right:3px}.pepperi-separator-field.wrap.align-right .block-with-text,.pepperi-separator-field.wrap.align-2 .block-with-text,.pep-separator-field.wrap.align-right .block-with-text,.pep-separator-field.wrap.align-2 .block-with-text{max-width:100%;overflow:hidden;position:relative;line-height:1.5rem;max-height:3.05rem;direction:rtl;text-align:right;padding-left:1em}.pepperi-separator-field.wrap.align-right .block-with-text:before,.pepperi-separator-field.wrap.align-2 .block-with-text:before,.pep-separator-field.wrap.align-right .block-with-text:before,.pep-separator-field.wrap.align-2 .block-with-text:before{content:\"...\";position:absolute;bottom:0}.pepperi-separator-field.wrap.align-right .block-with-text:after,.pepperi-separator-field.wrap.align-2 .block-with-text:after,.pep-separator-field.wrap.align-right .block-with-text:after,.pep-separator-field.wrap.align-2 .block-with-text:after{content:\"...\";position:absolute;height:1.5rem;margin-top:.2rem;background:#fff;color:#fff}.pepperi-separator-field.wrap.align-right .block-with-text:before,.pepperi-separator-field.wrap.align-2 .block-with-text:before,.pep-separator-field.wrap.align-right .block-with-text:before,.pep-separator-field.wrap.align-2 .block-with-text:before{left:3px}.pepperi-separator-field.wrap.align-right .block-with-text:after,.pepperi-separator-field.wrap.align-2 .block-with-text:after,.pep-separator-field.wrap.align-right .block-with-text:after,.pep-separator-field.wrap.align-2 .block-with-text:after{left:3px}.pepperi-separator-field.wrap.align-center .block-with-text,.pepperi-separator-field.wrap.align-3 .block-with-text,.pep-separator-field.wrap.align-center .block-with-text,.pep-separator-field.wrap.align-3 .block-with-text{max-width:100%;overflow:hidden;position:relative;line-height:1.5rem;max-height:3.05rem;direction:ltr;text-align:center;margin-right:-1em;padding-right:1em}.pepperi-separator-field.wrap.align-center .block-with-text:before,.pepperi-separator-field.wrap.align-3 .block-with-text:before,.pep-separator-field.wrap.align-center .block-with-text:before,.pep-separator-field.wrap.align-3 .block-with-text:before{content:\"...\";position:absolute;bottom:0}.pepperi-separator-field.wrap.align-center .block-with-text:after,.pepperi-separator-field.wrap.align-3 .block-with-text:after,.pep-separator-field.wrap.align-center .block-with-text:after,.pep-separator-field.wrap.align-3 .block-with-text:after{content:\"...\";position:absolute;height:1.5rem;margin-top:.2rem;background:#fff;color:#fff}.pepperi-separator-field.wrap.align-center .block-with-text:before,.pepperi-separator-field.wrap.align-3 .block-with-text:before,.pep-separator-field.wrap.align-center .block-with-text:before,.pep-separator-field.wrap.align-3 .block-with-text:before{right:3px}.pepperi-separator-field.wrap.align-center .block-with-text:after,.pepperi-separator-field.wrap.align-3 .block-with-text:after,.pep-separator-field.wrap.align-center .block-with-text:after,.pep-separator-field.wrap.align-3 .block-with-text:after{right:3px}.pep-separator-description{margin-top:var(--pep-spacing-sm, .5rem);font-size:var(--pep-font-size-xs, .75rem);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
48
48
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepSeparatorComponent, decorators: [{
|
|
49
49
|
type: Component,
|
|
50
|
-
args: [{ selector: 'pep-separator', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"layoutType === 'form'\">\n <div class=\"pep-separator-field wrap pep-border-bottom align-{{ xAlignment }}\" title=\"{{ label }}\">\n <span class=\"block-with-text body-md\">{{ label }}</span>\n </div>\n <div *ngIf=\"description\" class=\"pep-separator-description\">\n {{description}}\n </div>\n</ng-container>\n\n<ng-container *ngIf=\"layoutType === 'card'\">\n <div class=\"pep-separator-field pep-small-separator-field pep-border-bottom text-align-{{ xAlignment }}\"\n dir=\"{{ xAlignment == 'right' ? 'rtl' : 'ltr' }}\" title=\"{{ label }}\">\n <span class=\"small-block-with-text body-sm\">{{ label }}</span>\n </div>\n</ng-container>\n\n<ng-container *ngIf=\"layoutType === 'table'\">\n <label class=\"cl\" title=\"{{ label }}\">{{ label }}</label>\n</ng-container>", styles: [":host{height:inherit;display:grid}:host>*{align-self:center}.pepperi-separator-field,.pep-separator-field{padding:0;
|
|
50
|
+
args: [{ selector: 'pep-separator', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"layoutType === 'form'\">\n <div class=\"pep-separator-field wrap pep-border-bottom align-{{ xAlignment }}\"\n [ngClass]=\"{'show-description': description}\" title=\"{{ label }}\">\n <span class=\"block-with-text body-md\">{{ label }}</span>\n </div>\n <div *ngIf=\"description\" class=\"pep-separator-description\">\n {{description}}\n </div>\n</ng-container>\n\n<ng-container *ngIf=\"layoutType === 'card'\">\n <div class=\"pep-separator-field pep-small-separator-field pep-border-bottom text-align-{{ xAlignment }}\"\n dir=\"{{ xAlignment == 'right' ? 'rtl' : 'ltr' }}\" title=\"{{ label }}\">\n <span class=\"small-block-with-text body-sm\">{{ label }}</span>\n </div>\n</ng-container>\n\n<ng-container *ngIf=\"layoutType === 'table'\">\n <label class=\"cl\" title=\"{{ label }}\">{{ label }}</label>\n</ng-container>", styles: [":host{height:inherit;display:grid}:host>*{align-self:center}.pepperi-separator-field,.pep-separator-field{padding:0;max-height:3.5rem;margin-top:.5rem}.pepperi-separator-field:not(.show-description),.pep-separator-field:not(.show-description){height:3.5rem}.pepperi-separator-field.pepperi-small-separator-field,.pepperi-separator-field.pep-small-separator-field,.pep-separator-field.pepperi-small-separator-field,.pep-separator-field.pep-small-separator-field{height:1.15rem;margin-top:.25rem!important;margin-bottom:0!important}.pepperi-separator-field.pepperi-small-separator-field .small-block-with-text,.pepperi-separator-field.pep-small-separator-field .small-block-with-text,.pep-separator-field.pepperi-small-separator-field .small-block-with-text,.pep-separator-field.pep-small-separator-field .small-block-with-text{display:block;font-weight:var(--pep-font-weight-bold, 600);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.pepperi-separator-field.wrap,.pep-separator-field.wrap{display:flex}.pepperi-separator-field.wrap .block-with-text,.pep-separator-field.wrap .block-with-text{width:100%;margin-bottom:.5rem;font-weight:var(--pep-font-weight-bold, 600);align-self:flex-end;max-height:inherit}.pepperi-separator-field.wrap.align-left .block-with-text,.pepperi-separator-field.wrap.align-0 .block-with-text,.pepperi-separator-field.wrap.align-1 .block-with-text,.pep-separator-field.wrap.align-left .block-with-text,.pep-separator-field.wrap.align-0 .block-with-text,.pep-separator-field.wrap.align-1 .block-with-text{max-width:100%;overflow:hidden;position:relative;line-height:1.5rem;max-height:3.05rem;direction:ltr;text-align:left;margin-right:-1em;padding-right:1em}.pepperi-separator-field.wrap.align-left .block-with-text:before,.pepperi-separator-field.wrap.align-0 .block-with-text:before,.pepperi-separator-field.wrap.align-1 .block-with-text:before,.pep-separator-field.wrap.align-left .block-with-text:before,.pep-separator-field.wrap.align-0 .block-with-text:before,.pep-separator-field.wrap.align-1 .block-with-text:before{content:\"...\";position:absolute;bottom:0}.pepperi-separator-field.wrap.align-left .block-with-text:after,.pepperi-separator-field.wrap.align-0 .block-with-text:after,.pepperi-separator-field.wrap.align-1 .block-with-text:after,.pep-separator-field.wrap.align-left .block-with-text:after,.pep-separator-field.wrap.align-0 .block-with-text:after,.pep-separator-field.wrap.align-1 .block-with-text:after{content:\"...\";position:absolute;height:1.5rem;margin-top:.2rem;background:#fff;color:#fff}.pepperi-separator-field.wrap.align-left .block-with-text:before,.pepperi-separator-field.wrap.align-0 .block-with-text:before,.pepperi-separator-field.wrap.align-1 .block-with-text:before,.pep-separator-field.wrap.align-left .block-with-text:before,.pep-separator-field.wrap.align-0 .block-with-text:before,.pep-separator-field.wrap.align-1 .block-with-text:before{right:3px}.pepperi-separator-field.wrap.align-left .block-with-text:after,.pepperi-separator-field.wrap.align-0 .block-with-text:after,.pepperi-separator-field.wrap.align-1 .block-with-text:after,.pep-separator-field.wrap.align-left .block-with-text:after,.pep-separator-field.wrap.align-0 .block-with-text:after,.pep-separator-field.wrap.align-1 .block-with-text:after{right:3px}.pepperi-separator-field.wrap.align-right .block-with-text,.pepperi-separator-field.wrap.align-2 .block-with-text,.pep-separator-field.wrap.align-right .block-with-text,.pep-separator-field.wrap.align-2 .block-with-text{max-width:100%;overflow:hidden;position:relative;line-height:1.5rem;max-height:3.05rem;direction:rtl;text-align:right;padding-left:1em}.pepperi-separator-field.wrap.align-right .block-with-text:before,.pepperi-separator-field.wrap.align-2 .block-with-text:before,.pep-separator-field.wrap.align-right .block-with-text:before,.pep-separator-field.wrap.align-2 .block-with-text:before{content:\"...\";position:absolute;bottom:0}.pepperi-separator-field.wrap.align-right .block-with-text:after,.pepperi-separator-field.wrap.align-2 .block-with-text:after,.pep-separator-field.wrap.align-right .block-with-text:after,.pep-separator-field.wrap.align-2 .block-with-text:after{content:\"...\";position:absolute;height:1.5rem;margin-top:.2rem;background:#fff;color:#fff}.pepperi-separator-field.wrap.align-right .block-with-text:before,.pepperi-separator-field.wrap.align-2 .block-with-text:before,.pep-separator-field.wrap.align-right .block-with-text:before,.pep-separator-field.wrap.align-2 .block-with-text:before{left:3px}.pepperi-separator-field.wrap.align-right .block-with-text:after,.pepperi-separator-field.wrap.align-2 .block-with-text:after,.pep-separator-field.wrap.align-right .block-with-text:after,.pep-separator-field.wrap.align-2 .block-with-text:after{left:3px}.pepperi-separator-field.wrap.align-center .block-with-text,.pepperi-separator-field.wrap.align-3 .block-with-text,.pep-separator-field.wrap.align-center .block-with-text,.pep-separator-field.wrap.align-3 .block-with-text{max-width:100%;overflow:hidden;position:relative;line-height:1.5rem;max-height:3.05rem;direction:ltr;text-align:center;margin-right:-1em;padding-right:1em}.pepperi-separator-field.wrap.align-center .block-with-text:before,.pepperi-separator-field.wrap.align-3 .block-with-text:before,.pep-separator-field.wrap.align-center .block-with-text:before,.pep-separator-field.wrap.align-3 .block-with-text:before{content:\"...\";position:absolute;bottom:0}.pepperi-separator-field.wrap.align-center .block-with-text:after,.pepperi-separator-field.wrap.align-3 .block-with-text:after,.pep-separator-field.wrap.align-center .block-with-text:after,.pep-separator-field.wrap.align-3 .block-with-text:after{content:\"...\";position:absolute;height:1.5rem;margin-top:.2rem;background:#fff;color:#fff}.pepperi-separator-field.wrap.align-center .block-with-text:before,.pepperi-separator-field.wrap.align-3 .block-with-text:before,.pep-separator-field.wrap.align-center .block-with-text:before,.pep-separator-field.wrap.align-3 .block-with-text:before{right:3px}.pepperi-separator-field.wrap.align-center .block-with-text:after,.pepperi-separator-field.wrap.align-3 .block-with-text:after,.pep-separator-field.wrap.align-center .block-with-text:after,.pep-separator-field.wrap.align-3 .block-with-text:after{right:3px}.pep-separator-description{margin-top:var(--pep-spacing-sm, .5rem);font-size:var(--pep-font-size-xs, .75rem);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}\n"] }]
|
|
51
51
|
}], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }]; }, propDecorators: { key: [{
|
|
52
52
|
type: Input
|
|
53
53
|
}], label: [{
|
|
@@ -63,4 +63,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImpor
|
|
|
63
63
|
}], visible: [{
|
|
64
64
|
type: Input
|
|
65
65
|
}] } });
|
|
66
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
66
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VwYXJhdG9yLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1saWIvc2VwYXJhdG9yL3NlcGFyYXRvci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtbGliL3NlcGFyYXRvci9zZXBhcmF0b3IuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNILFNBQVMsRUFDVCxLQUFLLEVBRUwsdUJBQXVCLEdBRzFCLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFFSCx1QkFBdUIsRUFFdkIsNEJBQTRCLEdBQy9CLE1BQU0seUJBQXlCLENBQUM7OztBQVFqQyxNQUFNLE9BQU8scUJBQXFCO0lBa0M5QixZQUFvQixRQUFtQixFQUFVLE9BQW1CO1FBQWhELGFBQVEsR0FBUixRQUFRLENBQVc7UUFBVSxZQUFPLEdBQVAsT0FBTyxDQUFZO1FBakMzRCxRQUFHLEdBQUcsRUFBRSxDQUFDO1FBQ1QsVUFBSyxHQUFHLEVBQUUsQ0FBQztRQUNYLGdCQUFXLEdBQUcsRUFBRSxDQUFDO1FBQ2pCLGVBQVUsR0FBMkIsNEJBQTRCLENBQUM7UUFFM0UsZ0JBQVcsR0FBRyxXQUFXLENBQUM7UUFFakIsU0FBSSxHQUFjLElBQUksQ0FBQztRQUN2QixlQUFVLEdBQWtCLE1BQU0sQ0FBQztRQUM1QywrQkFBK0I7UUFFdkIsYUFBUSxHQUFHLElBQUksQ0FBQztRQW9CeEIsZUFBVSxHQUFHLEtBQUssQ0FBQztJQUVxRCxDQUFDO0lBckJ6RSxJQUNJLE9BQU8sQ0FBQyxPQUFnQjtRQUN4QixJQUFJLENBQUMsUUFBUSxHQUFHLE9BQU8sQ0FBQztRQUN4QixJQUFJLE9BQU8sRUFBRTtZQUNULElBQUksQ0FBQyxRQUFRLENBQUMsV0FBVyxDQUNyQixJQUFJLENBQUMsT0FBTyxDQUFDLGFBQWEsRUFDMUIsZ0JBQWdCLENBQ25CLENBQUM7U0FDTDthQUFNO1lBQ0gsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQ2xCLElBQUksQ0FBQyxPQUFPLENBQUMsYUFBYSxFQUMxQixnQkFBZ0IsQ0FDbkIsQ0FBQztTQUNMO0lBQ0wsQ0FBQztJQUNELElBQUksT0FBTztRQUNQLE9BQU8sSUFBSSxDQUFDLFFBQVEsQ0FBQztJQUN6QixDQUFDO0lBTUQsUUFBUTtRQUNKLElBQUksSUFBSSxDQUFDLElBQUksS0FBSyxJQUFJLEVBQUU7WUFDcEIsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUM7WUFFdkIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQ2xCLElBQUksQ0FBQyxPQUFPLENBQUMsYUFBYSxFQUMxQix1QkFBdUIsQ0FBQyw0QkFBNEIsQ0FDdkQsQ0FBQztZQUVGLG1DQUFtQztZQUNuQywyQkFBMkI7WUFDM0IsOEJBQThCO1lBQzlCLHNDQUFzQztZQUN0QywwRUFBMEU7WUFDMUUsU0FBUztZQUNULElBQUk7U0FDUDtJQUNMLENBQUM7O2tIQXJEUSxxQkFBcUI7c0dBQXJCLHFCQUFxQiwrTUN0QmxDLHE0QkFtQmU7MkZER0YscUJBQXFCO2tCQU5qQyxTQUFTOytCQUNJLGVBQWUsbUJBR1IsdUJBQXVCLENBQUMsTUFBTTt5SEFHdEMsR0FBRztzQkFBWCxLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBSUcsSUFBSTtzQkFBWixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBS0YsT0FBTztzQkFEVixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgICBDb21wb25lbnQsXG4gICAgSW5wdXQsXG4gICAgT25Jbml0LFxuICAgIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICAgIFJlbmRlcmVyMixcbiAgICBFbGVtZW50UmVmLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvcm1Hcm91cCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7XG4gICAgUGVwTGF5b3V0VHlwZSxcbiAgICBQZXBDdXN0b21pemF0aW9uU2VydmljZSxcbiAgICBQZXBIb3Jpem9udGFsQWxpZ25tZW50LFxuICAgIERFRkFVTFRfSE9SSVpPTlRBTF9BTElHTk1FTlQsXG59IGZyb20gJ0BwZXBwZXJpLWFkZG9ucy9uZ3gtbGliJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdwZXAtc2VwYXJhdG9yJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vc2VwYXJhdG9yLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9zZXBhcmF0b3IuY29tcG9uZW50LnNjc3MnXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgUGVwU2VwYXJhdG9yQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgICBASW5wdXQoKSBrZXkgPSAnJztcbiAgICBASW5wdXQoKSBsYWJlbCA9ICcnO1xuICAgIEBJbnB1dCgpIGRlc2NyaXB0aW9uID0gJyc7XG4gICAgQElucHV0KCkgeEFsaWdubWVudDogUGVwSG9yaXpvbnRhbEFsaWdubWVudCA9IERFRkFVTFRfSE9SSVpPTlRBTF9BTElHTk1FTlQ7XG5cbiAgICBjb250cm9sVHlwZSA9ICdzZXBhcmF0b3InO1xuXG4gICAgQElucHV0KCkgZm9ybTogRm9ybUdyb3VwID0gbnVsbDtcbiAgICBASW5wdXQoKSBsYXlvdXRUeXBlOiBQZXBMYXlvdXRUeXBlID0gJ2Zvcm0nO1xuICAgIC8vIEBJbnB1dCgpIHJlbmRlclRpdGxlID0gdHJ1ZTtcblxuICAgIHByaXZhdGUgX3Zpc2libGUgPSB0cnVlO1xuICAgIEBJbnB1dCgpXG4gICAgc2V0IHZpc2libGUodmlzaWJsZTogYm9vbGVhbikge1xuICAgICAgICB0aGlzLl92aXNpYmxlID0gdmlzaWJsZTtcbiAgICAgICAgaWYgKHZpc2libGUpIHtcbiAgICAgICAgICAgIHRoaXMucmVuZGVyZXIucmVtb3ZlQ2xhc3MoXG4gICAgICAgICAgICAgICAgdGhpcy5lbGVtZW50Lm5hdGl2ZUVsZW1lbnQsXG4gICAgICAgICAgICAgICAgJ2hpZGRlbi1lbGVtZW50J1xuICAgICAgICAgICAgKTtcbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgIHRoaXMucmVuZGVyZXIuYWRkQ2xhc3MoXG4gICAgICAgICAgICAgICAgdGhpcy5lbGVtZW50Lm5hdGl2ZUVsZW1lbnQsXG4gICAgICAgICAgICAgICAgJ2hpZGRlbi1lbGVtZW50J1xuICAgICAgICAgICAgKTtcbiAgICAgICAgfVxuICAgIH1cbiAgICBnZXQgdmlzaWJsZSgpOiBib29sZWFuIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX3Zpc2libGU7XG4gICAgfVxuXG4gICAgc3RhbmRBbG9uZSA9IGZhbHNlO1xuXG4gICAgY29uc3RydWN0b3IocHJpdmF0ZSByZW5kZXJlcjogUmVuZGVyZXIyLCBwcml2YXRlIGVsZW1lbnQ6IEVsZW1lbnRSZWYpIHsgfVxuXG4gICAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgICAgIGlmICh0aGlzLmZvcm0gPT09IG51bGwpIHtcbiAgICAgICAgICAgIHRoaXMuc3RhbmRBbG9uZSA9IHRydWU7XG5cbiAgICAgICAgICAgIHRoaXMucmVuZGVyZXIuYWRkQ2xhc3MoXG4gICAgICAgICAgICAgICAgdGhpcy5lbGVtZW50Lm5hdGl2ZUVsZW1lbnQsXG4gICAgICAgICAgICAgICAgUGVwQ3VzdG9taXphdGlvblNlcnZpY2UuU1RBTkRfQUxPTkVfRklFTERfQ0xBU1NfTkFNRVxuICAgICAgICAgICAgKTtcblxuICAgICAgICAgICAgLy8gVGhlcmUgaXMgbm8gcGVwLXRpdGxlLWZpZWxkIGhlcmVcbiAgICAgICAgICAgIC8vIGlmICghdGhpcy5yZW5kZXJUaXRsZSkge1xuICAgICAgICAgICAgLy8gICAgIHRoaXMucmVuZGVyZXIuYWRkQ2xhc3MoXG4gICAgICAgICAgICAvLyAgICAgICAgIHRoaXMuZWxlbWVudC5uYXRpdmVFbGVtZW50LFxuICAgICAgICAgICAgLy8gICAgICAgICBQZXBDdXN0b21pemF0aW9uU2VydmljZS5TVEFORF9BTE9ORV9GSUVMRF9OT19TUEFDSU5HX0NMQVNTX05BTUVcbiAgICAgICAgICAgIC8vICAgICApO1xuICAgICAgICAgICAgLy8gfVxuICAgICAgICB9XG4gICAgfVxufVxuIiwiPG5nLWNvbnRhaW5lciAqbmdJZj1cImxheW91dFR5cGUgPT09ICdmb3JtJ1wiPlxuICAgIDxkaXYgY2xhc3M9XCJwZXAtc2VwYXJhdG9yLWZpZWxkIHdyYXAgcGVwLWJvcmRlci1ib3R0b20gYWxpZ24te3sgeEFsaWdubWVudCB9fVwiXG4gICAgICAgIFtuZ0NsYXNzXT1cInsnc2hvdy1kZXNjcmlwdGlvbic6IGRlc2NyaXB0aW9ufVwiIHRpdGxlPVwie3sgbGFiZWwgfX1cIj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJibG9jay13aXRoLXRleHQgYm9keS1tZFwiPnt7IGxhYmVsIH19PC9zcGFuPlxuICAgIDwvZGl2PlxuICAgIDxkaXYgKm5nSWY9XCJkZXNjcmlwdGlvblwiIGNsYXNzPVwicGVwLXNlcGFyYXRvci1kZXNjcmlwdGlvblwiPlxuICAgICAgICB7e2Rlc2NyaXB0aW9ufX1cbiAgICA8L2Rpdj5cbjwvbmctY29udGFpbmVyPlxuXG48bmctY29udGFpbmVyICpuZ0lmPVwibGF5b3V0VHlwZSA9PT0gJ2NhcmQnXCI+XG4gICAgPGRpdiBjbGFzcz1cInBlcC1zZXBhcmF0b3ItZmllbGQgcGVwLXNtYWxsLXNlcGFyYXRvci1maWVsZCBwZXAtYm9yZGVyLWJvdHRvbSB0ZXh0LWFsaWduLXt7IHhBbGlnbm1lbnQgfX1cIlxuICAgICAgICBkaXI9XCJ7eyB4QWxpZ25tZW50ID09ICdyaWdodCcgPyAncnRsJyA6ICdsdHInIH19XCIgdGl0bGU9XCJ7eyBsYWJlbCB9fVwiPlxuICAgICAgICA8c3BhbiBjbGFzcz1cInNtYWxsLWJsb2NrLXdpdGgtdGV4dCBib2R5LXNtXCI+e3sgbGFiZWwgfX08L3NwYW4+XG4gICAgPC9kaXY+XG48L25nLWNvbnRhaW5lcj5cblxuPG5nLWNvbnRhaW5lciAqbmdJZj1cImxheW91dFR5cGUgPT09ICd0YWJsZSdcIj5cbiAgICA8bGFiZWwgY2xhc3M9XCJjbFwiIHRpdGxlPVwie3sgbGFiZWwgfX1cIj57eyBsYWJlbCB9fTwvbGFiZWw+XG48L25nLWNvbnRhaW5lcj4iXX0=
|
|
@@ -46,10 +46,10 @@ class PepSeparatorComponent {
|
|
|
46
46
|
}
|
|
47
47
|
}
|
|
48
48
|
PepSeparatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepSeparatorComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
49
|
-
PepSeparatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: PepSeparatorComponent, selector: "pep-separator", inputs: { key: "key", label: "label", description: "description", xAlignment: "xAlignment", form: "form", layoutType: "layoutType", visible: "visible" }, ngImport: i0, template: "<ng-container *ngIf=\"layoutType === 'form'\">\n <div class=\"pep-separator-field wrap pep-border-bottom align-{{ xAlignment }}\" title=\"{{ label }}\">\n <span class=\"block-with-text body-md\">{{ label }}</span>\n </div>\n <div *ngIf=\"description\" class=\"pep-separator-description\">\n {{description}}\n </div>\n</ng-container>\n\n<ng-container *ngIf=\"layoutType === 'card'\">\n <div class=\"pep-separator-field pep-small-separator-field pep-border-bottom text-align-{{ xAlignment }}\"\n dir=\"{{ xAlignment == 'right' ? 'rtl' : 'ltr' }}\" title=\"{{ label }}\">\n <span class=\"small-block-with-text body-sm\">{{ label }}</span>\n </div>\n</ng-container>\n\n<ng-container *ngIf=\"layoutType === 'table'\">\n <label class=\"cl\" title=\"{{ label }}\">{{ label }}</label>\n</ng-container>", styles: [":host{height:inherit;display:grid}:host>*{align-self:center}.pepperi-separator-field,.pep-separator-field{padding:0;
|
|
49
|
+
PepSeparatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: PepSeparatorComponent, selector: "pep-separator", inputs: { key: "key", label: "label", description: "description", xAlignment: "xAlignment", form: "form", layoutType: "layoutType", visible: "visible" }, ngImport: i0, template: "<ng-container *ngIf=\"layoutType === 'form'\">\n <div class=\"pep-separator-field wrap pep-border-bottom align-{{ xAlignment }}\"\n [ngClass]=\"{'show-description': description}\" title=\"{{ label }}\">\n <span class=\"block-with-text body-md\">{{ label }}</span>\n </div>\n <div *ngIf=\"description\" class=\"pep-separator-description\">\n {{description}}\n </div>\n</ng-container>\n\n<ng-container *ngIf=\"layoutType === 'card'\">\n <div class=\"pep-separator-field pep-small-separator-field pep-border-bottom text-align-{{ xAlignment }}\"\n dir=\"{{ xAlignment == 'right' ? 'rtl' : 'ltr' }}\" title=\"{{ label }}\">\n <span class=\"small-block-with-text body-sm\">{{ label }}</span>\n </div>\n</ng-container>\n\n<ng-container *ngIf=\"layoutType === 'table'\">\n <label class=\"cl\" title=\"{{ label }}\">{{ label }}</label>\n</ng-container>", styles: [":host{height:inherit;display:grid}:host>*{align-self:center}.pepperi-separator-field,.pep-separator-field{padding:0;max-height:3.5rem;margin-top:.5rem}.pepperi-separator-field:not(.show-description),.pep-separator-field:not(.show-description){height:3.5rem}.pepperi-separator-field.pepperi-small-separator-field,.pepperi-separator-field.pep-small-separator-field,.pep-separator-field.pepperi-small-separator-field,.pep-separator-field.pep-small-separator-field{height:1.15rem;margin-top:.25rem!important;margin-bottom:0!important}.pepperi-separator-field.pepperi-small-separator-field .small-block-with-text,.pepperi-separator-field.pep-small-separator-field .small-block-with-text,.pep-separator-field.pepperi-small-separator-field .small-block-with-text,.pep-separator-field.pep-small-separator-field .small-block-with-text{display:block;font-weight:var(--pep-font-weight-bold, 600);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.pepperi-separator-field.wrap,.pep-separator-field.wrap{display:flex}.pepperi-separator-field.wrap .block-with-text,.pep-separator-field.wrap .block-with-text{width:100%;margin-bottom:.5rem;font-weight:var(--pep-font-weight-bold, 600);align-self:flex-end;max-height:inherit}.pepperi-separator-field.wrap.align-left .block-with-text,.pepperi-separator-field.wrap.align-0 .block-with-text,.pepperi-separator-field.wrap.align-1 .block-with-text,.pep-separator-field.wrap.align-left .block-with-text,.pep-separator-field.wrap.align-0 .block-with-text,.pep-separator-field.wrap.align-1 .block-with-text{max-width:100%;overflow:hidden;position:relative;line-height:1.5rem;max-height:3.05rem;direction:ltr;text-align:left;margin-right:-1em;padding-right:1em}.pepperi-separator-field.wrap.align-left .block-with-text:before,.pepperi-separator-field.wrap.align-0 .block-with-text:before,.pepperi-separator-field.wrap.align-1 .block-with-text:before,.pep-separator-field.wrap.align-left .block-with-text:before,.pep-separator-field.wrap.align-0 .block-with-text:before,.pep-separator-field.wrap.align-1 .block-with-text:before{content:\"...\";position:absolute;bottom:0}.pepperi-separator-field.wrap.align-left .block-with-text:after,.pepperi-separator-field.wrap.align-0 .block-with-text:after,.pepperi-separator-field.wrap.align-1 .block-with-text:after,.pep-separator-field.wrap.align-left .block-with-text:after,.pep-separator-field.wrap.align-0 .block-with-text:after,.pep-separator-field.wrap.align-1 .block-with-text:after{content:\"...\";position:absolute;height:1.5rem;margin-top:.2rem;background:#fff;color:#fff}.pepperi-separator-field.wrap.align-left .block-with-text:before,.pepperi-separator-field.wrap.align-0 .block-with-text:before,.pepperi-separator-field.wrap.align-1 .block-with-text:before,.pep-separator-field.wrap.align-left .block-with-text:before,.pep-separator-field.wrap.align-0 .block-with-text:before,.pep-separator-field.wrap.align-1 .block-with-text:before{right:3px}.pepperi-separator-field.wrap.align-left .block-with-text:after,.pepperi-separator-field.wrap.align-0 .block-with-text:after,.pepperi-separator-field.wrap.align-1 .block-with-text:after,.pep-separator-field.wrap.align-left .block-with-text:after,.pep-separator-field.wrap.align-0 .block-with-text:after,.pep-separator-field.wrap.align-1 .block-with-text:after{right:3px}.pepperi-separator-field.wrap.align-right .block-with-text,.pepperi-separator-field.wrap.align-2 .block-with-text,.pep-separator-field.wrap.align-right .block-with-text,.pep-separator-field.wrap.align-2 .block-with-text{max-width:100%;overflow:hidden;position:relative;line-height:1.5rem;max-height:3.05rem;direction:rtl;text-align:right;padding-left:1em}.pepperi-separator-field.wrap.align-right .block-with-text:before,.pepperi-separator-field.wrap.align-2 .block-with-text:before,.pep-separator-field.wrap.align-right .block-with-text:before,.pep-separator-field.wrap.align-2 .block-with-text:before{content:\"...\";position:absolute;bottom:0}.pepperi-separator-field.wrap.align-right .block-with-text:after,.pepperi-separator-field.wrap.align-2 .block-with-text:after,.pep-separator-field.wrap.align-right .block-with-text:after,.pep-separator-field.wrap.align-2 .block-with-text:after{content:\"...\";position:absolute;height:1.5rem;margin-top:.2rem;background:#fff;color:#fff}.pepperi-separator-field.wrap.align-right .block-with-text:before,.pepperi-separator-field.wrap.align-2 .block-with-text:before,.pep-separator-field.wrap.align-right .block-with-text:before,.pep-separator-field.wrap.align-2 .block-with-text:before{left:3px}.pepperi-separator-field.wrap.align-right .block-with-text:after,.pepperi-separator-field.wrap.align-2 .block-with-text:after,.pep-separator-field.wrap.align-right .block-with-text:after,.pep-separator-field.wrap.align-2 .block-with-text:after{left:3px}.pepperi-separator-field.wrap.align-center .block-with-text,.pepperi-separator-field.wrap.align-3 .block-with-text,.pep-separator-field.wrap.align-center .block-with-text,.pep-separator-field.wrap.align-3 .block-with-text{max-width:100%;overflow:hidden;position:relative;line-height:1.5rem;max-height:3.05rem;direction:ltr;text-align:center;margin-right:-1em;padding-right:1em}.pepperi-separator-field.wrap.align-center .block-with-text:before,.pepperi-separator-field.wrap.align-3 .block-with-text:before,.pep-separator-field.wrap.align-center .block-with-text:before,.pep-separator-field.wrap.align-3 .block-with-text:before{content:\"...\";position:absolute;bottom:0}.pepperi-separator-field.wrap.align-center .block-with-text:after,.pepperi-separator-field.wrap.align-3 .block-with-text:after,.pep-separator-field.wrap.align-center .block-with-text:after,.pep-separator-field.wrap.align-3 .block-with-text:after{content:\"...\";position:absolute;height:1.5rem;margin-top:.2rem;background:#fff;color:#fff}.pepperi-separator-field.wrap.align-center .block-with-text:before,.pepperi-separator-field.wrap.align-3 .block-with-text:before,.pep-separator-field.wrap.align-center .block-with-text:before,.pep-separator-field.wrap.align-3 .block-with-text:before{right:3px}.pepperi-separator-field.wrap.align-center .block-with-text:after,.pepperi-separator-field.wrap.align-3 .block-with-text:after,.pep-separator-field.wrap.align-center .block-with-text:after,.pep-separator-field.wrap.align-3 .block-with-text:after{right:3px}.pep-separator-description{margin-top:var(--pep-spacing-sm, .5rem);font-size:var(--pep-font-size-xs, .75rem);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
50
50
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepSeparatorComponent, decorators: [{
|
|
51
51
|
type: Component,
|
|
52
|
-
args: [{ selector: 'pep-separator', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"layoutType === 'form'\">\n <div class=\"pep-separator-field wrap pep-border-bottom align-{{ xAlignment }}\" title=\"{{ label }}\">\n <span class=\"block-with-text body-md\">{{ label }}</span>\n </div>\n <div *ngIf=\"description\" class=\"pep-separator-description\">\n {{description}}\n </div>\n</ng-container>\n\n<ng-container *ngIf=\"layoutType === 'card'\">\n <div class=\"pep-separator-field pep-small-separator-field pep-border-bottom text-align-{{ xAlignment }}\"\n dir=\"{{ xAlignment == 'right' ? 'rtl' : 'ltr' }}\" title=\"{{ label }}\">\n <span class=\"small-block-with-text body-sm\">{{ label }}</span>\n </div>\n</ng-container>\n\n<ng-container *ngIf=\"layoutType === 'table'\">\n <label class=\"cl\" title=\"{{ label }}\">{{ label }}</label>\n</ng-container>", styles: [":host{height:inherit;display:grid}:host>*{align-self:center}.pepperi-separator-field,.pep-separator-field{padding:0;
|
|
52
|
+
args: [{ selector: 'pep-separator', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"layoutType === 'form'\">\n <div class=\"pep-separator-field wrap pep-border-bottom align-{{ xAlignment }}\"\n [ngClass]=\"{'show-description': description}\" title=\"{{ label }}\">\n <span class=\"block-with-text body-md\">{{ label }}</span>\n </div>\n <div *ngIf=\"description\" class=\"pep-separator-description\">\n {{description}}\n </div>\n</ng-container>\n\n<ng-container *ngIf=\"layoutType === 'card'\">\n <div class=\"pep-separator-field pep-small-separator-field pep-border-bottom text-align-{{ xAlignment }}\"\n dir=\"{{ xAlignment == 'right' ? 'rtl' : 'ltr' }}\" title=\"{{ label }}\">\n <span class=\"small-block-with-text body-sm\">{{ label }}</span>\n </div>\n</ng-container>\n\n<ng-container *ngIf=\"layoutType === 'table'\">\n <label class=\"cl\" title=\"{{ label }}\">{{ label }}</label>\n</ng-container>", styles: [":host{height:inherit;display:grid}:host>*{align-self:center}.pepperi-separator-field,.pep-separator-field{padding:0;max-height:3.5rem;margin-top:.5rem}.pepperi-separator-field:not(.show-description),.pep-separator-field:not(.show-description){height:3.5rem}.pepperi-separator-field.pepperi-small-separator-field,.pepperi-separator-field.pep-small-separator-field,.pep-separator-field.pepperi-small-separator-field,.pep-separator-field.pep-small-separator-field{height:1.15rem;margin-top:.25rem!important;margin-bottom:0!important}.pepperi-separator-field.pepperi-small-separator-field .small-block-with-text,.pepperi-separator-field.pep-small-separator-field .small-block-with-text,.pep-separator-field.pepperi-small-separator-field .small-block-with-text,.pep-separator-field.pep-small-separator-field .small-block-with-text{display:block;font-weight:var(--pep-font-weight-bold, 600);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.pepperi-separator-field.wrap,.pep-separator-field.wrap{display:flex}.pepperi-separator-field.wrap .block-with-text,.pep-separator-field.wrap .block-with-text{width:100%;margin-bottom:.5rem;font-weight:var(--pep-font-weight-bold, 600);align-self:flex-end;max-height:inherit}.pepperi-separator-field.wrap.align-left .block-with-text,.pepperi-separator-field.wrap.align-0 .block-with-text,.pepperi-separator-field.wrap.align-1 .block-with-text,.pep-separator-field.wrap.align-left .block-with-text,.pep-separator-field.wrap.align-0 .block-with-text,.pep-separator-field.wrap.align-1 .block-with-text{max-width:100%;overflow:hidden;position:relative;line-height:1.5rem;max-height:3.05rem;direction:ltr;text-align:left;margin-right:-1em;padding-right:1em}.pepperi-separator-field.wrap.align-left .block-with-text:before,.pepperi-separator-field.wrap.align-0 .block-with-text:before,.pepperi-separator-field.wrap.align-1 .block-with-text:before,.pep-separator-field.wrap.align-left .block-with-text:before,.pep-separator-field.wrap.align-0 .block-with-text:before,.pep-separator-field.wrap.align-1 .block-with-text:before{content:\"...\";position:absolute;bottom:0}.pepperi-separator-field.wrap.align-left .block-with-text:after,.pepperi-separator-field.wrap.align-0 .block-with-text:after,.pepperi-separator-field.wrap.align-1 .block-with-text:after,.pep-separator-field.wrap.align-left .block-with-text:after,.pep-separator-field.wrap.align-0 .block-with-text:after,.pep-separator-field.wrap.align-1 .block-with-text:after{content:\"...\";position:absolute;height:1.5rem;margin-top:.2rem;background:#fff;color:#fff}.pepperi-separator-field.wrap.align-left .block-with-text:before,.pepperi-separator-field.wrap.align-0 .block-with-text:before,.pepperi-separator-field.wrap.align-1 .block-with-text:before,.pep-separator-field.wrap.align-left .block-with-text:before,.pep-separator-field.wrap.align-0 .block-with-text:before,.pep-separator-field.wrap.align-1 .block-with-text:before{right:3px}.pepperi-separator-field.wrap.align-left .block-with-text:after,.pepperi-separator-field.wrap.align-0 .block-with-text:after,.pepperi-separator-field.wrap.align-1 .block-with-text:after,.pep-separator-field.wrap.align-left .block-with-text:after,.pep-separator-field.wrap.align-0 .block-with-text:after,.pep-separator-field.wrap.align-1 .block-with-text:after{right:3px}.pepperi-separator-field.wrap.align-right .block-with-text,.pepperi-separator-field.wrap.align-2 .block-with-text,.pep-separator-field.wrap.align-right .block-with-text,.pep-separator-field.wrap.align-2 .block-with-text{max-width:100%;overflow:hidden;position:relative;line-height:1.5rem;max-height:3.05rem;direction:rtl;text-align:right;padding-left:1em}.pepperi-separator-field.wrap.align-right .block-with-text:before,.pepperi-separator-field.wrap.align-2 .block-with-text:before,.pep-separator-field.wrap.align-right .block-with-text:before,.pep-separator-field.wrap.align-2 .block-with-text:before{content:\"...\";position:absolute;bottom:0}.pepperi-separator-field.wrap.align-right .block-with-text:after,.pepperi-separator-field.wrap.align-2 .block-with-text:after,.pep-separator-field.wrap.align-right .block-with-text:after,.pep-separator-field.wrap.align-2 .block-with-text:after{content:\"...\";position:absolute;height:1.5rem;margin-top:.2rem;background:#fff;color:#fff}.pepperi-separator-field.wrap.align-right .block-with-text:before,.pepperi-separator-field.wrap.align-2 .block-with-text:before,.pep-separator-field.wrap.align-right .block-with-text:before,.pep-separator-field.wrap.align-2 .block-with-text:before{left:3px}.pepperi-separator-field.wrap.align-right .block-with-text:after,.pepperi-separator-field.wrap.align-2 .block-with-text:after,.pep-separator-field.wrap.align-right .block-with-text:after,.pep-separator-field.wrap.align-2 .block-with-text:after{left:3px}.pepperi-separator-field.wrap.align-center .block-with-text,.pepperi-separator-field.wrap.align-3 .block-with-text,.pep-separator-field.wrap.align-center .block-with-text,.pep-separator-field.wrap.align-3 .block-with-text{max-width:100%;overflow:hidden;position:relative;line-height:1.5rem;max-height:3.05rem;direction:ltr;text-align:center;margin-right:-1em;padding-right:1em}.pepperi-separator-field.wrap.align-center .block-with-text:before,.pepperi-separator-field.wrap.align-3 .block-with-text:before,.pep-separator-field.wrap.align-center .block-with-text:before,.pep-separator-field.wrap.align-3 .block-with-text:before{content:\"...\";position:absolute;bottom:0}.pepperi-separator-field.wrap.align-center .block-with-text:after,.pepperi-separator-field.wrap.align-3 .block-with-text:after,.pep-separator-field.wrap.align-center .block-with-text:after,.pep-separator-field.wrap.align-3 .block-with-text:after{content:\"...\";position:absolute;height:1.5rem;margin-top:.2rem;background:#fff;color:#fff}.pepperi-separator-field.wrap.align-center .block-with-text:before,.pepperi-separator-field.wrap.align-3 .block-with-text:before,.pep-separator-field.wrap.align-center .block-with-text:before,.pep-separator-field.wrap.align-3 .block-with-text:before{right:3px}.pepperi-separator-field.wrap.align-center .block-with-text:after,.pepperi-separator-field.wrap.align-3 .block-with-text:after,.pep-separator-field.wrap.align-center .block-with-text:after,.pep-separator-field.wrap.align-3 .block-with-text:after{right:3px}.pep-separator-description{margin-top:var(--pep-spacing-sm, .5rem);font-size:var(--pep-font-size-xs, .75rem);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}\n"] }]
|
|
53
53
|
}], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }]; }, propDecorators: { key: [{
|
|
54
54
|
type: Input
|
|
55
55
|
}], label: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pepperi-addons-ngx-lib-separator.mjs","sources":["../../../projects/ngx-lib/separator/separator.component.ts","../../../projects/ngx-lib/separator/separator.component.html","../../../projects/ngx-lib/separator/separator.module.ts","../../../projects/ngx-lib/separator/public-api.ts","../../../projects/ngx-lib/separator/pepperi-addons-ngx-lib-separator.ts"],"sourcesContent":["import {\n Component,\n Input,\n OnInit,\n ChangeDetectionStrategy,\n Renderer2,\n ElementRef,\n} from '@angular/core';\nimport { FormGroup } from '@angular/forms';\nimport {\n PepLayoutType,\n PepCustomizationService,\n PepHorizontalAlignment,\n DEFAULT_HORIZONTAL_ALIGNMENT,\n} from '@pepperi-addons/ngx-lib';\n\n@Component({\n selector: 'pep-separator',\n templateUrl: './separator.component.html',\n styleUrls: ['./separator.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class PepSeparatorComponent implements OnInit {\n @Input() key = '';\n @Input() label = '';\n @Input() description = '';\n @Input() xAlignment: PepHorizontalAlignment = DEFAULT_HORIZONTAL_ALIGNMENT;\n\n controlType = 'separator';\n\n @Input() form: FormGroup = null;\n @Input() layoutType: PepLayoutType = 'form';\n // @Input() renderTitle = true;\n\n private _visible = true;\n @Input()\n set visible(visible: boolean) {\n this._visible = visible;\n if (visible) {\n this.renderer.removeClass(\n this.element.nativeElement,\n 'hidden-element'\n );\n } else {\n this.renderer.addClass(\n this.element.nativeElement,\n 'hidden-element'\n );\n }\n }\n get visible(): boolean {\n return this._visible;\n }\n\n standAlone = false;\n\n constructor(private renderer: Renderer2, private element: ElementRef) { }\n\n ngOnInit(): void {\n if (this.form === null) {\n this.standAlone = true;\n\n this.renderer.addClass(\n this.element.nativeElement,\n PepCustomizationService.STAND_ALONE_FIELD_CLASS_NAME\n );\n\n // There is no pep-title-field here\n // if (!this.renderTitle) {\n // this.renderer.addClass(\n // this.element.nativeElement,\n // PepCustomizationService.STAND_ALONE_FIELD_NO_SPACING_CLASS_NAME\n // );\n // }\n }\n }\n}\n","<ng-container *ngIf=\"layoutType === 'form'\">\n <div class=\"pep-separator-field wrap pep-border-bottom align-{{ xAlignment }}\" title=\"{{ label }}\">\n <span class=\"block-with-text body-md\">{{ label }}</span>\n </div>\n <div *ngIf=\"description\" class=\"pep-separator-description\">\n {{description}}\n </div>\n</ng-container>\n\n<ng-container *ngIf=\"layoutType === 'card'\">\n <div class=\"pep-separator-field pep-small-separator-field pep-border-bottom text-align-{{ xAlignment }}\"\n dir=\"{{ xAlignment == 'right' ? 'rtl' : 'ltr' }}\" title=\"{{ label }}\">\n <span class=\"small-block-with-text body-sm\">{{ label }}</span>\n </div>\n</ng-container>\n\n<ng-container *ngIf=\"layoutType === 'table'\">\n <label class=\"cl\" title=\"{{ label }}\">{{ label }}</label>\n</ng-container>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { PepSeparatorComponent } from './separator.component';\n\n@NgModule({\n imports: [CommonModule],\n exports: [PepSeparatorComponent],\n declarations: [PepSeparatorComponent],\n})\nexport class PepSeparatorModule {}\n","/*\n * Public API Surface of ngx-lib/separator\n */\nexport * from './separator.module';\nexport * from './separator.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;MAsBa,qBAAqB,CAAA;IAkC9B,WAAoB,CAAA,QAAmB,EAAU,OAAmB,EAAA;AAAhD,QAAA,IAAQ,CAAA,QAAA,GAAR,QAAQ,CAAW;AAAU,QAAA,IAAO,CAAA,OAAA,GAAP,OAAO,CAAY;AAjC3D,QAAA,IAAG,CAAA,GAAA,GAAG,EAAE,CAAC;AACT,QAAA,IAAK,CAAA,KAAA,GAAG,EAAE,CAAC;AACX,QAAA,IAAW,CAAA,WAAA,GAAG,EAAE,CAAC;AACjB,QAAA,IAAU,CAAA,UAAA,GAA2B,4BAA4B,CAAC;AAE3E,QAAA,IAAW,CAAA,WAAA,GAAG,WAAW,CAAC;AAEjB,QAAA,IAAI,CAAA,IAAA,GAAc,IAAI,CAAC;AACvB,QAAA,IAAU,CAAA,UAAA,GAAkB,MAAM,CAAC;;AAGpC,QAAA,IAAQ,CAAA,QAAA,GAAG,IAAI,CAAC;AAoBxB,QAAA,IAAU,CAAA,UAAA,GAAG,KAAK,CAAC;KAEsD;IArBzE,IACI,OAAO,CAAC,OAAgB,EAAA;AACxB,QAAA,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC;AACxB,QAAA,IAAI,OAAO,EAAE;AACT,YAAA,IAAI,CAAC,QAAQ,CAAC,WAAW,CACrB,IAAI,CAAC,OAAO,CAAC,aAAa,EAC1B,gBAAgB,CACnB,CAAC;AACL,SAAA;AAAM,aAAA;AACH,YAAA,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAClB,IAAI,CAAC,OAAO,CAAC,aAAa,EAC1B,gBAAgB,CACnB,CAAC;AACL,SAAA;KACJ;AACD,IAAA,IAAI,OAAO,GAAA;QACP,OAAO,IAAI,CAAC,QAAQ,CAAC;KACxB;IAMD,QAAQ,GAAA;AACJ,QAAA,IAAI,IAAI,CAAC,IAAI,KAAK,IAAI,EAAE;AACpB,YAAA,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;AAEvB,YAAA,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAClB,IAAI,CAAC,OAAO,CAAC,aAAa,EAC1B,uBAAuB,CAAC,4BAA4B,CACvD,CAAC;;;;;;;;AASL,SAAA;KACJ;;kHArDQ,qBAAqB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,SAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAArB,qBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,qBAAqB,+MCtBlC,
|
|
1
|
+
{"version":3,"file":"pepperi-addons-ngx-lib-separator.mjs","sources":["../../../projects/ngx-lib/separator/separator.component.ts","../../../projects/ngx-lib/separator/separator.component.html","../../../projects/ngx-lib/separator/separator.module.ts","../../../projects/ngx-lib/separator/public-api.ts","../../../projects/ngx-lib/separator/pepperi-addons-ngx-lib-separator.ts"],"sourcesContent":["import {\n Component,\n Input,\n OnInit,\n ChangeDetectionStrategy,\n Renderer2,\n ElementRef,\n} from '@angular/core';\nimport { FormGroup } from '@angular/forms';\nimport {\n PepLayoutType,\n PepCustomizationService,\n PepHorizontalAlignment,\n DEFAULT_HORIZONTAL_ALIGNMENT,\n} from '@pepperi-addons/ngx-lib';\n\n@Component({\n selector: 'pep-separator',\n templateUrl: './separator.component.html',\n styleUrls: ['./separator.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class PepSeparatorComponent implements OnInit {\n @Input() key = '';\n @Input() label = '';\n @Input() description = '';\n @Input() xAlignment: PepHorizontalAlignment = DEFAULT_HORIZONTAL_ALIGNMENT;\n\n controlType = 'separator';\n\n @Input() form: FormGroup = null;\n @Input() layoutType: PepLayoutType = 'form';\n // @Input() renderTitle = true;\n\n private _visible = true;\n @Input()\n set visible(visible: boolean) {\n this._visible = visible;\n if (visible) {\n this.renderer.removeClass(\n this.element.nativeElement,\n 'hidden-element'\n );\n } else {\n this.renderer.addClass(\n this.element.nativeElement,\n 'hidden-element'\n );\n }\n }\n get visible(): boolean {\n return this._visible;\n }\n\n standAlone = false;\n\n constructor(private renderer: Renderer2, private element: ElementRef) { }\n\n ngOnInit(): void {\n if (this.form === null) {\n this.standAlone = true;\n\n this.renderer.addClass(\n this.element.nativeElement,\n PepCustomizationService.STAND_ALONE_FIELD_CLASS_NAME\n );\n\n // There is no pep-title-field here\n // if (!this.renderTitle) {\n // this.renderer.addClass(\n // this.element.nativeElement,\n // PepCustomizationService.STAND_ALONE_FIELD_NO_SPACING_CLASS_NAME\n // );\n // }\n }\n }\n}\n","<ng-container *ngIf=\"layoutType === 'form'\">\n <div class=\"pep-separator-field wrap pep-border-bottom align-{{ xAlignment }}\"\n [ngClass]=\"{'show-description': description}\" title=\"{{ label }}\">\n <span class=\"block-with-text body-md\">{{ label }}</span>\n </div>\n <div *ngIf=\"description\" class=\"pep-separator-description\">\n {{description}}\n </div>\n</ng-container>\n\n<ng-container *ngIf=\"layoutType === 'card'\">\n <div class=\"pep-separator-field pep-small-separator-field pep-border-bottom text-align-{{ xAlignment }}\"\n dir=\"{{ xAlignment == 'right' ? 'rtl' : 'ltr' }}\" title=\"{{ label }}\">\n <span class=\"small-block-with-text body-sm\">{{ label }}</span>\n </div>\n</ng-container>\n\n<ng-container *ngIf=\"layoutType === 'table'\">\n <label class=\"cl\" title=\"{{ label }}\">{{ label }}</label>\n</ng-container>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { PepSeparatorComponent } from './separator.component';\n\n@NgModule({\n imports: [CommonModule],\n exports: [PepSeparatorComponent],\n declarations: [PepSeparatorComponent],\n})\nexport class PepSeparatorModule {}\n","/*\n * Public API Surface of ngx-lib/separator\n */\nexport * from './separator.module';\nexport * from './separator.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
@@ -46,10 +46,10 @@ class PepSeparatorComponent {
|
|
|
46
46
|
}
|
|
47
47
|
}
|
|
48
48
|
PepSeparatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepSeparatorComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
49
|
-
PepSeparatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: PepSeparatorComponent, selector: "pep-separator", inputs: { key: "key", label: "label", description: "description", xAlignment: "xAlignment", form: "form", layoutType: "layoutType", visible: "visible" }, ngImport: i0, template: "<ng-container *ngIf=\"layoutType === 'form'\">\n <div class=\"pep-separator-field wrap pep-border-bottom align-{{ xAlignment }}\" title=\"{{ label }}\">\n <span class=\"block-with-text body-md\">{{ label }}</span>\n </div>\n <div *ngIf=\"description\" class=\"pep-separator-description\">\n {{description}}\n </div>\n</ng-container>\n\n<ng-container *ngIf=\"layoutType === 'card'\">\n <div class=\"pep-separator-field pep-small-separator-field pep-border-bottom text-align-{{ xAlignment }}\"\n dir=\"{{ xAlignment == 'right' ? 'rtl' : 'ltr' }}\" title=\"{{ label }}\">\n <span class=\"small-block-with-text body-sm\">{{ label }}</span>\n </div>\n</ng-container>\n\n<ng-container *ngIf=\"layoutType === 'table'\">\n <label class=\"cl\" title=\"{{ label }}\">{{ label }}</label>\n</ng-container>", styles: [":host{height:inherit;display:grid}:host>*{align-self:center}.pepperi-separator-field,.pep-separator-field{padding:0;
|
|
49
|
+
PepSeparatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: PepSeparatorComponent, selector: "pep-separator", inputs: { key: "key", label: "label", description: "description", xAlignment: "xAlignment", form: "form", layoutType: "layoutType", visible: "visible" }, ngImport: i0, template: "<ng-container *ngIf=\"layoutType === 'form'\">\n <div class=\"pep-separator-field wrap pep-border-bottom align-{{ xAlignment }}\"\n [ngClass]=\"{'show-description': description}\" title=\"{{ label }}\">\n <span class=\"block-with-text body-md\">{{ label }}</span>\n </div>\n <div *ngIf=\"description\" class=\"pep-separator-description\">\n {{description}}\n </div>\n</ng-container>\n\n<ng-container *ngIf=\"layoutType === 'card'\">\n <div class=\"pep-separator-field pep-small-separator-field pep-border-bottom text-align-{{ xAlignment }}\"\n dir=\"{{ xAlignment == 'right' ? 'rtl' : 'ltr' }}\" title=\"{{ label }}\">\n <span class=\"small-block-with-text body-sm\">{{ label }}</span>\n </div>\n</ng-container>\n\n<ng-container *ngIf=\"layoutType === 'table'\">\n <label class=\"cl\" title=\"{{ label }}\">{{ label }}</label>\n</ng-container>", styles: [":host{height:inherit;display:grid}:host>*{align-self:center}.pepperi-separator-field,.pep-separator-field{padding:0;max-height:3.5rem;margin-top:.5rem}.pepperi-separator-field:not(.show-description),.pep-separator-field:not(.show-description){height:3.5rem}.pepperi-separator-field.pepperi-small-separator-field,.pepperi-separator-field.pep-small-separator-field,.pep-separator-field.pepperi-small-separator-field,.pep-separator-field.pep-small-separator-field{height:1.15rem;margin-top:.25rem!important;margin-bottom:0!important}.pepperi-separator-field.pepperi-small-separator-field .small-block-with-text,.pepperi-separator-field.pep-small-separator-field .small-block-with-text,.pep-separator-field.pepperi-small-separator-field .small-block-with-text,.pep-separator-field.pep-small-separator-field .small-block-with-text{display:block;font-weight:var(--pep-font-weight-bold, 600);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.pepperi-separator-field.wrap,.pep-separator-field.wrap{display:flex}.pepperi-separator-field.wrap .block-with-text,.pep-separator-field.wrap .block-with-text{width:100%;margin-bottom:.5rem;font-weight:var(--pep-font-weight-bold, 600);align-self:flex-end;max-height:inherit}.pepperi-separator-field.wrap.align-left .block-with-text,.pepperi-separator-field.wrap.align-0 .block-with-text,.pepperi-separator-field.wrap.align-1 .block-with-text,.pep-separator-field.wrap.align-left .block-with-text,.pep-separator-field.wrap.align-0 .block-with-text,.pep-separator-field.wrap.align-1 .block-with-text{max-width:100%;overflow:hidden;position:relative;line-height:1.5rem;max-height:3.05rem;direction:ltr;text-align:left;margin-right:-1em;padding-right:1em}.pepperi-separator-field.wrap.align-left .block-with-text:before,.pepperi-separator-field.wrap.align-0 .block-with-text:before,.pepperi-separator-field.wrap.align-1 .block-with-text:before,.pep-separator-field.wrap.align-left .block-with-text:before,.pep-separator-field.wrap.align-0 .block-with-text:before,.pep-separator-field.wrap.align-1 .block-with-text:before{content:\"...\";position:absolute;bottom:0}.pepperi-separator-field.wrap.align-left .block-with-text:after,.pepperi-separator-field.wrap.align-0 .block-with-text:after,.pepperi-separator-field.wrap.align-1 .block-with-text:after,.pep-separator-field.wrap.align-left .block-with-text:after,.pep-separator-field.wrap.align-0 .block-with-text:after,.pep-separator-field.wrap.align-1 .block-with-text:after{content:\"...\";position:absolute;height:1.5rem;margin-top:.2rem;background:#fff;color:#fff}.pepperi-separator-field.wrap.align-left .block-with-text:before,.pepperi-separator-field.wrap.align-0 .block-with-text:before,.pepperi-separator-field.wrap.align-1 .block-with-text:before,.pep-separator-field.wrap.align-left .block-with-text:before,.pep-separator-field.wrap.align-0 .block-with-text:before,.pep-separator-field.wrap.align-1 .block-with-text:before{right:3px}.pepperi-separator-field.wrap.align-left .block-with-text:after,.pepperi-separator-field.wrap.align-0 .block-with-text:after,.pepperi-separator-field.wrap.align-1 .block-with-text:after,.pep-separator-field.wrap.align-left .block-with-text:after,.pep-separator-field.wrap.align-0 .block-with-text:after,.pep-separator-field.wrap.align-1 .block-with-text:after{right:3px}.pepperi-separator-field.wrap.align-right .block-with-text,.pepperi-separator-field.wrap.align-2 .block-with-text,.pep-separator-field.wrap.align-right .block-with-text,.pep-separator-field.wrap.align-2 .block-with-text{max-width:100%;overflow:hidden;position:relative;line-height:1.5rem;max-height:3.05rem;direction:rtl;text-align:right;padding-left:1em}.pepperi-separator-field.wrap.align-right .block-with-text:before,.pepperi-separator-field.wrap.align-2 .block-with-text:before,.pep-separator-field.wrap.align-right .block-with-text:before,.pep-separator-field.wrap.align-2 .block-with-text:before{content:\"...\";position:absolute;bottom:0}.pepperi-separator-field.wrap.align-right .block-with-text:after,.pepperi-separator-field.wrap.align-2 .block-with-text:after,.pep-separator-field.wrap.align-right .block-with-text:after,.pep-separator-field.wrap.align-2 .block-with-text:after{content:\"...\";position:absolute;height:1.5rem;margin-top:.2rem;background:#fff;color:#fff}.pepperi-separator-field.wrap.align-right .block-with-text:before,.pepperi-separator-field.wrap.align-2 .block-with-text:before,.pep-separator-field.wrap.align-right .block-with-text:before,.pep-separator-field.wrap.align-2 .block-with-text:before{left:3px}.pepperi-separator-field.wrap.align-right .block-with-text:after,.pepperi-separator-field.wrap.align-2 .block-with-text:after,.pep-separator-field.wrap.align-right .block-with-text:after,.pep-separator-field.wrap.align-2 .block-with-text:after{left:3px}.pepperi-separator-field.wrap.align-center .block-with-text,.pepperi-separator-field.wrap.align-3 .block-with-text,.pep-separator-field.wrap.align-center .block-with-text,.pep-separator-field.wrap.align-3 .block-with-text{max-width:100%;overflow:hidden;position:relative;line-height:1.5rem;max-height:3.05rem;direction:ltr;text-align:center;margin-right:-1em;padding-right:1em}.pepperi-separator-field.wrap.align-center .block-with-text:before,.pepperi-separator-field.wrap.align-3 .block-with-text:before,.pep-separator-field.wrap.align-center .block-with-text:before,.pep-separator-field.wrap.align-3 .block-with-text:before{content:\"...\";position:absolute;bottom:0}.pepperi-separator-field.wrap.align-center .block-with-text:after,.pepperi-separator-field.wrap.align-3 .block-with-text:after,.pep-separator-field.wrap.align-center .block-with-text:after,.pep-separator-field.wrap.align-3 .block-with-text:after{content:\"...\";position:absolute;height:1.5rem;margin-top:.2rem;background:#fff;color:#fff}.pepperi-separator-field.wrap.align-center .block-with-text:before,.pepperi-separator-field.wrap.align-3 .block-with-text:before,.pep-separator-field.wrap.align-center .block-with-text:before,.pep-separator-field.wrap.align-3 .block-with-text:before{right:3px}.pepperi-separator-field.wrap.align-center .block-with-text:after,.pepperi-separator-field.wrap.align-3 .block-with-text:after,.pep-separator-field.wrap.align-center .block-with-text:after,.pep-separator-field.wrap.align-3 .block-with-text:after{right:3px}.pep-separator-description{margin-top:var(--pep-spacing-sm, .5rem);font-size:var(--pep-font-size-xs, .75rem);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
50
50
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepSeparatorComponent, decorators: [{
|
|
51
51
|
type: Component,
|
|
52
|
-
args: [{ selector: 'pep-separator', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"layoutType === 'form'\">\n <div class=\"pep-separator-field wrap pep-border-bottom align-{{ xAlignment }}\" title=\"{{ label }}\">\n <span class=\"block-with-text body-md\">{{ label }}</span>\n </div>\n <div *ngIf=\"description\" class=\"pep-separator-description\">\n {{description}}\n </div>\n</ng-container>\n\n<ng-container *ngIf=\"layoutType === 'card'\">\n <div class=\"pep-separator-field pep-small-separator-field pep-border-bottom text-align-{{ xAlignment }}\"\n dir=\"{{ xAlignment == 'right' ? 'rtl' : 'ltr' }}\" title=\"{{ label }}\">\n <span class=\"small-block-with-text body-sm\">{{ label }}</span>\n </div>\n</ng-container>\n\n<ng-container *ngIf=\"layoutType === 'table'\">\n <label class=\"cl\" title=\"{{ label }}\">{{ label }}</label>\n</ng-container>", styles: [":host{height:inherit;display:grid}:host>*{align-self:center}.pepperi-separator-field,.pep-separator-field{padding:0;
|
|
52
|
+
args: [{ selector: 'pep-separator', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"layoutType === 'form'\">\n <div class=\"pep-separator-field wrap pep-border-bottom align-{{ xAlignment }}\"\n [ngClass]=\"{'show-description': description}\" title=\"{{ label }}\">\n <span class=\"block-with-text body-md\">{{ label }}</span>\n </div>\n <div *ngIf=\"description\" class=\"pep-separator-description\">\n {{description}}\n </div>\n</ng-container>\n\n<ng-container *ngIf=\"layoutType === 'card'\">\n <div class=\"pep-separator-field pep-small-separator-field pep-border-bottom text-align-{{ xAlignment }}\"\n dir=\"{{ xAlignment == 'right' ? 'rtl' : 'ltr' }}\" title=\"{{ label }}\">\n <span class=\"small-block-with-text body-sm\">{{ label }}</span>\n </div>\n</ng-container>\n\n<ng-container *ngIf=\"layoutType === 'table'\">\n <label class=\"cl\" title=\"{{ label }}\">{{ label }}</label>\n</ng-container>", styles: [":host{height:inherit;display:grid}:host>*{align-self:center}.pepperi-separator-field,.pep-separator-field{padding:0;max-height:3.5rem;margin-top:.5rem}.pepperi-separator-field:not(.show-description),.pep-separator-field:not(.show-description){height:3.5rem}.pepperi-separator-field.pepperi-small-separator-field,.pepperi-separator-field.pep-small-separator-field,.pep-separator-field.pepperi-small-separator-field,.pep-separator-field.pep-small-separator-field{height:1.15rem;margin-top:.25rem!important;margin-bottom:0!important}.pepperi-separator-field.pepperi-small-separator-field .small-block-with-text,.pepperi-separator-field.pep-small-separator-field .small-block-with-text,.pep-separator-field.pepperi-small-separator-field .small-block-with-text,.pep-separator-field.pep-small-separator-field .small-block-with-text{display:block;font-weight:var(--pep-font-weight-bold, 600);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.pepperi-separator-field.wrap,.pep-separator-field.wrap{display:flex}.pepperi-separator-field.wrap .block-with-text,.pep-separator-field.wrap .block-with-text{width:100%;margin-bottom:.5rem;font-weight:var(--pep-font-weight-bold, 600);align-self:flex-end;max-height:inherit}.pepperi-separator-field.wrap.align-left .block-with-text,.pepperi-separator-field.wrap.align-0 .block-with-text,.pepperi-separator-field.wrap.align-1 .block-with-text,.pep-separator-field.wrap.align-left .block-with-text,.pep-separator-field.wrap.align-0 .block-with-text,.pep-separator-field.wrap.align-1 .block-with-text{max-width:100%;overflow:hidden;position:relative;line-height:1.5rem;max-height:3.05rem;direction:ltr;text-align:left;margin-right:-1em;padding-right:1em}.pepperi-separator-field.wrap.align-left .block-with-text:before,.pepperi-separator-field.wrap.align-0 .block-with-text:before,.pepperi-separator-field.wrap.align-1 .block-with-text:before,.pep-separator-field.wrap.align-left .block-with-text:before,.pep-separator-field.wrap.align-0 .block-with-text:before,.pep-separator-field.wrap.align-1 .block-with-text:before{content:\"...\";position:absolute;bottom:0}.pepperi-separator-field.wrap.align-left .block-with-text:after,.pepperi-separator-field.wrap.align-0 .block-with-text:after,.pepperi-separator-field.wrap.align-1 .block-with-text:after,.pep-separator-field.wrap.align-left .block-with-text:after,.pep-separator-field.wrap.align-0 .block-with-text:after,.pep-separator-field.wrap.align-1 .block-with-text:after{content:\"...\";position:absolute;height:1.5rem;margin-top:.2rem;background:#fff;color:#fff}.pepperi-separator-field.wrap.align-left .block-with-text:before,.pepperi-separator-field.wrap.align-0 .block-with-text:before,.pepperi-separator-field.wrap.align-1 .block-with-text:before,.pep-separator-field.wrap.align-left .block-with-text:before,.pep-separator-field.wrap.align-0 .block-with-text:before,.pep-separator-field.wrap.align-1 .block-with-text:before{right:3px}.pepperi-separator-field.wrap.align-left .block-with-text:after,.pepperi-separator-field.wrap.align-0 .block-with-text:after,.pepperi-separator-field.wrap.align-1 .block-with-text:after,.pep-separator-field.wrap.align-left .block-with-text:after,.pep-separator-field.wrap.align-0 .block-with-text:after,.pep-separator-field.wrap.align-1 .block-with-text:after{right:3px}.pepperi-separator-field.wrap.align-right .block-with-text,.pepperi-separator-field.wrap.align-2 .block-with-text,.pep-separator-field.wrap.align-right .block-with-text,.pep-separator-field.wrap.align-2 .block-with-text{max-width:100%;overflow:hidden;position:relative;line-height:1.5rem;max-height:3.05rem;direction:rtl;text-align:right;padding-left:1em}.pepperi-separator-field.wrap.align-right .block-with-text:before,.pepperi-separator-field.wrap.align-2 .block-with-text:before,.pep-separator-field.wrap.align-right .block-with-text:before,.pep-separator-field.wrap.align-2 .block-with-text:before{content:\"...\";position:absolute;bottom:0}.pepperi-separator-field.wrap.align-right .block-with-text:after,.pepperi-separator-field.wrap.align-2 .block-with-text:after,.pep-separator-field.wrap.align-right .block-with-text:after,.pep-separator-field.wrap.align-2 .block-with-text:after{content:\"...\";position:absolute;height:1.5rem;margin-top:.2rem;background:#fff;color:#fff}.pepperi-separator-field.wrap.align-right .block-with-text:before,.pepperi-separator-field.wrap.align-2 .block-with-text:before,.pep-separator-field.wrap.align-right .block-with-text:before,.pep-separator-field.wrap.align-2 .block-with-text:before{left:3px}.pepperi-separator-field.wrap.align-right .block-with-text:after,.pepperi-separator-field.wrap.align-2 .block-with-text:after,.pep-separator-field.wrap.align-right .block-with-text:after,.pep-separator-field.wrap.align-2 .block-with-text:after{left:3px}.pepperi-separator-field.wrap.align-center .block-with-text,.pepperi-separator-field.wrap.align-3 .block-with-text,.pep-separator-field.wrap.align-center .block-with-text,.pep-separator-field.wrap.align-3 .block-with-text{max-width:100%;overflow:hidden;position:relative;line-height:1.5rem;max-height:3.05rem;direction:ltr;text-align:center;margin-right:-1em;padding-right:1em}.pepperi-separator-field.wrap.align-center .block-with-text:before,.pepperi-separator-field.wrap.align-3 .block-with-text:before,.pep-separator-field.wrap.align-center .block-with-text:before,.pep-separator-field.wrap.align-3 .block-with-text:before{content:\"...\";position:absolute;bottom:0}.pepperi-separator-field.wrap.align-center .block-with-text:after,.pepperi-separator-field.wrap.align-3 .block-with-text:after,.pep-separator-field.wrap.align-center .block-with-text:after,.pep-separator-field.wrap.align-3 .block-with-text:after{content:\"...\";position:absolute;height:1.5rem;margin-top:.2rem;background:#fff;color:#fff}.pepperi-separator-field.wrap.align-center .block-with-text:before,.pepperi-separator-field.wrap.align-3 .block-with-text:before,.pep-separator-field.wrap.align-center .block-with-text:before,.pep-separator-field.wrap.align-3 .block-with-text:before{right:3px}.pepperi-separator-field.wrap.align-center .block-with-text:after,.pepperi-separator-field.wrap.align-3 .block-with-text:after,.pep-separator-field.wrap.align-center .block-with-text:after,.pep-separator-field.wrap.align-3 .block-with-text:after{right:3px}.pep-separator-description{margin-top:var(--pep-spacing-sm, .5rem);font-size:var(--pep-font-size-xs, .75rem);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}\n"] }]
|
|
53
53
|
}], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }]; }, propDecorators: { key: [{
|
|
54
54
|
type: Input
|
|
55
55
|
}], label: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pepperi-addons-ngx-lib-separator.mjs","sources":["../../../projects/ngx-lib/separator/separator.component.ts","../../../projects/ngx-lib/separator/separator.component.html","../../../projects/ngx-lib/separator/separator.module.ts","../../../projects/ngx-lib/separator/public-api.ts","../../../projects/ngx-lib/separator/pepperi-addons-ngx-lib-separator.ts"],"sourcesContent":["import {\n Component,\n Input,\n OnInit,\n ChangeDetectionStrategy,\n Renderer2,\n ElementRef,\n} from '@angular/core';\nimport { FormGroup } from '@angular/forms';\nimport {\n PepLayoutType,\n PepCustomizationService,\n PepHorizontalAlignment,\n DEFAULT_HORIZONTAL_ALIGNMENT,\n} from '@pepperi-addons/ngx-lib';\n\n@Component({\n selector: 'pep-separator',\n templateUrl: './separator.component.html',\n styleUrls: ['./separator.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class PepSeparatorComponent implements OnInit {\n @Input() key = '';\n @Input() label = '';\n @Input() description = '';\n @Input() xAlignment: PepHorizontalAlignment = DEFAULT_HORIZONTAL_ALIGNMENT;\n\n controlType = 'separator';\n\n @Input() form: FormGroup = null;\n @Input() layoutType: PepLayoutType = 'form';\n // @Input() renderTitle = true;\n\n private _visible = true;\n @Input()\n set visible(visible: boolean) {\n this._visible = visible;\n if (visible) {\n this.renderer.removeClass(\n this.element.nativeElement,\n 'hidden-element'\n );\n } else {\n this.renderer.addClass(\n this.element.nativeElement,\n 'hidden-element'\n );\n }\n }\n get visible(): boolean {\n return this._visible;\n }\n\n standAlone = false;\n\n constructor(private renderer: Renderer2, private element: ElementRef) { }\n\n ngOnInit(): void {\n if (this.form === null) {\n this.standAlone = true;\n\n this.renderer.addClass(\n this.element.nativeElement,\n PepCustomizationService.STAND_ALONE_FIELD_CLASS_NAME\n );\n\n // There is no pep-title-field here\n // if (!this.renderTitle) {\n // this.renderer.addClass(\n // this.element.nativeElement,\n // PepCustomizationService.STAND_ALONE_FIELD_NO_SPACING_CLASS_NAME\n // );\n // }\n }\n }\n}\n","<ng-container *ngIf=\"layoutType === 'form'\">\n <div class=\"pep-separator-field wrap pep-border-bottom align-{{ xAlignment }}\" title=\"{{ label }}\">\n <span class=\"block-with-text body-md\">{{ label }}</span>\n </div>\n <div *ngIf=\"description\" class=\"pep-separator-description\">\n {{description}}\n </div>\n</ng-container>\n\n<ng-container *ngIf=\"layoutType === 'card'\">\n <div class=\"pep-separator-field pep-small-separator-field pep-border-bottom text-align-{{ xAlignment }}\"\n dir=\"{{ xAlignment == 'right' ? 'rtl' : 'ltr' }}\" title=\"{{ label }}\">\n <span class=\"small-block-with-text body-sm\">{{ label }}</span>\n </div>\n</ng-container>\n\n<ng-container *ngIf=\"layoutType === 'table'\">\n <label class=\"cl\" title=\"{{ label }}\">{{ label }}</label>\n</ng-container>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { PepSeparatorComponent } from './separator.component';\n\n@NgModule({\n imports: [CommonModule],\n exports: [PepSeparatorComponent],\n declarations: [PepSeparatorComponent],\n})\nexport class PepSeparatorModule {}\n","/*\n * Public API Surface of ngx-lib/separator\n */\nexport * from './separator.module';\nexport * from './separator.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;MAsBa,qBAAqB,CAAA;IAkC9B,WAAoB,CAAA,QAAmB,EAAU,OAAmB,EAAA;QAAhD,IAAQ,CAAA,QAAA,GAAR,QAAQ,CAAW;QAAU,IAAO,CAAA,OAAA,GAAP,OAAO,CAAY;QAjC3D,IAAG,CAAA,GAAA,GAAG,EAAE,CAAC;QACT,IAAK,CAAA,KAAA,GAAG,EAAE,CAAC;QACX,IAAW,CAAA,WAAA,GAAG,EAAE,CAAC;QACjB,IAAU,CAAA,UAAA,GAA2B,4BAA4B,CAAC;QAE3E,IAAW,CAAA,WAAA,GAAG,WAAW,CAAC;QAEjB,IAAI,CAAA,IAAA,GAAc,IAAI,CAAC;QACvB,IAAU,CAAA,UAAA,GAAkB,MAAM,CAAC;;QAGpC,IAAQ,CAAA,QAAA,GAAG,IAAI,CAAC;QAoBxB,IAAU,CAAA,UAAA,GAAG,KAAK,CAAC;KAEsD;IArBzE,IACI,OAAO,CAAC,OAAgB,EAAA;AACxB,QAAA,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC;AACxB,QAAA,IAAI,OAAO,EAAE;AACT,YAAA,IAAI,CAAC,QAAQ,CAAC,WAAW,CACrB,IAAI,CAAC,OAAO,CAAC,aAAa,EAC1B,gBAAgB,CACnB,CAAC;AACL,SAAA;AAAM,aAAA;AACH,YAAA,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAClB,IAAI,CAAC,OAAO,CAAC,aAAa,EAC1B,gBAAgB,CACnB,CAAC;AACL,SAAA;KACJ;AACD,IAAA,IAAI,OAAO,GAAA;QACP,OAAO,IAAI,CAAC,QAAQ,CAAC;KACxB;IAMD,QAAQ,GAAA;AACJ,QAAA,IAAI,IAAI,CAAC,IAAI,KAAK,IAAI,EAAE;AACpB,YAAA,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;AAEvB,YAAA,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAClB,IAAI,CAAC,OAAO,CAAC,aAAa,EAC1B,uBAAuB,CAAC,4BAA4B,CACvD,CAAC;;;;;;;;AASL,SAAA;KACJ;;kHArDQ,qBAAqB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,SAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAArB,qBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,qBAAqB,+MCtBlC,
|
|
1
|
+
{"version":3,"file":"pepperi-addons-ngx-lib-separator.mjs","sources":["../../../projects/ngx-lib/separator/separator.component.ts","../../../projects/ngx-lib/separator/separator.component.html","../../../projects/ngx-lib/separator/separator.module.ts","../../../projects/ngx-lib/separator/public-api.ts","../../../projects/ngx-lib/separator/pepperi-addons-ngx-lib-separator.ts"],"sourcesContent":["import {\n Component,\n Input,\n OnInit,\n ChangeDetectionStrategy,\n Renderer2,\n ElementRef,\n} from '@angular/core';\nimport { FormGroup } from '@angular/forms';\nimport {\n PepLayoutType,\n PepCustomizationService,\n PepHorizontalAlignment,\n DEFAULT_HORIZONTAL_ALIGNMENT,\n} from '@pepperi-addons/ngx-lib';\n\n@Component({\n selector: 'pep-separator',\n templateUrl: './separator.component.html',\n styleUrls: ['./separator.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class PepSeparatorComponent implements OnInit {\n @Input() key = '';\n @Input() label = '';\n @Input() description = '';\n @Input() xAlignment: PepHorizontalAlignment = DEFAULT_HORIZONTAL_ALIGNMENT;\n\n controlType = 'separator';\n\n @Input() form: FormGroup = null;\n @Input() layoutType: PepLayoutType = 'form';\n // @Input() renderTitle = true;\n\n private _visible = true;\n @Input()\n set visible(visible: boolean) {\n this._visible = visible;\n if (visible) {\n this.renderer.removeClass(\n this.element.nativeElement,\n 'hidden-element'\n );\n } else {\n this.renderer.addClass(\n this.element.nativeElement,\n 'hidden-element'\n );\n }\n }\n get visible(): boolean {\n return this._visible;\n }\n\n standAlone = false;\n\n constructor(private renderer: Renderer2, private element: ElementRef) { }\n\n ngOnInit(): void {\n if (this.form === null) {\n this.standAlone = true;\n\n this.renderer.addClass(\n this.element.nativeElement,\n PepCustomizationService.STAND_ALONE_FIELD_CLASS_NAME\n );\n\n // There is no pep-title-field here\n // if (!this.renderTitle) {\n // this.renderer.addClass(\n // this.element.nativeElement,\n // PepCustomizationService.STAND_ALONE_FIELD_NO_SPACING_CLASS_NAME\n // );\n // }\n }\n }\n}\n","<ng-container *ngIf=\"layoutType === 'form'\">\n <div class=\"pep-separator-field wrap pep-border-bottom align-{{ xAlignment }}\"\n [ngClass]=\"{'show-description': description}\" title=\"{{ label }}\">\n <span class=\"block-with-text body-md\">{{ label }}</span>\n </div>\n <div *ngIf=\"description\" class=\"pep-separator-description\">\n {{description}}\n </div>\n</ng-container>\n\n<ng-container *ngIf=\"layoutType === 'card'\">\n <div class=\"pep-separator-field pep-small-separator-field pep-border-bottom text-align-{{ xAlignment }}\"\n dir=\"{{ xAlignment == 'right' ? 'rtl' : 'ltr' }}\" title=\"{{ label }}\">\n <span class=\"small-block-with-text body-sm\">{{ label }}</span>\n </div>\n</ng-container>\n\n<ng-container *ngIf=\"layoutType === 'table'\">\n <label class=\"cl\" title=\"{{ label }}\">{{ label }}</label>\n</ng-container>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { PepSeparatorComponent } from './separator.component';\n\n@NgModule({\n imports: [CommonModule],\n exports: [PepSeparatorComponent],\n declarations: [PepSeparatorComponent],\n})\nexport class PepSeparatorModule {}\n","/*\n * Public API Surface of ngx-lib/separator\n */\nexport * from './separator.module';\nexport * from './separator.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|