@fewangsit/wangsvue-presets 1.0.85-alpha.6 → 1.0.86

package/wangsvue/buttonradio/index.d.ts

@@ -1,32 +1,45 @@
 declare namespace _default {
-    function root({ props }: {
+    let root: {
+        class: string;
+        'data-wv-name': string;
+        'data-wv-section': string;
+    };
+    function wrapper({ props }: {
         props: any;
     }): {
         class: (string | {
-            'bg-white ring-grayscale-900': boolean;
-            'bg-general-50 ring-general-300': any;
-            '!ring-danger-500'?: undefined;
+            'bg-white': boolean;
+            'bg-general-50': any;
+            'border-general-100': boolean;
+            'border-primary-500': boolean;
+            'border-general-200': any;
+            '!border-danger-500'?: undefined;
         } | {
-            '!ring-danger-500': any;
-            'bg-white ring-grayscale-900'?: undefined;
-            'bg-general-50 ring-general-300'?: undefined;
+            '!border-danger-500': any;
+            'bg-white'?: undefined;
+            'bg-general-50'?: undefined;
+            'border-general-100'?: undefined;
+            'border-primary-500'?: undefined;
+            'border-general-200'?: undefined;
         })[];
-        'data-wv-name': string;
-        'data-wv-section': string;
     };
     function box({ props }: {
         props: any;
     }): {
         class: (string | {
-            'bg-grayscale-900': boolean;
-            'bg-general-300': any;
+            'border-general-100': boolean;
+            'border-primary-500': boolean;
+            'bg-primary-500': boolean;
+            'bg-general-200': any;
             'outline-none outline-offset-0'?: undefined;
-            'peer-focus-visible:ring-8 peer-focus-visible:ring-offset-2 peer-focus-visible:ring-primary-400/[8%]'?: undefined;
+            'peer-focus-visible:ring-2 peer-focus-visible:ring-offset-2 peer-focus-visible:ring-offset-surface-0 peer-focus-visible:ring-primary-500'?: undefined;
         } | {
             'outline-none outline-offset-0': boolean;
-            'peer-focus-visible:ring-8 peer-focus-visible:ring-offset-2 peer-focus-visible:ring-primary-400/[8%]': boolean;
-            'bg-grayscale-900'?: undefined;
-            'bg-general-300'?: undefined;
+            'peer-focus-visible:ring-2 peer-focus-visible:ring-offset-2 peer-focus-visible:ring-offset-surface-0 peer-focus-visible:ring-primary-500': boolean;
+            'border-general-100'?: undefined;
+            'border-primary-500'?: undefined;
+            'bg-primary-500'?: undefined;
+            'bg-general-200'?: undefined;
         })[];
     };
     function input({ props }: {
@@ -41,14 +54,5 @@ declare namespace _default {
         let _class: string;
         export { _class as class };
     }
-    let label: {
-        class: string[];
-    };
-    let labeltext: {
-        class: string;
-    };
-    let tooltipicon: {
-        class: string;
-    };
 }
 export default _default;

package/wangsvue/buttonradio/index.js

@@ -1,63 +1,78 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-var toggleswitch_1 = require("../toggleswitch");
 exports.default = {
-    root: function (_a) {
+    root: {
+        'class': 'flex items-center w-max gap-1 cursor-pointer text-xs',
+        'data-wv-name': 'buttonradio',
+        'data-wv-section': 'root',
+    },
+    wrapper: function (_a) {
         var props = _a.props;
         return ({
-            'class': [
+            class: [
                 'relative',
                 // Flexbox & Alignment
-                'inline-flex',
+                'flex items-center justify-center',
                 // Size
                 'w-4 h-4',
                 // Shape
-                'ring-inset',
-                'ring-2',
+                'border-2',
                 'rounded-full',
                 // Colors
                 {
-                    'bg-white ring-grayscale-900': !props.disabled,
-                    'bg-general-50 ring-general-300': props.disabled,
+                    'bg-white': props.value !== props.modelValue &&
+                        props.value !== undefined &&
+                        !props.disabled,
+                    'bg-general-50': props.disabled,
+                    'border-general-100': props.value !== props.modelValue &&
+                        props.value !== undefined &&
+                        !props.disabled,
+                    'border-primary-500': props.value == props.modelValue &&
+                        props.value !== undefined &&
+                        !props.disabled,
+                    'border-general-200': props.disabled,
                 },
                 {
-                    '!ring-danger-500': props.invalid,
+                    '!border-danger-500': props.invalid,
                 },
                 // Misc
                 'cursor-pointer',
             ],
-            'data-wv-name': 'buttonradio',
-            'data-wv-section': 'root',
         });
     },
     box: function (_a) {
         var props = _a.props;
         return ({
             class: [
+                // Flexbox
+                'flex justify-center items-center',
                 // Size
                 'w-2 h-2',
                 'text-sm',
                 'font-medium',
-                // Position
-                'translate-x-1/2',
-                'translate-y-1/2',
                 // Shape
+                // 'border-2',
                 'rounded-full',
                 // Transition
                 'transition duration-200 ease-in-out',
                 // Colors
                 {
-                    'bg-grayscale-900': props.value == props.modelValue &&
+                    'border-general-100': props.value !== props.modelValue && props.value !== undefined,
+                    'border-primary-500': props.value == props.modelValue &&
+                        props.value !== undefined &&
+                        !props.disabled,
+                    'bg-primary-500': props.value == props.modelValue &&
                         props.value !== undefined &&
                         !props.disabled,
-                    'bg-general-300': props.value == props.modelValue &&
+                    'bg-general-200': props.value == props.modelValue &&
                         props.value !== undefined &&
                         props.disabled,
                 },
                 // States
                 {
                     'outline-none outline-offset-0': !props.disabled,
-                    'peer-focus-visible:ring-8 peer-focus-visible:ring-offset-2 peer-focus-visible:ring-primary-400/[8%]': !props.disabled,
+                    'peer-focus-visible:ring-2 peer-focus-visible:ring-offset-2 peer-focus-visible:ring-offset-surface-0 peer-focus-visible:ring-primary-500': !props.disabled,
+                    // 'opacity-60 cursor-default': props.disabled,
                 },
             ],
         });
@@ -81,6 +96,7 @@ exports.default = {
                 'opacity-0',
                 'rounded-md',
                 'outline-none',
+                // 'border-2 border-surface-300',
                 // Misc
                 'appearance-none',
                 { 'cursor-default': props.disabled, 'cursor-pointer': !props.disabled },
@@ -90,7 +106,4 @@ exports.default = {
     icon: {
         class: 'hidden',
     },
-    label: toggleswitch_1.default.label,
-    labeltext: toggleswitch_1.default.labeltext,
-    tooltipicon: toggleswitch_1.default.tooltipicon,
 };

package/wangsvue/dropdown/index.d.ts

@@ -14,27 +14,11 @@ declare namespace _default {
         class: (string | {
             '!text-general-200': boolean;
             'text-grayscale-900': boolean;
-            'py-[5px]'?: undefined;
-            'py-[3px] leading-6'?: undefined;
-            'pr-7'?: undefined;
-        } | {
-            'py-[5px]': boolean;
-            '!text-general-200'?: undefined;
-            'text-grayscale-900'?: undefined;
-            'py-[3px] leading-6'?: undefined;
-            'pr-7'?: undefined;
-        } | {
-            'py-[3px] leading-6': any;
-            '!text-general-200'?: undefined;
-            'text-grayscale-900'?: undefined;
-            'py-[5px]'?: undefined;
             'pr-7'?: undefined;
         } | {
             'pr-7': any;
             '!text-general-200'?: undefined;
             'text-grayscale-900'?: undefined;
-            'py-[5px]'?: undefined;
-            'py-[3px] leading-6'?: undefined;
         })[];
     };
     namespace trigger {
@@ -137,19 +121,6 @@ declare namespace _default {
     };
     let filtericon: {
         class: string[];
-        icon: string;
-    };
-    let loadingicon: {
-        class: string;
-        icon: string;
-    };
-    function dropdownicon({ state }: {
-        state: any;
-    }): {
-        class: (string | {
-            'rotate-180': any;
-        })[];
-        icon: string;
     };
     namespace clearicon {
         let _class_5: string[];
@@ -161,9 +132,5 @@ declare namespace _default {
         let leaveActiveClass: string;
         let leaveToClass: string;
     }
-    namespace loadingplaceholder {
-        let _class_6: string;
-        export { _class_6 as class };
-    }
 }
 export default _default;

package/wangsvue/dropdown/index.js

@@ -7,7 +7,7 @@ exports.default = {
         return ({
             class: [
                 // Display and Position
-                'inline-flex items-center justify-between',
+                'inline-flex items-center',
                 'relative',
                 // Shape
                 'w-full',
@@ -24,22 +24,21 @@ exports.default = {
         return ({
             class: [
                 //Font
-                'text-xs font-normal',
+                'text-xs  font-normal',
                 {
                     '!text-general-200': props.modelValue == null,
                     'text-grayscale-900': props.modelValue != null,
                 },
                 // Display
-                'flex items-center',
+                'block',
+                'flex-auto',
                 // Color and Background
                 'bg-transparent',
                 'border-0',
                 'placeholder:text-general-200',
                 // Sizing and Spacing
-                'h-max w-full',
-                'px-3 pr-0',
-                { 'py-[5px]': !props.modelValue },
-                { 'py-[3px] leading-6': props.modelValue },
+                'h-max',
+                'py-[5px] px-3 pr-0',
                 { 'pr-7': props.showClear },
                 //Shape
                 'rounded-none',
@@ -187,11 +186,6 @@ exports.default = {
     filtercontainer: index_js_1.default === null || index_js_1.default === void 0 ? void 0 : index_js_1.default.filtercontainer,
     filterinput: index_js_1.default === null || index_js_1.default === void 0 ? void 0 : index_js_1.default.filterinput,
     filtericon: index_js_1.default === null || index_js_1.default === void 0 ? void 0 : index_js_1.default.filtericon,
-    loadingicon: index_js_1.default === null || index_js_1.default === void 0 ? void 0 : index_js_1.default.loadingicon,
-    dropdownicon: function (_a) {
-        var state = _a.state;
-        return index_js_1.default.dropdownicon({ state: state });
-    },
     clearicon: {
         class: [
             // Color
@@ -210,7 +204,4 @@ exports.default = {
         leaveActiveClass: 'transition-opacity duration-100 ease-linear',
         leaveToClass: 'opacity-0',
     },
-    loadingplaceholder: {
-        class: 'text-general-200 font-normal',
-    },
 };

package/wangsvue/index.d.ts

@@ -15,13 +15,13 @@ declare namespace wangsvue {
     export { calendar };
     export { checkbox };
     export { buttonradio };
+    export { inputswitch };
     export { selectbutton };
     export { slider };
     export { chips };
     export { rating };
     export { multiselect };
     export { togglebutton };
-    export { toggleswitch };
     export { cascadeselect };
     export { listbox };
     export { colorpicker };
@@ -113,13 +113,13 @@ import inputbadge from './inputbadge/index.js';
 import calendar from './calendar/index.js';
 import checkbox from './checkbox/index.js';
 import buttonradio from './buttonradio/index.js';
+import inputswitch from './inputswitch/index.js';
 import selectbutton from './selectbutton/index.js';
 import slider from './slider/index.js';
 import chips from './chips/index.js';
 import rating from './rating/index.js';
 import multiselect from './multiselect/index.js';
 import togglebutton from './togglebutton/index.js';
-import toggleswitch from './toggleswitch';
 import cascadeselect from './cascadeselect/index.js';
 import listbox from './listbox/index.js';
 import colorpicker from './colorpicker/index.js';

package/wangsvue/index.js

@@ -44,61 +44,61 @@ var index_js_38 = require("./inputmask/index.js");
 var index_js_39 = require("./inputnumber/index.js");
 var index_js_40 = require("./inputotp/index.js");
 var index_js_41 = require("./inputphonenumber/index.js");
-var index_js_42 = require("./inputtext/index.js");
-var index_js_43 = require("./knob/index.js");
-var index_js_44 = require("./listbox/index.js");
-var index_js_45 = require("./megamenu/index.js");
-var index_js_46 = require("./menu/index.js");
-var index_js_47 = require("./menubar/index.js");
-var index_js_48 = require("./message/index.js");
-var index_js_49 = require("./multiselect/index.js");
-var index_js_50 = require("./orderlist/index.js");
-var index_js_51 = require("./organizationchart/index.js");
-var index_js_52 = require("./overlaypanel/index.js");
-var index_js_53 = require("./paginator/index.js");
-var index_js_54 = require("./panel/index.js");
-var index_js_55 = require("./panelmenu/index.js");
-var index_js_56 = require("./password/index.js");
-var index_js_57 = require("./picklist/index.js");
-var index_js_58 = require("./progressbar/index.js");
-var index_js_59 = require("./buttonradio/index.js");
-var index_js_60 = require("./rating/index.js");
-var index_js_61 = require("./ripple/index.js");
-var index_js_62 = require("./scrollpanel/index.js");
-var index_js_63 = require("./scrolltop/index.js");
-var index_js_64 = require("./selectbutton/index.js");
-var index_js_65 = require("./sidebar/index.js");
-var index_js_66 = require("./skeleton/index.js");
-var index_js_67 = require("./slider/index.js");
-var index_js_68 = require("./splitbutton/index.js");
-var index_js_69 = require("./steps/index.js");
-var index_js_70 = require("./tabmenu/index.js");
-var index_js_71 = require("./tabview/index.js");
-var index_js_72 = require("./tag/index.js");
-var index_js_73 = require("./terminal/index.js");
-var index_js_74 = require("./textarea/index.js");
-var index_js_75 = require("./tieredmenu/index.js");
-var index_js_76 = require("./timeline/index.js");
-var index_js_77 = require("./toast/index.js");
-var index_js_78 = require("./togglebutton/index.js");
-var index_js_79 = require("./toolbar/index.js");
-var index_js_80 = require("./tooltip/index.js");
-var index_js_81 = require("./tree/index.js");
-var index_js_82 = require("./treeselect/index.js");
-var index_js_83 = require("./tristatecheckbox/index.js");
-var index_js_84 = require("./validatormessage/index.js");
+var index_js_42 = require("./inputswitch/index.js");
+var index_js_43 = require("./inputtext/index.js");
+var index_js_44 = require("./knob/index.js");
+var index_js_45 = require("./listbox/index.js");
+var index_js_46 = require("./megamenu/index.js");
+var index_js_47 = require("./menu/index.js");
+var index_js_48 = require("./menubar/index.js");
+var index_js_49 = require("./message/index.js");
+var index_js_50 = require("./multiselect/index.js");
+var index_js_51 = require("./orderlist/index.js");
+var index_js_52 = require("./organizationchart/index.js");
+var index_js_53 = require("./overlaypanel/index.js");
+var index_js_54 = require("./paginator/index.js");
+var index_js_55 = require("./panel/index.js");
+var index_js_56 = require("./panelmenu/index.js");
+var index_js_57 = require("./password/index.js");
+var index_js_58 = require("./picklist/index.js");
+var index_js_59 = require("./progressbar/index.js");
+var index_js_60 = require("./buttonradio/index.js");
+var index_js_61 = require("./rating/index.js");
+var index_js_62 = require("./ripple/index.js");
+var index_js_63 = require("./scrollpanel/index.js");
+var index_js_64 = require("./scrolltop/index.js");
+var index_js_65 = require("./selectbutton/index.js");
+var index_js_66 = require("./sidebar/index.js");
+var index_js_67 = require("./skeleton/index.js");
+var index_js_68 = require("./slider/index.js");
+var index_js_69 = require("./splitbutton/index.js");
+var index_js_70 = require("./steps/index.js");
+var index_js_71 = require("./tabmenu/index.js");
+var index_js_72 = require("./tabview/index.js");
+var index_js_73 = require("./tag/index.js");
+var index_js_74 = require("./terminal/index.js");
+var index_js_75 = require("./textarea/index.js");
+var index_js_76 = require("./tieredmenu/index.js");
+var index_js_77 = require("./timeline/index.js");
+var index_js_78 = require("./toast/index.js");
+var index_js_79 = require("./togglebutton/index.js");
+var index_js_80 = require("./toolbar/index.js");
+var index_js_81 = require("./tooltip/index.js");
+var index_js_82 = require("./tree/index.js");
+var index_js_83 = require("./treeselect/index.js");
+var index_js_84 = require("./tristatecheckbox/index.js");
+var index_js_85 = require("./validatormessage/index.js");
 var index_2 = require("./buttonbulkaction/index");
-var index_js_85 = require("./badgegroup/index.js");
-var index_js_86 = require("./breadcrumb/index.js");
+var index_js_86 = require("./badgegroup/index.js");
+var index_js_87 = require("./breadcrumb/index.js");
 var inputcurrency_1 = require("./inputcurrency");
 var fileupload_1 = require("./fileupload");
 var workcalendar_1 = require("./workcalendar");
 var filtercontainer_1 = require("./filtercontainer");
-var toggleswitch_1 = require("./toggleswitch");
 var directives = {
     badge: index_js_6.default,
-    ripple: index_js_61.default,
-    tooltip: index_js_80.default,
+    ripple: index_js_62.default,
+    tooltip: index_js_81.default,
 };
 var wangsvue = {
     global: global_js_1.default,
@@ -112,30 +112,30 @@ var wangsvue = {
     inputphonenumber: index_js_41.default,
     inputcurrency: inputcurrency_1.default,
     inputotp: index_js_40.default,
-    inputtext: index_js_42.default,
+    inputtext: index_js_43.default,
     inputbadge: index_js_35.default,
     calendar: index_js_11.default,
     checkbox: index_js_16.default,
-    buttonradio: index_js_59.default,
-    selectbutton: index_js_64.default,
-    slider: index_js_67.default,
+    buttonradio: index_js_60.default,
+    inputswitch: index_js_42.default,
+    selectbutton: index_js_65.default,
+    slider: index_js_68.default,
     chips: index_js_18.default,
-    rating: index_js_60.default,
-    multiselect: index_js_49.default,
-    togglebutton: index_js_78.default,
-    toggleswitch: toggleswitch_1.default,
+    rating: index_js_61.default,
+    multiselect: index_js_50.default,
+    togglebutton: index_js_79.default,
     cascadeselect: index_js_14.default,
-    listbox: index_js_44.default,
+    listbox: index_js_45.default,
     colorpicker: index_js_19.default,
     inputgroup: index_js_36.default,
     inputgroupaddon: index_js_37.default,
     inputmask: index_js_38.default,
-    knob: index_js_43.default,
-    treeselect: index_js_82.default,
-    tristatecheckbox: index_js_83.default,
-    textarea: index_js_74.default,
-    password: index_js_56.default,
-    validatormessage: index_js_84.default,
+    knob: index_js_44.default,
+    treeselect: index_js_83.default,
+    tristatecheckbox: index_js_84.default,
+    textarea: index_js_75.default,
+    password: index_js_57.default,
+    validatormessage: index_js_85.default,
     fileupload: fileupload_1.default,
     fieldwrapper: index_js_32.default,
     // Buttons
@@ -144,63 +144,63 @@ var wangsvue = {
     buttonbulkaction: index_2.default,
     buttonsearch: index_js_10.default,
     buttonfilter: index_js_9.default,
-    splitbutton: index_js_68.default,
+    splitbutton: index_js_69.default,
     // Data
-    paginator: index_js_53.default,
+    paginator: index_js_54.default,
     datatable: index_js_22.default,
     customcolumn: customcolumn_1.default,
-    tree: index_js_81.default,
+    tree: index_js_82.default,
     dataview: index_js_23.default,
     dataviewlayoutoptions: index_js_24.default,
-    organizationchart: index_js_51.default,
-    orderlist: index_js_50.default,
-    picklist: index_js_57.default,
-    timeline: index_js_76.default,
+    organizationchart: index_js_52.default,
+    orderlist: index_js_51.default,
+    picklist: index_js_58.default,
+    timeline: index_js_77.default,
     changelog: index_js_15.default,
     // Panels
     accordion: index_js_1.default,
-    panel: index_js_54.default,
+    panel: index_js_55.default,
     fieldset: index_js_31.default,
     card: index_js_12.default,
-    tabview: index_js_71.default,
+    tabview: index_js_72.default,
     divider: index_js_28.default,
-    toolbar: index_js_79.default,
-    scrollpanel: index_js_62.default,
+    toolbar: index_js_80.default,
+    scrollpanel: index_js_63.default,
     // Menu
     contextmenu: index_js_21.default,
-    menu: index_js_46.default,
-    menubar: index_js_47.default,
-    steps: index_js_69.default,
-    breadcrumb: index_js_86.default,
-    tieredmenu: index_js_75.default,
-    panelmenu: index_js_55.default,
-    megamenu: index_js_45.default,
+    menu: index_js_47.default,
+    menubar: index_js_48.default,
+    steps: index_js_70.default,
+    breadcrumb: index_js_87.default,
+    tieredmenu: index_js_76.default,
+    panelmenu: index_js_56.default,
+    megamenu: index_js_46.default,
     dock: index_js_29.default,
-    tabmenu: index_js_70.default,
+    tabmenu: index_js_71.default,
     // Overlays
     dialog: index_js_25.default,
     dialogconfirm: index_js_26.default,
     dialogform: index_js_27.default,
-    overlaypanel: index_js_52.default,
-    sidebar: index_js_65.default,
+    overlaypanel: index_js_53.default,
+    sidebar: index_js_66.default,
     confirmpopup: index_js_20.default,
     // Messages
-    message: index_js_48.default,
+    message: index_js_49.default,
     inlinemessage: index_js_34.default,
-    toast: index_js_77.default,
+    toast: index_js_78.default,
     // Media
     carousel: index_js_13.default,
     // Misc
     badge: index_js_5.default,
-    badgegroup: index_js_85.default,
+    badgegroup: index_js_86.default,
     avatar: index_js_3.default,
     avatargroup: index_js_4.default,
-    tag: index_js_72.default,
+    tag: index_js_73.default,
     chip: index_js_17.default,
-    progressbar: index_js_58.default,
-    skeleton: index_js_66.default,
-    scrolltop: index_js_63.default,
-    terminal: index_js_73.default,
+    progressbar: index_js_59.default,
+    skeleton: index_js_67.default,
+    scrolltop: index_js_64.default,
+    terminal: index_js_74.default,
     image: index_js_33.default,
     workcalendar: workcalendar_1.default,
 };