@indielayer/ui 0.0.0-dev-20240125104319

package/lib/components/radio/Radio.vue.d.ts

@@ -0,0 +1,149 @@
+import { type ExtractPublicPropTypes, type Ref } from 'vue';
+import { type ThemeComponent } from '../../composables/useTheme';
+declare const radioProps: {
+    value: (StringConstructor | NumberConstructor)[];
+    glow: BooleanConstructor;
+    modelValue: import("vue").PropType<string | number | boolean | object | any[] | undefined>;
+    id: StringConstructor;
+    name: StringConstructor;
+    readonly: BooleanConstructor;
+    required: BooleanConstructor;
+    validateOnInput: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    label: StringConstructor;
+    helper: StringConstructor;
+    error: StringConstructor;
+    hideFooter: BooleanConstructor;
+    rules: {
+        readonly type: ArrayConstructor;
+        readonly default: () => never[];
+    };
+    disabled: BooleanConstructor;
+    loading: BooleanConstructor;
+    loadingLabel: StringConstructor;
+    loadingStatus: {
+        readonly type: import("vue").PropType<import("../loader/Loader.vue").LoaderStatus>;
+        readonly default: "active";
+    };
+    color: {
+        readonly type: StringConstructor;
+        readonly default: string | undefined;
+    };
+    size: {
+        readonly type: import("vue").PropType<import("../../composables/useCommon").Size>;
+        readonly default: "md";
+        readonly validator: (value: string) => boolean;
+    };
+};
+export type RadioProps = ExtractPublicPropTypes<typeof radioProps>;
+type InternalClasses = 'wrapper' | 'circle' | 'circleIcon' | 'label' | 'content';
+type InternalExtraData = {
+    selected: Ref<boolean>;
+    isInsideForm: boolean;
+    isInsideFormGroup: boolean;
+};
+export interface RadioTheme extends ThemeComponent<RadioProps, InternalClasses, InternalExtraData> {
+}
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    value: (StringConstructor | NumberConstructor)[];
+    glow: BooleanConstructor;
+    modelValue: import("vue").PropType<string | number | boolean | object | any[] | undefined>;
+    id: StringConstructor;
+    name: StringConstructor;
+    readonly: BooleanConstructor;
+    required: BooleanConstructor;
+    validateOnInput: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    label: StringConstructor;
+    helper: StringConstructor;
+    error: StringConstructor;
+    hideFooter: BooleanConstructor;
+    rules: {
+        readonly type: ArrayConstructor;
+        readonly default: () => never[];
+    };
+    disabled: BooleanConstructor;
+    loading: BooleanConstructor;
+    loadingLabel: StringConstructor;
+    loadingStatus: {
+        readonly type: import("vue").PropType<import("../loader/Loader.vue").LoaderStatus>;
+        readonly default: "active";
+    };
+    color: {
+        readonly type: StringConstructor;
+        readonly default: string | undefined;
+    };
+    size: {
+        readonly type: import("vue").PropType<import("../../composables/useCommon").Size>;
+        readonly default: "md";
+        readonly validator: (value: string) => boolean;
+    };
+}, {
+    focus: () => void | undefined;
+    blur: () => void | undefined;
+    reset: () => void;
+    validate: (val?: any) => boolean;
+    setError: (val: string) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    value: (StringConstructor | NumberConstructor)[];
+    glow: BooleanConstructor;
+    modelValue: import("vue").PropType<string | number | boolean | object | any[] | undefined>;
+    id: StringConstructor;
+    name: StringConstructor;
+    readonly: BooleanConstructor;
+    required: BooleanConstructor;
+    validateOnInput: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    label: StringConstructor;
+    helper: StringConstructor;
+    error: StringConstructor;
+    hideFooter: BooleanConstructor;
+    rules: {
+        readonly type: ArrayConstructor;
+        readonly default: () => never[];
+    };
+    disabled: BooleanConstructor;
+    loading: BooleanConstructor;
+    loadingLabel: StringConstructor;
+    loadingStatus: {
+        readonly type: import("vue").PropType<import("../loader/Loader.vue").LoaderStatus>;
+        readonly default: "active";
+    };
+    color: {
+        readonly type: StringConstructor;
+        readonly default: string | undefined;
+    };
+    size: {
+        readonly type: import("vue").PropType<import("../../composables/useCommon").Size>;
+        readonly default: "md";
+        readonly validator: (value: string) => boolean;
+    };
+}>> & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}, {
+    disabled: boolean;
+    glow: boolean;
+    color: string;
+    size: import("../../composables/useCommon").Size;
+    loading: boolean;
+    loadingStatus: import("../loader/Loader.vue").LoaderStatus;
+    readonly: boolean;
+    required: boolean;
+    validateOnInput: boolean;
+    hideFooter: boolean;
+    rules: unknown[];
+}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/components/radio/Radio.vue.js

@@ -0,0 +1,9 @@
+import o from "./Radio.vue2.js";
+import s from "./Radio.vue3.js";
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+const r = {
+  $style: s
+}, f = /* @__PURE__ */ t(o, [["__cssModules", r]]);
+export {
+  f as default
+};

package/lib/components/radio/Radio.vue2.js

@@ -0,0 +1,132 @@
+import { defineComponent as D, ref as M, computed as P, unref as s, openBlock as o, createElementBlock as n, normalizeStyle as T, normalizeClass as r, withKeys as H, withModifiers as L, createElementVNode as a, withDirectives as O, mergeProps as U, toHandlers as X, vModelRadio as _, createBlock as h, toDisplayString as j, createCommentVNode as p, renderSlot as A } from "vue";
+import { useCommon as g } from "../../composables/useCommon.js";
+import { useTheme as J } from "../../composables/useTheme.js";
+import { useColors as Q } from "../../composables/useColors.js";
+import { useInteractive as w } from "../../composables/useInteractive.js";
+import { useInputtable as c } from "../../composables/useInputtable.js";
+import W from "../spinner/Spinner.vue.js";
+import Y from "../inputFooter/InputFooter.vue.js";
+const Z = ["aria-selected", "aria-disabled", "onKeypress"], x = ["id", "name", "required", "disabled"], ee = /* @__PURE__ */ a("circle", {
+  cx: "10",
+  cy: "10",
+  r: "10"
+}, null, -1), le = [
+  ee
+], se = ["textContent"], oe = {
+  ...g.props(),
+  ...Q.props("primary"),
+  ...w.props(),
+  ...c.props(),
+  value: [String, Number],
+  glow: Boolean
+}, re = {
+  name: "XRadio",
+  validators: {
+    ...g.validators()
+  }
+}, ce = /* @__PURE__ */ D({
+  ...re,
+  props: oe,
+  emits: c.emits(!1),
+  setup(V, { expose: k, emit: I }) {
+    const l = V, d = I, f = M(null), { focus: v, blur: C } = w(f), {
+      errorInternal: $,
+      hideFooterInternal: z,
+      isInsideForm: B,
+      isInsideFormGroup: u,
+      isFirstValidation: R,
+      formGroup: m,
+      reset: F,
+      validate: b,
+      setError: N
+    } = c(l, { focus: v, emit: d, withListeners: !1 }), i = P({
+      get() {
+        const e = s(m.value);
+        return u ? e === l.value : l.value === l.modelValue;
+      },
+      set() {
+        d("update:modelValue", l.value), m.setValue(l.value);
+      }
+    });
+    function S() {
+      d("update:modelValue", l.value), m.setValue(l.value);
+    }
+    const q = {
+      input: () => {
+        u || setTimeout(() => {
+          l.validateOnInput && !R.value && b(l.modelValue);
+        }, 0);
+      }
+    }, { styles: E, classes: t, className: G } = J("Radio", {}, l, { selected: i, isInsideForm: B, isInsideFormGroup: u });
+    return k({ focus: v, blur: C, reset: F, validate: b, setError: N }), (e, y) => (o(), n("label", {
+      ref_key: "elRef",
+      ref: f,
+      tabindex: "0",
+      "aria-selected": i.value ? "true" : "false",
+      "aria-disabled": e.disabled || e.loading ? "true" : void 0,
+      style: T(s(E)),
+      class: r([
+        s(G),
+        s(t).wrapper
+      ]),
+      onKeypress: H(L(S, ["prevent", "stop"]), ["space"])
+    }, [
+      a("div", {
+        class: r(["flex items-center", { "cursor-not-allowed": e.disabled }])
+      }, [
+        O(a("input", U({
+          id: e.id,
+          "onUpdate:modelValue": y[0] || (y[0] = (K) => i.value = K),
+          name: e.name,
+          required: e.required,
+          disabled: e.disabled || e.loading,
+          type: "radio",
+          class: "invisible absolute"
+        }, X(q, !0)), null, 16, x), [
+          [_, i.value]
+        ]),
+        a("div", {
+          class: r([
+            e.$style.radio,
+            s(t).circle,
+            [e.glow && !e.disabled && !e.loading ? e.$style["radio--glow"] : ""]
+          ])
+        }, [
+          e.loading ? (o(), h(W, {
+            key: 0,
+            size: e.size,
+            class: "absolute"
+          }, null, 8, ["size"])) : (o(), n("svg", {
+            key: 1,
+            viewBox: "0 0 20 20",
+            class: r(["fill-current w-full", [
+              s(t).circleIcon,
+              e.$style.radio_circle
+            ]])
+          }, le, 2))
+        ], 2),
+        a("div", null, [
+          e.label ? (o(), n("div", {
+            key: 0,
+            class: r(s(t).label),
+            textContent: j(e.label)
+          }, null, 10, se)) : p("", !0),
+          e.$slots.default ? (o(), n("div", {
+            key: 1,
+            class: r(s(t).content)
+          }, [
+            A(e.$slots, "default")
+          ], 2)) : p("", !0)
+        ])
+      ], 2),
+      s(z) ? p("", !0) : (o(), h(Y, {
+        key: 0,
+        error: s($),
+        helper: e.helper
+      }, null, 8, ["error", "helper"]))
+    ], 46, Z));
+  }
+});
+export {
+  ce as default
+};

package/lib/components/radio/Radio.vue3.js

@@ -0,0 +1,10 @@
+const o = "_radio_67qot_2", r = "_radio_circle_67qot_1", _ = {
+  radio: o,
+  radio_circle: r,
+  "radio--glow": "_radio--glow_67qot_1"
+};
+export {
+  _ as default,
+  o as radio,
+  r as radio_circle
+};

package/lib/components/radio/__tests__/Radio.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/components/radio/index.d.ts

@@ -0,0 +1,2 @@
+export { default as XRadio } from './Radio.vue';
+export type { RadioProps, RadioTheme } from './Radio.vue';

package/lib/components/radio/theme/Radio.base.theme.d.ts

@@ -0,0 +1,3 @@
+import type { RadioTheme } from '../Radio.vue';
+declare const theme: RadioTheme;
+export default theme;

package/lib/components/radio/theme/Radio.base.theme.js

@@ -0,0 +1,70 @@
+const n = {
+  classes: {
+    wrapper: ({ data: e }) => {
+      const t = ["inline-block relative cursor-pointer focus:outline-none group"];
+      return e.isInsideForm && t.push("mb-3"), t;
+    },
+    circle: ({ props: e }) => {
+      let t = "rounded-full flex justify-center items-center shrink-0 border-2 outline-offset-2 outline-slate-300 dark:outline-slate-500 group-focus:outline-1 group-focus:outline";
+      return (e.size === "xs" || e.size === "sm") && (t += " h-4 w-4"), e.size === "xl" ? t += " h-6 w-6" : t += " h-5 w-5", t;
+    },
+    circleIcon: ({ props: e, data: t }) => {
+      const r = [];
+      return t.selected || r.push("opacity-0"), e.size === "sm" || e.size === "xs" ? r.push("h-2") : e.size === "lg" ? r.push("h-2.5") : e.size === "xl" ? r.push("h-3") : r.push("h-[0.6rem]"), r;
+    },
+    label: ({ props: e }) => {
+      let t = "font-medium text-gray-800 dark:text-gray-200 pl-2";
+      return e.size === "xs" ? t += " text-xs" : e.size === "sm" ? t += " text-sm" : e.size === "lg" ? t += " text-lg" : e.size === "xl" && (t += " text-xl"), t;
+    },
+    content: ({ props: e }) => {
+      let t = "pl-2";
+      return e.size === "xs" ? t += " text-xs" : e.size === "sm" ? t += " text-sm" : e.size === "lg" ? t += " text-lg" : e.size === "xl" && (t += " text-xl"), t;
+    }
+  },
+  styles: ({ props: e, colors: t, css: r, data: a }) => {
+    const l = t.getPalette("gray"), s = t.getPalette(e.color), i = [];
+    return e.loading ? r.variables({
+      bg: "transparent",
+      border: "transparent",
+      dark: {
+        bg: "transparent",
+        border: "transparent"
+      }
+    }) : (e.disabled ? a.selected ? i.push(r.variables({
+      bg: "transparent",
+      border: l[200],
+      circle: l[200],
+      dark: {
+        bg: "transparent",
+        border: l[700],
+        circle: l[700]
+      }
+    })) : i.push(r.variables({
+      bg: l[200],
+      border: l[200],
+      dark: {
+        bg: l[700],
+        border: l[700]
+      }
+    })) : (a.selected ? i.push(r.variables({
+      bg: "transparent",
+      border: s[500],
+      circle: s[500],
+      dark: {
+        bg: "transparent",
+        border: s[500],
+        circle: s[500]
+      }
+    })) : i.push(r.variables({
+      bg: "#fff",
+      border: e.glow ? s[300] : l[300],
+      dark: {
+        bg: l[900],
+        border: e.glow ? s[300] : l[300]
+      }
+    })), e.glow && i.push(r.get("glow", t.getColorOpacity(s[500], 0.5)))), i);
+  }
+}, u = n;
+export {
+  u as default
+};

package/lib/components/radio/theme/Radio.carbon.theme.d.ts

@@ -0,0 +1,3 @@
+import type { RadioTheme } from '../Radio.vue';
+declare const theme: RadioTheme;
+export default theme;

package/lib/components/radio/theme/Radio.carbon.theme.js

@@ -0,0 +1,64 @@
+const i = {
+  classes: {
+    wrapper: ({ data: e }) => {
+      const r = ["inline-block relative cursor-pointer focus:outline-none group"];
+      return e.isInsideForm && !e.isInsideFormGroup && r.push("mb-8"), r;
+    },
+    circle: ({ props: e }) => {
+      const r = ["rounded-full flex justify-center items-center shrink-0 border outline-offset-2 outline-slate-300 dark:outline-slate-500 group-focus:outline-1 group-focus:outline"];
+      return e.size === "xs" || e.size === "sm" ? r.push("h-3 w-3") : e.size === "xl" ? r.push("h-5 w-5") : r.push("h-4 w-4"), r;
+    },
+    circleIcon: ({ props: e, data: r }) => {
+      const t = [];
+      return r.selected ? e.size === "lg" ? t.push("h-2.5") : e.size === "xl" ? t.push("h-3") : t.push("h-2") : t.push("opacity-0"), t;
+    },
+    label: "text-sm text-gray-800 dark:text-gray-200 pl-2",
+    content: "pl-2"
+  },
+  styles: ({ props: e, colors: r, css: t, data: n }) => {
+    const s = r.getPalette("gray"), l = r.getPalette(e.color), a = [];
+    return e.loading ? t.variables({
+      bg: "transparent",
+      border: "transparent",
+      dark: {
+        bg: "transparent",
+        border: "transparent"
+      }
+    }) : (e.disabled ? n.selected ? a.push(t.variables({
+      bg: "transparent",
+      border: s[200],
+      circle: s[200],
+      dark: {
+        bg: "transparent",
+        border: s[700],
+        circle: s[700]
+      }
+    })) : a.push(t.variables({
+      bg: s[200],
+      border: s[200],
+      dark: {
+        bg: s[700],
+        border: s[700]
+      }
+    })) : (n.selected ? a.push(t.variables({
+      bg: "transparent",
+      border: l[500],
+      circle: l[500],
+      dark: {
+        bg: "transparent",
+        border: l[500],
+        circle: l[500]
+      }
+    })) : a.push(t.variables({
+      bg: "#fff",
+      border: e.glow ? l[300] : s[900],
+      dark: {
+        bg: s[900],
+        border: e.glow ? l[300] : s[300]
+      }
+    })), e.glow && a.push(t.get("glow", r.getColorOpacity(l[500], 0.5)))), a);
+  }
+}, o = i;
+export {
+  o as default
+};

package/lib/components/scroll/Scroll.vue.d.ts

@@ -0,0 +1,47 @@
+import { type ExtractPublicPropTypes, type Ref } from 'vue';
+import { type ThemeComponent } from '../../composables/useTheme';
+declare const scrollProps: {
+    shadow: BooleanConstructor;
+    horizontal: BooleanConstructor;
+    mousewheel: BooleanConstructor;
+    scrollbar: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};
+export type ScrollProps = ExtractPublicPropTypes<typeof scrollProps>;
+type InternalClasses = 'wrapper';
+export interface ScrollTheme extends ThemeComponent<ScrollProps, InternalClasses> {
+}
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    shadow: BooleanConstructor;
+    horizontal: BooleanConstructor;
+    mousewheel: BooleanConstructor;
+    scrollbar: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    scrollEl: Ref<HTMLElement | null>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    shadow: BooleanConstructor;
+    horizontal: BooleanConstructor;
+    mousewheel: BooleanConstructor;
+    scrollbar: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    shadow: boolean;
+    horizontal: boolean;
+    mousewheel: boolean;
+    scrollbar: boolean;
+}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/components/scroll/Scroll.vue.js

@@ -0,0 +1,9 @@
+import o from "./Scroll.vue2.js";
+import s from "./Scroll.vue3.js";
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+const r = {
+  $style: s
+}, m = /* @__PURE__ */ t(o, [["__cssModules", r]]);
+export {
+  m as default
+};

package/lib/components/scroll/Scroll.vue2.js

@@ -0,0 +1,63 @@
+import { defineComponent as v, ref as w, toRefs as y, openBlock as $, createElementBlock as z, normalizeClass as r, unref as o, normalizeStyle as E, createElementVNode as S, renderSlot as B } from "vue";
+import { useScroll as b, useResizeObserver as g, useEventListener as k } from "../../node_modules/.pnpm/@vueuse_core@10.2.0_vue@3.3.9/node_modules/@vueuse/core/index.js";
+import { useTheme as C } from "../../composables/useTheme.js";
+const L = {
+  shadow: Boolean,
+  horizontal: Boolean,
+  mousewheel: Boolean,
+  scrollbar: {
+    type: Boolean,
+    default: !0
+  }
+}, N = { name: "XScroll" }, O = /* @__PURE__ */ v({
+  ...N,
+  props: L,
+  setup(s, { expose: a }) {
+    const t = s, l = w(null), { arrivedState: n } = b(l), { left: i, right: u, top: f, bottom: c } = y(n);
+    g(l, d), t.horizontal && t.mousewheel && k(l, "wheel", (e) => {
+      !l.value || l.value.scrollWidth <= l.value.clientWidth || (e.preventDefault(), l.value.scrollLeft += e.deltaY + e.deltaX);
+    });
+    function d() {
+      var e;
+      (e = l.value) == null || e.dispatchEvent(new CustomEvent("scroll"));
+    }
+    const { styles: h, classes: p, className: m } = C("Scroll", {}, t);
+    return a({ scrollEl: l }), (e, R) => ($(), z("div", {
+      class: r(["flex relative overflow-hidden", [
+        o(m),
+        o(p).wrapper,
+        e.$style.scrollwrap,
+        e.horizontal ? [
+          e.$style.horizontal,
+          {
+            [e.$style["shadow-left"]]: !o(i),
+            [e.$style["shadow-right"]]: !o(u)
+          }
+        ] : [
+          e.$style.vertical,
+          {
+            [e.$style["shadow-top"]]: !o(f),
+            [e.$style["shadow-bottom"]]: !o(c)
+          }
+        ]
+      ]]),
+      style: E(o(h))
+    }, [
+      S("div", {
+        ref_key: "scrollEl",
+        ref: l,
+        class: r(["relative overflow-auto w-full", [
+          [e.horizontal ? "overflow-x-auto" : "overflow-y-auto"],
+          {
+            [e.$style.hidescroll]: !e.scrollbar
+          }
+        ]])
+      }, [
+        B(e.$slots, "default")
+      ], 2)
+    ], 6));
+  }
+});
+export {
+  O as default
+};

package/lib/components/scroll/Scroll.vue3.js

@@ -0,0 +1,17 @@
+const o = "_scrollwrap_12093_2", t = "_horizontal_12093_12", _ = "_vertical_12093_19", l = "_hidescroll_12093_59", s = {
+  scrollwrap: o,
+  horizontal: t,
+  vertical: _,
+  "shadow-left": "_shadow-left_12093_42",
+  "shadow-right": "_shadow-right_12093_46",
+  "shadow-top": "_shadow-top_12093_50",
+  "shadow-bottom": "_shadow-bottom_12093_54",
+  hidescroll: l
+};
+export {
+  s as default,
+  l as hidescroll,
+  t as horizontal,
+  o as scrollwrap,
+  _ as vertical
+};

package/lib/components/scroll/__tests__/Scroll.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/components/scroll/index.d.ts

@@ -0,0 +1,2 @@
+export { default as XScroll } from './Scroll.vue';
+export type { ScrollProps, ScrollTheme } from './Scroll.vue';

package/lib/components/scroll/theme/Scroll.base.theme.d.ts

@@ -0,0 +1,3 @@
+import type { ScrollTheme } from '../Scroll.vue';
+declare const theme: ScrollTheme;
+export default theme;

package/lib/components/scroll/theme/Scroll.base.theme.js

@@ -0,0 +1,8 @@
+const e = {
+  classes: {
+    wrapper: ""
+  }
+}, s = e;
+export {
+  s as default
+};

package/lib/components/scroll/theme/Scroll.carbon.theme.d.ts

@@ -0,0 +1,3 @@
+import type { ScrollTheme } from '../Scroll.vue';
+declare const theme: ScrollTheme;
+export default theme;

package/lib/components/scroll/theme/Scroll.carbon.theme.js

@@ -0,0 +1,5 @@
+import e from "./Scroll.base.theme.js";
+const t = e, o = t;
+export {
+  o as default
+};