@smartsoft001/crud-shell-angular 2.176.0 → 2.178.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@smartsoft001/crud-shell-angular",
-  "version": "2.176.0",
+  "version": "2.178.0",
   "publishConfig": {
     "access": "public"
   },
@@ -33,10 +33,10 @@
     "@angular/router": "^22.1.3",
     "@ngrx/store": "^22.0.1",
     "@ngx-translate/core": "^17.0.0",
-    "@smartsoft001/angular": "2.176.0",
-    "@smartsoft001/domain-core": "2.176.0",
-    "@smartsoft001/models": "2.176.0",
-    "@smartsoft001/utils": "2.176.0",
+    "@smartsoft001/angular": "2.178.0",
+    "@smartsoft001/domain-core": "2.178.0",
+    "@smartsoft001/models": "2.178.0",
+    "@smartsoft001/utils": "2.178.0",
     "ng-dynamic-component": "^11.0.0",
     "reflect-metadata": "^0.2.1",
     "rxjs": "^7.8.1"

package/styles.css

@@ -240,6 +240,7 @@
     --smart-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
     --smart-animate-spin: spin 1s linear infinite;
     --smart-animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+    --smart-blur-sm: 8px;
     --smart-aspect-video: 16 / 9;
     --smart-default-transition-duration: 150ms;
     --smart-default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -422,6 +423,9 @@
   .smart\:relative {
     position: relative;
   }
+  .smart\:sticky {
+    position: sticky;
+  }
   .smart\:inset-0 {
     inset: 0px;
   }
@@ -527,6 +531,9 @@
   .smart\:float-right {
     float: right;
   }
+  .smart\:-m-2 {
+    margin: calc(var(--smart-spacing) * -2);
+  }
   .smart\:m-2 {
     margin: calc(var(--smart-spacing) * 2);
   }
@@ -542,6 +549,9 @@
   .smart\:-mx-1 {
     margin-inline: calc(var(--smart-spacing) * -1);
   }
+  .smart\:-mx-4 {
+    margin-inline: calc(var(--smart-spacing) * -4);
+  }
   .smart\:mx-0 {
     margin-inline: 0px;
   }
@@ -683,6 +693,9 @@
   .smart\:flex {
     display: flex;
   }
+  .smart\:flow-root {
+    display: flow-root;
+  }
   .smart\:grid {
     display: grid;
   }
@@ -842,6 +855,9 @@
   .smart\:min-h-9\.5 {
     min-height: calc(var(--smart-spacing) * 9.5);
   }
+  .smart\:min-h-24 {
+    min-height: calc(var(--smart-spacing) * 24);
+  }
   .smart\:min-h-\[calc\(100\%-56px\)\] {
     min-height: calc(100% - 56px);
   }
@@ -872,6 +888,9 @@
   .smart\:w-11 {
     width: calc(var(--smart-spacing) * 11);
   }
+  .smart\:w-12 {
+    width: calc(var(--smart-spacing) * 12);
+  }
   .smart\:w-16 {
     width: calc(var(--smart-spacing) * 16);
   }
@@ -905,6 +924,9 @@
   .smart\:w-full {
     width: 100%;
   }
+  .smart\:w-max {
+    width: max-content;
+  }
   .smart\:max-w-3xl {
     max-width: var(--smart-container-3xl);
   }
@@ -1005,6 +1027,9 @@
   .smart\:cursor-pointer {
     cursor: pointer;
   }
+  .smart\:resize-none {
+    resize: none;
+  }
   .smart\:list-none {
     list-style-type: none;
   }
@@ -1679,6 +1704,12 @@
       background-color: color-mix(in oklab, var(--smart-color-white) 10%, transparent);
     }
   }
+  .smart\:bg-white\/75 {
+    background-color: var(--smart-color-white);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--smart-color-white) 75%, transparent);
+    }
+  }
   .smart\:bg-white\/90 {
     background-color: var(--smart-color-white);
     @supports (color: color-mix(in lab, red, red)) {
@@ -1781,6 +1812,9 @@
   .smart\:p-12 {
     padding: calc(var(--smart-spacing) * 12);
   }
+  .smart\:px-0 {
+    padding-inline: 0px;
+  }
   .smart\:px-1 {
     padding-inline: var(--smart-spacing);
   }
@@ -1868,6 +1902,9 @@
   .smart\:pe-1 {
     padding-inline-end: var(--smart-spacing);
   }
+  .smart\:pe-2 {
+    padding-inline-end: calc(var(--smart-spacing) * 2);
+  }
   .smart\:pe-4 {
     padding-inline-end: calc(var(--smart-spacing) * 4);
   }
@@ -1877,6 +1914,9 @@
   .smart\:pt-0\.5 {
     padding-top: calc(var(--smart-spacing) * 0.5);
   }
+  .smart\:pt-2 {
+    padding-top: calc(var(--smart-spacing) * 2);
+  }
   .smart\:pt-3 {
     padding-top: calc(var(--smart-spacing) * 3);
   }
@@ -1904,6 +1944,9 @@
   .smart\:pb-8 {
     padding-bottom: calc(var(--smart-spacing) * 8);
   }
+  .smart\:pb-px {
+    padding-bottom: 1px;
+  }
   .smart\:pl-3 {
     padding-left: calc(var(--smart-spacing) * 3);
   }
@@ -1961,6 +2004,10 @@
     font-size: var(--smart-text-xs);
     line-height: var(--tw-leading, var(--smart-text-xs--line-height));
   }
+  .smart\:text-xs\/5 {
+    font-size: var(--smart-text-xs);
+    line-height: calc(var(--smart-spacing) * 5);
+  }
   .smart\:text-\[10px\] {
     font-size: 10px;
   }
@@ -2199,6 +2246,9 @@
   .smart\:placeholder-gray-400::placeholder {
     color: var(--smart-color-gray-400);
   }
+  .smart\:accent-indigo-600 {
+    accent-color: var(--smart-color-indigo-600);
+  }
   .smart\:opacity-0 {
     opacity: 0%;
   }
@@ -2262,12 +2312,22 @@
       --tw-ring-color: color-mix(in oklab, var(--smart-color-gray-900) 5%, transparent);
     }
   }
+  .smart\:ring-green-600\/20 {
+    --tw-ring-color: var(--smart-color-green-600);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--smart-color-green-600) 20%, transparent);
+    }
+  }
   .smart\:ring-white {
     --tw-ring-color: var(--smart-color-white);
   }
   .smart\:inset-ring-gray-300 {
     --tw-inset-ring-color: var(--smart-color-gray-300);
   }
+  .smart\:outline {
+    outline-style: var(--tw-outline-style);
+    outline-width: 1px;
+  }
   .smart\:outline-1 {
     outline-style: var(--tw-outline-style);
     outline-width: 1px;
@@ -2275,6 +2335,12 @@
   .smart\:-outline-offset-1 {
     outline-offset: calc(1px * -1);
   }
+  .smart\:outline-black\/5 {
+    outline-color: var(--smart-color-black);
+    @supports (color: color-mix(in lab, red, red)) {
+      outline-color: color-mix(in oklab, var(--smart-color-black) 5%, transparent);
+    }
+  }
   .smart\:outline-gray-300 {
     outline-color: var(--smart-color-gray-300);
   }
@@ -2283,6 +2349,11 @@
     -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
     backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
   }
+  .smart\:backdrop-blur-sm {
+    --tw-backdrop-blur: blur(var(--smart-blur-sm));
+    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
+    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
+  }
   .smart\:transition {
     transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
     transition-timing-function: var(--tw-ease, var(--smart-default-transition-timing-function));
@@ -2346,6 +2417,12 @@
       --tw-translate-y: 0px;
       translate: var(--tw-translate-x) var(--tw-translate-y);
     }
+    .smart\:group-hover\:bg-gray-200:is(:where(.smart\:group):hover *) {
+      background-color: var(--smart-color-gray-200);
+    }
+    .smart\:group-hover\:text-gray-600:is(:where(.smart\:group):hover *) {
+      color: var(--smart-color-gray-600);
+    }
     .smart\:group-hover\:opacity-0:is(:where(.smart\:group):hover *) {
       opacity: 0%;
     }
@@ -2495,6 +2572,12 @@
     border-inline-start-style: var(--tw-border-style);
     border-inline-start-width: 0px;
   }
+  .smart\:first\:pl-0:first-child {
+    padding-left: 0px;
+  }
+  .smart\:first\:pl-4:first-child {
+    padding-left: calc(var(--smart-spacing) * 4);
+  }
   .smart\:last\:flex-none:last-child {
     flex: none;
   }
@@ -2502,6 +2585,12 @@
     border-start-end-radius: var(--smart-radius-lg);
     border-end-end-radius: var(--smart-radius-lg);
   }
+  .smart\:last\:pr-0:last-child {
+    padding-right: 0px;
+  }
+  .smart\:last\:pr-4:last-child {
+    padding-right: calc(var(--smart-spacing) * 4);
+  }
   .smart\:last\:after\:hidden:last-child::after {
     content: var(--tw-content);
     display: none;
@@ -2518,6 +2607,16 @@
   .smart\:checked\:bg-blue-700:checked {
     background-color: var(--smart-color-blue-700);
   }
+  .smart\:focus-within\:border-b-2:focus-within {
+    border-bottom-style: var(--tw-border-style);
+    border-bottom-width: 2px;
+  }
+  .smart\:focus-within\:border-blue-600:focus-within {
+    border-color: var(--smart-color-blue-600);
+  }
+  .smart\:focus-within\:pb-0:focus-within {
+    padding-bottom: 0px;
+  }
   .smart\:focus-within\:ring-1:focus-within {
     --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -2525,6 +2624,16 @@
   .smart\:focus-within\:ring-blue-500:focus-within {
     --tw-ring-color: var(--smart-color-blue-500);
   }
+  .smart\:focus-within\:outline-2:focus-within {
+    outline-style: var(--tw-outline-style);
+    outline-width: 2px;
+  }
+  .smart\:focus-within\:-outline-offset-2:focus-within {
+    outline-offset: calc(2px * -1);
+  }
+  .smart\:focus-within\:outline-blue-600:focus-within {
+    outline-color: var(--smart-color-blue-600);
+  }
   @media (hover: hover) {
     .smart\:hover\:border-amber-600:hover {
       border-color: var(--smart-color-amber-600);
@@ -3367,6 +3476,9 @@
   .smart\:focus\:outline-offset-2:focus {
     outline-offset: 2px;
   }
+  .smart\:focus\:outline-blue-600:focus {
+    outline-color: var(--smart-color-blue-600);
+  }
   .smart\:focus\:outline-indigo-600:focus {
     outline-color: var(--smart-color-indigo-600);
   }
@@ -3377,6 +3489,9 @@
   .smart\:focus\:ring-inset:focus {
     --tw-ring-inset: inset;
   }
+  .smart\:focus-visible\:underline:focus-visible {
+    text-decoration-line: underline;
+  }
   .smart\:focus-visible\:outline-2:focus-visible {
     outline-style: var(--tw-outline-style);
     outline-width: 2px;
@@ -3462,6 +3577,9 @@
   .smart\:disabled\:opacity-50:disabled {
     opacity: 50%;
   }
+  .smart\:disabled\:opacity-60:disabled {
+    opacity: 60%;
+  }
   @media (width < 40rem) {
     .smart\:max-sm\:w-full {
       width: 100%;
@@ -3474,6 +3592,9 @@
     .smart\:sm\:col-span-2 {
       grid-column: span 2 / span 2;
     }
+    .smart\:sm\:mx-0 {
+      margin-inline: 0px;
+    }
     .smart\:sm\:mx-auto {
       margin-inline: auto;
     }
@@ -3521,6 +3642,12 @@
     .smart\:sm\:max-w-md {
       max-width: var(--smart-container-md);
     }
+    .smart\:sm\:flex-auto {
+      flex: auto;
+    }
+    .smart\:sm\:flex-none {
+      flex: none;
+    }
     .smart\:sm\:shrink-0 {
       flex-shrink: 0;
     }
@@ -3557,11 +3684,17 @@
     .smart\:sm\:gap-12 {
       gap: calc(var(--smart-spacing) * 12);
     }
+    .smart\:sm\:gap-x-8 {
+      column-gap: calc(var(--smart-spacing) * 8);
+    }
     .smart\:sm\:truncate {
       overflow: hidden;
       text-overflow: ellipsis;
       white-space: nowrap;
     }
+    .smart\:sm\:rounded-xl {
+      border-radius: var(--smart-radius-xl);
+    }
     .smart\:sm\:p-5 {
       padding: calc(var(--smart-spacing) * 5);
     }
@@ -3618,6 +3751,12 @@
       --tw-tracking: var(--smart-tracking-tight);
       letter-spacing: var(--smart-tracking-tight);
     }
+    .smart\:sm\:first\:pl-6:first-child {
+      padding-left: calc(var(--smart-spacing) * 6);
+    }
+    .smart\:sm\:last\:pr-6:last-child {
+      padding-right: calc(var(--smart-spacing) * 6);
+    }
   }
   @media (width >= 48rem) {
     .smart\:md\:relative {
@@ -3736,6 +3875,12 @@
       border-color: color-mix(in oklab, var(--smart-color-white) 10%, transparent);
     }
   }
+  :where(.smart\:dark\:divide-white\/15:where(.dark, .dark *) > :not(:last-child)) {
+    border-color: var(--smart-color-white);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--smart-color-white) 15%, transparent);
+    }
+  }
   .smart\:dark\:border-b:where(.dark, .dark *) {
     border-bottom-style: var(--tw-border-style);
     border-bottom-width: 1px;
@@ -3845,6 +3990,12 @@
       border-color: color-mix(in oklab, var(--smart-color-white) 10%, transparent);
     }
   }
+  .smart\:dark\:border-white\/20:where(.dark, .dark *) {
+    border-color: var(--smart-color-white);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--smart-color-white) 20%, transparent);
+    }
+  }
   .smart\:dark\:border-yellow-400:where(.dark, .dark *) {
     border-color: var(--smart-color-yellow-400);
   }
@@ -3938,6 +4089,12 @@
       background-color: color-mix(in oklab, var(--smart-color-gray-800) 60%, transparent);
     }
   }
+  .smart\:dark\:bg-gray-800\/75:where(.dark, .dark *) {
+    background-color: var(--smart-color-gray-800);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--smart-color-gray-800) 75%, transparent);
+    }
+  }
   .smart\:dark\:bg-gray-800\/90:where(.dark, .dark *) {
     background-color: var(--smart-color-gray-800);
     @supports (color: color-mix(in lab, red, red)) {
@@ -3953,6 +4110,12 @@
       background-color: color-mix(in oklab, var(--smart-color-gray-900) 50%, transparent);
     }
   }
+  .smart\:dark\:bg-gray-900\/75:where(.dark, .dark *) {
+    background-color: var(--smart-color-gray-900);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--smart-color-gray-900) 75%, transparent);
+    }
+  }
   .smart\:dark\:bg-gray-900\/80:where(.dark, .dark *) {
     background-color: var(--smart-color-gray-900);
     @supports (color: color-mix(in lab, red, red)) {
@@ -3962,6 +4125,12 @@
   .smart\:dark\:bg-green-500:where(.dark, .dark *) {
     background-color: var(--smart-color-green-500);
   }
+  .smart\:dark\:bg-green-500\/10:where(.dark, .dark *) {
+    background-color: var(--smart-color-green-500);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--smart-color-green-500) 10%, transparent);
+    }
+  }
   .smart\:dark\:bg-green-500\/20:where(.dark, .dark *) {
     background-color: var(--smart-color-green-500);
     @supports (color: color-mix(in lab, red, red)) {
@@ -4295,6 +4464,9 @@
   .smart\:dark\:placeholder-gray-500:where(.dark, .dark *)::placeholder {
     color: var(--smart-color-gray-500);
   }
+  .smart\:dark\:accent-indigo-500:where(.dark, .dark *) {
+    accent-color: var(--smart-color-indigo-500);
+  }
   .smart\:dark\:shadow-none:where(.dark, .dark *) {
     --tw-shadow: 0 0 #0000;
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -4302,6 +4474,12 @@
   .smart\:dark\:ring-gray-800:where(.dark, .dark *) {
     --tw-ring-color: var(--smart-color-gray-800);
   }
+  .smart\:dark\:ring-green-500\/20:where(.dark, .dark *) {
+    --tw-ring-color: var(--smart-color-green-500);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--smart-color-green-500) 20%, transparent);
+    }
+  }
   .smart\:dark\:ring-white\/10:where(.dark, .dark *) {
     --tw-ring-color: var(--smart-color-white);
     @supports (color: color-mix(in lab, red, red)) {
@@ -4327,6 +4505,14 @@
       outline-color: color-mix(in oklab, var(--smart-color-white) 10%, transparent);
     }
   }
+  @media (hover: hover) {
+    .smart\:dark\:group-hover\:bg-gray-700:where(.dark, .dark *):is(:where(.smart\:group):hover *) {
+      background-color: var(--smart-color-gray-700);
+    }
+    .smart\:dark\:group-hover\:text-gray-300:where(.dark, .dark *):is(:where(.smart\:group):hover *) {
+      color: var(--smart-color-gray-300);
+    }
+  }
   .smart\:dark\:peer-checked\:bg-blue-500:where(.dark, .dark *):is(:where(.smart\:peer):checked ~ *) {
     background-color: var(--smart-color-blue-500);
   }
@@ -4364,6 +4550,12 @@
   .smart\:dark\:even\:bg-gray-800:where(.dark, .dark *):nth-child(even) {
     background-color: var(--smart-color-gray-800);
   }
+  .smart\:dark\:even\:bg-gray-800\/50:where(.dark, .dark *):nth-child(even) {
+    background-color: var(--smart-color-gray-800);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--smart-color-gray-800) 50%, transparent);
+    }
+  }
   .smart\:dark\:checked\:border-blue-500:where(.dark, .dark *):checked {
     border-color: var(--smart-color-blue-500);
   }
@@ -4376,9 +4568,15 @@
   .smart\:dark\:checked\:bg-blue-600:where(.dark, .dark *):checked {
     background-color: var(--smart-color-blue-600);
   }
+  .smart\:dark\:focus-within\:border-blue-500:where(.dark, .dark *):focus-within {
+    border-color: var(--smart-color-blue-500);
+  }
   .smart\:dark\:focus-within\:ring-blue-600:where(.dark, .dark *):focus-within {
     --tw-ring-color: var(--smart-color-blue-600);
   }
+  .smart\:dark\:focus-within\:outline-blue-500:where(.dark, .dark *):focus-within {
+    outline-color: var(--smart-color-blue-500);
+  }
   @media (hover: hover) {
     .smart\:dark\:hover\:border-amber-500:where(.dark, .dark *):hover {
       border-color: var(--smart-color-amber-500);
@@ -4768,6 +4966,14 @@
     .smart\:dark\:hover\:bg-violet-600:where(.dark, .dark *):hover {
       background-color: var(--smart-color-violet-600);
     }
+    .smart\:dark\:hover\:bg-white\/5:where(.dark, .dark *):hover {
+      background-color: var(--smart-color-white);
+    }
+    @supports (color: color-mix(in lab, red, red)) {
+      .smart\:dark\:hover\:bg-white\/5:where(.dark, .dark *):hover {
+        background-color: color-mix(in oklab, var(--smart-color-white) 5%, transparent);
+      }
+    }
     .smart\:dark\:hover\:bg-white\/10:where(.dark, .dark *):hover {
       background-color: var(--smart-color-white);
     }
@@ -5265,6 +5471,9 @@
   .smart\:dark\:focus\:ring-blue-600:where(.dark, .dark *):focus {
     --tw-ring-color: var(--smart-color-blue-600);
   }
+  .smart\:dark\:focus\:outline-blue-500:where(.dark, .dark *):focus {
+    outline-color: var(--smart-color-blue-500);
+  }
   .smart\:dark\:focus\:outline-indigo-500:where(.dark, .dark *):focus {
     outline-color: var(--smart-color-indigo-500);
   }