@fewangsit/wangsvue-presets 1.0.107 → 1.0.108-alpha.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fewangsit/wangsvue-presets",
-  "version": "1.0.107",
+  "version": "1.0.108-alpha.1",
   "author": "Wangsit FE Developer",
   "description": "Wangsit VueJS Component Library Presets",
   "main": "index.js",

package/supplyasset/datatable/index.d.ts

@@ -1,4 +1,5 @@
-declare namespace _default {
+export default definePreset;
+declare namespace definePreset {
     let root: {
         'data-wv-name': string;
         'data-wv-section': string;
@@ -36,7 +37,7 @@ declare namespace _default {
         class: (string | {
             '!h-[28px]': boolean;
             'bg-transparent'?: undefined;
-            'bg-primary-50 [&>td]:border-primary-200'?: undefined;
+            'bg-primary-50 [&>td]:border-primary-200 [&>td>div>span]:border-primary-200'?: undefined;
             'focus:outline-none focus:outline-offset-0'?: undefined;
             'hover:!bg-grayscale-50'?: undefined;
             'hover:!bg-warning-300 !bg-warning-200'?: undefined;
@@ -47,7 +48,7 @@ declare namespace _default {
             'cursor-pointer'?: undefined;
         } | {
             'bg-transparent': boolean;
-            'bg-primary-50 [&>td]:border-primary-200': any;
+            'bg-primary-50 [&>td]:border-primary-200 [&>td>div>span]:border-primary-200': any;
             '!h-[28px]'?: undefined;
             'focus:outline-none focus:outline-offset-0'?: undefined;
             'hover:!bg-grayscale-50'?: undefined;
@@ -63,7 +64,7 @@ declare namespace _default {
             'hover:!bg-warning-300 !bg-warning-200': any;
             '!h-[28px]'?: undefined;
             'bg-transparent'?: undefined;
-            'bg-primary-50 [&>td]:border-primary-200'?: undefined;
+            'bg-primary-50 [&>td]:border-primary-200 [&>td>div>span]:border-primary-200'?: undefined;
             'transition duration-200'?: undefined;
             'select-none'?: undefined;
             'select-auto'?: undefined;
@@ -73,7 +74,7 @@ declare namespace _default {
             'transition duration-200': any;
             '!h-[28px]'?: undefined;
             'bg-transparent'?: undefined;
-            'bg-primary-50 [&>td]:border-primary-200'?: undefined;
+            'bg-primary-50 [&>td]:border-primary-200 [&>td>div>span]:border-primary-200'?: undefined;
             'focus:outline-none focus:outline-offset-0'?: undefined;
             'hover:!bg-grayscale-50'?: undefined;
             'hover:!bg-warning-300 !bg-warning-200'?: undefined;
@@ -86,7 +87,7 @@ declare namespace _default {
             'select-auto': boolean;
             '!h-[28px]'?: undefined;
             'bg-transparent'?: undefined;
-            'bg-primary-50 [&>td]:border-primary-200'?: undefined;
+            'bg-primary-50 [&>td]:border-primary-200 [&>td>div>span]:border-primary-200'?: undefined;
             'focus:outline-none focus:outline-offset-0'?: undefined;
             'hover:!bg-grayscale-50'?: undefined;
             'hover:!bg-warning-300 !bg-warning-200'?: undefined;
@@ -97,7 +98,7 @@ declare namespace _default {
             '!cursor-grab [&_label]:!cursor-grab': any;
             '!h-[28px]'?: undefined;
             'bg-transparent'?: undefined;
-            'bg-primary-50 [&>td]:border-primary-200'?: undefined;
+            'bg-primary-50 [&>td]:border-primary-200 [&>td>div>span]:border-primary-200'?: undefined;
             'focus:outline-none focus:outline-offset-0'?: undefined;
             'hover:!bg-grayscale-50'?: undefined;
             'hover:!bg-warning-300 !bg-warning-200'?: undefined;
@@ -109,7 +110,7 @@ declare namespace _default {
             'cursor-pointer': boolean;
             '!h-[28px]'?: undefined;
             'bg-transparent'?: undefined;
-            'bg-primary-50 [&>td]:border-primary-200'?: undefined;
+            'bg-primary-50 [&>td]:border-primary-200 [&>td>div>span]:border-primary-200'?: undefined;
             'focus:outline-none focus:outline-offset-0'?: undefined;
             'hover:!bg-grayscale-50'?: undefined;
             'hover:!bg-warning-300 !bg-warning-200'?: undefined;
@@ -297,9 +298,7 @@ declare namespace _default {
     function paginator({ context }: {
         context: any;
     }): {
-        'current-page-report-template': string;
         class: string;
         template: string;
     };
 }
-export default _default;

package/supplyasset/datatable/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = {
+var definePreset = {
     root: {
         'data-wv-name': 'datatable',
         'data-wv-section': 'root',
@@ -49,7 +49,7 @@ exports.default = {
                 'text-general-800 text-xs font-normal',
                 {
                     'bg-transparent': !context.selected,
-                    'bg-primary-50 [&>td]:border-primary-200': context.selected,
+                    'bg-primary-50 [&>td]:border-primary-200 [&>td>div>span]:border-primary-200': context.selected,
                 },
                 // State
                 {
@@ -230,7 +230,7 @@ exports.default = {
         class: 'p-4 invisible',
     },
     nodatalottiewrapper: {
-        'class': 'w-full p-4 flex flex-col gap-1 items-center justify-center absolute top-[37px] inset-x-0 pointer-events-none',
+        'class': 'w-full p-4 flex flex-col gap-1 items-center justify-center absolute inset-x-0 pointer-events-none',
         'data-wv-section': 'nodatalottiewrapper',
     },
     nodatalottie: {
@@ -241,7 +241,7 @@ exports.default = {
         class: 'text-general-body text-center',
     },
     loadingtablewrapper: {
-        'class': 'w-full p-4 flex items-center justify-center absolute top-[37px] inset-x-0 pointer-events-none',
+        'class': 'w-full p-4 flex items-center justify-center absolute inset-x-0 pointer-events-none',
         'data-wv-section': 'loadingtablewrapper',
     },
     loadingtablelottie: {
@@ -251,11 +251,9 @@ exports.default = {
     paginator: function (_a) {
         var context = _a.context;
         return ({
-            'current-page-report-template': context.totalRecords
-                ? 'Showing {first} to {last} of {totalRecords}'
-                : 'No Data Found',
-            'class': '',
-            'template': 'FirstPageLink PrevPageLink PageLinks JumpToPageInput NextPageLink LastPageLink CurrentPageReport RowsPerPageDropdown',
+            class: '',
+            template: 'FirstPageLink PrevPageLink PageLinks JumpToPageInput NextPageLink LastPageLink CurrentPageReport RowsPerPageDropdown',
         });
     },
 };
+exports.default = definePreset;

package/supplyasset/index.es.js

@@ -1150,7 +1150,7 @@ const _ = {
   footer: {
     class: ["inline-flex gap-1 text-xs items-center"]
   }
-}, U = {
+}, $ = {
   root: {
     class: [
       // Flexbox
@@ -1264,7 +1264,7 @@ const _ = {
       }
     ]
   })
-}, $ = {
+}, U = {
   button: ({ props: e, buttonClass: t }) => ({
     class: [
       t,
@@ -1501,7 +1501,7 @@ const _ = {
       "text-general-800 text-xs font-normal",
       {
         "bg-transparent": !e.selected,
-        "bg-primary-50 [&>td]:border-primary-200": e.selected
+        "bg-primary-50 [&>td]:border-primary-200 [&>td>div>span]:border-primary-200": e.selected
       },
       // State
       {
@@ -1657,7 +1657,7 @@ const _ = {
     class: "p-4 invisible"
   },
   nodatalottiewrapper: {
-    class: "w-full p-4 flex flex-col gap-1 items-center justify-center absolute top-[37px] inset-x-0 pointer-events-none",
+    class: "w-full p-4 flex flex-col gap-1 items-center justify-center absolute inset-x-0 pointer-events-none",
     "data-wv-section": "nodatalottiewrapper"
   },
   nodatalottie: {
@@ -1668,7 +1668,7 @@ const _ = {
     class: "text-general-body text-center"
   },
   loadingtablewrapper: {
-    class: "w-full p-4 flex items-center justify-center absolute top-[37px] inset-x-0 pointer-events-none",
+    class: "w-full p-4 flex items-center justify-center absolute inset-x-0 pointer-events-none",
     "data-wv-section": "loadingtablewrapper"
   },
   loadingtablelottie: {
@@ -1676,7 +1676,6 @@ const _ = {
     "data-wv-section": "loadingtablelottie"
   },
   paginator: ({ context: e }) => ({
-    "current-page-report-template": e.totalRecords ? "Showing {first} to {last} of {totalRecords}" : "No Data Found",
     class: "",
     template: "FirstPageLink PrevPageLink PageLinks JumpToPageInput NextPageLink LastPageLink CurrentPageReport RowsPerPageDropdown"
   })
@@ -1873,7 +1872,7 @@ const _ = {
     leaveActiveClass: "transition-all duration-200 ease-out",
     leaveToClass: "opacity-0 scale-75 mask-active"
   }
-}, R = {
+}, M = {
   root: {
     class: ["!w-[clamp(360px,75vw,400px)]"],
     "data-wv-name": (e) => e ?? "root",
@@ -1914,7 +1913,7 @@ const _ = {
     class: "flex items-end justify-end gap-1 !mt-0",
     "data-wv-section": "dialog-confirm-footer"
   }
-}, M = {
+}, O = {
   root: {
     class: ["max-w-[90vw]"],
     style: (e) => `width: ${e}`,
@@ -2256,7 +2255,7 @@ const _ = {
     leaveActiveClass: "transition-opacity duration-100 ease-linear",
     leaveToClass: "opacity-0"
   }
-}, O = {
+}, R = {
   root: ({ props: e, state: t }) => ({
     class: [
       // Display and Position
@@ -5582,7 +5581,7 @@ const oe = x("WANGS-TAB-MENU", {
   // Forms
   form: D,
   filtercontainer: je,
-  dropdown: O,
+  dropdown: R,
   inputnumber: Q,
   inputphonenumber: X,
   inputcurrency: pe,
@@ -5616,7 +5615,7 @@ const oe = x("WANGS-TAB-MENU", {
   customcolumn: L,
   tree: be,
   timeline: de,
-  changelog: $,
+  changelog: U,
   // Panels
   accordion: _,
   card: E,
@@ -5627,15 +5626,15 @@ const oe = x("WANGS-TAB-MENU", {
   tabmenu: oe,
   // Overlays
   dialog: C,
-  dialogconfirm: R,
-  dialogform: M,
+  dialogconfirm: M,
+  dialogform: O,
   overlaypanel: ae,
   // Messages
   message: te,
   inlinemessage: Y,
   toast: ue,
   // Media
-  carousel: U,
+  carousel: $,
   // Misc
   badge: d,
   badgegroup: we,