@verisoft/ui-primeng 18.7.0 → 18.8.0

package/README.md

@@ -1,57 +1,7 @@
-# ui-primeng
-
-The `ui-primeng` library provides reusable UI components and utilities based on the [PrimeNG](https://www.primefaces.org/primeng/) library for the Verisoft Frontend workspace.
-
-## Features
-
-- Angular components built on top of PrimeNG
-- Shared utilities and helpers for PrimeNG-based UI
-- Consistent theming and styling for PrimeNG components
-- Ready-to-use modules for rapid application development
-
-## Installation
-
-This package is intended for internal use within the monorepo. To use it in another library or app, add it as a dependency in your `project.json`:
-
-```json
-"dependencies": {
-  "ui-primeng": "*"
-}
-```
-
-## Usage
-
-Import the required modules or components from `ui-primeng`:
-
-```typescript
-import { PrimengButtonComponent } from '@verisoft/ui-primeng';
-```
-
-## Development
-
-### Building
-
-Run the following command to build the library:
-
-```sh
-nx build ui-primeng
-```
-
-### Running Unit Tests
-
-To execute the unit tests for this library:
-
-```sh
-nx test ui-primeng
-```
-
-## Contributing
-
-1. Fork the repository and create your branch from `master`.
-2. Make your changes and add tests if needed.
-3. Run `nx test ui-primeng` to ensure all tests pass.
-4. Submit a pull request.
-
-## License
-
-This project is licensed under the MIT License.
+# ui-primeng
+
+This library was generated with [Nx](https://nx.dev).
+
+## Running unit tests
+
+Run `nx test ui-primeng` to execute the unit tests.

package/assets/icons/complex/v-logo.svg

@@ -1,4 +1,4 @@
-<svg width="134" height="100" viewBox="0 0 134 100" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M41.8348 71.3245L53.6129 51.2357L23.5562 0H0L41.8348 71.3245Z" fill="#F7A711"/>
-<path d="M108.899 0L53.5161 94.1382L56.9916 100H75.1737L134 0H108.899Z" fill="#F7A711"/>
-</svg>
+<svg width="134" height="100" viewBox="0 0 134 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M41.8348 71.3245L53.6129 51.2357L23.5562 0H0L41.8348 71.3245Z" fill="#F7A711"/>
+<path d="M108.899 0L53.5161 94.1382L56.9916 100H75.1737L134 0H108.899Z" fill="#F7A711"/>
+</svg>

package/assets/sass/base/_scrollbar.scss

@@ -1,18 +1,18 @@
-::-webkit-scrollbar-thumb {
-  background-color: var(--disabled-color);
-  border-radius: 1.25rem;
-  border: 0.375rem solid transparent;
-  background-clip: content-box;
-}
-
-::-webkit-scrollbar {
-  width: 1.125rem;
-}
-
-::-webkit-scrollbar-track {
-  background-color: transparent;
-}
-
-::-webkit-scrollbar-thumb:hover {
-  background-color: var(--primary-color);
-}
+::-webkit-scrollbar-thumb {
+  background-color: var(--disabled-color);
+  border-radius: 1.25rem;
+  border: 0.375rem solid transparent;
+  background-clip: content-box;
+}
+
+::-webkit-scrollbar {
+  width: 1.125rem;
+}
+
+::-webkit-scrollbar-track {
+  background-color: transparent;
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background-color: var(--primary-color);
+}

package/assets/sass/base/_typography.scss

@@ -1,25 +1,25 @@
-:root {
-  font-family: 'Roboto', sans-serif;
-}
-
-@font-face {
-  font-family: 'Orbitron';
-  src: url('../../fonts/orbitron-bold.otf') format('opentype');
-  font-weight: normal;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: 'Orbitron';
-  src: url('../../fonts/orbitron-black.ttf') format('truetype');
-  font-weight: bold;
-  font-style: normal;
-}
-
-a {
-  color: var(--primary-color);
-
-  &:visited {
-    color: var(--primary-color);
-  }
+:root {
+  font-family: 'Roboto', sans-serif;
+}
+
+@font-face {
+  font-family: 'Orbitron';
+  src: url('../../fonts/orbitron-bold.otf') format('opentype');
+  font-weight: normal;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Orbitron';
+  src: url('../../fonts/orbitron-black.ttf') format('truetype');
+  font-weight: bold;
+  font-style: normal;
+}
+
+a {
+  color: var(--primary-color);
+
+  &:visited {
+    color: var(--primary-color);
+  }
 }

package/assets/sass/layout/_app.scss

@@ -1,27 +1,27 @@
-.nav-bar {
-    display: block;
-    height: 5.25rem;
-    width: 100%;
-}
-
-.main-container {
-    display: flex;
-    height: calc(100vh - 5.25rem);
-    width: 100%;
-
-    &-content {
-        overflow: auto;
-        padding: 1.2rem;
-        height: calc(100vh - 5.85rem);
-        
-    }
-}
-
-.prime-main {
-    overflow: hidden;
-    padding: 0.3rem;
-    padding-right: 0;
-    -webkit-box-shadow: inset 1px 1px 5px 0px rgba(0, 0, 0, 0.1);
-    -moz-box-shadow: inset 1px 1px 5px 0px rgba(0, 0, 0, 0.1);
-    box-shadow: inset 1px 1px 5px 0px rgba(0, 0, 0, 0.1);
+.nav-bar {
+    display: block;
+    height: 5.25rem;
+    width: 100%;
+}
+
+.main-container {
+    display: flex;
+    height: calc(100vh - 5.25rem);
+    width: 100%;
+
+    &-content {
+        overflow: auto;
+        padding: 1.2rem;
+        height: calc(100vh - 5.85rem);
+        
+    }
+}
+
+.prime-main {
+    overflow: hidden;
+    padding: 0.3rem;
+    padding-right: 0;
+    -webkit-box-shadow: inset 1px 1px 5px 0px rgba(0, 0, 0, 0.1);
+    -moz-box-shadow: inset 1px 1px 5px 0px rgba(0, 0, 0, 0.1);
+    box-shadow: inset 1px 1px 5px 0px rgba(0, 0, 0, 0.1);
 }

package/assets/sass/layout/_button.scss

@@ -1,57 +1,57 @@
-.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);
-}
+.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 +1,33 @@
-.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);
-    }
+.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 +1,13 @@
-.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;
+.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 +1,9 @@
-.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);
+.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 +1,5 @@
-label.v-formfield-label {
-    font-weight: 700;
-    font-size: 1rem;
-    text-transform: capitalize;
+label.v-formfield-label {
+    font-weight: 700;
+    font-size: 1rem;
+    text-transform: capitalize;
 }

package/assets/sass/layout/_header.scss

@@ -1,63 +1,63 @@
-.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);
-  }
+.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 +1,13 @@
-calendaricon {
-    color: var(--primary-color);
-}
-
-.pi-times,
-timesicon svg {
-    color: var(--error-color);
-}
-
-
-.p-radiobutton-icon {
-    background-color: var(--white-color);
+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 +1,13 @@
-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);
+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 +1,6 @@
-html, body {
-    margin:0;
-    padding: 0;
-    overflow: hidden;
-    height: 100%;
+html, body {
+    margin:0;
+    padding: 0;
+    overflow: hidden;
+    height: 100%;
 }

package/assets/sass/layout/_loader.scss

@@ -1,9 +1,9 @@
-.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;
+.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;
 }