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

package/wangsvue/buttonfilter/index.js

@@ -1,13 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = {
-    root: {
+    root: function () { return ({
         'class': 'focus-within:ring-2 focus-within:ring-primary-400 focus-within:outline-none rounded-sm',
         'data-wv-name': 'buttonfilter',
         'data-wv-section': 'root',
-    },
-    icon: {
+    }); },
+    icon: function () { return ({
         'class': 'text-2xl',
+        'severity': 'secondary',
         'data-wv-section': 'icon',
-    },
+    }); },
 };

package/wangsvue/buttonradio/index.d.ts

@@ -1,45 +1,32 @@
 declare namespace _default {
-    let root: {
-        class: string;
-        'data-wv-name': string;
-        'data-wv-section': string;
-    };
-    function wrapper({ props }: {
+    function root({ props }: {
         props: any;
     }): {
         class: (string | {
-            'bg-white': boolean;
-            'bg-general-50': any;
-            'border-general-100': boolean;
-            'border-primary-500': boolean;
-            'border-general-200': any;
-            '!border-danger-500'?: undefined;
+            'bg-white ring-grayscale-900': boolean;
+            'bg-general-50 ring-general-300': any;
+            '!ring-danger-500'?: undefined;
         } | {
-            '!border-danger-500': any;
-            'bg-white'?: undefined;
-            'bg-general-50'?: undefined;
-            'border-general-100'?: undefined;
-            'border-primary-500'?: undefined;
-            'border-general-200'?: undefined;
+            '!ring-danger-500': any;
+            'bg-white ring-grayscale-900'?: undefined;
+            'bg-general-50 ring-general-300'?: undefined;
         })[];
+        'data-wv-name': string;
+        'data-wv-section': string;
     };
     function box({ props }: {
         props: any;
     }): {
         class: (string | {
-            'border-general-100': boolean;
-            'border-primary-500': boolean;
-            'bg-primary-500': boolean;
-            'bg-general-200': any;
+            'bg-grayscale-900': boolean;
+            'bg-general-300': any;
             'outline-none outline-offset-0'?: 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;
+            'peer-focus-visible:ring-8 peer-focus-visible:ring-offset-2 peer-focus-visible:ring-primary-400/[8%]'?: undefined;
         } | {
             'outline-none outline-offset-0': boolean;
-            '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;
+            '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;
         })[];
     };
     function input({ props }: {
@@ -54,5 +41,14 @@ 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,78 +1,63 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+var toggleswitch_1 = require("../toggleswitch");
 exports.default = {
-    root: {
-        'class': 'flex items-center w-max gap-1 cursor-pointer text-xs',
-        'data-wv-name': 'buttonradio',
-        'data-wv-section': 'root',
-    },
-    wrapper: function (_a) {
+    root: function (_a) {
         var props = _a.props;
         return ({
-            class: [
+            'class': [
                 'relative',
                 // Flexbox & Alignment
-                'flex items-center justify-center',
+                'inline-flex',
                 // Size
                 'w-4 h-4',
                 // Shape
-                'border-2',
+                'ring-inset',
+                'ring-2',
                 'rounded-full',
                 // Colors
                 {
-                    '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,
+                    'bg-white ring-grayscale-900': !props.disabled,
+                    'bg-general-50 ring-general-300': props.disabled,
                 },
                 {
-                    '!border-danger-500': props.invalid,
+                    '!ring-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
                 {
-                    '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 &&
+                    'bg-grayscale-900': props.value == props.modelValue &&
                         props.value !== undefined &&
                         !props.disabled,
-                    'bg-general-200': props.value == props.modelValue &&
+                    'bg-general-300': props.value == props.modelValue &&
                         props.value !== undefined &&
                         props.disabled,
                 },
                 // States
                 {
                     'outline-none outline-offset-0': !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,
+                    'peer-focus-visible:ring-8 peer-focus-visible:ring-offset-2 peer-focus-visible:ring-primary-400/[8%]': !props.disabled,
                 },
             ],
         });
@@ -96,7 +81,6 @@ exports.default = {
                 'opacity-0',
                 'rounded-md',
                 'outline-none',
-                // 'border-2 border-surface-300',
                 // Misc
                 'appearance-none',
                 { 'cursor-default': props.disabled, 'cursor-pointer': !props.disabled },
@@ -106,4 +90,7 @@ exports.default = {
     icon: {
         class: 'hidden',
     },
+    label: toggleswitch_1.default.label,
+    labeltext: toggleswitch_1.default.labeltext,
+    tooltipicon: toggleswitch_1.default.tooltipicon,
 };

package/wangsvue/datatable/index.js

@@ -149,6 +149,7 @@ exports.default = {
         'class': [
             'text-xs px-2 py-0.5',
             'border-0 !border-b !border-solid border-primary-100',
+            'justify-items-start',
             '[&:has([data-wv-section=rowcheckbox])]:text-center',
             '[&:has([data-wv-section=rowcheckbox])]:text-center',
         ],

package/wangsvue/dropdown/index.d.ts

@@ -14,11 +14,27 @@ 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 {
@@ -121,6 +137,19 @@ 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[];
@@ -132,5 +161,9 @@ 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',
+                'inline-flex items-center justify-between',
                 'relative',
                 // Shape
                 'w-full',
@@ -24,21 +24,22 @@ 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
-                'block',
-                'flex-auto',
+                'flex items-center',
                 // Color and Background
                 'bg-transparent',
                 'border-0',
                 'placeholder:text-general-200',
                 // Sizing and Spacing
-                'h-max',
-                'py-[5px] px-3 pr-0',
+                'h-max w-full',
+                'px-3 pr-0',
+                { 'py-[5px]': !props.modelValue },
+                { 'py-[3px] leading-6': props.modelValue },
                 { 'pr-7': props.showClear },
                 //Shape
                 'rounded-none',
@@ -186,6 +187,11 @@ 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
@@ -204,4 +210,7 @@ exports.default = {
         leaveActiveClass: 'transition-opacity duration-100 ease-linear',
         leaveToClass: 'opacity-0',
     },
+    loadingplaceholder: {
+        class: 'text-general-200 font-normal',
+    },
 };

package/wangsvue/filtercontainer/index.d.ts

@@ -0,0 +1,7 @@
+declare namespace _default {
+    namespace root {
+        let _class: string[];
+        export { _class as class };
+    }
+}
+export default _default;

package/wangsvue/filtercontainer/index.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    root: {
+        class: [
+            'bg-primary-50 rounded-[7px] [&>*]:w-full [&>*]min-w-0',
+            'grid items-end p-3 gap-4',
+        ],
+    },
+};

package/wangsvue/index.d.ts

@@ -3,6 +3,7 @@ declare namespace wangsvue {
     export { global };
     export { directives };
     export { form };
+    export { filtercontainer };
     export { autocomplete };
     export { dropdown };
     export { inputnumber };
@@ -14,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 };
@@ -100,6 +101,7 @@ declare namespace directives {
     export { tooltip };
 }
 import form from './form/index';
+import filtercontainer from './filtercontainer';
 import autocomplete from './autocomplete/index.js';
 import dropdown from './dropdown/index.js';
 import inputnumber from './inputnumber/index.js';
@@ -111,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,96 +44,98 @@ 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("./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_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_2 = require("./buttonbulkaction/index");
-var index_js_86 = require("./badgegroup/index.js");
-var index_js_87 = require("./breadcrumb/index.js");
+var index_js_85 = require("./badgegroup/index.js");
+var index_js_86 = 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_62.default,
-    tooltip: index_js_81.default,
+    ripple: index_js_61.default,
+    tooltip: index_js_80.default,
 };
 var wangsvue = {
     global: global_js_1.default,
     directives: directives,
     // Forms
     form: index_1.default,
+    filtercontainer: filtercontainer_1.default,
     autocomplete: index_js_2.default,
     dropdown: index_js_30.default,
     inputnumber: index_js_39.default,
     inputphonenumber: index_js_41.default,
     inputcurrency: inputcurrency_1.default,
     inputotp: index_js_40.default,
-    inputtext: index_js_43.default,
+    inputtext: index_js_42.default,
     inputbadge: index_js_35.default,
     calendar: index_js_11.default,
     checkbox: index_js_16.default,
-    buttonradio: index_js_60.default,
-    inputswitch: index_js_42.default,
-    selectbutton: index_js_65.default,
-    slider: index_js_68.default,
+    buttonradio: index_js_59.default,
+    selectbutton: index_js_64.default,
+    slider: index_js_67.default,
     chips: index_js_18.default,
-    rating: index_js_61.default,
-    multiselect: index_js_50.default,
-    togglebutton: index_js_79.default,
+    rating: index_js_60.default,
+    multiselect: index_js_49.default,
+    togglebutton: index_js_78.default,
+    toggleswitch: toggleswitch_1.default,
     cascadeselect: index_js_14.default,
-    listbox: index_js_45.default,
+    listbox: index_js_44.default,
     colorpicker: index_js_19.default,
     inputgroup: index_js_36.default,
     inputgroupaddon: index_js_37.default,
     inputmask: index_js_38.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,
+    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,
     fileupload: fileupload_1.default,
     fieldwrapper: index_js_32.default,
     // Buttons
@@ -142,63 +144,63 @@ var wangsvue = {
     buttonbulkaction: index_2.default,
     buttonsearch: index_js_10.default,
     buttonfilter: index_js_9.default,
-    splitbutton: index_js_69.default,
+    splitbutton: index_js_68.default,
     // Data
-    paginator: index_js_54.default,
+    paginator: index_js_53.default,
     datatable: index_js_22.default,
     customcolumn: customcolumn_1.default,
-    tree: index_js_82.default,
+    tree: index_js_81.default,
     dataview: index_js_23.default,
     dataviewlayoutoptions: index_js_24.default,
-    organizationchart: index_js_52.default,
-    orderlist: index_js_51.default,
-    picklist: index_js_58.default,
-    timeline: index_js_77.default,
+    organizationchart: index_js_51.default,
+    orderlist: index_js_50.default,
+    picklist: index_js_57.default,
+    timeline: index_js_76.default,
     changelog: index_js_15.default,
     // Panels
     accordion: index_js_1.default,
-    panel: index_js_55.default,
+    panel: index_js_54.default,
     fieldset: index_js_31.default,
     card: index_js_12.default,
-    tabview: index_js_72.default,
+    tabview: index_js_71.default,
     divider: index_js_28.default,
-    toolbar: index_js_80.default,
-    scrollpanel: index_js_63.default,
+    toolbar: index_js_79.default,
+    scrollpanel: index_js_62.default,
     // Menu
     contextmenu: index_js_21.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,
+    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,
     dock: index_js_29.default,
-    tabmenu: index_js_71.default,
+    tabmenu: index_js_70.default,
     // Overlays
     dialog: index_js_25.default,
     dialogconfirm: index_js_26.default,
     dialogform: index_js_27.default,
-    overlaypanel: index_js_53.default,
-    sidebar: index_js_66.default,
+    overlaypanel: index_js_52.default,
+    sidebar: index_js_65.default,
     confirmpopup: index_js_20.default,
     // Messages
-    message: index_js_49.default,
+    message: index_js_48.default,
     inlinemessage: index_js_34.default,
-    toast: index_js_78.default,
+    toast: index_js_77.default,
     // Media
     carousel: index_js_13.default,
     // Misc
     badge: index_js_5.default,
-    badgegroup: index_js_86.default,
+    badgegroup: index_js_85.default,
     avatar: index_js_3.default,
     avatargroup: index_js_4.default,
-    tag: index_js_73.default,
+    tag: index_js_72.default,
     chip: index_js_17.default,
-    progressbar: index_js_59.default,
-    skeleton: index_js_67.default,
-    scrolltop: index_js_64.default,
-    terminal: index_js_74.default,
+    progressbar: index_js_58.default,
+    skeleton: index_js_66.default,
+    scrolltop: index_js_63.default,
+    terminal: index_js_73.default,
     image: index_js_33.default,
     workcalendar: workcalendar_1.default,
 };