@verisoft/ui-primeng 18.7.0 → 18.8.0

package/assets/sass/layout/_radiobutton.scss

@@ -1,21 +1,21 @@
-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;
-}
+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 +1,173 @@
-.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);
-    }
-  }
+.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 +1,8 @@
-.p-toast-message-content .p-icon-wrapper[data-pc-section="icon"] {
-    display: none;
-}
-
-.p-toast-top-right {
-    top: 5.3rem;
-    right: 1rem;
+.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 +1,5 @@
-.veriosft-table {
-    ::-webkit-scrollbar-thumb {
-        background-color: var(--primary-color);
-    }
+.veriosft-table {
+    ::-webkit-scrollbar-thumb {
+        background-color: var(--primary-color);
+    }
 }

package/assets/sass/layout/_tree.scss

@@ -1,12 +1,12 @@
-.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);
-    }
+.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/layout/_tristatecheckbox.scss

@@ -1,15 +1,15 @@
-p-tristatecheckbox.ng-dirty.ng-invalid {
-    .p-checkbox>.p-checkbox-box {
-        border-color: var(--error-color);
-    }
-
-    .p-checkbox-label {
-        color: var(--error-color);
-    }
-}
-
-.tristate-error {
-    .p-checkbox-box.p-highlight {
-        background: var(--error-color);
-    }
+p-tristatecheckbox.ng-dirty.ng-invalid {
+    .p-checkbox>.p-checkbox-box {
+        border-color: var(--error-color);
+    }
+
+    .p-checkbox-label {
+        color: var(--error-color);
+    }
+}
+
+.tristate-error {
+    .p-checkbox-box.p-highlight {
+        background: var(--error-color);
+    }
 }

package/assets/sass/main.scss

@@ -1,28 +1,28 @@
-@import "primeng/resources/primeng.min.css";
-@import "primeicons/primeicons.css";
-@import "primeng/resources/themes/saga-orange/theme.css";
-
-@import './base/typography';
-@import './utils/variables';
-@import './vendors/bootstrap';
-@import './utils/mixins';
-@import './utils/utils';
-@import './themes/verisoft_theme';
-@import './base/scrollbar';
-@import './layout/layout';
-@import './layout/tables';
-@import './layout/formField';
-@import './layout/radiobutton';
-@import './layout/snackbar';
-@import './layout/icons';
-@import './layout/inputSwitch';
-@import './layout/tree';
-@import './layout/button';
-@import './layout/dialog';
-@import './layout/checkbox';
-@import './layout/tristatecheckbox';
-@import './layout/header';
-@import './layout/sidemenu';
-@import './layout/loader';
-@import './layout/dropdown';
-@import './layout/app';
+@import "primeng/resources/primeng.min.css";
+@import "primeicons/primeicons.css";
+@import "primeng/resources/themes/saga-orange/theme.css";
+
+@import './base/typography';
+@import './utils/variables';
+@import './vendors/bootstrap';
+@import './utils/mixins';
+@import './utils/utils';
+@import './themes/verisoft_theme';
+@import './base/scrollbar';
+@import './layout/layout';
+@import './layout/tables';
+@import './layout/formField';
+@import './layout/radiobutton';
+@import './layout/snackbar';
+@import './layout/icons';
+@import './layout/inputSwitch';
+@import './layout/tree';
+@import './layout/button';
+@import './layout/dialog';
+@import './layout/checkbox';
+@import './layout/tristatecheckbox';
+@import './layout/header';
+@import './layout/sidemenu';
+@import './layout/loader';
+@import './layout/dropdown';
+@import './layout/app';

package/assets/sass/themes/_verisoft_theme.scss

@@ -1,46 +1,46 @@
-$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 {
-  @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;
-}
-
+$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 {
+  @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;
+}
+