@fewangsit/wangsvue-presets 1.0.80 → 1.0.81-alpha.1

package/wangsvue/index.js

@@ -1,201 +1,211 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var index_js_1 = require("./accordion/index.js");
-var index_js_2 = require("./autocomplete/index.js");
-var index_js_3 = require("./avatar/index.js");
-var index_js_4 = require("./avatargroup/index.js");
-var index_js_5 = require("./badge/index.js");
-var index_js_6 = require("./badgedirective/index.js");
-var index_js_7 = require("./button/index.js");
-var index_js_8 = require("./buttondownload/index.js");
-var index_js_9 = require("./buttonfilter/index.js");
-var index_js_10 = require("./buttonsearch/index.js");
-var index_js_11 = require("./calendar/index.js");
-var index_js_12 = require("./card/index.js");
-var index_js_13 = require("./carousel/index.js");
-var index_js_14 = require("./cascadeselect/index.js");
-var index_js_15 = require("./changelog/index.js");
-var index_js_16 = require("./checkbox/index.js");
-var index_js_17 = require("./chip/index.js");
-var index_js_18 = require("./chips/index.js");
-var index_js_19 = require("./colorpicker/index.js");
-var index_js_20 = require("./confirmpopup/index.js");
-var index_js_21 = require("./contextmenu/index.js");
-var index_js_22 = require("./datatable/index.js");
-var index_js_23 = require("./dataview/index.js");
-var index_js_24 = require("./dataviewlayoutoptions/index.js");
-var index_js_25 = require("./dialog/index.js");
-var index_js_26 = require("./dialogconfirm/index.js");
-var index_js_27 = require("./dialogform/index.js");
-var index_js_28 = require("./divider/index.js");
-var index_js_29 = require("./dock/index.js");
-var index_js_30 = require("./dropdown/index.js");
-var index_js_31 = require("./fieldset/index.js");
-var index_1 = require("./form/index");
-var global_js_1 = require("./global.js");
-var index_js_32 = require("./image/index.js");
-var index_js_33 = require("./inlinemessage/index.js");
-var index_js_34 = require("./inputbadge/index.js");
-var index_js_35 = require("./inputgroup/index.js");
-var index_js_36 = require("./inputgroupaddon/index.js");
-var index_js_37 = require("./inputmask/index.js");
-var index_js_38 = require("./inputnumber/index.js");
-var index_js_39 = require("./inputotp/index.js");
-var index_js_40 = require("./inputphonenumber/index.js");
-var index_js_41 = require("./inputswitch/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_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 directives = {
-    badge: index_js_6.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,
-    autocomplete: index_js_2.default,
-    dropdown: index_js_30.default,
-    inputnumber: index_js_38.default,
-    inputphonenumber: index_js_40.default,
-    inputcurrency: inputcurrency_1.default,
-    inputotp: index_js_39.default,
-    inputtext: index_js_42.default,
-    inputbadge: index_js_34.default,
-    calendar: index_js_11.default,
-    checkbox: index_js_16.default,
-    buttonradio: index_js_59.default,
-    inputswitch: index_js_41.default,
-    selectbutton: index_js_64.default,
-    slider: index_js_67.default,
-    chips: index_js_18.default,
-    rating: index_js_60.default,
-    multiselect: index_js_49.default,
-    togglebutton: index_js_78.default,
-    cascadeselect: index_js_14.default,
-    listbox: index_js_44.default,
-    colorpicker: index_js_19.default,
-    inputgroup: index_js_35.default,
-    inputgroupaddon: index_js_36.default,
-    inputmask: index_js_37.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,
-    // Buttons
-    button: index_js_7.default,
-    buttondownload: index_js_8.default,
-    buttonbulkaction: index_2.default,
-    buttonsearch: index_js_10.default,
-    buttonfilter: index_js_9.default,
-    splitbutton: index_js_68.default,
-    // Data
-    paginator: index_js_53.default,
-    datatable: index_js_22.default,
-    tree: index_js_81.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,
-    changelog: index_js_15.default,
-    // Panels
-    accordion: index_js_1.default,
-    panel: index_js_54.default,
-    fieldset: index_js_31.default,
-    card: index_js_12.default,
-    tabview: index_js_71.default,
-    divider: index_js_28.default,
-    toolbar: index_js_79.default,
-    scrollpanel: index_js_62.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,
-    dock: index_js_29.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_52.default,
-    sidebar: index_js_65.default,
-    confirmpopup: index_js_20.default,
-    // Messages
-    message: index_js_48.default,
-    inlinemessage: index_js_33.default,
-    toast: index_js_77.default,
-    // Media
-    carousel: index_js_13.default,
-    // Misc
-    badge: index_js_5.default,
-    badgegroup: index_js_85.default,
-    avatar: index_js_3.default,
-    avatargroup: index_js_4.default,
-    tag: index_js_72.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,
-    image: index_js_32.default,
-    workcalendar: workcalendar_1.default,
-};
-exports.default = wangsvue;
+import accordion from './accordion/index.js';
+import autocomplete from './autocomplete/index.js';
+import avatar from './avatar/index.js';
+import avatargroup from './avatargroup/index.js';
+import badge from './badge/index.js';
+import badgedirective from './badgedirective/index.js';
+import button from './button/index.js';
+import buttondownload from './buttondownload/index.js';
+import buttonfilter from './buttonfilter/index.js';
+import buttonsearch from './buttonsearch/index.js';
+import calendar from './calendar/index.js';
+import card from './card/index.js';
+import carousel from './carousel/index.js';
+import cascadeselect from './cascadeselect/index.js';
+import changelog from './changelog/index.js';
+import checkbox from './checkbox/index.js';
+import chip from './chip/index.js';
+import chips from './chips/index.js';
+import colorpicker from './colorpicker/index.js';
+import confirmpopup from './confirmpopup/index.js';
+import contextmenu from './contextmenu/index.js';
+import datatable from './datatable/index.js';
+import dataview from './dataview/index.js';
+import dataviewlayoutoptions from './dataviewlayoutoptions/index.js';
+import dialog from './dialog/index.js';
+import dialogconfirm from './dialogconfirm/index.js';
+import dialogform from './dialogform/index.js';
+import divider from './divider/index.js';
+import dock from './dock/index.js';
+import dropdown from './dropdown/index.js';
+import fieldset from './fieldset/index.js';
+import form from './form/index';
+import global from './global.js';
+import image from './image/index.js';
+import inlinemessage from './inlinemessage/index.js';
+import inputbadge from './inputbadge/index.js';
+import inputgroup from './inputgroup/index.js';
+import inputgroupaddon from './inputgroupaddon/index.js';
+import inputmask from './inputmask/index.js';
+import inputnumber from './inputnumber/index.js';
+import inputotp from './inputotp/index.js';
+import inputphonenumber from './inputphonenumber/index.js';
+import inputswitch from './inputswitch/index.js';
+import inputtext from './inputtext/index.js';
+import knob from './knob/index.js';
+import listbox from './listbox/index.js';
+import megamenu from './megamenu/index.js';
+import menu from './menu/index.js';
+import menubar from './menubar/index.js';
+import message from './message/index.js';
+import multiselect from './multiselect/index.js';
+import orderlist from './orderlist/index.js';
+import organizationchart from './organizationchart/index.js';
+import overlaypanel from './overlaypanel/index.js';
+import paginator from './paginator/index.js';
+import panel from './panel/index.js';
+import panelmenu from './panelmenu/index.js';
+import password from './password/index.js';
+import picklist from './picklist/index.js';
+import progressbar from './progressbar/index.js';
+import buttonradio from './buttonradio/index.js';
+import rating from './rating/index.js';
+import ripple from './ripple/index.js';
+import scrollpanel from './scrollpanel/index.js';
+import scrolltop from './scrolltop/index.js';
+import selectbutton from './selectbutton/index.js';
+import sidebar from './sidebar/index.js';
+import skeleton from './skeleton/index.js';
+import slider from './slider/index.js';
+import splitbutton from './splitbutton/index.js';
+import steps from './steps/index.js';
+import tabmenu from './tabmenu/index.js';
+import tabview from './tabview/index.js';
+import tag from './tag/index.js';
+import terminal from './terminal/index.js';
+import textarea from './textarea/index.js';
+import tieredmenu from './tieredmenu/index.js';
+import timeline from './timeline/index.js';
+import toast from './toast/index.js';
+import togglebutton from './togglebutton/index.js';
+import toolbar from './toolbar/index.js';
+import tooltip from './tooltip/index.js';
+import tree from './tree/index.js';
+import treeselect from './treeselect/index.js';
+import tristatecheckbox from './tristatecheckbox/index.js';
+import validatormessage from './validatormessage/index.js';
+import buttonbulkaction from './buttonbulkaction/index';
+import badgegroup from './badgegroup/index.js';
+import breadcrumb from './breadcrumb/index.js';
+import inputcurrency from './inputcurrency';
+import fileupload from './fileupload';
+import workcalendar from './workcalendar';
+
+const directives = {
+  badge: badgedirective,
+  ripple,
+  tooltip,
+};
+
+const wangsvue = {
+  global,
+  directives,
+
+  // Forms
+  form,
+  autocomplete,
+  dropdown,
+  inputnumber,
+  inputphonenumber,
+  inputcurrency,
+  inputotp,
+  inputtext,
+  inputbadge,
+  calendar,
+  checkbox,
+  buttonradio,
+  inputswitch,
+  selectbutton,
+  slider,
+  chips,
+  rating,
+  multiselect,
+  togglebutton,
+  cascadeselect,
+  listbox,
+  colorpicker,
+  inputgroup,
+  inputgroupaddon,
+  inputmask,
+  knob,
+  treeselect,
+  tristatecheckbox,
+  textarea,
+  password,
+  validatormessage,
+  fileupload,
+
+  // Buttons
+  button,
+  buttondownload,
+  buttonbulkaction,
+  buttonsearch,
+  buttonfilter,
+  splitbutton,
+
+  // Data
+  paginator,
+  datatable,
+  tree,
+  dataview,
+  dataviewlayoutoptions,
+  organizationchart,
+  orderlist,
+  picklist,
+  timeline,
+  changelog,
+
+  // Panels
+  accordion,
+  panel,
+  fieldset,
+  card,
+  tabview,
+  divider,
+  toolbar,
+  scrollpanel,
+
+  // Menu
+  contextmenu,
+  menu,
+  menubar,
+  steps,
+  breadcrumb,
+  tieredmenu,
+  panelmenu,
+  megamenu,
+  dock,
+  tabmenu,
+
+  // Overlays
+  dialog,
+  dialogconfirm,
+  dialogform,
+  overlaypanel,
+  sidebar,
+  confirmpopup,
+
+  // Messages
+  message,
+  inlinemessage,
+  toast,
+
+  // Media
+  carousel,
+
+  // Misc
+  badge,
+  badgegroup,
+  avatar,
+  avatargroup,
+  tag,
+  chip,
+  progressbar,
+  skeleton,
+  scrolltop,
+  terminal,
+  image,
+  workcalendar,
+};
+
+export default wangsvue;

package/wangsvue/inlinemessage/index.js

@@ -1,30 +1,26 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = {
-    root: function (_a) {
-        var props = _a.props;
-        return ({
-            class: [
-                'rounded-md p-3',
-                'w-full',
-                {
-                    'bg-success-50 text-success-500': props.severity == 'success',
-                    'bg-danger-50 text-danger-500': props.severity == 'error',
-                    'bg-grayscale-50 text-general-800': props.severity == 'secondary',
-                },
-            ],
-        });
-    },
-    icon: {
-        class: 'hidden',
-    },
-    text: {
-        class: [
-            // Layout
-            'w-full flex gap-3 flex-col',
-            // Font and Text
-            'text-[12px] leading-[normal] tracking-[0.24px]',
-            'font-medium',
-        ],
-    },
-};
+export default {
+  root: ({ props }) => ({
+    class: [
+      'rounded-md p-3',
+      'w-full',
+      {
+        'bg-success-50 text-success-500': props.severity == 'success',
+        'bg-danger-50 text-danger-500': props.severity == 'error',
+        'bg-grayscale-50 text-general-800': props.severity == 'secondary',
+      },
+    ],
+  }),
+  icon: {
+    class: 'hidden',
+  },
+  text: {
+    class: [
+      // Layout
+      'w-full flex gap-3 flex-col',
+
+      // Font and Text
+      'text-[12px] leading-[normal] tracking-[0.24px]',
+      'font-medium',
+    ],
+  },
+};

package/wangsvue/inputbadge/index.js

@@ -1,57 +1,41 @@
-"use strict";
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var index_js_1 = require("../inputtext/index.js");
-/**
- * To set different ring width for Firefox Browser
- * Also for InputGroupAddon
- */
-var isFirefoxBased = navigator.userAgent.includes('Firefox');
-exports.default = {
-    root: function (_a) {
-        var context = _a.context;
-        return ({
-            class: [
-                'flex flex-wrap gap-x-0.5 gap-y-[5px] items-center',
-                'min-h-[26px] h-fit w-full',
-                'ring-inset rounded px-[12px] py-[2px]',
-                {
-                    'ring-[1px]': isFirefoxBased,
-                    'ring-[0.5px]': !isFirefoxBased,
-                },
-                { '!ring-danger-500 !dark:ring-danger-500': context.invalidInput },
-                { '!ring-general-200 !dark:ring-general-200': !context.invalidInput },
-                { 'pointer-events-none': context.disabled },
-            ],
-        });
-    },
-    input: function (_a) {
-        var _b;
-        var context = _a.context, parent = _a.parent, props = _a.props;
-        return ({
-            class: __spreadArray(__spreadArray([], index_js_1.default.root({
-                props: props,
-                context: context,
-                parent: parent,
-            }).class, true), [
-                'outline-none !w-full !bg-transparent !p-0 !shadow-none h-max !leading-4 min-w-[70px]',
-                { 'placeholder:text-transparent': (_b = context.value) === null || _b === void 0 ? void 0 : _b.length },
-                'focus:placeholder:text-general-200',
-            ], false),
-        });
-    },
-    erroricon: {
-        class: ['mr-1 text-warning-600 text-base'],
-    },
-    erroroverlaypanel: {
-        class: ['px-3 py-1 text-[12px] text-general-800'],
-    },
-};
+import InputTextPreset from '../inputtext/index.js';
+/**
+ * To set different ring width for Firefox Browser
+ * Also for InputGroupAddon
+ */
+const isFirefoxBased = navigator.userAgent.includes('Firefox');
+
+export default {
+  root: ({ context }) => ({
+    class: [
+      'flex flex-wrap gap-x-0.5 gap-y-[5px] items-center',
+      'min-h-[26px] h-fit w-full',
+      'ring-inset rounded px-[12px] py-[2px]',
+      {
+        'ring-[1px]': isFirefoxBased,
+        'ring-[0.5px]': !isFirefoxBased,
+      },
+      { '!ring-danger-500 !dark:ring-danger-500': context.invalidInput },
+      { '!ring-general-200 !dark:ring-general-200': !context.invalidInput },
+      { 'pointer-events-none': context.disabled },
+    ],
+  }),
+  input: ({ context, parent, props }) => ({
+    class: [
+      ...InputTextPreset.root({
+        props,
+        context,
+        parent,
+      }).class,
+      'outline-none !w-full !bg-transparent !p-0 !shadow-none h-max !leading-4 min-w-[70px]',
+      { 'placeholder:text-transparent': context.value?.length },
+      'focus:placeholder:text-general-200',
+    ],
+  }),
+  erroricon: {
+    class: ['mr-1 text-warning-600 text-base'],
+  },
+  erroroverlaypanel: {
+    class: ['px-3 py-1 text-[12px] text-general-800'],
+  },
+};

package/wangsvue/inputcurrency/index.js

@@ -1,22 +1,12 @@
-"use strict";
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var inputphonenumber_1 = require("../inputphonenumber");
-exports.default = {
-    currency: function (ctx) { return ({
-        'class': __spreadArray(__spreadArray([], (0, inputphonenumber_1.commonClasses)(ctx), true), ['rounded-l rounded-r-none h-[30px]'], false),
-        'data-wv-section': 'currency',
-    }); },
-    value: function (ctx) { return ({
-        'class': __spreadArray(__spreadArray([], (0, inputphonenumber_1.commonClasses)(ctx), true), ['rounded-r rounded-l-none -ml-[1px]'], false),
-        'data-wv-section': 'value',
-    }); },
-};
+import { commonClasses } from '../inputphonenumber';
+
+export default {
+  currency: (ctx) => ({
+    'class': [...commonClasses(ctx), 'rounded-l rounded-r-none h-[30px]'],
+    'data-wv-section': 'currency',
+  }),
+  value: (ctx) => ({
+    'class': [...commonClasses(ctx), 'rounded-r rounded-l-none -ml-[1px]'],
+    'data-wv-section': 'value',
+  }),
+};