@pantograph/vue 0.30.8 → 0.30.10

package/dist/Image.vue_vue_type_style_index_0_lang-fXu01ETy.js

@@ -0,0 +1,121 @@
+import { defineComponent as O, useSlots as P, ref as g, toRef as j, watch as C, computed as f, createElementBlock as v, openBlock as c, normalizeStyle as x, normalizeClass as r, unref as a, createBlock as D, createCommentVNode as b, renderSlot as B, createVNode as V, toDisplayString as T } from "vue";
+import { getComponentOptions as W, getBemBlock as q, generateVariantClassList as i, getPxSize as G, normCls as p, getBemElement as u } from "@pantograph/utils";
+import { cva as H } from "class-variance-authority";
+import { _ as J } from "./Spinner.vue_vue_type_style_index_0_lang-C-Pajopx.js";
+import { _ as K } from "./Icon.vue_vue_type_style_index_0_lang-D7PiBbDb.js";
+import { i as M } from "./isNumber-BduWbB-B.js";
+const Q = ["xsm", "sm", "md", "lg"], U = ["1:1", "4:3", "3:2", "16:9", "2:1"], w = ["vertical", "horizontal"], X = ["alt", "src"], oe = /* @__PURE__ */ O({
+  ...W("Image"),
+  __name: "Image",
+  props: {
+    src: { default: "" },
+    fallback: {},
+    width: {},
+    hovered: { type: Boolean },
+    alt: {},
+    class: { type: [Array, Object, String, Number, null, Boolean] },
+    imageCls: { type: [Array, Object, String, Number, null, Boolean] },
+    hoverCls: { type: [Array, Object, String, Number, null, Boolean] },
+    sizeRange: {},
+    aspectRatio: {},
+    type: { default: "horizontal" },
+    objectFit: { default: "cover" },
+    objectPosition: { default: "center" },
+    fallbackDescription: { default: "This image couldn't be loaded." }
+  },
+  emits: ["load", "error"],
+  setup(s, { emit: $ }) {
+    const e = s, h = $, t = q("image"), N = H(t, {
+      variants: {
+        type: i(w, t),
+        aspectRatio: i(U, t),
+        sizeRange: i(Q, t),
+        hovered: i("hovered", t),
+        loaded: i("loaded", t),
+        "fallback-content": i("fallback-content", t)
+      }
+    }), k = P(), o = g(!1), m = g(!1), n = g(!1), y = j(() => e.src);
+    C(y, () => {
+      m.value = !1, n.value = !1, o.value = !1;
+    });
+    const d = j(() => e.fallback);
+    C(d, () => {
+      n.value && (n.value = !1, o.value = !1);
+    });
+    const z = f(() => m.value && !k.fallback && d.value ? "fallback" : "src"), E = f(() => z.value === "src" ? y.value : d.value), I = () => {
+      o.value = !0, h("load");
+    }, L = () => {
+      z.value === "fallback" ? (n.value = !0, o.value = !0) : (m.value = !0, o.value = !0), h("error");
+    }, _ = f(() => G(e.width, !0)), A = f(() => {
+      const l = String(e.width).replace("px", ""), R = /^\d+(?:\.\d+)?$/, S = e.width && R.test(l) ? Number(l) : e.width;
+      return e.sizeRange === "xsm" || M(S) && S < 100 ? "3xsm" : "sm";
+    }), F = f(() => {
+      let l = `filter: ${o ? "none" : "blur(30px)"}`;
+      return e.objectFit && (l += `;object-fit: ${e.objectFit}`), e.objectPosition && (l += `;object-position: ${e.objectPosition}`), l;
+    });
+    return (l, R) => (c(), v("div", {
+      class: r(
+        a(p)(
+          a(N)({
+            sizeRange: e.sizeRange,
+            type: !e.type || !a(w).includes(e.type) ? "vertical" : e.type,
+            aspectRatio: e.aspectRatio,
+            hovered: e.hovered,
+            loaded: o.value,
+            "fallback-content": m.value && (!d.value || n.value)
+          }),
+          e.class
+        )
+      ),
+      style: x({ width: _.value })
+    }, [
+      m.value && (!d.value || n.value) ? (c(), v("div", {
+        key: 0,
+        class: r(a(u)(a(t), "fallback"))
+      }, [
+        B(l.$slots, "fallback", {}, () => [
+          V(K, {
+            size: "sm",
+            icon: "tabler:photo-exclamation",
+            class: r(a(u)(a(t), "fallback__icon"))
+          }, null, 8, ["class"]),
+          !s.sizeRange || ["md", "lg"].includes(s.sizeRange) ? (c(), v("div", {
+            key: 0,
+            class: r(a(u)(a(t), "fallback__text"))
+          }, T(s.fallbackDescription), 3)) : b("", !0)
+        ])
+      ], 2)) : (c(), v("img", {
+        key: 1,
+        alt: s.alt,
+        style: x(F.value),
+        src: E.value,
+        class: r(a(p)(a(u)(a(t), "img"), s.imageCls)),
+        onLoad: I,
+        onError: L
+      }, null, 46, X)),
+      o.value ? b("", !0) : (c(), D(J, {
+        key: 2,
+        class: r(a(u)(a(t), "loading")),
+        size: A.value
+      }, null, 8, ["class", "size"])),
+      s.hovered || k.actions ? (c(), v("div", {
+        key: 3,
+        class: r(
+          a(p)(
+            a(u)(a(t), "hover_actions"),
+            "pantograph-tokens pantograph-dark",
+            e.hoverCls
+          )
+        )
+      }, [
+        B(l.$slots, "actions")
+      ], 2)) : b("", !0)
+    ], 6));
+  }
+});
+export {
+  Q as I,
+  oe as _,
+  U as a,
+  w as b
+};

package/dist/IndentLevel/IndentLevel.d.ts

@@ -1,5 +1,5 @@
 import { IndentLevelShowLine, IndentLevelSize } from './IndentLevel.model';
-import { ClassValue } from 'class-variance-authority/types';
+import { ClassValue } from 'clsx';
 import { Direction } from '../ConfigProvider';
 export interface IndentLevelProps {
     size?: IndentLevelSize;

package/dist/IndentLevel/index.js

@@ -1,5 +1,5 @@
-import { _ as e } from "../IndentLevel.vue_vue_type_style_index_0_lang-CkvTqlkt.js";
-import { a as i, I as p } from "../IndentLevel.vue_vue_type_style_index_0_lang-CkvTqlkt.js";
+import { _ as e } from "../IndentLevel.vue_vue_type_style_index_0_lang-DUTq_uyH.js";
+import { a as i, I as p } from "../IndentLevel.vue_vue_type_style_index_0_lang-DUTq_uyH.js";
 import { installComponent as n } from "@pantograph/utils-vue";
 import { getComponentName as t } from "@pantograph/utils";
 const s = n(e, t("IndentLevel"));

package/dist/IndentLevel/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../IndentLevel.vue_vue_type_style_index_0_lang-ra2hBDxs.js"),n=require("@pantograph/utils-vue"),t=require("@pantograph/utils"),l=n.installComponent(e._sfc_main,t.getComponentName("IndentLevel"));exports.IndentLevel=e._sfc_main;exports.IndentLevelShowLines=e.IndentLevelShowLines;exports.IndentLevelSizes=e.IndentLevelSizes;exports.default=e._sfc_main;exports.IndentLevelPlugin=l;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../IndentLevel.vue_vue_type_style_index_0_lang-2IAeKcy_.js"),n=require("@pantograph/utils-vue"),t=require("@pantograph/utils"),l=n.installComponent(e._sfc_main,t.getComponentName("IndentLevel"));exports.IndentLevel=e._sfc_main;exports.IndentLevelShowLines=e.IndentLevelShowLines;exports.IndentLevelSizes=e.IndentLevelSizes;exports.default=e._sfc_main;exports.IndentLevelPlugin=l;

package/dist/IndentLevel.vue_vue_type_style_index_0_lang-2IAeKcy_.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),t=require("@pantograph/utils"),g=require("class-variance-authority"),d=require("./Divider.vue_vue_type_style_index_0_lang-Heq87yk1.js"),k=require("./Spinner.vue_vue_type_style_index_0_lang-B7KhPt_X.js"),L=require("./GraphicalObject.vue_vue_type_script_setup_true_lang-BDZKksip.js"),y=require("./isNumber-DMOjxgl8.js"),m=["2xsm","xsm","sm"],b=["last","all","before","self"],C={key:0},p=e.defineComponent({...t.getComponentOptions("IndentLevel"),__name:"IndentLevel",props:{size:{default:"xsm"},showLine:{type:[Number,Boolean]},children:{type:Boolean},level:{default:1},expanded:{type:Boolean},dir:{},loading:{type:Boolean},class:{type:[Array,Object,String,Number,null,Boolean]},branchIcon:{default:"tabler:chevron-right"},noRotateBranch:{type:Boolean}},setup(n){const l=n,r=t.getBemBlock("indent_level"),c=t.getBemElement(r,"item"),v=t.getBemElement(c,"branch"),f=g.cva(r,{variants:{size:t.generateVariantClassList(m,r),expanded:t.generateVariantClassList("expanded",r),branchSlot:t.generateVariantClassList("branch-slot",r),selfDivider:t.generateVariantClassList("self-divider",r),noRotateBranch:t.generateVariantClassList("no-rotate-branch",r),loading:t.generateVariantClassList("loading",r)}}),s=e.computed(()=>{const a=Number(l.level);return a<1?1:a%10===0?a:Math.floor(a)}),i=e.computed(()=>{if(l.showLine)return typeof l.showLine=="string"?["all","self"].includes(l.showLine):y.isNumber(l.showLine)&&l.showLine<=Number(l.level)}),h=a=>typeof l.showLine=="number"?l.showLine<=Number(a):!1;return(a,u)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(t.normCls)(e.unref(f)({size:n.size,expanded:n.expanded,noRotateBranch:n.noRotateBranch,branchSlot:a.$slots.default,selfDivider:i.value,loading:n.loading}),l.dir&&n.dir,l.class))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.value,o=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(t.normCls)(e.unref(c),{[e.unref(t.getBemModifier)(e.unref(r),"expand")]:o===s.value})),key:o},[o===s.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[n.children?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[n.loading?(e.openBlock(),e.createBlock(k._sfc_main,{key:1,size:n.size},null,8,["size"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[n.expanded&&i.value?(e.openBlock(),e.createElementBlock("div",C)):e.createCommentVNode("",!0),e.createVNode(L._sfc_main,{size:n.size,icon:n.branchIcon,color:"none",class:e.normalizeClass(e.unref(v)),onClick:u[0]||(u[0]=B=>a.$emit("toggleExpand",B))},{icon:e.withCtx(()=>[e.renderSlot(a.$slots,"default")]),_:3},8,["size","icon","class"]),n.expanded&&i.value?(e.openBlock(),e.createBlock(d._sfc_main,{key:1,type:"vertical",style:{"min-height":"0"}})):e.createCommentVNode("",!0)],64))],64)):e.createCommentVNode("",!0)],64)):["all","before"].includes(n.showLine)||n.showLine==="last"&&o===s.value-1||h(o)?(e.openBlock(),e.createBlock(d._sfc_main,{key:1,type:"vertical"})):e.createCommentVNode("",!0)],2))),128))],2))}});exports.IndentLevelShowLines=b;exports.IndentLevelSizes=m;exports._sfc_main=p;

package/dist/IndentLevel.vue_vue_type_style_index_0_lang-DUTq_uyH.js

@@ -0,0 +1,98 @@
+import { defineComponent as x, computed as b, createElementBlock as l, openBlock as o, normalizeClass as f, unref as i, Fragment as d, renderList as C, createBlock as h, createCommentVNode as m, createVNode as I, withCtx as N, renderSlot as S } from "vue";
+import { getComponentOptions as $, getBemBlock as R, getBemElement as g, generateVariantClassList as r, normCls as L, getBemModifier as D } from "@pantograph/utils";
+import { cva as E } from "class-variance-authority";
+import { _ as B } from "./Divider.vue_vue_type_style_index_0_lang-eXMD78c3.js";
+import { _ as V } from "./Spinner.vue_vue_type_style_index_0_lang-C-Pajopx.js";
+import { _ as M } from "./GraphicalObject.vue_vue_type_script_setup_true_lang-Bnu4NkgN.js";
+import { i as O } from "./isNumber-BduWbB-B.js";
+const j = ["2xsm", "xsm", "sm"], Q = ["last", "all", "before", "self"], A = { key: 0 }, T = /* @__PURE__ */ x({
+  ...$("IndentLevel"),
+  __name: "IndentLevel",
+  props: {
+    size: { default: "xsm" },
+    showLine: { type: [Number, Boolean] },
+    children: { type: Boolean },
+    level: { default: 1 },
+    expanded: { type: Boolean },
+    dir: {},
+    loading: { type: Boolean },
+    class: { type: [Array, Object, String, Number, null, Boolean] },
+    branchIcon: { default: "tabler:chevron-right" },
+    noRotateBranch: { type: Boolean }
+  },
+  setup(e) {
+    const n = e, a = R("indent_level"), v = g(a, "item"), k = g(v, "branch"), w = E(a, {
+      variants: {
+        size: r(j, a),
+        expanded: r("expanded", a),
+        branchSlot: r("branch-slot", a),
+        selfDivider: r("self-divider", a),
+        noRotateBranch: r("no-rotate-branch", a),
+        loading: r("loading", a)
+      }
+    }), c = b(() => {
+      const t = Number(n.level);
+      return t < 1 ? 1 : t % 10 === 0 ? t : Math.floor(t);
+    }), u = b(() => {
+      if (n.showLine)
+        return typeof n.showLine == "string" ? ["all", "self"].includes(n.showLine) : O(n.showLine) && n.showLine <= Number(n.level);
+    }), z = (t) => typeof n.showLine == "number" ? n.showLine <= Number(t) : !1;
+    return (t, y) => (o(), l("div", {
+      class: f(
+        i(L)(
+          i(w)({
+            size: e.size,
+            expanded: e.expanded,
+            noRotateBranch: e.noRotateBranch,
+            branchSlot: t.$slots.default,
+            selfDivider: u.value,
+            loading: e.loading
+          }),
+          n.dir && e.dir,
+          n.class
+        )
+      )
+    }, [
+      (o(!0), l(d, null, C(c.value, (s) => (o(), l("div", {
+        class: f(i(L)(i(v), { [i(D)(i(a), "expand")]: s === c.value })),
+        key: s
+      }, [
+        s === c.value ? (o(), l(d, { key: 0 }, [
+          e.children ? (o(), l(d, { key: 0 }, [
+            e.loading ? (o(), h(V, {
+              key: 1,
+              size: e.size
+            }, null, 8, ["size"])) : (o(), l(d, { key: 0 }, [
+              e.expanded && u.value ? (o(), l("div", A)) : m("", !0),
+              I(M, {
+                size: e.size,
+                icon: e.branchIcon,
+                color: "none",
+                class: f(i(k)),
+                onClick: y[0] || (y[0] = (p) => t.$emit("toggleExpand", p))
+              }, {
+                icon: N(() => [
+                  S(t.$slots, "default")
+                ]),
+                _: 3
+              }, 8, ["size", "icon", "class"]),
+              e.expanded && u.value ? (o(), h(B, {
+                key: 1,
+                type: "vertical",
+                style: { "min-height": "0" }
+              })) : m("", !0)
+            ], 64))
+          ], 64)) : m("", !0)
+        ], 64)) : ["all", "before"].includes(e.showLine) || e.showLine === "last" && s === c.value - 1 || z(s) ? (o(), h(B, {
+          key: 1,
+          type: "vertical"
+        })) : m("", !0)
+      ], 2))), 128))
+    ], 2));
+  }
+});
+export {
+  j as I,
+  T as _,
+  Q as a
+};

package/dist/Indicator/index.js

@@ -1,4 +1,4 @@
-import { _ as o } from "../Indicator.vue_vue_type_script_setup_true_lang-Cd4asWR8.js";
+import { _ as o } from "../Indicator.vue_vue_type_script_setup_true_lang-D-_aVIkv.js";
 import { installComponent as t } from "@pantograph/utils-vue";
 import { getComponentName as n } from "@pantograph/utils";
 const i = t(o, n("Indicator"));

package/dist/Indicator/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Indicator.vue_vue_type_script_setup_true_lang-DFuzzwXK.js"),t=require("@pantograph/utils-vue"),n=require("@pantograph/utils"),i=t.installComponent(e._sfc_main,n.getComponentName("Indicator"));exports.Indicator=e._sfc_main;exports.default=e._sfc_main;exports.IndicatorPlugin=i;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Indicator.vue_vue_type_script_setup_true_lang-DRwrazbG.js"),t=require("@pantograph/utils-vue"),n=require("@pantograph/utils"),i=t.installComponent(e._sfc_main,n.getComponentName("Indicator"));exports.Indicator=e._sfc_main;exports.default=e._sfc_main;exports.IndicatorPlugin=i;

package/dist/Indicator.vue_vue_type_script_setup_true_lang-D-_aVIkv.js

@@ -0,0 +1,38 @@
+import { defineComponent as d, useAttrs as f, computed as e, useSlots as g, createBlock as _, openBlock as C, mergeProps as y, createSlots as b, renderList as B, withCtx as S, renderSlot as k, normalizeProps as v, guardReactiveProps as x } from "vue";
+import { omit as O } from "es-toolkit";
+import { _ as P } from "./BaseBadge.vue_vue_type_style_index_0_lang-Ca-g18u1.js";
+import { getComponentOptions as $ } from "@pantograph/utils";
+import { B as t } from "./BaseBadge.model-CahZXsyM.js";
+import { getCssCoreColor as s } from "@pantograph/tokens";
+const N = /* @__PURE__ */ d({
+  ...$("Indicator", !1),
+  __name: "Indicator",
+  props: {
+    class: { type: [Array, Object, String, Number, null, Boolean] },
+    size: {},
+    color: {}
+  },
+  setup(n) {
+    const o = n, c = f(), i = () => o.color && t.includes(o.color) && t.includes(o.color) ? s(`${o.color}-5`) : s("primary-5"), m = e(() => ({
+      bg: i()
+    })), l = e(() => ({
+      ...O(c, ["type", "text", "icon", "mode"]),
+      ...o,
+      ...m.value
+    })), a = g();
+    return (p, h) => (C(), _(P, y(l.value, {
+      type: "minify",
+      mode: "bold"
+    }), b({ _: 2 }, [
+      B(Object.keys(a), (r) => ({
+        name: r,
+        fn: S((u) => [
+          k(p.$slots, r, v(x(u)))
+        ])
+      }))
+    ]), 1040));
+  }
+});
+export {
+  N as _
+};

package/dist/Indicator.vue_vue_type_script_setup_true_lang-DRwrazbG.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),m=require("es-toolkit"),_=require("./BaseBadge.vue_vue_type_style_index_0_lang-DDBBnMzY.js"),g=require("@pantograph/utils"),t=require("./BaseBadge.model-DecqxaGN.js"),s=require("@pantograph/tokens"),C=e.defineComponent({...g.getComponentOptions("Indicator",!1),__name:"Indicator",props:{class:{type:[Array,Object,String,Number,null,Boolean]},size:{},color:{}},setup(n){const o=n,c=e.useAttrs(),i=()=>o.color&&t.BadgeColors.includes(o.color)&&t.BadgeColors.includes(o.color)?s.getCssCoreColor(`${o.color}-5`):s.getCssCoreColor("primary-5"),l=e.computed(()=>({bg:i()})),u=e.computed(()=>({...m.omit(c,["type","text","icon","mode"]),...o,...l.value})),a=e.useSlots();return(d,B)=>(e.openBlock(),e.createBlock(_._sfc_main,e.mergeProps(u.value,{type:"minify",mode:"bold"}),e.createSlots({_:2},[e.renderList(Object.keys(a),r=>({name:r,fn:e.withCtx(p=>[e.renderSlot(d.$slots,r,e.normalizeProps(e.guardReactiveProps(p)))])}))]),1040))}});exports._sfc_main=C;

package/dist/Input/index.js

@@ -1,4 +1,4 @@
-import { _ as t } from "../Input.vue_vue_type_script_setup_true_lang-CzKEJH7a.js";
+import { _ as t } from "../Input.vue_vue_type_script_setup_true_lang-9w1hhP5f.js";
 import { installComponent as o } from "@pantograph/utils-vue";
 import { getComponentName as n } from "@pantograph/utils";
 const r = o(t, n("Input"));

package/dist/Input/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Input.vue_vue_type_script_setup_true_lang-DTTGUaRI.js"),t=require("@pantograph/utils-vue"),u=require("@pantograph/utils"),n=t.installComponent(e._sfc_main,u.getComponentName("Input"));exports.Input=e._sfc_main;exports.default=e._sfc_main;exports.InputPlugin=n;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Input.vue_vue_type_script_setup_true_lang-DCVDjXc6.js"),t=require("@pantograph/utils-vue"),u=require("@pantograph/utils"),n=t.installComponent(e._sfc_main,u.getComponentName("Input"));exports.Input=e._sfc_main;exports.default=e._sfc_main;exports.InputPlugin=n;

package/dist/Input.vue_vue_type_script_setup_true_lang-9w1hhP5f.js

@@ -0,0 +1,127 @@
+import { defineComponent as A, useSlots as R, useAttrs as D, computed as m, ref as f, onMounted as E, createBlock as F, openBlock as P, mergeProps as g, createSlots as q, withCtx as d, createElementVNode as w, unref as r, createTextVNode as L, toDisplayString as $, renderList as M, renderSlot as T, normalizeProps as U, guardReactiveProps as W } from "vue";
+import { getComponentOptions as G, isEmptyLikeLodash as H, normCls as J, getBemElement as K } from "@pantograph/utils";
+import { useVModel as Q, useFormInput as X, useInputDataStates as Y } from "@pantograph/utils-vue";
+import { omitBy as y, pick as v, isUndefined as B, omit as Z } from "es-toolkit";
+import { u as ee, _ as te, i as le } from "./BaseInput.vue_vue_type_style_index_0_lang-tmtwQWes.js";
+const ae = ["value"], ue = /* @__PURE__ */ A({
+  ...G("Input", !1),
+  __name: "Input",
+  props: {
+    id: {},
+    maxlength: {},
+    type: {},
+    placeholder: {},
+    disabled: { type: Boolean, default: void 0 },
+    required: { type: Boolean },
+    readonly: { type: Boolean },
+    contentFit: { type: Boolean },
+    modelValue: {},
+    defaultValue: {},
+    immediateFocus: { type: Boolean },
+    leading: {},
+    trailing: {},
+    clearIcon: { default: "tabler:circle-x" },
+    trailingCls: { type: [Array, Object, String, Number, null, Boolean] },
+    clearIconCls: { type: [Array, Object, String, Number, null, Boolean] },
+    dividerCls: { type: [Array, Object, String, Number, null, Boolean] },
+    leadingCls: { type: [Array, Object, String, Number, null, Boolean] },
+    class: { type: [Array, Object, String, Number, null, Boolean] },
+    allowClear: { type: Boolean },
+    bordered: { type: Boolean, default: !0 },
+    simple: { type: Boolean },
+    size: {},
+    status: {},
+    steps: { type: Boolean }
+  },
+  emits: ["update:modelValue", "change", "blur", "focus", "clear", "resize"],
+  setup(p, { expose: b, emit: h }) {
+    const t = p, S = R(), o = h, n = Q(t, "modelValue", o, {
+      defaultValue: t.defaultValue,
+      passive: t.modelValue === void 0,
+      onChange(e) {
+        o("change", e);
+      }
+    }), _ = D(), { getDisabled: u, getStatus: x, getSize: V } = X({
+      defaults: { size: "md" },
+      exports: ["getDisabled", "getSize", "getStatus"]
+    }), { rootBindings: C, inputBindings: z } = Y({
+      getDisabled: () => u.value,
+      emit: o
+    }), I = m(
+      () => y(
+        {
+          ...v(t, [
+            "id",
+            "maxlength",
+            "type",
+            "disabled",
+            "required",
+            "placeholder",
+            "readonly"
+          ]),
+          ...C.value,
+          ...t,
+          disabled: u.value,
+          status: x.value,
+          size: V.value,
+          hasValue: !H(n.value)
+        },
+        B
+      )
+    ), j = (e) => {
+      var a, i;
+      const l = e.target;
+      n.value = (l == null ? void 0 : l.value) ?? "", (i = (a = c.value) == null ? void 0 : a.adjustWidth) == null || i.call(a);
+    }, k = m(
+      () => y(
+        {
+          ...v(t, ["id", "maxlength", "type", "disabled", "required", "placeholder"]),
+          disabled: u.value,
+          ...Z(_, ["value"]),
+          ...z.value
+        },
+        B
+      )
+    ), N = () => {
+      n.value = "", o("clear");
+    }, s = f();
+    t.immediateFocus && E(() => {
+      var e, l;
+      return (l = (e = s.value) == null ? void 0 : e.focus) == null ? void 0 : l.call(e);
+    });
+    const c = f(), O = (e) => {
+      s.value && (s.value.style.width = `${e}px`, o("resize", e));
+    };
+    return b(ee(s)), (e, l) => (P(), F(te, g(I.value, {
+      onClear: N,
+      ref_key: "rootRef",
+      ref: c,
+      onResize: O
+    }), q({
+      value: d(() => [
+        L($(r(n) || p.placeholder), 1)
+      ]),
+      default: d(() => [
+        w("input", g({
+          ref_key: "inputRef",
+          ref: s,
+          value: r(n),
+          onInput: j
+        }, k.value, {
+          class: r(J)(r(K)(r(le), "input"))
+        }), null, 16, ae)
+      ]),
+      _: 2
+    }, [
+      M(Object.keys(S), (a) => ({
+        name: a,
+        fn: d((i) => [
+          T(e.$slots, a, U(W(i)))
+        ])
+      }))
+    ]), 1040));
+  }
+});
+export {
+  ue as _
+};

package/dist/Input.vue_vue_type_script_setup_true_lang-DCVDjXc6.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),d=require("@pantograph/utils"),p=require("@pantograph/utils-vue"),o=require("es-toolkit"),m=require("./BaseInput.vue_vue_type_style_index_0_lang-0yOrRnPS.js"),q=["value"],j=e.defineComponent({...d.getComponentOptions("Input",!1),__name:"Input",props:{id:{},maxlength:{},type:{},placeholder:{},disabled:{type:Boolean,default:void 0},required:{type:Boolean},readonly:{type:Boolean},contentFit:{type:Boolean},modelValue:{},defaultValue:{},immediateFocus:{type:Boolean},leading:{},trailing:{},clearIcon:{default:"tabler:circle-x"},trailingCls:{type:[Array,Object,String,Number,null,Boolean]},clearIconCls:{type:[Array,Object,String,Number,null,Boolean]},dividerCls:{type:[Array,Object,String,Number,null,Boolean]},leadingCls:{type:[Array,Object,String,Number,null,Boolean]},class:{type:[Array,Object,String,Number,null,Boolean]},allowClear:{type:Boolean},bordered:{type:Boolean,default:!0},simple:{type:Boolean},size:{},status:{},steps:{type:Boolean}},emits:["update:modelValue","change","blur","focus","clear","resize"],setup(f,{expose:y,emit:v}){const l=f,B=e.useSlots(),s=v,u=p.useVModel(l,"modelValue",s,{defaultValue:l.defaultValue,passive:l.modelValue===void 0,onChange(t){s("change",t)}}),b=e.useAttrs(),{getDisabled:c,getStatus:_,getSize:h}=p.useFormInput({defaults:{size:"md"},exports:["getDisabled","getSize","getStatus"]}),{rootBindings:x,inputBindings:S}=p.useInputDataStates({getDisabled:()=>c.value,emit:s}),C=e.computed(()=>o.omitBy({...o.pick(l,["id","maxlength","type","disabled","required","placeholder","readonly"]),...x.value,...l,disabled:c.value,status:_.value,size:h.value,hasValue:!d.isEmptyLikeLodash(u.value)},o.isUndefined)),V=t=>{var a,r;const n=t.target;u.value=(n==null?void 0:n.value)??"",(r=(a=g.value)==null?void 0:a.adjustWidth)==null||r.call(a)},z=e.computed(()=>o.omitBy({...o.pick(l,["id","maxlength","type","disabled","required","placeholder"]),disabled:c.value,...o.omit(b,["value"]),...S.value},o.isUndefined)),k=()=>{u.value="",s("clear")},i=e.ref();l.immediateFocus&&e.onMounted(()=>{var t,n;return(n=(t=i.value)==null?void 0:t.focus)==null?void 0:n.call(t)});const g=e.ref(),I=t=>{i.value&&(i.value.style.width=`${t}px`,s("resize",t))};return y(m.useInputExposes(i)),(t,n)=>(e.openBlock(),e.createBlock(m._sfc_main,e.mergeProps(C.value,{onClear:k,ref_key:"rootRef",ref:g,onResize:I}),e.createSlots({value:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(u)||f.placeholder),1)]),default:e.withCtx(()=>[e.createElementVNode("input",e.mergeProps({ref_key:"inputRef",ref:i,value:e.unref(u),onInput:V},z.value,{class:e.unref(d.normCls)(e.unref(d.getBemElement)(e.unref(m.inputPrefix),"input"))}),null,16,q)]),_:2},[e.renderList(Object.keys(B),a=>({name:a,fn:e.withCtx(r=>[e.renderSlot(t.$slots,a,e.normalizeProps(e.guardReactiveProps(r)))])}))]),1040))}});exports._sfc_main=j;

package/dist/InputNumber/index.js

@@ -1,4 +1,4 @@
-import { _ as m } from "../InputNumber.vue_vue_type_script_setup_true_lang-DcxalTaC.js";
+import { _ as m } from "../InputNumber.vue_vue_type_script_setup_true_lang-C9Yla-kw.js";
 import { installComponent as t } from "@pantograph/utils-vue";
 import { getComponentName as o } from "@pantograph/utils";
 const p = t(m, o("InputNumber"));

package/dist/InputNumber/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../InputNumber.vue_vue_type_script_setup_true_lang-DDwIkrP0.js"),u=require("@pantograph/utils-vue"),t=require("@pantograph/utils"),n=u.installComponent(e._sfc_main,t.getComponentName("InputNumber"));exports.InputNumber=e._sfc_main;exports.default=e._sfc_main;exports.InputNumberPlugin=n;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../InputNumber.vue_vue_type_script_setup_true_lang-BxrHntWT.js"),u=require("@pantograph/utils-vue"),t=require("@pantograph/utils"),n=u.installComponent(e._sfc_main,t.getComponentName("InputNumber"));exports.InputNumber=e._sfc_main;exports.default=e._sfc_main;exports.InputNumberPlugin=n;

package/dist/InputNumber.vue_vue_type_script_setup_true_lang-BxrHntWT.js

@@ -0,0 +1 @@
+"use strict";var ve=Object.defineProperty;var Se=(i,e,r)=>e in i?ve(i,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):i[e]=r;var f=(i,e,r)=>Se(i,typeof e!="symbol"?e+"":e,r);const n=require("vue"),N=require("@pantograph/utils"),te=require("@pantograph/utils-vue"),I=require("es-toolkit"),A=require("./BaseInput.vue_vue_type_style_index_0_lang-0yOrRnPS.js"),ne=require("./Icon.vue_vue_type_style_index_0_lang-D9YESScE.js");function C(){return typeof BigInt=="function"}function x(i){let e=i.trim(),r=e.startsWith("-");r&&(e=e.slice(1)),e=e.replace(/(?<nonZeroDecimal>\.\d*[^0])0*$/,"$<nonZeroDecimal>").replace(/\.0*$/,"").replace(/^0+/,""),e.startsWith(".")&&(e=`0${e}`);const a=e||"0",u=a.split("."),l=u[0]||"0",g=u[1]||"0";l==="0"&&g==="0"&&(r=!1);const m=r?"-":"";return{negative:r,negativeStr:m,trimStr:a,integerStr:l,decimalStr:g,fullStr:`${m}${a}`}}function q(i){if(i==null)return!1;const e=String(i);return!Number.isNaN(Number(e))&&e.includes("e")}function $(i){const e=String(i);if(q(i)){let r=Number(e.slice(e.indexOf("e-")+2));const a=e.match(/\.(?<decimals>\d+)/);return a!=null&&a[1]&&(r+=a[1].length),r}return e.includes(".")&&T(e)?e.length-e.indexOf(".")-1:0}function F(i){if(i==null)return"";let e=String(i);if(q(i)){if(i>Number.MAX_SAFE_INTEGER)return String(C()?BigInt(i).toString():Number.MAX_SAFE_INTEGER);if(i<Number.MIN_SAFE_INTEGER)return String(C()?BigInt(i).toString():Number.MIN_SAFE_INTEGER);e=i.toFixed($(e))}return x(e).fullStr}function T(i){return typeof i=="number"?!Number.isNaN(i):i?/^\s*-?\d+(?<decimals>\.\d+)?\s*$/.test(i)||/^\s*-?\d+\.\s*$/.test(i)||/^\s*-?\.\d+\s*$/.test(i):!1}function re(i){return!i&&i!==0&&!Number.isNaN(i)||!String(i).trim()}class b{constructor(e){f(this,"origin","");f(this,"number");f(this,"empty");if(re(e)){this.empty=!0;return}this.origin=String(e),this.number=Number(e)}negate(){return new b(this.empty?void 0:-this.toNumber())}add(e){if(this.isInvalidate())return new b(e);const r=Number(e);if(Number.isNaN(r))return this;const a=this.number+r;if(a>Number.MAX_SAFE_INTEGER)return new b(Number.MAX_SAFE_INTEGER);if(a<Number.MIN_SAFE_INTEGER)return new b(Number.MIN_SAFE_INTEGER);const u=Math.max($(this.number),$(r));return new b(a.toFixed(u))}isEmpty(){return!!this.empty}isNaN(){return Number.isNaN(this.number)}isInvalidate(){return this.isEmpty()||this.isNaN()}equals(e){return this.toNumber()===(e==null?void 0:e.toNumber())}lessEquals(e){const r=this.add(e.negate().toString()).toNumber();return r!==void 0&&r<=0}toNumber(){return this.number}toString(){return this.isInvalidate()?"":F(this.number)}}class B{constructor(e){f(this,"origin","");f(this,"negative");f(this,"integer");f(this,"decimal");f(this,"decimalLen");f(this,"empty");f(this,"nan");if(re(e)){this.empty=!0;return}if(this.origin=String(e),e==="-"||Number.isNaN(e)){this.nan=!0;return}let r=e;if(q(r)&&(r=Number(r)),r=typeof r=="string"?r:F(r),T(r)){const a=x(r);this.negative=a.negative;const u=a.trimStr.split(".");this.integer=BigInt(u[0]);const l=u[1]||"0";this.decimal=BigInt(l),this.decimalLen=l.length}else this.nan=!0}getMark(){return this.negative?"-":""}getIntegerStr(){var e;return((e=this.integer)==null?void 0:e.toString())??""}getDecimalStr(){var e;return((e=this.decimal)==null?void 0:e.toString().padStart(this.decimalLen??0,"0"))??""}alignDecimal(e){const r=`${this.getMark()}${this.getIntegerStr()}${this.getDecimalStr().padEnd(e,"0")}`;return BigInt(r)}negate(){const e=new B(this.toString());return e.negative=!e.negative,e}add(e){if(this.isInvalidate())return new B(e);const r=new B(e);if(r.isInvalidate())return this;const a=Math.max(this.getDecimalStr().length,r.getDecimalStr().length),u=this.alignDecimal(a),l=r.alignDecimal(a),g=(u+l).toString(),{negativeStr:m,trimStr:d}=x(g),h=`${m}${d.padStart(a+1,"0")}`;return new B(`${h.slice(0,-a)}.${h.slice(-a)}`)}isEmpty(){return!!this.empty}isNaN(){return!!this.nan}isInvalidate(){return this.isEmpty()||this.isNaN()}equals(e){return this.toString()===(e==null?void 0:e.toString())}lessEquals(e){const r=this.add(e.negate().toString()).toNumber();return r!==void 0&&r<=0}toNumber(){return this.isNaN()?NaN:Number(this.toString())}toString(){return this.isInvalidate()?"":x(`${this.getMark()}${this.getIntegerStr()}.${this.getDecimalStr()}`).fullStr}}function S(i){return C()?new B(i):new b(i)}const ie=i=>{const e=S(i);return e.isInvalidate()?void 0:e};function k(i,e,r,a=!1){if(i==="")return"";const{negativeStr:u,integerStr:l,decimalStr:g}=x(i),m=`${e}${g}`,d=`${u}${l}`;if(r&&r>=0){const h=Number(g[r]);if(h>=5&&!a){const D=S(i).add(`${u}0.${"0".repeat(r)}${10-h}`);return k(D.toString(),e,r,a)}return r===0?d:`${d}${e}${g.padEnd(r,"0").slice(0,r)}`}return m===".0"?d:`${d}${m}`}const he=["aria-valuemin","aria-valuemax","value"],Ne=["data-disabled"],be=["data-disabled"],ye=n.defineComponent({...N.getComponentOptions("Input",!1),__name:"InputNumber",props:{id:{},type:{},placeholder:{},disabled:{type:Boolean,default:void 0},required:{type:Boolean},modelValue:{},min:{},max:{},step:{default:1},controls:{type:Boolean,default:!0},readonly:{type:Boolean},immediateFocus:{type:Boolean},leading:{},trailing:{},clearIcon:{default:"tabler:circle-x"},trailingCls:{type:[Array,Object,String,Number,null,Boolean]},clearIconCls:{type:[Array,Object,String,Number,null,Boolean]},dividerCls:{type:[Array,Object,String,Number,null,Boolean]},leadingCls:{type:[Array,Object,String,Number,null,Boolean]},class:{type:[Array,Object,String,Number,null,Boolean]},allowClear:{type:Boolean},bordered:{type:Boolean,default:!0},simple:{type:Boolean},size:{},status:{},steps:{type:Boolean},contentFit:{type:Boolean}},emits:["update:modelValue","change","input","keydownEnter","step","blur","focus","clear","resize"],setup(i,{expose:e,emit:r}){const a=i,u=n.useSlots(),l=r,g=n.useAttrs(),m=N.getBemElement(A.inputPrefix,"number_steps"),{getDisabled:d,getStatus:h,getSize:D}=te.useFormInput({defaults:{size:"md"},exports:["getDisabled","getSize","getStatus"]}),y=n.ref();a.immediateFocus&&n.onMounted(()=>{var t,s;return(s=(t=y.value)==null?void 0:t.focus)==null?void 0:s.call(t)});const c=n.shallowRef(S(a.modelValue)),p=n.shallowRef(""),w=n.computed(()=>ie(a.max)),_=n.computed(()=>ie(a.min)),P=n.computed(()=>d.value?!0:!_.value||!c.value||c.value.isInvalidate()?!1:c.value.lessEquals(_.value)),G=n.computed(()=>d.value?!0:!w.value||!c.value||c.value.isInvalidate()?!1:w.value.lessEquals(c.value)),se=()=>{O(void 0),p.value="",l("clear")},O=t=>{M=!0,l("update:modelValue",t),l("change",t),n.nextTick(()=>M=!1)},j=t=>Math.max($(t),$(a.step)),L=t=>{let s=typeof t=="number"?F(t):t;const o=j(s);return T(s)&&(!o||o>=0)&&(s=k(s,".",o)),s},U=t=>{p.value=L((t.isInvalidate(),t.toString()))},ae=()=>{const t=a.modelValue;return c.value.isInvalidate()&&["string","number"].includes(typeof t)?Number.isNaN(t)?"":(t==null?void 0:t.toString())??"":L(c.value.toString())};p.value=ae();const W=t=>{if(w.value&&!t.lessEquals(w.value))return w.value;if(_.value&&!_.value.lessEquals(t))return _.value},X=t=>{c.value=t,U(t)},oe=t=>!W(t);let M=!1;const K=t=>{t.equals(c.value)||(X(t),O(t.isEmpty()?void 0:t.toNumber()))},R=t=>{let s=t,o=oe(s)||s.isEmpty();if(s.isEmpty()||(s=W(s)||s,o=!0),!a.readonly&&!a.disabled&&o){const v=s.toString(),E=j(v);return(!E||E>=0)&&(s=S(k(v,".",E))),s}return c.value};let z;const V=()=>{clearTimeout(z),z=void 0},Z=t=>{var E;if(t&&G.value||!t&&P.value){V();return}let s=S(a.step);t||(s=s.negate());const o=(c.value||S(0)).add(s.toString()),v=R(o);K(v),l("step",{offset:a.step??1,type:t?"up":"down"}),(E=y.value)==null||E.focus()},H=(t,s)=>{t.preventDefault();function o(){z=setTimeout(o,200),Z(s)}o()};n.onBeforeUnmount(V);const J=t=>String(t).replace(/[^\w.-]+/g,""),Q=()=>{const t=S(J(p.value));let s=t;t.isNaN()?s=c.value:(s=R(t),K(s)),U(s)},le=t=>{const s=t.target.value;p.value=s;const o=J(s),v=S(o);v.isNaN()||R(v),l("input",t)},ue=t=>{const{key:s}=t;s==="Enter"&&(Q(),l("keydownEnter",t)),["ArrowDown","ArrowUp"].includes(s)&&(Z(s==="ArrowUp"),t.preventDefault())};n.watch(()=>a.modelValue,()=>{if(!M){const t=S(a.modelValue);X(t)}});const{focused:ce,rootBindings:de,inputBindings:me}=te.useInputDataStates({getDisabled:()=>d.value,emit:l,blurCallBack:Q});n.watch(()=>a.disabled,t=>{t&&(ce.value=!1)});const fe=n.computed(()=>I.omitBy({...de.value,...a,disabled:d.value,status:h.value,size:D.value,hasValue:!N.isEmptyLikeLodash(p.value)},I.isUndefined)),ge=n.computed(()=>I.omitBy({...I.pick(a,["id","type","disabled","required","placeholder","readonly"]),disabled:d.value,...I.omit(g,["value"]),...me.value},I.isUndefined)),Y=n.computed(()=>{switch(D.value){case"sm":return 12;case"lg":return 16;default:return 14}}),ee=n.ref(),pe=t=>{y.value&&(y.value.style.width=`${t}px`,l("resize",t))};return n.onMounted(()=>{n.watch(p,()=>{var t,s;(s=(t=ee.value)==null?void 0:t.adjustWidth)==null||s.call(t)},{immediate:!0,flush:"post"})}),e(A.useInputExposes(y)),(t,s)=>(n.openBlock(),n.createBlock(A._sfc_main,n.mergeProps(fe.value,{onClear:se,steps:a.controls,ref_key:"rootRef",ref:ee,onResize:pe}),n.createSlots({value:n.withCtx(()=>[n.createTextVNode(n.toDisplayString(p.value||i.placeholder),1)]),default:n.withCtx(()=>[n.createElementVNode("input",n.mergeProps({ref_key:"inputRef",ref:y},ge.value,{class:n.unref(N.normCls)(n.unref(N.getBemElement)(n.unref(A.inputPrefix),"input")),autocomplete:"off",role:"spinbutton","aria-valuemin":i.min,"aria-valuemax":i.max,value:p.value,onInput:le,onKeydown:ue}),null,16,he)]),_:2},[n.renderList(Object.keys(u),o=>({name:o,fn:n.withCtx(v=>[n.renderSlot(t.$slots,o,n.normalizeProps(n.guardReactiveProps(v)))])})),a.controls?{name:"extra",fn:n.withCtx(()=>[n.createElementVNode("div",{class:n.normalizeClass(n.unref(m)),onMouseup:V,onMouseleave:V},[n.createElementVNode("span",{role:"button",class:n.normalizeClass(n.unref(N.getBemElement)(n.unref(m),"up")),"data-disabled":G.value,onMousedown:s[0]||(s[0]=o=>H(o,!0))},[n.createVNode(ne._sfc_main,{icon:"tabler:chevron-up",size:Y.value},null,8,["size"])],42,Ne),n.createElementVNode("span",{role:"button",class:n.normalizeClass(n.unref(N.getBemElement)(n.unref(m),"down")),"data-disabled":P.value,onMousedown:s[1]||(s[1]=o=>H(o,!1))},[n.createVNode(ne._sfc_main,{icon:"tabler:chevron-down",size:Y.value},null,8,["size"])],42,be)],34)]),key:"0"}:void 0]),1040,["steps"]))}});exports._sfc_main=ye;