vlite3 1.2.5 → 1.2.8

package/components/Radio.vue.js

@@ -0,0 +1,97 @@
+import { defineComponent as x, inject as V, computed as o, unref as s, openBlock as m, createElementBlock as z, createElementVNode as g, withModifiers as $, normalizeClass as f, createBlock as S, withCtx as j, renderSlot as B, createTextVNode as N, toDisplayString as D, createCommentVNode as I } from "vue";
+import M from "./Label.vue.js";
+import { $t as E } from "../utils/i18n.js";
+const G = { class: "flex items-center space-x-2" }, L = ["aria-checked", "data-state", "disabled", "id", "name", "data-testid"], A = /* @__PURE__ */ x({
+  __name: "Radio",
+  props: {
+    modelValue: { default: void 0 },
+    value: { default: void 0 },
+    disabled: { type: Boolean, default: !1 },
+    label: {},
+    labelI18n: {},
+    id: {},
+    class: { default: "" },
+    size: { default: void 0 },
+    color: { default: void 0 },
+    name: {}
+  },
+  emits: ["update:modelValue"],
+  setup(i, { emit: v }) {
+    const e = i, p = v, r = V("radioGroup", null), n = o(() => r ? s(r.modelValue) === e.value : e.modelValue === e.value), d = o(() => s(r?.disabled) || e.disabled), u = o(() => e.size || s(r?.size) || "md"), c = o(() => e.color || s(r?.color) || "primary"), h = o(() => s(r?.name) || e.name || `radio-${Math.random().toString(36).substring(2, 9)}`), t = o(() => e.labelI18n ? E(e.labelI18n) : e.label), b = () => {
+      d.value || (r ? r.updateValue(e.value) : p("update:modelValue", e.value));
+    }, y = {
+      xs: "h-3.5 w-3.5",
+      sm: "h-4 w-4",
+      md: "h-4.5 w-4.5",
+      lg: "h-5 w-5",
+      xl: "h-5.5 w-5.5"
+    }, w = {
+      xs: "h-1.5 w-1.5",
+      sm: "h-2 w-2",
+      md: "h-2.5 w-2.5",
+      lg: "h-3 w-3",
+      xl: "h-3.5 w-3.5"
+    }, l = {
+      primary: { border: "border-primary!", bg: "bg-primary", ring: "focus-visible:ring-primary" },
+      secondary: { border: "border-secondary!", bg: "bg-secondary", ring: "focus-visible:ring-secondary" },
+      success: { border: "border-success!", bg: "bg-success", ring: "focus-visible:ring-success" },
+      warning: { border: "border-warning!", bg: "bg-warning", ring: "focus-visible:ring-warning" },
+      danger: { border: "border-danger!", bg: "bg-danger", ring: "focus-visible:ring-danger" },
+      info: { border: "border-info!", bg: "bg-info", ring: "focus-visible:ring-info" }
+    }, C = o(() => {
+      const a = l[c.value] || l.primary;
+      return [
+        "peer shrink-0 rounded-full border transition-all duration-200 ease-in-out",
+        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",
+        "disabled:cursor-not-allowed disabled:opacity-50",
+        "cursor-pointer bg-transparent flex items-center justify-center",
+        y[u.value],
+        n.value ? a.border : "border-gray-400!",
+        a.ring,
+        e.class
+      ].join(" ");
+    }), k = o(() => {
+      const a = l[c.value] || l.primary;
+      return [
+        "rounded-full transition-transform duration-200",
+        n.value ? "scale-100" : "scale-0",
+        w[u.value],
+        a.bg
+      ].join(" ");
+    });
+    return (a, _) => (m(), z("div", G, [
+      g("button", {
+        type: "button",
+        role: "radio",
+        "aria-checked": n.value,
+        "data-state": n.value ? "checked" : "unchecked",
+        disabled: d.value,
+        class: f(C.value),
+        id: i.id,
+        name: h.value,
+        "data-testid": a.$attrs["data-testid"] || (i.id ? `radio-${i.id}` : t.value ? `radio-${t.value.toString().toLowerCase().replace(/[^a-z0-9]+/g, "-")}` : "radio"),
+        onClick: $(b, ["prevent"])
+      }, [
+        g("div", {
+          class: f(k.value)
+        }, null, 2)
+      ], 10, L),
+      t.value || a.$slots.default ? (m(), S(M, {
+        key: 0,
+        for: i.id,
+        class: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 cursor-pointer",
+        onClick: b
+      }, {
+        default: j(() => [
+          B(a.$slots, "default", {}, () => [
+            N(D(t.value), 1)
+          ])
+        ]),
+        _: 3
+      }, 8, ["for"])) : I("", !0)
+    ]));
+  }
+});
+export {
+  A as default
+};

package/components/Radio.vue2.js

@@ -0,0 +1,4 @@
+import f from "./Radio.vue.js";
+export {
+  f as default
+};

package/components/RadioGroup.vue.d.ts

@@ -0,0 +1,38 @@
+import { RadioSize, RadioColor } from '../types';
+interface Props {
+    modelValue?: any;
+    name?: string;
+    disabled?: boolean;
+    direction?: 'row' | 'column';
+    size?: RadioSize;
+    color?: RadioColor;
+    class?: string;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: any) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:modelValue"?: (value: any) => any;
+}>, {
+    class: string;
+    color: RadioColor;
+    size: RadioSize;
+    disabled: boolean;
+    modelValue: any;
+    direction: "row" | "column";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/RadioGroup.vue.js

@@ -0,0 +1,37 @@
+import { defineComponent as n, computed as o, provide as i, openBlock as c, createElementBlock as m, normalizeClass as p, renderSlot as f } from "vue";
+const v = /* @__PURE__ */ n({
+  __name: "RadioGroup",
+  props: {
+    modelValue: { default: void 0 },
+    name: {},
+    disabled: { type: Boolean, default: !1 },
+    direction: { default: "column" },
+    size: { default: "md" },
+    color: { default: "primary" },
+    class: { default: "" }
+  },
+  emits: ["update:modelValue"],
+  setup(l, { emit: t }) {
+    const e = l, r = t, d = (a) => {
+      r("update:modelValue", a);
+    }, s = o(() => e.name || `radio-group-${Math.random().toString(36).substring(2, 9)}`);
+    i("radioGroup", {
+      modelValue: o(() => e.modelValue),
+      updateValue: d,
+      name: s.value,
+      disabled: o(() => e.disabled),
+      size: o(() => e.size),
+      color: o(() => e.color)
+    });
+    const u = o(() => e.direction === "row" ? "flex-row space-x-4" : "flex-col space-y-2");
+    return (a, V) => (c(), m("div", {
+      class: p(["flex", u.value, e.class]),
+      role: "radiogroup"
+    }, [
+      f(a.$slots, "default")
+    ], 2));
+  }
+});
+export {
+  v as default
+};

package/components/RadioGroup.vue2.js

@@ -0,0 +1,4 @@
+import f from "./RadioGroup.vue.js";
+export {
+  f as default
+};

package/components/Screen/ScreenFilter.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as B, ref as M, computed as d, openBlock as i, createBlock as n, withCtx as o, createElementVNode as l, createVNode as a, unref as w, toDisplayString as v, withModifiers as F, setBlockTracking as C, createElementBlock as S } from "vue";
+import { defineComponent as B, ref as M, computed as d, openBlock as s, createBlock as n, withCtx as o, createElementVNode as l, createVNode as a, unref as w, toDisplayString as v, withModifiers as F, setBlockTracking as C, createElementBlock as S } from "vue";
 import f from "../Button.vue.js";
 import j from "../Modal.vue.js";
 import z from "../Dropdown/Dropdown.vue.js";
@@ -21,9 +21,9 @@ import "iconify-icon-picker/style.css";
 /* empty css                      */
 import "../../core/config.js";
 const A = { class: "text-gray-800! h-4! w-4! flex items-center justify-center" }, E = { style: { "will-change": "transform", contain: "layout style" } }, I = {
-  class: "pt-4 pb-1.5 px-3.5 min-w-[295px]",
+  class: "pt-3 px-2 min-w-[295px]",
   style: { "will-change": "transform", contain: "layout style" }
-}, ie = /* @__PURE__ */ B({
+}, se = /* @__PURE__ */ B({
   __name: "ScreenFilter",
   props: {
     schema: {},
@@ -31,11 +31,11 @@ const A = { class: "text-gray-800! h-4! w-4! flex items-center justify-center" }
     type: { default: "modal" }
   },
   emits: ["update:modelValue", "change"],
-  setup(r, { emit: $ }) {
-    const u = r, m = $, s = M(!1), p = d(() => u.modelValue ? Object.keys(u.modelValue).filter(
+  setup(i, { emit: $ }) {
+    const u = i, m = $, r = M(!1), p = d(() => u.modelValue ? Object.keys(u.modelValue).filter(
       (e) => u.modelValue[e] !== "" && u.modelValue[e] !== null && u.modelValue[e] !== void 0
     ).length : 0), k = (e) => {
-      m("update:modelValue", e.values), m("change", e.values), s.value = !1;
+      m("update:modelValue", e.values), m("change", e.values), r.value = !1;
     }, x = () => {
       m("update:modelValue", {}), m("change", {});
     }, g = d(() => {
@@ -48,19 +48,19 @@ const A = { class: "text-gray-800! h-4! w-4! flex items-center justify-center" }
       const e = y("vlite.screen.filter");
       return e !== "vlite.screen.filter" ? e : "Filter";
     });
-    return (e, t) => r.type === "modal" ? (i(), n(j, {
+    return (e, t) => i.type === "modal" ? (s(), n(j, {
       key: 0,
       title: g.value,
-      show: s.value,
-      "onUpdate:show": t[3] || (t[3] = (c) => s.value = c),
+      show: r.value,
+      "onUpdate:show": t[3] || (t[3] = (c) => r.value = c),
       "max-width": "sm:max-w-md"
     }, {
       trigger: o(() => [
-        p.value > 0 ? (i(), n(f, {
+        p.value > 0 ? (s(), n(f, {
           key: 0,
           variant: "secondary",
           class: "flex items-center gap-1.5 pl-3 pr-1.5 shrink-0",
-          onClick: t[0] || (t[0] = (c) => s.value = !0)
+          onClick: t[0] || (t[0] = (c) => r.value = !0)
         }, {
           default: o(() => [
             a(h, {
@@ -79,10 +79,10 @@ const A = { class: "text-gray-800! h-4! w-4! flex items-center justify-center" }
             ])
           ]),
           _: 1
-        })) : (i(), n(f, {
+        })) : (s(), n(f, {
           key: 1,
           variant: "outline",
-          onClick: t[2] || (t[2] = (c) => s.value = !0),
+          onClick: t[2] || (t[2] = (c) => r.value = !0),
           title: V.value,
           size: "lg",
           asIcon: "",
@@ -90,7 +90,7 @@ const A = { class: "text-gray-800! h-4! w-4! flex items-center justify-center" }
         }, {
           default: o(() => [
             l("div", A, [
-              t[1] || (C(-1, !0), (t[1] = (i(), S("svg", {
+              t[1] || (C(-1, !0), (t[1] = (s(), S("svg", {
                 xmlns: "http://www.w3.org/2000/svg",
                 width: "1.132em",
                 height: "1.132em",
@@ -113,24 +113,24 @@ const A = { class: "text-gray-800! h-4! w-4! flex items-center justify-center" }
       default: o(() => [
         l("div", E, [
           a(w(O), {
-            schema: r.schema,
-            values: r.modelValue,
+            schema: i.schema,
+            values: i.modelValue,
             "submit-text": b.value,
             onOnSubmit: k
           }, null, 8, ["schema", "values", "submit-text"])
         ])
       ]),
       _: 1
-    }, 8, ["title", "show"])) : (i(), n(w(z), {
+    }, 8, ["title", "show"])) : (s(), n(w(z), {
       key: 1,
-      isOpen: s.value,
-      "onUpdate:isOpen": t[4] || (t[4] = (c) => s.value = c),
+      isOpen: r.value,
+      "onUpdate:isOpen": t[4] || (t[4] = (c) => r.value = c),
       "close-on-select": !1,
       position: "bottom-end",
       class: "w-auto"
     }, {
       trigger: o(() => [
-        p.value > 0 ? (i(), n(f, {
+        p.value > 0 ? (s(), n(f, {
           key: 0,
           variant: "secondary",
           class: "flex items-center gap-1.5 pl-3 pr-1.5 shrink-0 bg-gray-150! hover:bg-gray-100!",
@@ -153,7 +153,7 @@ const A = { class: "text-gray-800! h-4! w-4! flex items-center justify-center" }
             ])
           ]),
           _: 1
-        })) : (i(), n(f, {
+        })) : (s(), n(f, {
           key: 1,
           variant: "outline",
           icon: "hugeicons:filter-add",
@@ -165,10 +165,10 @@ const A = { class: "text-gray-800! h-4! w-4! flex items-center justify-center" }
       default: o(() => [
         l("div", I, [
           a(w(O), {
-            schema: r.schema,
-            values: r.modelValue,
+            schema: i.schema,
+            values: i.modelValue,
             "submit-text": b.value,
-            "footer-class": "mt-0.5! border-0!",
+            "footer-class": "mt-0.5! border-0! border-transparent! rounded-none! bg-transparent!",
             "submit-props": {
               size: "sm",
               class: "w-full",
@@ -183,5 +183,5 @@ const A = { class: "text-gray-800! h-4! w-4! flex items-center justify-center" }
   }
 });
 export {
-  ie as default
+  se as default
 };

package/components/SidePanel.vue.js

@@ -1,7 +1,7 @@
 import o from "./SidePanel.vue2.js";
 /* empty css               */
-import a from "../_virtual/_plugin-vue_export-helper.js";
-const f = /* @__PURE__ */ a(o, [["__scopeId", "data-v-d7a169fa"]]);
+import t from "../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-99967d3b"]]);
 export {
-  f as default
+  m as default
 };

package/components/SidePanel.vue2.js

@@ -4,7 +4,7 @@ import { useKeyStroke as H } from "../composables/useKeyStroke.js";
 import { $t as k } from "../utils/i18n.js";
 const J = ["data-testid"], Q = ["data-testid"], W = { class: "text-lg font-bold text-foreground" }, X = {
   key: 0,
-  class: "mt-1 text-sm text-muted-foreground"
+  class: "-text-fs-2 text-muted-foreground"
 }, te = /* @__PURE__ */ E({
   inheritAttrs: !1,
   __name: "SidePanel",

package/components/Slider.vue.d.ts

@@ -9,8 +9,12 @@ type __VLS_Props = {
     showValue?: boolean;
     modelValue?: number;
     labelClass?: string;
+    valueClass?: string;
     centerOrigin?: boolean;
     size?: 'xs' | 'sm' | 'md' | 'lg';
+    orientation?: 'horizontal' | 'vertical';
+    variant?: 'one' | 'two';
+    thumbVariant?: 'default' | 'solid';
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     change: (value: number) => any;
@@ -21,12 +25,15 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
     "onUpdate:modelValue"?: (value: number) => any;
     onIconClick?: () => any;
 }>, {
+    variant: "one" | "two";
     size: "xs" | "sm" | "md" | "lg";
+    orientation: "horizontal" | "vertical";
     modelValue: number;
     min: number;
     max: number;
     step: number;
     showValue: boolean;
     centerOrigin: boolean;
+    thumbVariant: "default" | "solid";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
 export default _default;