@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/package.json CHANGED
@@ -1,31 +1,31 @@
1
1
  {
2
2
  "name": "@verisoft/ui-primeng",
3
- "version": "20.2.0",
3
+ "version": "21.0.0",
4
4
  "peerDependencies": {
5
- "@verisoft/core": "~20.2.0",
6
- "@verisoft/ui-core": "~20.2.0",
7
- "@angular/core": "~20.2.0",
8
- "@angular/common": "~20.2.0",
9
- "@angular/forms": "~20.2.0",
10
- "@angular/platform-browser": "~20.2.0",
11
- "@angular/router": "~20.2.0",
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": "~20.0.1",
13
+ "primeng": "~21.0.2",
14
14
  "rxjs": "~7.8.0"
15
15
  },
16
16
  "dependencies": {
17
- "uuid": "^11.0.0",
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": "index.d.ts",
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": "./index.d.ts",
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, ElementRef, ModuleWithProviders, AfterViewInit, OnChanges, QueryList, TemplateRef, SimpleChanges, OnDestroy, ComponentFactoryResolver, Type, ViewContainerRef, Injector, ComponentRef, InjectionToken, PipeTransform } from '@angular/core';
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
- exampleHeader: boolean;
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; }; "exampleHeader": { "alias": "exampleHeader"; "required": false; }; }, {}, never, ["[module]", "[breadcrumbs]", "[useractions]", "[useractions]", "[dbcontext]"], true, never>;
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<PrimeSeverity>;
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
- 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, addFeatureListPage, generateFormGroup, getColumnClass };
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,5 +0,0 @@
1
- label.v-formfield-label {
2
- font-weight: 700;
3
- font-size: 1rem;
4
- text-transform: capitalize;
5
- }
@@ -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
- calendaricon {
2
- color: var(--primary-color);
3
- }
4
-
5
- .pi-times,
6
- timesicon svg {
7
- color: var(--error-color);
8
- }
9
-
10
-
11
- .p-radiobutton-icon {
12
- background-color: var(--white-color);
13
- }
@@ -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,6 +0,0 @@
1
- html, body {
2
- margin:0;
3
- padding: 0;
4
- overflow: hidden;
5
- height: 100%;
6
- }
@@ -1,9 +0,0 @@
1
- .p-progress-spinner-circle {
2
- stroke: var(--primary-color);
3
- stroke-linecap: round;
4
- animation: p-progress-spinner-dash 1.5s ease-in-out infinite;
5
- width: 3rem;
6
- height: 3rem;
7
- stroke-width: "8";
8
- animation-duration: 2s;
9
- }
@@ -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,8 +0,0 @@
1
- .p-toast-message-content .p-icon-wrapper[data-pc-section="icon"] {
2
- display: none;
3
- }
4
-
5
- .p-toast-top-right {
6
- top: 5.3rem;
7
- right: 1rem;
8
- }
@@ -1,5 +0,0 @@
1
- .veriosft-table {
2
- ::-webkit-scrollbar-thumb {
3
- background-color: var(--primary-color);
4
- }
5
- }
@@ -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
-