@verisoft/ui-primeng 20.2.0 → 21.0.0
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/assets/sass/layout/_app.scss +21 -11
- package/assets/sass/main.scss +2 -2
- package/assets/sass/utils/_utils.scss +4 -0
- package/fesm2022/verisoft-ui-primeng.mjs +385 -223
- package/fesm2022/verisoft-ui-primeng.mjs.map +1 -1
- package/package.json +12 -12
- package/{index.d.ts → types/verisoft-ui-primeng.d.ts} +24 -6
- package/assets/sass/layout/_button.scss +0 -57
- package/assets/sass/layout/_checkbox.scss +0 -33
- package/assets/sass/layout/_dialog.scss +0 -13
- package/assets/sass/layout/_dropdown.scss +0 -9
- package/assets/sass/layout/_formField.scss +0 -5
- package/assets/sass/layout/_header.scss +0 -63
- package/assets/sass/layout/_icons.scss +0 -13
- package/assets/sass/layout/_inputSwitch.scss +0 -13
- package/assets/sass/layout/_layout.scss +0 -6
- package/assets/sass/layout/_loader.scss +0 -9
- package/assets/sass/layout/_radiobutton.scss +0 -21
- package/assets/sass/layout/_sidemenu.scss +0 -173
- package/assets/sass/layout/_snackbar.scss +0 -8
- package/assets/sass/layout/_tables.scss +0 -5
- package/assets/sass/layout/_tree.scss +0 -12
- package/assets/sass/themes/_verisoft_theme.scss +0 -48
package/package.json
CHANGED
|
@@ -1,31 +1,31 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@verisoft/ui-primeng",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "21.0.0",
|
|
4
4
|
"peerDependencies": {
|
|
5
|
-
"@verisoft/core": "~
|
|
6
|
-
"@verisoft/ui-core": "~
|
|
7
|
-
"@angular/core": "~
|
|
8
|
-
"@angular/common": "~
|
|
9
|
-
"@angular/forms": "~
|
|
10
|
-
"@angular/platform-browser": "~
|
|
11
|
-
"@angular/router": "~
|
|
5
|
+
"@verisoft/core": "~21.0.0",
|
|
6
|
+
"@verisoft/ui-core": "~21.0.0",
|
|
7
|
+
"@angular/core": "~21.0.6",
|
|
8
|
+
"@angular/common": "~21.0.6",
|
|
9
|
+
"@angular/forms": "~21.0.6",
|
|
10
|
+
"@angular/platform-browser": "~21.0.6",
|
|
11
|
+
"@angular/router": "~21.0.6",
|
|
12
12
|
"@ngx-translate/core": "^17.0.0",
|
|
13
|
-
"primeng": "~
|
|
13
|
+
"primeng": "~21.0.2",
|
|
14
14
|
"rxjs": "~7.8.0"
|
|
15
15
|
},
|
|
16
16
|
"dependencies": {
|
|
17
|
-
"uuid": "^
|
|
17
|
+
"uuid": "^13.0.0",
|
|
18
18
|
"tslib": "^2.3.0"
|
|
19
19
|
},
|
|
20
20
|
"sideEffects": false,
|
|
21
21
|
"module": "fesm2022/verisoft-ui-primeng.mjs",
|
|
22
|
-
"typings": "
|
|
22
|
+
"typings": "types/verisoft-ui-primeng.d.ts",
|
|
23
23
|
"exports": {
|
|
24
24
|
"./package.json": {
|
|
25
25
|
"default": "./package.json"
|
|
26
26
|
},
|
|
27
27
|
".": {
|
|
28
|
-
"types": "./
|
|
28
|
+
"types": "./types/verisoft-ui-primeng.d.ts",
|
|
29
29
|
"default": "./fesm2022/verisoft-ui-primeng.mjs"
|
|
30
30
|
}
|
|
31
31
|
}
|
|
@@ -2,7 +2,7 @@ import { ControlValueAccessor, NgControl, UntypedFormGroup, ValidatorFn, FormGro
|
|
|
2
2
|
import * as _verisoft_ui_core from '@verisoft/ui-core';
|
|
3
3
|
import { BaseFormInputComponent, InputGroupCore, InputGroupItem, TextfieldCore, FieldSizeType, FieldTypeType, BreadcrumbCoreComponent, CheckboxCore, CalendarCore, FormFieldCore, PasswordCore, SectionCore, ButtonCore, IconPositionType, ControlSeverityType, DropdownButtonCore, MenuItem, RadiobuttonCore, RadioButtonItem, NumberInputCore, UnsubscribeComponent, HeaderCore, ScreenSizeService, TextareaCore, LoaderCore, SnackbarCore, SideMenuCore, SideMenuService, SideMenuProviderService, SideMenuModuleConfig, TableCore, ColumnProvider, TableSelectionModeType, ColumnDefinition, ColumnModel, RowModel, ActionButton, ActionButtonGroupCore, GenericFieldCore, GenericFieldTypeType, GenericFieldType, GenericFieldDefinition, ExtendedComponent, PageHeaderCoreComponent, PageHeaderCore, StepperCore, StepperItem, LayoutTypeType, DropdownCore, MultiselectCore, SliderCore, ConfirmDialogCore, DialogService, DialogData, SwitchCore, TabViewCore, TabViewItemCore, FilterCore, FieldSize, TableDatasourceDirective, TableColumnDirective, TooltipCore, TagCore, TagVariant, IconsComponent, CommonIcons } from '@verisoft/ui-core';
|
|
4
4
|
import * as i0 from '@angular/core';
|
|
5
|
-
import { OnInit, ChangeDetectorRef, AfterContentInit, EventEmitter,
|
|
5
|
+
import { OnInit, ChangeDetectorRef, ElementRef, AfterContentInit, EventEmitter, ModuleWithProviders, AfterViewInit, OnChanges, QueryList, TemplateRef, SimpleChanges, OnDestroy, ComponentFactoryResolver, Type, ViewContainerRef, Injector, ComponentRef, InjectionToken, PipeTransform } from '@angular/core';
|
|
6
6
|
import * as _verisoft_core from '@verisoft/core';
|
|
7
7
|
import { Sort, LazyLoadEvent, DatasourceType, FilterEvent, BaseHttpService } from '@verisoft/core';
|
|
8
8
|
import { Params, Router, ActivatedRoute, Route } from '@angular/router';
|
|
@@ -13,6 +13,7 @@ import { Observable } from 'rxjs';
|
|
|
13
13
|
import { ScrollerLazyLoadEvent } from 'primeng/scroller';
|
|
14
14
|
import { SelectFilterEvent } from 'primeng/select';
|
|
15
15
|
import { HttpInterceptor, HttpRequest, HttpHandler, HttpEvent } from '@angular/common/http';
|
|
16
|
+
import * as _primeuix_themes_types from '@primeuix/themes/types';
|
|
16
17
|
|
|
17
18
|
declare class InputGroupComponent extends BaseFormInputComponent implements ControlValueAccessor, InputGroupCore {
|
|
18
19
|
constructor(ngControl: NgControl);
|
|
@@ -107,6 +108,10 @@ declare class ButtonComponent implements ButtonCore {
|
|
|
107
108
|
static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "v-button", never, { "label": { "alias": "label"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "badge": { "alias": "badge"; "required": false; }; "iconPos": { "alias": "iconPos"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; "outlined": { "alias": "outlined"; "required": false; }; "raised": { "alias": "raised"; "required": false; }; "severity": { "alias": "severity"; "required": false; }; "routerLink": { "alias": "routerLink"; "required": false; }; "size": { "alias": "size"; "required": false; }; "queryParams": { "alias": "queryParams"; "required": false; }; }, {}, never, never, true, never>;
|
|
108
109
|
}
|
|
109
110
|
|
|
111
|
+
type PrimeMessageSeverity = 'success' | 'secondary' | 'info' | 'warn' | 'danger' | 'contrast' | undefined | null;
|
|
112
|
+
type PrimeSeverity = 'success' | 'info' | 'warn' | 'danger' | 'help' | 'primary' | 'secondary' | 'contrast' | null | undefined;
|
|
113
|
+
type PrimeSize = 'small' | 'large' | undefined | null;
|
|
114
|
+
|
|
110
115
|
declare class DropdownButtonComponent implements DropdownButtonCore {
|
|
111
116
|
label: i0.InputSignal<string | undefined>;
|
|
112
117
|
icon: i0.InputSignal<string | undefined>;
|
|
@@ -116,6 +121,16 @@ declare class DropdownButtonComponent implements DropdownButtonCore {
|
|
|
116
121
|
severity: i0.InputSignal<"warning" | "success" | "info" | "danger" | "help" | "primary" | "secondary" | "contrast" | undefined>;
|
|
117
122
|
size: i0.InputSignal<"small" | "medium" | "large" | "xl" | undefined>;
|
|
118
123
|
items: i0.InputSignal<MenuItem[] | undefined>;
|
|
124
|
+
primengSeverity: i0.Signal<PrimeSeverity>;
|
|
125
|
+
primengSize: i0.Signal<PrimeSize>;
|
|
126
|
+
primengItems: i0.Signal<{
|
|
127
|
+
label: string | undefined;
|
|
128
|
+
icon: string | undefined;
|
|
129
|
+
command: () => any;
|
|
130
|
+
url: string | undefined;
|
|
131
|
+
routerLink: any;
|
|
132
|
+
class: string | undefined;
|
|
133
|
+
}[]>;
|
|
119
134
|
static ɵfac: i0.ɵɵFactoryDeclaration<DropdownButtonComponent, never>;
|
|
120
135
|
static ɵcmp: i0.ɵɵComponentDeclaration<DropdownButtonComponent, "v-dropdown-button", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "raised": { "alias": "raised"; "required": false; "isSignal": true; }; "outlined": { "alias": "outlined"; "required": false; "isSignal": true; }; "severity": { "alias": "severity"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
121
136
|
}
|
|
@@ -157,16 +172,18 @@ declare class HeaderComponent extends UnsubscribeComponent implements OnInit, He
|
|
|
157
172
|
title: string;
|
|
158
173
|
logoUrl: string;
|
|
159
174
|
userName: string;
|
|
175
|
+
userAvatar: string;
|
|
160
176
|
userRole: any | any[] | undefined;
|
|
161
177
|
menuRef: HTMLDivElement;
|
|
162
|
-
|
|
178
|
+
fixed: boolean;
|
|
179
|
+
moduleContent?: ElementRef;
|
|
163
180
|
icons: _verisoft_ui_core.CommonIcons;
|
|
164
181
|
protected menuVisible: boolean;
|
|
165
182
|
protected logoRouterLink: string;
|
|
166
183
|
ngOnInit(): void;
|
|
167
184
|
toggleMenu(): void;
|
|
168
185
|
static ɵfac: i0.ɵɵFactoryDeclaration<HeaderComponent, never>;
|
|
169
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<HeaderComponent, "v-header", never, { "title": { "alias": "title"; "required": false; }; "logoUrl": { "alias": "logoUrl"; "required": false; }; "userName": { "alias": "userName"; "required": false; }; "userRole": { "alias": "userRole"; "required": false; }; "menuRef": { "alias": "menuRef"; "required": false; }; "
|
|
186
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<HeaderComponent, "v-header", never, { "title": { "alias": "title"; "required": false; }; "logoUrl": { "alias": "logoUrl"; "required": false; }; "userName": { "alias": "userName"; "required": false; }; "userAvatar": { "alias": "userAvatar"; "required": false; }; "userRole": { "alias": "userRole"; "required": false; }; "menuRef": { "alias": "menuRef"; "required": false; }; "fixed": { "alias": "fixed"; "required": false; }; }, {}, ["moduleContent"], ["[module]", "[useractions]", "[dbcontext]"], true, never>;
|
|
170
187
|
}
|
|
171
188
|
|
|
172
189
|
declare class TextareaComponent extends BaseFormInputComponent implements ControlValueAccessor, TextareaCore {
|
|
@@ -723,13 +740,12 @@ declare class TooltipComponent implements TooltipCore {
|
|
|
723
740
|
static ɵcmp: i0.ɵɵComponentDeclaration<TooltipComponent, "v-tooltip", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "tooltipText": { "alias": "tooltipText"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
724
741
|
}
|
|
725
742
|
|
|
726
|
-
type PrimeSeverity = 'success' | 'info' | 'warning' | 'danger' | null;
|
|
727
743
|
declare class TagComponent implements TagCore {
|
|
728
744
|
label: i0.InputSignal<string | undefined>;
|
|
729
745
|
severity: i0.InputSignal<"warning" | "success" | "info" | "danger" | "help" | "primary" | "secondary" | "contrast" | undefined>;
|
|
730
746
|
variant: i0.InputSignal<TagVariant>;
|
|
731
747
|
size: i0.InputSignal<"small" | "medium" | "large" | "xl">;
|
|
732
|
-
protected readonly primeSeverity: i0.Signal<
|
|
748
|
+
protected readonly primeSeverity: i0.Signal<PrimeMessageSeverity>;
|
|
733
749
|
protected readonly tagClasses: i0.Signal<string>;
|
|
734
750
|
protected readonly rounded: i0.Signal<boolean>;
|
|
735
751
|
static ɵfac: i0.ɵɵFactoryDeclaration<TagComponent, never>;
|
|
@@ -748,5 +764,7 @@ declare class IconComponent extends IconsComponent {
|
|
|
748
764
|
|
|
749
765
|
declare const Icons: CommonIcons;
|
|
750
766
|
|
|
751
|
-
|
|
767
|
+
declare const VerisoftTheme: _primeuix_themes_types.Preset;
|
|
768
|
+
|
|
769
|
+
export { ActionButtonComponent, ActionButtonGroupComponent, BreadcrumbComponent, ButtonComponent, CalendarComponent, CheckboxComponent, ConfirmDialogComponent, DropdownButtonComponent, DropdownComponent, DynamicComponent, DynamicComponentFactoryService, FEATURE_LIST_COLUMN_PROVIDER, FEATURE_LIST_PAGE_CONFIG_PROPERTY, FeatureListColumnDirective, FeatureListComponent, FeatureListFilterFieldDirective, FeatureListFilterPipe, FilterComponent, FilterFieldDirective, FormFieldComponent, GenericFieldComponent, GenericFormComponent, HeaderComponent, HeaderProviderService, HttpErrorMessageInterceptor, IconComponent, Icons, InputGroupComponent, LoaderComponent, MultiselectComponent, NumberInputComponent, PageHeaderComponent, PasswordComponent, RadioButtonComponent, SectionComponent, SideMenuComponent, SideMenuModule, SliderComponent, SnackbarComponent, SnackbarService, StepperComponent, SwitchComponent, TabViewComponent, TabViewItemComponent, TableComponent, TagComponent, TextareaComponent, TextfieldComponent, TooltipComponent, VerisoftTheme, addFeatureListPage, generateFormGroup, getColumnClass };
|
|
752
770
|
export type { FeatureListColumnDefinition, FeatureListColumnProvider, FeatureListPageConfig };
|
|
@@ -1,57 +0,0 @@
|
|
|
1
|
-
.p-button:not(.p-button-outlined) {
|
|
2
|
-
color: var(--white-color);
|
|
3
|
-
}
|
|
4
|
-
|
|
5
|
-
.p-button.p-button-danger:not(.p-button-outlined),
|
|
6
|
-
.p-button-group.p-button-danger > .p-button,
|
|
7
|
-
.p-splitbutton.p-button-danger > .p-button {
|
|
8
|
-
border-color: var(--error-color);
|
|
9
|
-
background-color: var(--error-color);
|
|
10
|
-
|
|
11
|
-
&:hover {
|
|
12
|
-
border-color: #e60017;
|
|
13
|
-
background-color: #e60017;
|
|
14
|
-
}
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
.p-button.p-button-success:not(.p-button-outlined),
|
|
18
|
-
.p-button-group.p-button-success > .p-button,
|
|
19
|
-
.p-splitbutton.p-button-success > .p-button {
|
|
20
|
-
border-color: var(--success-color);
|
|
21
|
-
background-color: var(--success-color);
|
|
22
|
-
color: var(--white-color);
|
|
23
|
-
|
|
24
|
-
&:hover {
|
|
25
|
-
border-color: #439446;
|
|
26
|
-
background-color: #439446;
|
|
27
|
-
}
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
.p-button-icon-only.p-button-danger:not(.p-button-outlined) {
|
|
31
|
-
border-color: var(--error-color);
|
|
32
|
-
background-color: var(--error-color);
|
|
33
|
-
|
|
34
|
-
.pi {
|
|
35
|
-
color: var(--white-color) !important;
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
&:hover {
|
|
39
|
-
border-color: #e60017;
|
|
40
|
-
background-color: #e60017;
|
|
41
|
-
}
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
.p-button-icon-only.p-button-success:not(.p-button-outlined) {
|
|
45
|
-
border-color: var(--success-color);
|
|
46
|
-
background-color: var(--success-color);
|
|
47
|
-
|
|
48
|
-
&:hover {
|
|
49
|
-
border-color: #57b44c;
|
|
50
|
-
background-color: #57b44c !important;
|
|
51
|
-
}
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
.p-button-icon-only.p-button-secondary:not(.p-button-outlined) {
|
|
55
|
-
border-color: var(--secondary-color);
|
|
56
|
-
background-color: var(--secondary-color);
|
|
57
|
-
}
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
.p-checkbox-label {
|
|
2
|
-
color: var(--secondary-color);
|
|
3
|
-
}
|
|
4
|
-
|
|
5
|
-
.p-checkbox-label-active {
|
|
6
|
-
color: var(--primary-color);
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
.p-checkbox .p-checkbox-box {
|
|
10
|
-
border-color: var(--secondary-color);
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
.p-checkbox .p-checkbox-box.p-highlight {
|
|
14
|
-
border-color: var(--primary-color);
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
.p-checkbox .p-checkbox-box .p-checkbox-icon {
|
|
18
|
-
color: var(--white-color);
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
|
|
22
|
-
box-shadow: none;
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
p-checkbox.ng-dirty.ng-invalid {
|
|
26
|
-
.p-checkbox>.p-checkbox-box {
|
|
27
|
-
border-color: var(--error-color);
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
.p-checkbox-label {
|
|
31
|
-
color: var(--error-color);
|
|
32
|
-
}
|
|
33
|
-
}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
.p-dialog .p-dialog-footer button {
|
|
2
|
-
margin: 0;
|
|
3
|
-
}
|
|
4
|
-
|
|
5
|
-
.v-dialog-header > i {
|
|
6
|
-
font-size: 2rem;
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
.v-dialog-footer .p-button.p-button-success:not(.p-button-text):not(.p-button-outlined),
|
|
10
|
-
.p-button-group.p-button-success>.p-button,
|
|
11
|
-
.p-splitbutton.p-button-success>.p-button {
|
|
12
|
-
padding: 0.5rem 2.5rem;
|
|
13
|
-
}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus,
|
|
2
|
-
.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus{
|
|
3
|
-
background-color: var(--primary-color-semitransparent);
|
|
4
|
-
}
|
|
5
|
-
|
|
6
|
-
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus:hover,
|
|
7
|
-
.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus:hover {
|
|
8
|
-
background-color: var(--primary-color);
|
|
9
|
-
}
|
|
@@ -1,63 +0,0 @@
|
|
|
1
|
-
.v-header {
|
|
2
|
-
height: 5.25rem;
|
|
3
|
-
top: 0;
|
|
4
|
-
|
|
5
|
-
&-title {
|
|
6
|
-
align-content: center;
|
|
7
|
-
justify-content: center;
|
|
8
|
-
padding-left: 15rem;
|
|
9
|
-
text-transform: uppercase;
|
|
10
|
-
font-size: 2.25rem;
|
|
11
|
-
letter-spacing: 0.1rem;
|
|
12
|
-
font-family: "Orbitron";
|
|
13
|
-
font-weight: bold;
|
|
14
|
-
p {
|
|
15
|
-
user-select: none;
|
|
16
|
-
}
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
.title-closed {
|
|
21
|
-
.v-header-title {
|
|
22
|
-
padding-left: 7rem;
|
|
23
|
-
transition: padding 0.2s ease;
|
|
24
|
-
}
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
.header-username {
|
|
28
|
-
font-weight: 600;
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
.burger-menu {
|
|
32
|
-
width: 3rem;
|
|
33
|
-
display: flex;
|
|
34
|
-
align-items: center;
|
|
35
|
-
padding-left: 2rem;
|
|
36
|
-
> v-button {
|
|
37
|
-
scale: 1.5;
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
> v-button .pi-times {
|
|
41
|
-
color: var(--primary-color) !important;
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
img {
|
|
45
|
-
margin-left: 1rem;
|
|
46
|
-
height: 2rem;
|
|
47
|
-
width: 2rem;
|
|
48
|
-
}
|
|
49
|
-
.logo {
|
|
50
|
-
cursor: pointer;
|
|
51
|
-
z-index: 1;
|
|
52
|
-
}
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
.header-userrole {
|
|
56
|
-
font-weight: 300;
|
|
57
|
-
font-size: 0.6875rem;
|
|
58
|
-
}
|
|
59
|
-
|
|
60
|
-
.user-info-container .header-username {
|
|
61
|
-
color: var(--primary-color);
|
|
62
|
-
}
|
|
63
|
-
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
p-inputswitch.ng-dirty.ng-invalid>.p-inputswitch>.p-inputswitch-slider {
|
|
2
|
-
border: none;
|
|
3
|
-
background: var(--error-color);
|
|
4
|
-
}
|
|
5
|
-
|
|
6
|
-
.p-inputswitch .p-inputswitch-slider {
|
|
7
|
-
background: var(--secondary-color);
|
|
8
|
-
border: none
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
|
|
12
|
-
background: var(--primary-color);
|
|
13
|
-
}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
p-radiobutton .p-radiobutton-box.p-highlight {
|
|
2
|
-
border-color: var(--primary-color);
|
|
3
|
-
background: var(--primary-color);
|
|
4
|
-
}
|
|
5
|
-
|
|
6
|
-
.p-radiobutton .p-radiobutton-box {
|
|
7
|
-
border-color: var(--secondary-color);
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
p-radiobutton + label > span {
|
|
11
|
-
color: var(--secondary-color);
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
|
|
15
|
-
width: 10px;
|
|
16
|
-
height: 10px;
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
|
|
20
|
-
border-color: var(--primary-color) !important;
|
|
21
|
-
}
|
|
@@ -1,173 +0,0 @@
|
|
|
1
|
-
.v-side-menu {
|
|
2
|
-
position: relative;
|
|
3
|
-
transition: width 0.2s, transform 0.5s;
|
|
4
|
-
width: 15rem;
|
|
5
|
-
display: block;
|
|
6
|
-
height: calc(100vh - 5.25rem);
|
|
7
|
-
|
|
8
|
-
&-container {
|
|
9
|
-
overflow: hidden;
|
|
10
|
-
height: 100vh;
|
|
11
|
-
position:relative;
|
|
12
|
-
top: -5.25rem;
|
|
13
|
-
display: flex;
|
|
14
|
-
flex-direction: column;
|
|
15
|
-
justify-content: flex-start;
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
&-header {
|
|
19
|
-
padding: 0 2rem;
|
|
20
|
-
user-select: none;
|
|
21
|
-
img {
|
|
22
|
-
width: 10rem;
|
|
23
|
-
padding: 1rem 1rem 0.5rem 1rem;
|
|
24
|
-
cursor: pointer;
|
|
25
|
-
}
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
&-body {
|
|
29
|
-
overflow-y: auto;
|
|
30
|
-
padding-left: 0.5rem;
|
|
31
|
-
padding-right: 0.2rem;
|
|
32
|
-
overflow-x: hidden;
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
&-body__mobile {
|
|
36
|
-
overflow-y: auto;
|
|
37
|
-
padding-left: 0.5rem;
|
|
38
|
-
padding-right: 0.2rem;
|
|
39
|
-
overflow-x: hidden;
|
|
40
|
-
|
|
41
|
-
height: calc(100vw);
|
|
42
|
-
}
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
.p-tree {
|
|
46
|
-
border: none;
|
|
47
|
-
padding: 0;
|
|
48
|
-
width: 13.5rem;
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
.p-treenode-content {
|
|
52
|
-
justify-content: flex-start;
|
|
53
|
-
margin-inline: 0.3rem;
|
|
54
|
-
overflow: hidden;
|
|
55
|
-
text-align: start;
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
ul.p-treenode-children {
|
|
59
|
-
padding: 0;
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
li[aria-level='1'] {
|
|
63
|
-
flex-direction: row-reverse;
|
|
64
|
-
font-weight: 700;
|
|
65
|
-
font-size: 1.1rem;
|
|
66
|
-
color: var(--primary-color);
|
|
67
|
-
|
|
68
|
-
> div {
|
|
69
|
-
|
|
70
|
-
margin-top: 1.2rem;
|
|
71
|
-
margin-left: 0.2rem;
|
|
72
|
-
padding-left: 0.8rem;
|
|
73
|
-
|
|
74
|
-
padding-top:0.3rem;
|
|
75
|
-
padding-bottom:0.3rem;
|
|
76
|
-
justify-content: space-between;
|
|
77
|
-
|
|
78
|
-
.p-treenode-icon {
|
|
79
|
-
color:var(--primary-color);
|
|
80
|
-
margin-right: 0;
|
|
81
|
-
}
|
|
82
|
-
|
|
83
|
-
button {
|
|
84
|
-
order: 1;
|
|
85
|
-
}
|
|
86
|
-
}
|
|
87
|
-
}
|
|
88
|
-
|
|
89
|
-
.p-treenode-children > p-treenode > li {
|
|
90
|
-
|
|
91
|
-
padding-top: 0.5rem;
|
|
92
|
-
justify-content: center;
|
|
93
|
-
|
|
94
|
-
> * > .p-treenode-label {
|
|
95
|
-
font-weight: 400;
|
|
96
|
-
font-size: 1rem;
|
|
97
|
-
color: black;
|
|
98
|
-
}
|
|
99
|
-
|
|
100
|
-
> div {
|
|
101
|
-
padding: 0.875rem 0.9375rem 0.875rem 1.0625rem !important;
|
|
102
|
-
box-shadow: 0.3125rem 0.25rem 0.3125rem 0rem #0000000d;
|
|
103
|
-
}
|
|
104
|
-
|
|
105
|
-
> div > button {
|
|
106
|
-
order: 1 !important;
|
|
107
|
-
}
|
|
108
|
-
}
|
|
109
|
-
|
|
110
|
-
.p-treenode-children > p-treenode > li > * {
|
|
111
|
-
color: black;
|
|
112
|
-
}
|
|
113
|
-
|
|
114
|
-
.divider {
|
|
115
|
-
margin-inline: 1rem;
|
|
116
|
-
height: 0.05rem !important;
|
|
117
|
-
opacity: 0.6;
|
|
118
|
-
}
|
|
119
|
-
|
|
120
|
-
.menu-visible v-side-menu {
|
|
121
|
-
display: block !important;
|
|
122
|
-
transition: display 0.3s ease-out;
|
|
123
|
-
}
|
|
124
|
-
|
|
125
|
-
.close-button {
|
|
126
|
-
transition:transform 0.3s ease-out;
|
|
127
|
-
position: absolute;
|
|
128
|
-
background-color: var(--primary-color);
|
|
129
|
-
bottom: 4rem;
|
|
130
|
-
right: -1.3rem;
|
|
131
|
-
width: 2.5rem;
|
|
132
|
-
height: 2.5rem;
|
|
133
|
-
border-radius: 999px;
|
|
134
|
-
z-index: 999;
|
|
135
|
-
|
|
136
|
-
.close-icon {
|
|
137
|
-
position:absolute;
|
|
138
|
-
font-size:1.2rem;
|
|
139
|
-
font-weight: bold;
|
|
140
|
-
transform: translate(-50%, -50%);
|
|
141
|
-
margin:50%;
|
|
142
|
-
}
|
|
143
|
-
}
|
|
144
|
-
|
|
145
|
-
.p-button .p-button-icon-left {
|
|
146
|
-
margin-left: 0.5rem;
|
|
147
|
-
margin-right: 0.5rem;
|
|
148
|
-
}
|
|
149
|
-
|
|
150
|
-
.menu-closed {
|
|
151
|
-
transform: translateX(-1%);
|
|
152
|
-
width:6rem;
|
|
153
|
-
|
|
154
|
-
.p-tree {
|
|
155
|
-
width:4.5rem;
|
|
156
|
-
}
|
|
157
|
-
|
|
158
|
-
.v-side-menu-header {
|
|
159
|
-
padding: 0 1rem;
|
|
160
|
-
|
|
161
|
-
img {
|
|
162
|
-
width: 3.5rem;
|
|
163
|
-
padding: 2rem 0 0 0;
|
|
164
|
-
}
|
|
165
|
-
}
|
|
166
|
-
.p-treenode .p-treenode-label {
|
|
167
|
-
display: none;
|
|
168
|
-
}
|
|
169
|
-
.close-button {
|
|
170
|
-
transform:rotate(180deg);
|
|
171
|
-
}
|
|
172
|
-
}
|
|
173
|
-
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
.p-treenode-content {
|
|
2
|
-
justify-content: flex-start;
|
|
3
|
-
}
|
|
4
|
-
|
|
5
|
-
.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
|
|
6
|
-
background-color: transparent;
|
|
7
|
-
border: 1px solid var(--primary-color);
|
|
8
|
-
|
|
9
|
-
span {
|
|
10
|
-
color: var(--primary-color);
|
|
11
|
-
}
|
|
12
|
-
}
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
$primary-color: #f7a711;
|
|
2
|
-
$secondary-color: #64748b;
|
|
3
|
-
$details-color: #ffeecd;
|
|
4
|
-
$success-color: #90cb8a;
|
|
5
|
-
$error-color: #e27575;
|
|
6
|
-
$soft-error-color: #ffeeed;
|
|
7
|
-
$bg-color: #ffffff;
|
|
8
|
-
$white-color: #ffffff;
|
|
9
|
-
$disabled-color: #646464;
|
|
10
|
-
|
|
11
|
-
$theme: (
|
|
12
|
-
'primary': $primary-color,
|
|
13
|
-
'secondary': $secondary-color,
|
|
14
|
-
'details': $details-color,
|
|
15
|
-
'success': $success-color,
|
|
16
|
-
'error': $error-color,
|
|
17
|
-
'danger': $error-color,
|
|
18
|
-
'soft-error': $soft-error-color,
|
|
19
|
-
'white': $white-color,
|
|
20
|
-
'disabled': $disabled-color,
|
|
21
|
-
);
|
|
22
|
-
|
|
23
|
-
:root {
|
|
24
|
-
--p-primary-color: $primary-color;
|
|
25
|
-
|
|
26
|
-
@each $key, $value in $theme {
|
|
27
|
-
.bg-#{$key} {
|
|
28
|
-
background: $value !important;
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
.text-#{$key} {
|
|
32
|
-
color: $value !important;
|
|
33
|
-
|
|
34
|
-
@if $key == 'error' {
|
|
35
|
-
padding-left: 0rem !important;
|
|
36
|
-
}
|
|
37
|
-
}
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
hr {
|
|
41
|
-
background-color: $primary-color;
|
|
42
|
-
border: none;
|
|
43
|
-
height: 0.125rem;
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
background-color: $white-color !important;
|
|
47
|
-
}
|
|
48
|
-
|