cmat 0.0.21 → 0.0.23

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cmat",
-  "version": "0.0.21",
+  "version": "0.0.23",
   "author": {
     "name": "Yu Tao",
     "email": "916426364@qq.com"
@@ -18,6 +18,7 @@
     "@ngx-formly/material": "^6.3.1",
     "@ngx-translate/core": "^16.0.0",
     "@ngx-translate/http-loader": "^16.0.0",
+    "@tailwindcss/postcss": "^4.0.6",
     "animate.css": "^4.1.1",
     "crypto-js": "^4.2.0",
     "dayjs": "^1.11.13",
@@ -27,11 +28,10 @@
     "quill-blot-formatter": "^1.0.5",
     "quill-image-drop-and-paste": "^2.0.1",
     "rxjs": "~7.8.1",
-    "tailwind-scrollbar": "^3.1.0",
     "vanilla-jsoneditor": "^1.1.2"
   },
   "dependencies": {
-    "tailwindcss": "^3.4.3",
+    "tailwindcss": "^4.0.6",
     "tslib": "^2.3.0"
   },
   "sideEffects": false,
@@ -57,6 +57,34 @@
       "types": "./version/index.d.ts",
       "default": "./fesm2022/cmat-version.mjs"
     },
+    "./directives/animate-on-scroll": {
+      "types": "./directives/animate-on-scroll/index.d.ts",
+      "default": "./fesm2022/cmat-directives-animate-on-scroll.mjs"
+    },
+    "./directives/arrow-cursor": {
+      "types": "./directives/arrow-cursor/index.d.ts",
+      "default": "./fesm2022/cmat-directives-arrow-cursor.mjs"
+    },
+    "./directives/autofocus": {
+      "types": "./directives/autofocus/index.d.ts",
+      "default": "./fesm2022/cmat-directives-autofocus.mjs"
+    },
+    "./directives/data-exporter": {
+      "types": "./directives/data-exporter/index.d.ts",
+      "default": "./fesm2022/cmat-directives-data-exporter.mjs"
+    },
+    "./directives/debounce": {
+      "types": "./directives/debounce/index.d.ts",
+      "default": "./fesm2022/cmat-directives-debounce.mjs"
+    },
+    "./directives/digit-only": {
+      "types": "./directives/digit-only/index.d.ts",
+      "default": "./fesm2022/cmat-directives-digit-only.mjs"
+    },
+    "./directives/equal-validator": {
+      "types": "./directives/equal-validator/index.d.ts",
+      "default": "./fesm2022/cmat-directives-equal-validator.mjs"
+    },
     "./components/adapter": {
       "types": "./components/adapter/index.d.ts",
       "default": "./fesm2022/cmat-components-adapter.mjs"
@@ -185,14 +213,14 @@
       "types": "./components/transfer-picker/index.d.ts",
       "default": "./fesm2022/cmat-components-transfer-picker.mjs"
     },
-    "./components/treetable": {
-      "types": "./components/treetable/index.d.ts",
-      "default": "./fesm2022/cmat-components-treetable.mjs"
-    },
     "./components/upload": {
       "types": "./components/upload/index.d.ts",
       "default": "./fesm2022/cmat-components-upload.mjs"
     },
+    "./components/treetable": {
+      "types": "./components/treetable/index.d.ts",
+      "default": "./fesm2022/cmat-components-treetable.mjs"
+    },
     "./components/x6-angular-shape": {
       "types": "./components/x6-angular-shape/index.d.ts",
       "default": "./fesm2022/cmat-components-x6-angular-shape.mjs"
@@ -201,58 +229,34 @@
       "types": "./lib/mock-api/index.d.ts",
       "default": "./fesm2022/cmat-lib-mock-api.mjs"
     },
-    "./directives/animate-on-scroll": {
-      "types": "./directives/animate-on-scroll/index.d.ts",
-      "default": "./fesm2022/cmat-directives-animate-on-scroll.mjs"
-    },
-    "./directives/arrow-cursor": {
-      "types": "./directives/arrow-cursor/index.d.ts",
-      "default": "./fesm2022/cmat-directives-arrow-cursor.mjs"
-    },
-    "./directives/autofocus": {
-      "types": "./directives/autofocus/index.d.ts",
-      "default": "./fesm2022/cmat-directives-autofocus.mjs"
-    },
-    "./directives/data-exporter": {
-      "types": "./directives/data-exporter/index.d.ts",
-      "default": "./fesm2022/cmat-directives-data-exporter.mjs"
-    },
-    "./directives/debounce": {
-      "types": "./directives/debounce/index.d.ts",
-      "default": "./fesm2022/cmat-directives-debounce.mjs"
-    },
-    "./directives/digit-only": {
-      "types": "./directives/digit-only/index.d.ts",
-      "default": "./fesm2022/cmat-directives-digit-only.mjs"
-    },
-    "./directives/equal-validator": {
-      "types": "./directives/equal-validator/index.d.ts",
-      "default": "./fesm2022/cmat-directives-equal-validator.mjs"
-    },
-    "./pipes/bytes": {
-      "types": "./pipes/bytes/index.d.ts",
-      "default": "./fesm2022/cmat-pipes-bytes.mjs"
+    "./pipes/find-by-key": {
+      "types": "./pipes/find-by-key/index.d.ts",
+      "default": "./fesm2022/cmat-pipes-find-by-key.mjs"
     },
     "./pipes/date-format": {
       "types": "./pipes/date-format/index.d.ts",
       "default": "./fesm2022/cmat-pipes-date-format.mjs"
     },
-    "./pipes/find-by-key": {
-      "types": "./pipes/find-by-key/index.d.ts",
-      "default": "./fesm2022/cmat-pipes-find-by-key.mjs"
+    "./pipes/bytes": {
+      "types": "./pipes/bytes/index.d.ts",
+      "default": "./fesm2022/cmat-pipes-bytes.mjs"
     },
     "./pipes/group-by": {
       "types": "./pipes/group-by/index.d.ts",
       "default": "./fesm2022/cmat-pipes-group-by.mjs"
     },
-    "./pipes/keys": {
-      "types": "./pipes/keys/index.d.ts",
-      "default": "./fesm2022/cmat-pipes-keys.mjs"
+    "./services/alert": {
+      "types": "./services/alert/index.d.ts",
+      "default": "./fesm2022/cmat-services-alert.mjs"
     },
     "./pipes/secure": {
       "types": "./pipes/secure/index.d.ts",
       "default": "./fesm2022/cmat-pipes-secure.mjs"
     },
+    "./pipes/keys": {
+      "types": "./pipes/keys/index.d.ts",
+      "default": "./fesm2022/cmat-pipes-keys.mjs"
+    },
     "./pipes/uppercase": {
       "types": "./pipes/uppercase/index.d.ts",
       "default": "./fesm2022/cmat-pipes-uppercase.mjs"
@@ -261,14 +265,14 @@
       "types": "./services/config/index.d.ts",
       "default": "./fesm2022/cmat-services-config.mjs"
     },
-    "./services/alert": {
-      "types": "./services/alert/index.d.ts",
-      "default": "./fesm2022/cmat-services-alert.mjs"
-    },
     "./services/confirmation": {
       "types": "./services/confirmation/index.d.ts",
       "default": "./fesm2022/cmat-services-confirmation.mjs"
     },
+    "./services/loading": {
+      "types": "./services/loading/index.d.ts",
+      "default": "./fesm2022/cmat-services-loading.mjs"
+    },
     "./services/data": {
       "types": "./services/data/index.d.ts",
       "default": "./fesm2022/cmat-services-data.mjs"
@@ -277,10 +281,6 @@
       "types": "./services/export-as/index.d.ts",
       "default": "./fesm2022/cmat-services-export-as.mjs"
     },
-    "./services/loading": {
-      "types": "./services/loading/index.d.ts",
-      "default": "./fesm2022/cmat-services-loading.mjs"
-    },
     "./services/local-storage": {
       "types": "./services/local-storage/index.d.ts",
       "default": "./fesm2022/cmat-services-local-storage.mjs"
@@ -293,14 +293,14 @@
       "types": "./services/platform/index.d.ts",
       "default": "./fesm2022/cmat-services-platform.mjs"
     },
-    "./services/splash-screen": {
-      "types": "./services/splash-screen/index.d.ts",
-      "default": "./fesm2022/cmat-services-splash-screen.mjs"
-    },
     "./services/title": {
       "types": "./services/title/index.d.ts",
       "default": "./fesm2022/cmat-services-title.mjs"
     },
+    "./services/splash-screen": {
+      "types": "./services/splash-screen/index.d.ts",
+      "default": "./fesm2022/cmat-services-splash-screen.mjs"
+    },
     "./services/translation": {
       "types": "./services/translation/index.d.ts",
       "default": "./fesm2022/cmat-services-translation.mjs"

package/styles/components/bundle.scss

@@ -1,12 +1,14 @@
+@reference "tailwindcss/theme";
+
 cmat-card {
-    @apply border shadow bg-card m-2 hover:shadow-lg;
+    @apply border shadow-sm bg-card m-2 hover:shadow-lg;
 
     &.cmat-card-flippable {
         @apply shadow-none;
 
         .cmat-card-front,
         .cmat-card-back {
-            @apply shadow bg-card;
+            @apply shadow-sm bg-card;
         }
     }
 }
@@ -19,7 +21,7 @@ cmat-card {
     }
 
     .menu-item {
-        @apply outline-none;
+        @apply outline-hidden;
 
         &.disabled {
             @apply text-disabled;
@@ -53,7 +55,7 @@ cmat-cascade-menu {
     @apply bg-dialog;
 
     .menu-item {
-        @apply bg-dialog outline-none;
+        @apply bg-dialog outline-hidden;
 
         &.disabled {
             @apply text-disabled;
@@ -90,7 +92,7 @@ cmat-date-range {
                 width: $control-width;
             }
 
-            @apply shadow-sm bg-white border-slate-300 dark:bg-black dark:bg-opacity-5 dark:border-slate-500  #{'!important'};
+            @apply shadow-xs bg-white border-slate-300 dark:bg-black/5 dark:border-slate-500;
         }
     }
 
@@ -127,7 +129,7 @@ cmat-date-range {
                             td {
                                 .cmat-date-range {
                                     &:before {
-                                        @apply bg-primary-200  #{'!important'};
+                                        @apply bg-primary-200;
                                     }
                                 }
                             }
@@ -135,7 +137,7 @@ cmat-date-range {
                             .cmat-date-range-start,
                             .cmat-date-range-end {
                                 .mat-calendar-body-cell-content {
-                                    @apply bg-primary text-on-primary  #{'!important'};
+                                    @apply bg-primary text-on-primary;
                                 }
                             }
                         }
@@ -154,10 +156,6 @@ cmat-drawer {
     }
 }
 
-.cmat-datetimepicker-content {
-    @apply bg-card text-hint #{'!important'};
-}
-
 @mixin landscape-calendar-header {
     .cmat-datetimepicker-calendar {
         display: flex;
@@ -302,7 +300,7 @@ cmat-drawer {
 }
   
 .cmat-datetimepicker-content {
-   @apply shadow border-slate-300 bg-card dark:bg-black dark:bg-opacity-5 dark:border-slate-500;
+   @apply shadow-sm bg-card text-hint;
 }  
 
 .cmat-confirmation-dialog-panel {
@@ -330,19 +328,19 @@ cmat-horizontal-navigation {
             .cmat-horizontal-navigation-item-active,
             .cmat-horizontal-navigation-item-active-forced {
                 .cmat-horizontal-navigation-item-title {
-                    @apply text-primary #{'!important'};
+                    @apply text-primary;
                 }
 
                 .cmat-horizontal-navigation-item-subtitle {
-                    @apply text-primary-400 #{'!important'};
+                    @apply text-primary-400;
 
                     .dark & {
-                        @apply text-primary-600 #{'!important'};
+                        @apply text-primary-600;
                     }
                 }
 
                 .cmat-horizontal-navigation-item-icon {
-                    @apply text-primary #{'!important'};
+                    @apply text-primary;
                 }
             }
         }
@@ -366,19 +364,19 @@ cmat-horizontal-navigation {
         .cmat-horizontal-navigation-item-active,
         .cmat-horizontal-navigation-item-active-forced {
             .cmat-horizontal-navigation-item-title {
-                @apply text-primary #{'!important'};
+                @apply text-primary;
             }
 
             .cmat-horizontal-navigation-item-subtitle {
-                @apply text-primary-400 #{'!important'};
+                @apply text-primary-400;
 
                 .dark & {
-                    @apply text-primary-600 #{'!important'};
+                    @apply text-primary-600;
                 }
             }
 
             .cmat-horizontal-navigation-item-icon {
-                @apply text-primary #{'!important'};
+                @apply text-primary;
             }
         }
     }
@@ -419,7 +417,7 @@ cmat-vertical-navigation-collapsable-item {
             &:not(.cmat-vertical-navigation-item-disabled) {
                 &.cmat-vertical-navigation-item-active,
                 &.cmat-vertical-navigation-item-active-forced {
-                    @apply bg-slate-800 bg-opacity-5 dark:bg-white dark:bg-opacity-12;
+                    @apply bg-slate-800/5 dark:bg-white/12;
 
                     .cmat-vertical-navigation-item-icon {
                         @apply opacity-100;
@@ -438,7 +436,7 @@ cmat-vertical-navigation-collapsable-item {
             /* Hover state */
             &:not(.cmat-vertical-navigation-item-active-forced):not(.cmat-vertical-navigation-item-active):not(.cmat-vertical-navigation-item-disabled) {
                 &:hover {
-                    @apply bg-slate-800 bg-opacity-5 dark:bg-white dark:bg-opacity-12;
+                    @apply bg-slate-800/5 dark:bg-white/12;
 
                     .cmat-vertical-navigation-item-icon {
                         @apply opacity-100;
@@ -533,7 +531,7 @@ cmat-transfer-picker {
                 @apply text-secondary bg-default;
 
                 &.selected {
-                    @apply bg-primary bg-opacity-50;
+                    @apply bg-primary/50;
                 }
             }
         }
@@ -545,14 +543,14 @@ cmat-transfer-picker {
 }
 
 .transfer-picker-target {
-    @apply shadow bg-card;
+    @apply shadow-sm bg-card;
 
     &-item:hover  {
         @apply bg-hover;
     }
 }
 .mat-mdc-autocomplete-panel{
-    @apply overflow-x-hidden overflow-y-auto lg:overflow-y-hidden lg:hover:overflow-y-auto scrollbar-custom
+    @apply overflow-x-hidden overflow-y-auto lg:overflow-y-hidden lg:hover:overflow-y-auto scrollbar-custom;
 }
 
 .cmat-upload-file-item:hover{

package/styles/components/input.scss

@@ -1,3 +1,5 @@
+@reference "tailwindcss/theme";
+
 input,
 textarea {
     background: transparent;