@indielayer/ui 1.7.4 → 1.8.0

package/docs/router/index.ts

@@ -66,11 +66,7 @@ const router = createRouter({
   history: createWebHistory('/'),
   routes,
   scrollBehavior(to, from, savedPosition) {
-    if (savedPosition) {
-      return savedPosition
-    } else {
-      return { top: 0 }
-    }
+    document.getElementById('main')?.scrollTo(0, 0)
   },
 })
 

package/lib/components/datepicker/Datepicker.vue.js

@@ -1,12 +1,12 @@
 import { defineComponent as C, ref as i, openBlock as I, createElementBlock as P, normalizeStyle as T, unref as l, normalizeClass as R, createVNode as s, withCtx as d, withKeys as u, withModifiers as j, createSlots as F, renderList as A, renderSlot as z, normalizeProps as L, guardReactiveProps as q } from "vue";
-import { useMutationObserver as M } from "../../node_modules/.pnpm/@vueuse_core@10.2.0_vue@3.3.9/node_modules/@vueuse/core/index.js";
+import { useMutationObserver as M } from "../../node_modules/.pnpm/@vueuse_core@10.2.0_vue@3.3.9_typescript@5.2.2_/node_modules/@vueuse/core/index.js";
 import { useCommon as V } from "../../composables/useCommon.js";
 import { useInputtable as m } from "../../composables/useInputtable.js";
 import { useInteractive as G } from "../../composables/useInteractive.js";
 import { useTheme as Y } from "../../composables/useTheme.js";
 import W from "../input/Input.vue.js";
-import E from "../../node_modules/.pnpm/@vuepic_vue-datepicker@8.3.2_vue@3.3.9/node_modules/@vuepic/vue-datepicker/dist/vue-datepicker.js";
-import "../../node_modules/.pnpm/@vuepic_vue-datepicker@8.3.2_vue@3.3.9/node_modules/@vuepic/vue-datepicker/dist/main.css.js";
+import E from "../../node_modules/.pnpm/@vuepic_vue-datepicker@8.3.2_vue@3.3.9_typescript@5.2.2_/node_modules/@vuepic/vue-datepicker/dist/vue-datepicker.js";
+import "../../node_modules/.pnpm/@vuepic_vue-datepicker@8.3.2_vue@3.3.9_typescript@5.2.2_/node_modules/@vuepic/vue-datepicker/dist/main.css.js";
 const K = {
   multiCalendars: { type: [Boolean, Number, String, Object], default: void 0 },
   modelValue: { type: [String, Date, Array, Object, Number], default: null },

package/lib/components/drawer/Drawer.vue.js

@@ -1,5 +1,5 @@
 import { defineComponent as X, ref as a, watchEffect as j, watch as K, computed as v, onMounted as M, openBlock as y, createBlock as O, Teleport as q, createVNode as w, Transition as F, withCtx as g, withDirectives as G, createElementVNode as k, normalizeClass as $, unref as n, createElementBlock as H, createCommentVNode as x, normalizeStyle as I, renderSlot as f, vShow as J } from "vue";
-import { useBreakpoints as Q, breakpointsTailwind as U, useEventListener as S, useSwipe as W } from "../../node_modules/.pnpm/@vueuse_core@10.2.0_vue@3.3.9/node_modules/@vueuse/core/index.js";
+import { useBreakpoints as Q, breakpointsTailwind as U, useEventListener as S, useSwipe as W } from "../../node_modules/.pnpm/@vueuse_core@10.2.0_vue@3.3.9_typescript@5.2.2_/node_modules/@vueuse/core/index.js";
 import { useTheme as Y } from "../../composables/useTheme.js";
 import Z from "../scroll/Scroll.vue.js";
 const ee = {

package/lib/components/input/Input.vue.d.ts

@@ -21,6 +21,7 @@ declare const inputProps: {
         type: StringConstructor;
         default: string;
     };
+    step: (StringConstructor | NumberConstructor)[];
     block: BooleanConstructor;
     modelValue: {
         readonly type: PropType<string | number | boolean | object | any[] | undefined>;
@@ -88,6 +89,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    step: (StringConstructor | NumberConstructor)[];
     block: BooleanConstructor;
     modelValue: {
         readonly type: PropType<string | number | boolean | object | any[] | undefined>;
@@ -153,6 +155,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    step: (StringConstructor | NumberConstructor)[];
     block: BooleanConstructor;
     modelValue: {
         readonly type: PropType<string | number | boolean | object | any[] | undefined>;

package/lib/components/input/Input.vue.js

@@ -1,17 +1,17 @@
-import { defineComponent as F, ref as y, watch as H, openBlock as l, createBlock as t, normalizeStyle as X, unref as r, normalizeClass as a, withCtx as j, createElementVNode as h, renderSlot as b, createCommentVNode as u, mergeProps as A, toHandlers as D } from "vue";
-import { useTheme as G } from "../../composables/useTheme.js";
-import { useColors as J } from "../../composables/useColors.js";
-import { useCommon as v } from "../../composables/useCommon.js";
+import { defineComponent as j, useAttrs as H, computed as O, ref as h, watch as W, openBlock as s, createBlock as l, normalizeStyle as X, unref as r, normalizeClass as a, withCtx as D, createElementVNode as y, renderSlot as v, createCommentVNode as u, mergeProps as G, toHandlers as J } from "vue";
+import { useTheme as K } from "../../composables/useTheme.js";
+import { useColors as M } from "../../composables/useColors.js";
+import { useCommon as S } from "../../composables/useCommon.js";
 import { useInputtable as f } from "../../composables/useInputtable.js";
-import { useInteractive as S } from "../../composables/useInteractive.js";
-import { eyeIcon as K, eyeVisibleIcon as M } from "../../common/icons.js";
-import O from "../label/Label.vue.js";
+import { useInteractive as w } from "../../composables/useInteractive.js";
+import { eyeIcon as Q, eyeVisibleIcon as U } from "../../common/icons.js";
+import Y from "../label/Label.vue.js";
 import d from "../icon/Icon.vue.js";
-import Q from "../inputFooter/InputFooter.vue.js";
-const U = { class: "relative" }, W = ["id", "disabled", "min", "max", "minlength", "maxlength", "dir", "name", "placeholder", "readonly", "type", "value"], Y = {
-  ...v.props(),
-  ...J.props("primary"),
+import Z from "../inputFooter/InputFooter.vue.js";
+const x = { class: "relative" }, _ = ["id", "disabled", "min", "max", "minlength", "maxlength", "step", "dir", "name", "placeholder", "readonly", "type", "value"], ee = {
   ...S.props(),
+  ...M.props("primary"),
+  ...w.props(),
   ...f.props(),
   showPasswordToggle: {
     type: Boolean,
@@ -33,22 +33,23 @@ const U = { class: "relative" }, W = ["id", "disabled", "min", "max", "minlength
     type: String,
     default: "text"
   },
+  step: [Number, String],
   block: Boolean
-}, Z = {
+}, re = {
   name: "XInput",
   validators: {
-    ...v.validators()
+    ...S.validators()
   }
-}, ae = /* @__PURE__ */ F({
-  ...Z,
-  props: Y,
+}, de = /* @__PURE__ */ j({
+  ...re,
+  props: ee,
   emits: f.emits(),
-  setup(k, { expose: w, emit: z }) {
-    const o = k, N = z, c = y(null), n = y(o.type);
-    H(() => o.type, (e) => {
-      n.value = e;
+  setup(k, { expose: z, emit: N }) {
+    const o = k, I = N, c = H(), C = O(() => Object.keys(c).reduce((e, i) => (i.startsWith("data-") && (e[i] = c[i]), e), {})), g = h(null), t = h(o.type);
+    W(() => o.type, (e) => {
+      t.value = e;
     });
-    function I(e) {
+    function R(e) {
       if (!e.target)
         return;
       const i = e.target;
@@ -57,52 +58,52 @@ const U = { class: "relative" }, W = ["id", "disabled", "min", "max", "minlength
         typeof o.min < "u" && p < Number(o.min) && (i.value = o.min.toString()), typeof o.max < "u" && p > Number(o.max) && (i.value = o.max.toString());
       }
     }
-    function C() {
-      n.value = n.value === "password" ? "text" : "password";
+    function V() {
+      t.value = t.value === "password" ? "text" : "password";
     }
-    const { focus: g, blur: R } = S(c), {
+    const { focus: b, blur: $ } = w(g), {
       errorInternal: m,
-      hideFooterInternal: V,
-      isInsideForm: $,
-      inputListeners: L,
-      reset: P,
-      validate: B,
-      setError: T
-    } = f(o, { focus: g, emit: N }), { styles: q, classes: s, className: E } = G("Input", {}, o, { errorInternal: m });
-    return w({ focus: g, blur: R, reset: P, validate: B, setError: T }), (e, i) => (l(), t(O, {
-      style: X(r(q)),
+      hideFooterInternal: L,
+      isInsideForm: P,
+      inputListeners: B,
+      reset: T,
+      validate: q,
+      setError: A
+    } = f(o, { focus: b, emit: I }), { styles: E, classes: n, className: F } = K("Input", {}, o, { errorInternal: m });
+    return z({ focus: b, blur: $, reset: T, validate: q, setError: A }), (e, i) => (s(), l(Y, {
+      style: X(r(E)),
       block: e.block,
       disabled: e.disabled,
       required: e.required,
-      "is-inside-form": r($),
+      "is-inside-form": r(P),
       label: e.label,
       class: a([
-        r(E),
-        r(s).wrapper
+        r(F),
+        r(n).wrapper
       ]),
       tooltip: e.tooltip
     }, {
-      default: j(() => [
-        h("div", U, [
-          b(e.$slots, "prefix", {}, () => [
-            e.iconLeft || e.icon ? (l(), t(d, {
+      default: D(() => [
+        y("div", x, [
+          v(e.$slots, "prefix", {}, () => [
+            e.iconLeft || e.icon ? (s(), l(d, {
               key: 0,
               size: e.size,
               icon: e.iconLeft || e.icon,
-              class: a(["ml-2 left-1", r(s).icon])
+              class: a(["ml-2 left-1", r(n).icon])
             }, null, 8, ["size", "icon", "class"])) : u("", !0)
           ]),
-          h("input", A({
+          y("input", G({
             id: e.id,
             ref_key: "elRef",
-            ref: c,
+            ref: g,
             class: [
-              r(s).input,
+              r(n).input,
               e.type === "password" ? "pr-10" : "",
               // error
               r(m) ? "border-error-500 dark:border-error-400 focus:outline-error-500" : "focus:outline-[color:var(--x-input-border)]",
               {
-                "!pl-10": e.iconLeft,
+                "!pl-10": e.iconLeft || e.icon,
                 "!pr-10": e.iconRight
               }
             ],
@@ -111,29 +112,30 @@ const U = { class: "relative" }, W = ["id", "disabled", "min", "max", "minlength
             max: e.max,
             minlength: e.minlength,
             maxlength: e.maxlength,
+            step: e.step,
             dir: e.dir,
             name: e.name,
             placeholder: e.placeholder,
             readonly: e.readonly,
-            type: n.value,
+            type: t.value,
             value: typeof e.modelValue < "u" ? e.modelValue : ""
-          }, D(r(L), !0), { onChange: I }), null, 16, W),
-          b(e.$slots, "suffix", {}, () => [
-            e.iconRight ? (l(), t(d, {
+          }, C.value, J(r(B), !0), { onChange: R }), null, 16, _),
+          v(e.$slots, "suffix", {}, () => [
+            e.iconRight ? (s(), l(d, {
               key: 0,
               size: e.size,
               icon: e.iconRight,
-              class: a(["mr-2 right-1", r(s).icon])
-            }, null, 8, ["size", "icon", "class"])) : e.type === "password" && e.showPasswordToggle ? (l(), t(d, {
+              class: a(["mr-2 right-1", r(n).icon])
+            }, null, 8, ["size", "icon", "class"])) : e.type === "password" && e.showPasswordToggle ? (s(), l(d, {
               key: 1,
               size: e.size,
-              icon: n.value === "password" ? r(K) : r(M),
-              class: a(["mr-2 right-1 cursor-pointer", r(s).icon]),
-              onClick: i[0] || (i[0] = (p) => C())
+              icon: t.value === "password" ? r(Q) : r(U),
+              class: a(["mr-2 right-1 cursor-pointer", r(n).icon]),
+              onClick: i[0] || (i[0] = (p) => V())
             }, null, 8, ["size", "icon", "class"])) : u("", !0)
           ])
         ]),
-        r(V) ? u("", !0) : (l(), t(Q, {
+        r(L) ? u("", !0) : (s(), l(Z, {
           key: 0,
           error: r(m),
           helper: e.helper
@@ -144,5 +146,5 @@ const U = { class: "relative" }, W = ["id", "disabled", "min", "max", "minlength
   }
 });
 export {
-  ae as default
+  de as default
 };

package/lib/components/menu/MenuItem.vue2.js

@@ -1,5 +1,5 @@
 import { defineComponent as z, ref as p, computed as d, onMounted as S, watch as k, openBlock as l, createBlock as i, resolveDynamicComponent as x, mergeProps as N, unref as s, withCtx as R, createElementBlock as r, renderSlot as n, createCommentVNode as u, createTextVNode as I, toDisplayString as M, createElementVNode as P, Fragment as w } from "vue";
-import { useMutationObserver as D } from "../../node_modules/.pnpm/@vueuse_core@10.2.0_vue@3.3.9/node_modules/@vueuse/core/index.js";
+import { useMutationObserver as D } from "../../node_modules/.pnpm/@vueuse_core@10.2.0_vue@3.3.9_typescript@5.2.2_/node_modules/@vueuse/core/index.js";
 import { useColors as F } from "../../composables/useColors.js";
 import { useCommon as h } from "../../composables/useCommon.js";
 import { useTheme as O } from "../../composables/useTheme.js";

package/lib/components/modal/Modal.vue.js

@@ -1,5 +1,5 @@
 import { defineComponent as X, ref as f, watch as g, nextTick as B, useSlots as H, computed as I, openBlock as l, createBlock as p, Teleport as M, createElementBlock as r, normalizeStyle as j, unref as o, normalizeClass as t, createCommentVNode as a, createElementVNode as S, resolveDynamicComponent as K, withCtx as w, renderSlot as i, toDisplayString as v } from "vue";
-import { onClickOutside as L, useEventListener as q } from "../../node_modules/.pnpm/@vueuse_core@10.2.0_vue@3.3.9/node_modules/@vueuse/core/index.js";
+import { onClickOutside as L, useEventListener as q } from "../../node_modules/.pnpm/@vueuse_core@10.2.0_vue@3.3.9_typescript@5.2.2_/node_modules/@vueuse/core/index.js";
 import { useTheme as G } from "../../composables/useTheme.js";
 import { useFocusTrap as J } from "../../composables/useFocusTrap.js";
 import { closeIcon as Q } from "../../common/icons.js";

package/lib/components/popover/Popover.vue.js

@@ -1,6 +1,6 @@
 import { defineComponent as b, ref as a, openBlock as v, createBlock as S, unref as r, normalizeStyle as T, normalizeClass as A, withCtx as l, renderSlot as d } from "vue";
 import { useTheme as B } from "../../composables/useTheme.js";
-import { Dropdown as $ } from "../../node_modules/.pnpm/floating-vue@5.2.2_vue@3.3.9/node_modules/floating-vue/dist/floating-vue.js";
+import { Dropdown as $ } from "../../node_modules/.pnpm/floating-vue@5.2.2_@nuxt_kit@3.10.1_rollup@3.29.4__vue@3.3.9_typescript@5.2.2_/node_modules/floating-vue/dist/floating-vue.js";
 const k = {
   placement: ["top", "top-start", "top-end", "bottom", "bottom-start", "bottom-end", "left", "left-start", "left-end", "right", "right-start", "right-end"]
 }, z = {

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

@@ -1,5 +1,5 @@
 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 { useScroll as b, useResizeObserver as g, useEventListener as k } from "../../node_modules/.pnpm/@vueuse_core@10.2.0_vue@3.3.9_typescript@5.2.2_/node_modules/@vueuse/core/index.js";
 import { useTheme as C } from "../../composables/useTheme.js";
 const L = {
   shadow: Boolean,

package/lib/components/select/Select.vue.d.ts

@@ -6,6 +6,11 @@ declare const selectProps: {
     multiple: BooleanConstructor;
     flat: BooleanConstructor;
     native: BooleanConstructor;
+    filterable: BooleanConstructor;
+    filterPlaceholder: {
+        type: StringConstructor;
+        default: string;
+    };
     modelValue: {
         readonly type: PropType<string | number | boolean | object | any[] | undefined>;
         readonly default: undefined;
@@ -50,7 +55,7 @@ export type SelectOption = {
     disabled?: boolean;
 };
 export type SelectProps = ExtractPublicPropTypes<typeof selectProps>;
-type InternalClasses = 'wrapper' | 'box' | 'content' | 'iconWrapper' | 'icon';
+type InternalClasses = 'wrapper' | 'box' | 'content' | 'search' | 'contentBody' | 'iconWrapper' | 'icon';
 type InternalExtraData = {
     errorInternal: Ref<boolean>;
 };
@@ -62,6 +67,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     multiple: BooleanConstructor;
     flat: BooleanConstructor;
     native: BooleanConstructor;
+    filterable: BooleanConstructor;
+    filterPlaceholder: {
+        type: StringConstructor;
+        default: string;
+    };
     modelValue: {
         readonly type: PropType<string | number | boolean | object | any[] | undefined>;
         readonly default: undefined;
@@ -111,6 +121,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     multiple: BooleanConstructor;
     flat: BooleanConstructor;
     native: BooleanConstructor;
+    filterable: BooleanConstructor;
+    filterPlaceholder: {
+        type: StringConstructor;
+        default: string;
+    };
     modelValue: {
         readonly type: PropType<string | number | boolean | object | any[] | undefined>;
         readonly default: undefined;
@@ -165,7 +180,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     rules: unknown[];
     multiple: boolean;
     native: boolean;
+    filterable: boolean;
+    filterPlaceholder: string;
 }, {}>, {
+    "content-header"?(_: {}): any;
+    "content-footer"?(_: {}): any;
     icon?(_: {}): any;
 }>;
 export default _default;