sccoreui 5.9.73 → 5.9.74

package/dist/App.scss

@@ -54,6 +54,7 @@
 .h-40 {
   height: 40px;
 }
+
 .h-44 {
   height: 44px !important;
 }
@@ -212,6 +213,7 @@ code {
 
 .column_group_overlay {
   overflow: hidden;
+
   .p-overlaypanel-content {
     padding: 0px !important;
   }
@@ -220,9 +222,11 @@ code {
 .list-items {
   padding: 4px;
   border: 0;
+
   .p-treenode-content {
     padding: 2px !important;
   }
+
   .p-treenode-droppoint {
     height: 2px;
   }
@@ -462,12 +466,7 @@ div:has(ul.date_filter) .p-datepicker-group-container {
   border-left: 1px solid #dee2e6;
 }
 
-div:has(ul.date_filter)
-  .p-datepicker-group-container
-  .p-datepicker
-  table
-  td
-  > span {
+div:has(ul.date_filter) .p-datepicker-group-container .p-datepicker table td>span {
   width: 40px;
   height: 40px;
 }
@@ -655,13 +654,7 @@ button#formatOLOptions-1.fr-active::before {
   padding: 12px !important;
 }
 
-.fr-command.fr-btn
-  + .fr-dropdown-menu
-  .fr-dropdown-wrapper
-  .fr-dropdown-content
-  ul.fr-dropdown-list
-  li
-  a.fr-active {
+.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-active {
   background: #f9fafb !important;
 }
 
@@ -785,7 +778,7 @@ button[aria-expanded="true"] {
     padding: 12px !important;
     border-top: 1px solid var(--gray-200);
   }
-  
+
 
   ul.p-listbox-list {
     padding: 6px;
@@ -794,6 +787,7 @@ button[aria-expanded="true"] {
       margin: 4px 0 !important;
       border-radius: 4px !important;
       padding: 8px 14px !important;
+
       .item_content {
         max-width: 80%;
         white-space: nowrap;
@@ -805,6 +799,7 @@ button[aria-expanded="true"] {
       .item_icon {
         display: none;
       }
+
       &:hover {
         background-color: var(--gray-50) !important;
       }
@@ -850,10 +845,10 @@ button[aria-expanded="true"] {
     line-height: 38px !important;
   }
 
-  .p-multiselect-token-label{
-    width: 82px;
-  overflow: hidden;
-  text-overflow: ellipsis;
+  .p-multiselect-token-label {
+    max-width: 82px;
+    overflow: hidden;
+    text-overflow: ellipsis;
   }
 }
 
@@ -888,6 +883,7 @@ button[aria-expanded="true"] {
       border: 1px solid var(--gray-300);
     }
   }
+
   &:enabled {
     &:focus {
       box-shadow: var(--box-shadow-none);
@@ -935,8 +931,10 @@ button[aria-expanded="true"] {
 
 .condition_attribute_list_sect {
   height: 215px;
+
   .attr_chip {
     transition: all 0.1s;
+
     &:hover {
       transform: scale(1.05);
       // transition: all 0.2s;
@@ -949,12 +947,14 @@ button[aria-expanded="true"] {
   outline: none;
   line-height: 30px;
   letter-spacing: 2px;
+
   .formulaChipElm {
     line-height: 24px;
     letter-spacing: 0px;
     margin: 2px;
     float: left;
   }
+
   .formulaSpanElm {
     font-size: 16px;
     margin: 2px 0;
@@ -966,6 +966,7 @@ button[aria-expanded="true"] {
 
 .formula_condition_dropdown {
   box-shadow: none !important;
+
   .p-dropdown-label {
     display: block !important;
   }
@@ -978,6 +979,7 @@ button[aria-expanded="true"] {
 .p-button.p-button-text:enabled:hover {
   background: var(--primary-50);
 }
+
 /* AG GRID - styles */
 @import url("./assets/theme.css");
 @import url("./assets/sccoreui.css");
@@ -1187,6 +1189,7 @@ code {
 
 .column_group_overlay {
   overflow: hidden;
+
   .p-overlaypanel-content {
     padding: 0px !important;
   }
@@ -1195,9 +1198,11 @@ code {
 .list-items {
   padding: 4px;
   border: 0;
+
   .p-treenode-content {
     padding: 2px !important;
   }
+
   .p-treenode-droppoint {
     height: 2px;
   }
@@ -1437,12 +1442,7 @@ div:has(ul.date_filter) .p-datepicker-group-container {
   border-left: 1px solid #dee2e6;
 }
 
-div:has(ul.date_filter)
-  .p-datepicker-group-container
-  .p-datepicker
-  table
-  td
-  > span {
+div:has(ul.date_filter) .p-datepicker-group-container .p-datepicker table td>span {
   width: 40px;
   height: 40px;
 }
@@ -1630,13 +1630,7 @@ button#formatOLOptions-1.fr-active::before {
   padding: 12px !important;
 }
 
-.fr-command.fr-btn
-  + .fr-dropdown-menu
-  .fr-dropdown-wrapper
-  .fr-dropdown-content
-  ul.fr-dropdown-list
-  li
-  a.fr-active {
+.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-active {
   background: #f9fafb !important;
 }
 
@@ -1762,6 +1756,7 @@ button[aria-expanded="true"] {
       margin: 4px 0 !important;
       border-radius: 4px !important;
       padding: 8px 14px !important;
+
       .item_content {
         max-width: 80%;
         white-space: nowrap;
@@ -1773,6 +1768,7 @@ button[aria-expanded="true"] {
       .item_icon {
         display: none;
       }
+
       &:hover {
         background-color: var(--gray-50) !important;
       }
@@ -1869,8 +1865,10 @@ button[aria-expanded="true"] {
 
 .condition_attribute_list_sect {
   height: 215px;
+
   .attr_chip {
     transition: all 0.1s;
+
     &:hover {
       transform: scale(1.05);
       // transition: all 0.2s;
@@ -1883,12 +1881,14 @@ button[aria-expanded="true"] {
   outline: none;
   line-height: 30px;
   letter-spacing: 2px;
+
   .formulaChipElm {
     line-height: 24px;
     letter-spacing: 0px;
     margin: 2px;
     float: left;
   }
+
   .formulaSpanElm {
     font-size: 16px;
     margin: 2px 0;
@@ -1900,6 +1900,7 @@ button[aria-expanded="true"] {
 
 .formula_condition_dropdown {
   box-shadow: none !important;
+
   .p-dropdown-label {
     display: block !important;
   }
@@ -1923,14 +1924,17 @@ button[aria-expanded="true"] {
   border-top: 1px solid var(--gray-300);
   border-bottom: 1px solid var(--gray-200) !important;
 }
+
 .ag-root-wrapper {
   border-radius: 6px !important;
   border-top-left-radius: 0px !important;
 }
+
 .ag-ltr .ag-cell-focus:not(.ag-cell-range-selected):focus-within {
   border: 0;
   border-color: initial;
 }
+
 .ag-ltr .ag-cell {
   display: flex;
   align-items: center;
@@ -1944,9 +1948,11 @@ button[aria-expanded="true"] {
 .ag-row {
   border-bottom: 1px solid var(--gray-200);
 }
+
 .ag-row-odd {
   background-color: var(--gray-25) !important;
 }
+
 .ag-row:focus {
   background-color: var(--gray-100);
 }
@@ -1973,6 +1979,7 @@ button[aria-expanded="true"] {
 .ag-theme-quartz {
   --ag-active-color: var(--gray-300);
 }
+
 .ag-ltr .ag-header-viewport .ag-header-cell-resize::after {
   background-color: var(--gray-200);
   width: 1px;
@@ -1989,6 +1996,7 @@ button[aria-expanded="true"] {
 .w-25 {
   width: 25%;
 }
+
 .lh-44 {
   line-height: 44px;
 }
@@ -1996,10 +2004,11 @@ button[aria-expanded="true"] {
 /* conditions  */
 .filter-dropdowns {
   padding: 2px;
-  
+
   .p-dropdown:not(.p-disabled).p-focus {
     box-shadow: none !important;
   }
+
   .condtion-dropdown {
     width: 204px;
     height: 44px;
@@ -2097,14 +2106,19 @@ button[aria-expanded="true"] {
 .filter-btn-grid {
   padding: 10px;
 }
+
 .table-filter-overlay {
-  &:after, &:before {
+
+  &:after,
+  &:before {
     margin-left: -12px !important;
   }
+
   margin-left: -10px;
+
   .p-overlaypanel-content {
     padding: 0;
-    
+
   }
 }
 
@@ -2135,23 +2149,21 @@ button[aria-expanded="true"] {
   display: flex;
   justify-content: center;
   align-items: center;
-  
+
 
   /* HTML: <div class="loader"></div> */
   .loader-jobs {
     width: 35px;
     aspect-ratio: 1;
     border-radius: 50%;
-    background: radial-gradient(farthest-side, var(--primary-500) 94%, #0000)
-        top/5px 5px no-repeat,
+    background: radial-gradient(farthest-side, var(--primary-500) 94%, #0000) top/5px 5px no-repeat,
       conic-gradient(#0000 5%, var(--primary-500));
-    -webkit-mask: radial-gradient(
-      farthest-side,
-      #0000 calc(100% - 5px),
-      #000 0
-    );
+    -webkit-mask: radial-gradient(farthest-side,
+        #0000 calc(100% - 5px),
+        #000 0);
     animation: l13 1s infinite linear;
   }
+
   @keyframes l13 {
     100% {
       transform: rotate(1turn);
@@ -2162,9 +2174,11 @@ button[aria-expanded="true"] {
     0% {
       background-position: 100% 50%;
     }
+
     50% {
       background-position: 50% 70%;
     }
+
     100% {
       background-position: 70% 100%;
     }
@@ -2179,6 +2193,7 @@ button[aria-expanded="true"] {
   position: relative;
   animation: rotate 1s linear infinite;
 }
+
 .loader-main::before {
   content: "";
   box-sizing: border-box;
@@ -2186,17 +2201,33 @@ button[aria-expanded="true"] {
   inset: 0px;
   border-radius: 50%;
   border: 3px solid var(--primary-500);
-  animation: prixClipFix 2s linear infinite ;
+  animation: prixClipFix 2s linear infinite;
 }
 
 @keyframes rotate {
-  100%   {transform: rotate(360deg)}
+  100% {
+    transform: rotate(360deg)
+  }
 }
 
 @keyframes prixClipFix {
-    0%   {clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}
-    25%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}
-    50%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}
-    75%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)}
-    100% {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)}
+  0% {
+    clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0)
+  }
+
+  25% {
+    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0)
+  }
+
+  50% {
+    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%)
+  }
+
+  75% {
+    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%)
+  }
+
+  100% {
+    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0)
+  }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sccoreui",
-  "version": "5.9.73",
+  "version": "5.9.74",
   "description": "ui-sccore",
   "main": "./dist/index.js",
   "module": "./dist/index.js",