@verisoft/ui-primeng 21.0.0 → 21.0.2
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.
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { inject, Input, Optional, Self, Component, forwardRef, ChangeDetectionStrategy, Pipe, input, computed, ViewEncapsulation, Inject, Injectable,
|
|
2
|
+
import { inject, Input, Optional, Self, Component, forwardRef, ChangeDetectionStrategy, Pipe, input, computed, ViewEncapsulation, Inject, Injectable, EventEmitter, ViewChild, Output, NgModule, ChangeDetectorRef, ContentChild, ContentChildren, SimpleChange, Injector, ViewContainerRef, Directive, InjectionToken } from '@angular/core';
|
|
3
3
|
import * as i1 from '@angular/forms';
|
|
4
4
|
import { ReactiveFormsModule, UntypedFormGroup, UntypedFormControl, FormGroup, NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
5
5
|
import * as i1$6 from '@verisoft/ui-core';
|
|
@@ -106,6 +106,10 @@ const Icons = {
|
|
|
106
106
|
check: 'pi pi-check',
|
|
107
107
|
envelope: 'pi pi-envelope',
|
|
108
108
|
loader: 'pi pi-loader',
|
|
109
|
+
file: 'pi pi-file',
|
|
110
|
+
map: 'pi pi-map',
|
|
111
|
+
arrowCounterclockwise: '',
|
|
112
|
+
folder: '',
|
|
109
113
|
};
|
|
110
114
|
|
|
111
115
|
class FormFieldComponent extends BaseFormInputComponent {
|
|
@@ -783,8 +787,12 @@ class UserInfoComponent {
|
|
|
783
787
|
<p-avatar [image]="userAvatar" styleClass="me-2" size="large" shape="circle" />
|
|
784
788
|
}
|
|
785
789
|
<div class="card align-content-center pe-3">
|
|
786
|
-
|
|
787
|
-
|
|
790
|
+
@if (userName) {
|
|
791
|
+
<p class="text-primary m-0 header-username">{{ userName }}</p>
|
|
792
|
+
}
|
|
793
|
+
@if (userRole) {
|
|
794
|
+
<p class="text-default m-0 header-userrole">{{ userRole }}</p>
|
|
795
|
+
}
|
|
788
796
|
</div>
|
|
789
797
|
</div>
|
|
790
798
|
</div>
|
|
@@ -803,8 +811,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
|
|
|
803
811
|
<p-avatar [image]="userAvatar" styleClass="me-2" size="large" shape="circle" />
|
|
804
812
|
}
|
|
805
813
|
<div class="card align-content-center pe-3">
|
|
806
|
-
|
|
807
|
-
|
|
814
|
+
@if (userName) {
|
|
815
|
+
<p class="text-primary m-0 header-username">{{ userName }}</p>
|
|
816
|
+
}
|
|
817
|
+
@if (userRole) {
|
|
818
|
+
<p class="text-default m-0 header-userrole">{{ userRole }}</p>
|
|
819
|
+
}
|
|
808
820
|
</div>
|
|
809
821
|
</div>
|
|
810
822
|
</div>
|
|
@@ -839,15 +851,15 @@ class HeaderComponent extends UnsubscribeComponent {
|
|
|
839
851
|
}
|
|
840
852
|
}
|
|
841
853
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: HeaderComponent, deps: [{ token: HeaderProviderService }, { token: i1$6.ScreenSizeService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
842
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
854
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.6", type: HeaderComponent, isStandalone: true, selector: "v-header", inputs: { title: "title", logoUrl: "logoUrl", userName: "userName", userAvatar: "userAvatar", userRole: "userRole", menuRef: "menuRef", fixed: "fixed" }, providers: [
|
|
843
855
|
{ provide: HEADER_COMPONENT_TOKEN, useExisting: HeaderComponent },
|
|
844
|
-
],
|
|
856
|
+
], usesInheritance: true, ngImport: i0, template: "<div class=\"v-header d-flex w-100 h-100\" [ngStyle]=\"{ position: fixed ? 'relative' : 'fixed' }\">\n <div class=\"burger-menu d-md-none\">\n <v-button [icon]=\"menuVisible ? icons.cross : icons.action\" (click)=\"toggleMenu()\" />\n </div>\n <div class=\"logo p-3\" [routerLink]=\"[logoRouterLink]\">\n <img [src]=\"logoUrl\" class=\"h-100\" />\n </div>\n <div class=\"flex-grow-1 d-flex flex-column justify-content-center\">\n <div class=\"v-header-title text-nowrap d-none d-md-block\">\n {{ title }}\n </div>\n <div class=\"v-header-module-info\">\n <ng-content select=\"[v-header-module]\"></ng-content>\n </div>\n </div>\n <div class=\"d-flex align-items-center\">\n <v-user-info\n [userName]=\"userName\"\n [userRole]=\"userRole\"\n [userAvatar]=\"userAvatar\"\n ></v-user-info>\n </div>\n <div class=\"d-flex gap-4 align-items-center\">\n <ng-content select=\"[v-header-actions]\"></ng-content>\n </div>\n <div class=\"d-flex gap-4 align-items-center justify-content-center\">\n <ng-content select=\"[v-header-info]\"></ng-content>\n </div>\n</div>", styles: [":host{--v-header-title-color: var(--p-primary-color)}.v-header-title{color:var(--v-header-title-color);font-size:1.5rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: AvatarModule }, { kind: "component", type: ButtonComponent, selector: "v-button", inputs: ["label", "icon", "badge", "iconPos", "disabled", "rounded", "outlined", "raised", "severity", "routerLink", "size", "queryParams"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2$4.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: UserInfoComponent, selector: "v-user-info", inputs: ["userAvatar", "userName", "userRole"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
845
857
|
}
|
|
846
858
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: HeaderComponent, decorators: [{
|
|
847
859
|
type: Component,
|
|
848
860
|
args: [{ selector: 'v-header', imports: [CommonModule, AvatarModule, ButtonComponent, RouterModule, UserInfoComponent], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
|
849
861
|
{ provide: HEADER_COMPONENT_TOKEN, useExisting: HeaderComponent },
|
|
850
|
-
], template: "<div class=\"v-header d-flex w-100 h-100\" [ngStyle]=\"{ position: fixed ? 'relative' : 'fixed' }\">\n <div class=\"burger-menu d-md-none\">\n <v-button [icon]=\"menuVisible ? icons.cross : icons.action\" (click)=\"toggleMenu()\" />\n </div>\n <div class=\"logo p-3\" [routerLink]=\"[logoRouterLink]\">\n <img [src]=\"logoUrl\" class=\"h-100\" />\n </div>\n <div class=\"flex-grow-1 d-flex
|
|
862
|
+
], template: "<div class=\"v-header d-flex w-100 h-100\" [ngStyle]=\"{ position: fixed ? 'relative' : 'fixed' }\">\n <div class=\"burger-menu d-md-none\">\n <v-button [icon]=\"menuVisible ? icons.cross : icons.action\" (click)=\"toggleMenu()\" />\n </div>\n <div class=\"logo p-3\" [routerLink]=\"[logoRouterLink]\">\n <img [src]=\"logoUrl\" class=\"h-100\" />\n </div>\n <div class=\"flex-grow-1 d-flex flex-column justify-content-center\">\n <div class=\"v-header-title text-nowrap d-none d-md-block\">\n {{ title }}\n </div>\n <div class=\"v-header-module-info\">\n <ng-content select=\"[v-header-module]\"></ng-content>\n </div>\n </div>\n <div class=\"d-flex align-items-center\">\n <v-user-info\n [userName]=\"userName\"\n [userRole]=\"userRole\"\n [userAvatar]=\"userAvatar\"\n ></v-user-info>\n </div>\n <div class=\"d-flex gap-4 align-items-center\">\n <ng-content select=\"[v-header-actions]\"></ng-content>\n </div>\n <div class=\"d-flex gap-4 align-items-center justify-content-center\">\n <ng-content select=\"[v-header-info]\"></ng-content>\n </div>\n</div>", styles: [":host{--v-header-title-color: var(--p-primary-color)}.v-header-title{color:var(--v-header-title-color);font-size:1.5rem}\n"] }]
|
|
851
863
|
}], ctorParameters: () => [{ type: HeaderProviderService }, { type: i1$6.ScreenSizeService }, { type: i0.ChangeDetectorRef }], propDecorators: { title: [{
|
|
852
864
|
type: Input
|
|
853
865
|
}], logoUrl: [{
|
|
@@ -862,9 +874,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
|
|
|
862
874
|
type: Input
|
|
863
875
|
}], fixed: [{
|
|
864
876
|
type: Input
|
|
865
|
-
}], moduleContent: [{
|
|
866
|
-
type: ContentChild,
|
|
867
|
-
args: ['[module]']
|
|
868
877
|
}] } });
|
|
869
878
|
|
|
870
879
|
class TextareaComponent extends BaseFormInputComponent {
|