@verisoft/ui-primeng 20.2.0 → 21.0.1

package/package.json

@@ -1,31 +1,31 @@
 {
   "name": "@verisoft/ui-primeng",
-  "version": "20.2.0",
+  "version": "21.0.1",
   "peerDependencies": {
-    "@verisoft/core": "~20.2.0",
-    "@verisoft/ui-core": "~20.2.0",
-    "@angular/core": "~20.2.0",
-    "@angular/common": "~20.2.0",
-    "@angular/forms": "~20.2.0",
-    "@angular/platform-browser": "~20.2.0",
-    "@angular/router": "~20.2.0",
+    "@verisoft/core": "~21.0.0",
+    "@verisoft/ui-core": "~21.0.0",
+    "@angular/core": "~21.0.6",
+    "@angular/common": "~21.0.6",
+    "@angular/forms": "~21.0.6",
+    "@angular/platform-browser": "~21.0.6",
+    "@angular/router": "~21.0.6",
     "@ngx-translate/core": "^17.0.0",
-    "primeng": "~20.0.1",
+    "primeng": "~21.0.2",
     "rxjs": "~7.8.0"
   },
   "dependencies": {
-    "uuid": "^11.0.0",
+    "uuid": "^13.0.0",
     "tslib": "^2.3.0"
   },
   "sideEffects": false,
   "module": "fesm2022/verisoft-ui-primeng.mjs",
-  "typings": "index.d.ts",
+  "typings": "types/verisoft-ui-primeng.d.ts",
   "exports": {
     "./package.json": {
       "default": "./package.json"
     },
     ".": {
-      "types": "./index.d.ts",
+      "types": "./types/verisoft-ui-primeng.d.ts",
       "default": "./fesm2022/verisoft-ui-primeng.mjs"
     }
   }

package/{index.d.ts → types/verisoft-ui-primeng.d.ts}

@@ -13,6 +13,7 @@ import { Observable } from 'rxjs';
 import { ScrollerLazyLoadEvent } from 'primeng/scroller';
 import { SelectFilterEvent } from 'primeng/select';
 import { HttpInterceptor, HttpRequest, HttpHandler, HttpEvent } from '@angular/common/http';
+import * as _primeuix_themes_types from '@primeuix/themes/types';
 
 declare class InputGroupComponent extends BaseFormInputComponent implements ControlValueAccessor, InputGroupCore {
     constructor(ngControl: NgControl);
@@ -107,6 +108,10 @@ declare class ButtonComponent implements ButtonCore {
     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>;
 }
 
+type PrimeMessageSeverity = 'success' | 'secondary' | 'info' | 'warn' | 'danger' | 'contrast' | undefined | null;
+type PrimeSeverity = 'success' | 'info' | 'warn' | 'danger' | 'help' | 'primary' | 'secondary' | 'contrast' | null | undefined;
+type PrimeSize = 'small' | 'large' | undefined | null;
+
 declare class DropdownButtonComponent implements DropdownButtonCore {
     label: i0.InputSignal<string | undefined>;
     icon: i0.InputSignal<string | undefined>;
@@ -116,6 +121,16 @@ declare class DropdownButtonComponent implements DropdownButtonCore {
     severity: i0.InputSignal<"warning" | "success" | "info" | "danger" | "help" | "primary" | "secondary" | "contrast" | undefined>;
     size: i0.InputSignal<"small" | "medium" | "large" | "xl" | undefined>;
     items: i0.InputSignal<MenuItem[] | undefined>;
+    primengSeverity: i0.Signal<PrimeSeverity>;
+    primengSize: i0.Signal<PrimeSize>;
+    primengItems: i0.Signal<{
+        label: string | undefined;
+        icon: string | undefined;
+        command: () => any;
+        url: string | undefined;
+        routerLink: any;
+        class: string | undefined;
+    }[]>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DropdownButtonComponent, never>;
     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>;
 }
@@ -157,16 +172,17 @@ declare class HeaderComponent extends UnsubscribeComponent implements OnInit, He
     title: string;
     logoUrl: string;
     userName: string;
+    userAvatar: string;
     userRole: any | any[] | undefined;
     menuRef: HTMLDivElement;
-    exampleHeader: boolean;
+    fixed: boolean;
     icons: _verisoft_ui_core.CommonIcons;
     protected menuVisible: boolean;
     protected logoRouterLink: string;
     ngOnInit(): void;
     toggleMenu(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<HeaderComponent, never>;
-    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>;
+    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; }; }, {}, never, ["[v-header-module]", "[v-header-actions]", "[v-header-info]"], true, never>;
 }
 
 declare class TextareaComponent extends BaseFormInputComponent implements ControlValueAccessor, TextareaCore {
@@ -723,13 +739,12 @@ declare class TooltipComponent implements TooltipCore {
     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>;
 }
 
-type PrimeSeverity = 'success' | 'info' | 'warning' | 'danger' | null;
 declare class TagComponent implements TagCore {
     label: i0.InputSignal<string | undefined>;
     severity: i0.InputSignal<"warning" | "success" | "info" | "danger" | "help" | "primary" | "secondary" | "contrast" | undefined>;
     variant: i0.InputSignal<TagVariant>;
     size: i0.InputSignal<"small" | "medium" | "large" | "xl">;
-    protected readonly primeSeverity: i0.Signal<PrimeSeverity>;
+    protected readonly primeSeverity: i0.Signal<PrimeMessageSeverity>;
     protected readonly tagClasses: i0.Signal<string>;
     protected readonly rounded: i0.Signal<boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TagComponent, never>;
@@ -748,5 +763,7 @@ declare class IconComponent extends IconsComponent {
 
 declare const Icons: CommonIcons;
 
-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 };
+declare const VerisoftTheme: _primeuix_themes_types.Preset;
+
+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 };
 export type { FeatureListColumnDefinition, FeatureListColumnProvider, FeatureListPageConfig };

package/assets/sass/layout/_button.scss

@@ -1,57 +0,0 @@
-.p-button:not(.p-button-outlined) {
-  color: var(--white-color);
-}
-
-.p-button.p-button-danger:not(.p-button-outlined),
-.p-button-group.p-button-danger > .p-button,
-.p-splitbutton.p-button-danger > .p-button {
-  border-color: var(--error-color);
-  background-color: var(--error-color);
-
-  &:hover {
-    border-color: #e60017;
-    background-color: #e60017;
-  }
-}
-
-.p-button.p-button-success:not(.p-button-outlined),
-.p-button-group.p-button-success > .p-button,
-.p-splitbutton.p-button-success > .p-button {
-  border-color: var(--success-color);
-  background-color: var(--success-color);
-  color: var(--white-color);
-
-  &:hover {
-    border-color: #439446;
-    background-color: #439446;
-  }
-}
-
-.p-button-icon-only.p-button-danger:not(.p-button-outlined) {
-  border-color: var(--error-color);
-  background-color: var(--error-color);
-
-  .pi {
-    color: var(--white-color) !important;
-  }
-
-  &:hover {
-    border-color: #e60017;
-    background-color: #e60017;
-  }
-}
-
-.p-button-icon-only.p-button-success:not(.p-button-outlined) {
-  border-color: var(--success-color);
-  background-color: var(--success-color);
-
-  &:hover {
-    border-color: #57b44c;
-    background-color: #57b44c !important;
-  }
-}
-
-.p-button-icon-only.p-button-secondary:not(.p-button-outlined) {
-  border-color: var(--secondary-color);
-  background-color: var(--secondary-color);
-}

package/assets/sass/layout/_checkbox.scss

@@ -1,33 +0,0 @@
-.p-checkbox-label {
-    color: var(--secondary-color);
-}
-
-.p-checkbox-label-active {
-    color: var(--primary-color);
-}
-
-.p-checkbox .p-checkbox-box {
-    border-color: var(--secondary-color);
-}
-
-.p-checkbox .p-checkbox-box.p-highlight {
-    border-color: var(--primary-color);
-}
-
-.p-checkbox .p-checkbox-box .p-checkbox-icon {
-    color: var(--white-color);
-}
-
-.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
-    box-shadow: none;
-}
-
-p-checkbox.ng-dirty.ng-invalid {
-    .p-checkbox>.p-checkbox-box {
-        border-color: var(--error-color);
-    }
-
-    .p-checkbox-label {
-        color: var(--error-color);
-    }
-}

package/assets/sass/layout/_dialog.scss

@@ -1,13 +0,0 @@
-.p-dialog .p-dialog-footer button {
-    margin: 0;
-}
-
-.v-dialog-header > i {
-    font-size: 2rem;
-}
-
-.v-dialog-footer .p-button.p-button-success:not(.p-button-text):not(.p-button-outlined),
-.p-button-group.p-button-success>.p-button,
-.p-splitbutton.p-button-success>.p-button {
-    padding: 0.5rem 2.5rem;
-}

package/assets/sass/layout/_dropdown.scss

@@ -1,9 +0,0 @@
-.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus,
-.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus{
-    background-color: var(--primary-color-semitransparent);
-}
-
-.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus:hover,
-.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus:hover {
-    background-color: var(--primary-color);
-}

package/assets/sass/layout/_formField.scss

@@ -1,5 +0,0 @@
-label.v-formfield-label {
-    font-weight: 700;
-    font-size: 1rem;
-    text-transform: capitalize;
-}

package/assets/sass/layout/_header.scss

@@ -1,63 +0,0 @@
-.v-header {
-    height: 5.25rem;
-    top: 0;
-  
-      &-title {
-      align-content: center;
-      justify-content: center;
-      padding-left: 15rem;
-      text-transform: uppercase;
-      font-size: 2.25rem;
-      letter-spacing: 0.1rem;
-      font-family: "Orbitron";
-      font-weight: bold;
-       p {
-        user-select: none;
-      }
-    }
-  }
-
-  .title-closed {
-    .v-header-title {
-      padding-left: 7rem;
-      transition: padding 0.2s ease;
-    }
-  }
-  
-  .header-username {
-    font-weight: 600;
-  }
-
-  .burger-menu {
-    width: 3rem;
-    display: flex;
-    align-items: center;
-    padding-left: 2rem;
-    > v-button {
-      scale: 1.5;
-    }
-
-    > v-button .pi-times {
-      color: var(--primary-color) !important;
-    }
-
-    img {
-      margin-left: 1rem;
-      height: 2rem;
-      width: 2rem;
-    }
-    .logo {
-      cursor: pointer;
-      z-index: 1;
-    }
-  }
-  
-  .header-userrole {
-    font-weight: 300;
-    font-size: 0.6875rem;
-  }
-
-  .user-info-container .header-username {
-    color: var(--primary-color);
-  }
-  

package/assets/sass/layout/_icons.scss

@@ -1,13 +0,0 @@
-calendaricon {
-    color: var(--primary-color);
-}
-
-.pi-times,
-timesicon svg {
-    color: var(--error-color);
-}
-
-
-.p-radiobutton-icon {
-    background-color: var(--white-color);
-}

package/assets/sass/layout/_inputSwitch.scss

@@ -1,13 +0,0 @@
-p-inputswitch.ng-dirty.ng-invalid>.p-inputswitch>.p-inputswitch-slider {
-    border: none;
-    background: var(--error-color);
-}
-
-.p-inputswitch .p-inputswitch-slider {
-    background: var(--secondary-color);
-    border: none
-}
-
-.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
-    background: var(--primary-color);
-}

package/assets/sass/layout/_layout.scss

@@ -1,6 +0,0 @@
-html, body {
-    margin:0;
-    padding: 0;
-    overflow: hidden;
-    height: 100%;
-}

package/assets/sass/layout/_loader.scss

@@ -1,9 +0,0 @@
-.p-progress-spinner-circle {
-    stroke: var(--primary-color);
-    stroke-linecap: round;
-    animation: p-progress-spinner-dash 1.5s ease-in-out infinite;
-    width: 3rem;
-    height: 3rem;
-    stroke-width: "8";
-    animation-duration: 2s;
-}

package/assets/sass/layout/_radiobutton.scss

@@ -1,21 +0,0 @@
-p-radiobutton .p-radiobutton-box.p-highlight {
-  border-color: var(--primary-color);
-  background: var(--primary-color);
-  }
-
-.p-radiobutton .p-radiobutton-box {
-  border-color: var(--secondary-color);
-}
-
-p-radiobutton + label > span {
-  color: var(--secondary-color);
-}
-
-.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
-  width: 10px;
-  height: 10px;
-}
-
-.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
-  border-color: var(--primary-color) !important;
-}

package/assets/sass/layout/_sidemenu.scss

@@ -1,173 +0,0 @@
-.v-side-menu {
-    position: relative;
-    transition: width 0.2s, transform 0.5s;
-    width: 15rem;
-    display: block;
-    height: calc(100vh - 5.25rem);
-  
-    &-container {
-      overflow: hidden;
-      height: 100vh;
-      position:relative;
-      top: -5.25rem;
-      display: flex;
-      flex-direction: column;
-      justify-content: flex-start;
-    }
-  
-    &-header {
-      padding: 0 2rem;
-      user-select: none;
-      img {
-        width: 10rem;
-        padding: 1rem 1rem 0.5rem 1rem;
-        cursor: pointer;
-      }
-    }
-  
-    &-body {
-      overflow-y: auto;
-      padding-left: 0.5rem;
-      padding-right: 0.2rem;
-      overflow-x: hidden;
-    }
-
-    &-body__mobile {
-      overflow-y: auto;
-      padding-left: 0.5rem;
-      padding-right: 0.2rem;
-      overflow-x: hidden;
-
-      height: calc(100vw);
-    }
-}
-  
-  .p-tree {
-    border: none;
-    padding: 0;
-    width: 13.5rem;
-  }
-  
-  .p-treenode-content {
-    justify-content: flex-start;
-    margin-inline: 0.3rem;
-    overflow: hidden;
-    text-align: start;
-  }
-  
-  ul.p-treenode-children {
-    padding: 0;
-  }
-  
-  li[aria-level='1'] {
-    flex-direction: row-reverse;
-    font-weight: 700;
-    font-size: 1.1rem;
-    color: var(--primary-color);
-  
-    > div {
-      
-      margin-top: 1.2rem;
-      margin-left: 0.2rem;
-      padding-left: 0.8rem;
-      
-      padding-top:0.3rem;
-      padding-bottom:0.3rem;
-      justify-content: space-between;
-
-      .p-treenode-icon {
-        color:var(--primary-color);
-        margin-right: 0;
-      }
-
-      button {
-        order: 1;
-      }
-    }
-  }
-  
-  .p-treenode-children > p-treenode > li {
-    
-    padding-top: 0.5rem;
-    justify-content: center;
-  
-    > * > .p-treenode-label {
-      font-weight: 400;
-      font-size: 1rem;
-      color: black;
-    }
-  
-    > div {
-      padding: 0.875rem 0.9375rem 0.875rem 1.0625rem !important;
-      box-shadow: 0.3125rem 0.25rem 0.3125rem 0rem #0000000d;
-    }
-  
-    > div > button {
-      order: 1 !important;
-    }
-  }
-  
-  .p-treenode-children > p-treenode > li > * {
-    color: black;
-  }
-
-  .divider {
-    margin-inline: 1rem;
-    height: 0.05rem !important;
-    opacity: 0.6;
-  }
-
-  .menu-visible v-side-menu {
-    display: block !important;
-    transition: display 0.3s ease-out;
-  }
-  
-  .close-button {
-    transition:transform 0.3s ease-out;
-    position: absolute;
-    background-color: var(--primary-color);
-    bottom: 4rem;
-    right: -1.3rem;
-    width: 2.5rem;
-    height: 2.5rem;
-    border-radius: 999px;
-    z-index: 999;
-  
-    .close-icon {
-      position:absolute;
-      font-size:1.2rem;
-      font-weight: bold;
-      transform: translate(-50%, -50%);
-      margin:50%;
-    }
-  }
-  
-  .p-button .p-button-icon-left {
-    margin-left: 0.5rem;
-    margin-right: 0.5rem;
-  }
-  
-  .menu-closed {
-    transform: translateX(-1%);
-    width:6rem;
-
-    .p-tree {
-      width:4.5rem;
-    }
-  
-    .v-side-menu-header {
-      padding: 0 1rem;
-  
-      img {
-        width: 3.5rem;
-        padding: 2rem 0 0 0;
-      }
-    }
-    .p-treenode .p-treenode-label {
-      display: none;
-    }
-    .close-button {
-      transform:rotate(180deg);
-    }
-  }
-  

package/assets/sass/layout/_snackbar.scss

@@ -1,8 +0,0 @@
-.p-toast-message-content .p-icon-wrapper[data-pc-section="icon"] {
-    display: none;
-}
-
-.p-toast-top-right {
-    top: 5.3rem;
-    right: 1rem;
-}

package/assets/sass/layout/_tables.scss

@@ -1,5 +0,0 @@
-.veriosft-table {
-    ::-webkit-scrollbar-thumb {
-        background-color: var(--primary-color);
-    }
-}

package/assets/sass/layout/_tree.scss

@@ -1,12 +0,0 @@
-.p-treenode-content {
-    justify-content: flex-start;
-}
-
-.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
-    background-color: transparent;
-    border: 1px solid var(--primary-color);
-
-    span {
-        color: var(--primary-color);
-    }
-}

package/assets/sass/themes/_verisoft_theme.scss

@@ -1,48 +0,0 @@
-$primary-color: #f7a711;
-$secondary-color: #64748b;
-$details-color: #ffeecd;
-$success-color: #90cb8a;
-$error-color: #e27575;
-$soft-error-color: #ffeeed;
-$bg-color: #ffffff;
-$white-color: #ffffff;
-$disabled-color: #646464;
-
-$theme: (
-  'primary': $primary-color,
-  'secondary': $secondary-color,
-  'details': $details-color,
-  'success': $success-color,
-  'error': $error-color,
-  'danger': $error-color,
-  'soft-error': $soft-error-color,
-  'white': $white-color,
-  'disabled': $disabled-color,
-);
-
-:root {
- --p-primary-color: $primary-color;
-
-  @each $key, $value in $theme {
-    .bg-#{$key} {
-      background: $value !important;
-    }
-
-    .text-#{$key} {
-      color: $value !important;
-
-      @if $key == 'error' {
-        padding-left: 0rem !important;
-      }
-    }
-  }
-
-  hr {
-    background-color: $primary-color;
-    border: none;
-    height: 0.125rem;
-  }
-
-  background-color: $white-color !important;
-}
-