@pantograph/vue 0.30.1 → 0.30.3

package/dist/Pagination/index.js

@@ -1,9 +1,9 @@
-import { defineComponent as ee, computed as p, ref as te, createElementBlock as m, openBlock as s, normalizeClass as l, unref as e, createElementVNode as f, createBlock as z, createCommentVNode as x, withCtx as L, createTextVNode as D, toDisplayString as C, Fragment as w, isRef as ae, renderList as ne, mergeProps as ie, createVNode as oe, renderSlot as se, normalizeProps as le, guardReactiveProps as re, nextTick as ue } from "vue";
+import { defineComponent as ee, computed as p, ref as te, createElementBlock as c, openBlock as s, normalizeClass as l, unref as e, createElementVNode as f, createBlock as z, createCommentVNode as x, withCtx as F, createTextVNode as L, toDisplayString as C, Fragment as w, isRef as ae, renderList as ne, mergeProps as ie, createVNode as oe, renderSlot as se, normalizeProps as le, guardReactiveProps as re, nextTick as ue } from "vue";
 import { cva as de } from "class-variance-authority";
 import { _ as pe } from "../Divider.vue_vue_type_style_index_0_lang-GfWcHNix.js";
-import { _ as me } from "../Segmented.vue_vue_type_style_index_0_lang-BXQbBiaE.js";
-import { _ as ce } from "../InputNumber.vue_vue_type_script_setup_true_lang-Dx8V2Sz8.js";
-import { _ as F } from "../BaseButton.vue_vue_type_style_index_0_lang-qkW0olhp.js";
+import { _ as ce } from "../Segmented.vue_vue_type_style_index_0_lang-BXQbBiaE.js";
+import { _ as me } from "../InputNumber.vue_vue_type_script_setup_true_lang-C4GMpH6O.js";
+import { _ as D } from "../BaseButton.vue_vue_type_style_index_0_lang-qkW0olhp.js";
 import { _ as ge } from "../Icon.vue_vue_type_style_index_0_lang-CD9EvvB5.js";
 import { useFormInput as ve, useVModel as j, installComponent as fe } from "@pantograph/utils-vue";
 import { getComponentOptions as Ce, getBemBlock as he, getBemElement as r, generateVariantClassList as U, normCls as u, getComponentName as be } from "@pantograph/utils";
@@ -73,20 +73,20 @@ const ye = ["between", "start", "center", "end"], Pe = ["onClick", "disabled"],
         }
         a || (g.value = a);
       }
-    }), S = p(() => Math.min(Math.max(o.value ?? 1, 0), c.value)), H = p(() => i.total ?? 0), N = p(() => g.value ?? 0), c = p(() => Math.max(1, Math.ceil(H.value / N.value))), K = p(() => {
+    }), S = p(() => Math.min(Math.max(o.value ?? 1, 0), m.value)), H = p(() => i.total ?? 0), N = p(() => g.value ?? 0), m = p(() => Math.max(1, Math.ceil(H.value / N.value))), K = p(() => {
       const a = i.total ?? 0, t = S.value, n = a && t ? (t - 1) * N.value + 1 : 0;
       return {
         start: n,
         end: Math.min(n + N.value - 1, a),
         total: i.total,
         page: t,
-        pageCount: c.value
+        pageCount: m.value
       };
     }), B = "ellipsis", I = (a, t) => {
       const n = t - a + 1;
       return Array.from({ length: n }, (y, v) => v + a);
     }, k = (a) => a.map((t) => typeof t == "number" ? { type: "page", value: t } : { type: "ellipsis" }), Q = p(() => {
-      const t = c.value, n = 2, y = Math.max(S.value - n, 1), v = Math.min(S.value + n, t), M = Math.min(2 * n + 5, c.value) - 2, T = (
+      const t = m.value, n = 2, y = Math.max(S.value - n, 1), v = Math.min(S.value + n, t), M = Math.min(2 * n + 5, m.value) - 2, T = (
         // default condition
         y > 3 && // if the current page is towards the end of the list
         Math.abs(t - M - 1 + 1) > 2 && // if the current page is towards the middle of the list
@@ -128,13 +128,13 @@ const ye = ["between", "start", "center", "end"], Pe = ["onClick", "disabled"],
         }
       };
     };
-    return (a, t) => (s(), m("div", {
+    return (a, t) => (s(), c("div", {
       class: l(e(u)(e(q)(i), i.class))
     }, [
       f("div", {
         class: l(e(u)(e(h), i.paginationCls))
       }, [
-        a.hidePerv ? x("", !0) : (s(), z(F, {
+        a.hidePerv ? x("", !0) : (s(), z(D, {
           key: 0,
           size: "sm",
           type: "ghost",
@@ -145,16 +145,16 @@ const ye = ["between", "start", "center", "end"], Pe = ["onClick", "disabled"],
           disabled: e(b) ?? !!(e(o) && e(o) <= 1),
           onClick: W
         }, {
-          default: L(() => [
-            D(C(a.pervText), 1)
+          default: F(() => [
+            L(C(a.pervText), 1)
           ]),
           _: 1
         }, 8, ["variant", "disabled"])),
-        a.simple ? (s(), m(w, { key: 1 }, [
+        a.simple ? (s(), c(w, { key: 1 }, [
           f("div", {
             class: l(e(u)(e(r)(e(h), "text"), i.paginationTextCls))
           }, C(a.pageText), 3),
-          a.showInput ? (s(), z(ce, {
+          a.showInput ? (s(), z(me, {
             key: 0,
             modelValue: e(o),
             "onUpdate:modelValue": t[0] || (t[0] = (n) => ae(o) ? o.value = n : null),
@@ -162,9 +162,10 @@ const ye = ["between", "start", "center", "end"], Pe = ["onClick", "disabled"],
             size: "sm",
             min: 1,
             controls: !1,
-            max: c.value,
+            contentFit: "",
+            max: m.value,
             class: l(e(u)(e(r)(e(h), "current"), i.paginationCurrentCls))
-          }, null, 8, ["modelValue", "disabled", "max", "class"])) : (s(), m("div", {
+          }, null, 8, ["modelValue", "disabled", "max", "class"])) : (s(), c("div", {
             key: 1,
             class: l(e(u)(e(r)(e(h), "current"), i.paginationCurrentCls))
           }, C(e(o)), 3)),
@@ -172,16 +173,16 @@ const ye = ["between", "start", "center", "end"], Pe = ["onClick", "disabled"],
             class: l(e(u)(e(r)(e(h), "count"), i.paginationCountCls))
           }, [
             t[2] || (t[2] = f("div", null, "/", -1)),
-            f("div", null, C(c.value), 1)
+            f("div", null, C(m.value), 1)
           ], 2)
-        ], 64)) : (s(!0), m(w, { key: 2 }, ne(Q.value, (n, y) => (s(), m(w, {
+        ], 64)) : (s(!0), c(w, { key: 2 }, ne(Q.value, (n, y) => (s(), c(w, {
           key: n.value ?? n.type
         }, [
-          n.type === "page" ? (s(), m("button", ie({
+          n.type === "page" ? (s(), c("button", ie({
             key: 0,
             onClick: (v) => Y(n),
             class: e(u)(e(r)(e(d), "item"), a.itemCls)
-          }, { ref_for: !0 }, Z(n), { disabled: e(b) }), C(n.value), 17, Pe)) : (s(), m("div", {
+          }, { ref_for: !0 }, Z(n), { disabled: e(b) }), C(n.value), 17, Pe)) : (s(), c("div", {
             key: 1,
             class: l(e(u)(e(r)(e(d), "item"), a.itemCls))
           }, [
@@ -191,7 +192,7 @@ const ye = ["between", "start", "center", "end"], Pe = ["onClick", "disabled"],
             })
           ], 2))
         ], 64))), 128)),
-        a.hideNext ? x("", !0) : (s(), z(F, {
+        a.hideNext ? x("", !0) : (s(), z(D, {
           key: 3,
           size: "sm",
           type: "ghost",
@@ -199,11 +200,11 @@ const ye = ["between", "start", "center", "end"], Pe = ["onClick", "disabled"],
           postIcon: "tabler:chevron-right",
           icon: "tabler:chevron-right",
           postIconFlipOnDir: "rtl",
-          disabled: e(b) ?? !!(e(o) && e(o) >= c.value),
+          disabled: e(b) ?? !!(e(o) && e(o) >= m.value),
           onClick: X
         }, {
-          default: L(() => [
-            D(C(a.nextText), 1)
+          default: F(() => [
+            L(C(a.nextText), 1)
           ]),
           _: 1
         }, 8, ["variant", "disabled"]))
@@ -211,7 +212,7 @@ const ye = ["between", "start", "center", "end"], Pe = ["onClick", "disabled"],
       f("div", {
         class: l(e(u)(e(r)(e(d), "pageSize"), i.sizeCls))
       }, [
-        a.hideSize ? x("", !0) : (s(), z(me, {
+        a.hideSize ? x("", !0) : (s(), z(ce, {
           key: 0,
           options: V.value,
           size: "sm",
@@ -224,7 +225,7 @@ const ye = ["between", "start", "center", "end"], Pe = ["onClick", "disabled"],
           type: "vertical",
           class: l(e(r)(e(d), "divider"))
         }, null, 8, ["class"])) : x("", !0),
-        a.hideTotal ? x("", !0) : (s(), m("div", {
+        a.hideTotal ? x("", !0) : (s(), c("div", {
           key: 2,
           class: l(e(u)(e(r)(e(d), "total"), i.totalCls))
         }, [

package/dist/Pagination/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),J=require("class-variance-authority"),U=require("../Divider.vue_vue_type_style_index_0_lang-D3wrVsBd.js"),$=require("../Segmented.vue_vue_type_style_index_0_lang-CLYRU64q.js"),G=require("../InputNumber.vue_vue_type_script_setup_true_lang-URIsXuko.js"),N=require("../BaseButton.vue_vue_type_style_index_0_lang-D1jasaOz.js"),H=require("../Icon.vue_vue_type_style_index_0_lang-DOQsa_aO.js"),k=require("@pantograph/utils-vue"),l=require("@pantograph/utils"),z=require("../isNumber-DMOjxgl8.js"),I=["between","start","center","end"],K=["onClick","disabled"],S=e.defineComponent({...l.getComponentOptions("Pagination"),__name:"Pagination",props:{page:{},total:{default:0},showInput:{type:Boolean},disabled:{type:Boolean,default:void 0},iconButton:{type:Boolean},simple:{type:Boolean},hidePerv:{type:Boolean},hideNext:{type:Boolean},hideSize:{type:Boolean},hideTotal:{type:Boolean},resetPageOnChangeSize:{type:Boolean},sizes:{},pageSize:{},pervText:{default:"Previous"},nextText:{default:"Next"},pageText:{default:"Page"},justify:{default:"between"},class:{},sizeCls:{},paginationCls:{},totalCls:{},itemCls:{},paginationTextCls:{},paginationCurrentCls:{},paginationCountCls:{}},emits:["update:pageSize","update:page"],setup(M,{emit:T}){const o=M,x=T,i=l.getBemBlock("pagination"),m=l.getBemElement(i,"pagination"),q=J.cva(i,{variants:{justify:l.generateVariantClassList(I,i),simple:l.generateVariantClassList("simple",i)}}),_=e.computed(()=>(o.sizes??[10,25,50,100]).filter(n=>z.isNumber(n)&&n>0).map(String)),{getDisabled:d}=k.useFormInput(),s=k.useVModel(o,"page",x,{passive:o.page===void 0,defaultValue:1}),D=_.value[0]?Number(_.value[0]):void 0,u=k.useVModel(o,"pageSize",x,{passive:o.pageSize===void 0,defaultValue:o.pageSize??D,onChange(){o.resetPageOnChangeSize&&(s.value=1)}}),V=e.computed({get(){return z.isNumber(u.value)?String(u.value):u.value},set(n){const t=Number(n);if(t||t===0){u.value=t;return}n||(u.value=n)}}),f=e.computed(()=>Math.min(Math.max(s.value??1,0),r.value)),w=e.computed(()=>o.total??0),h=e.computed(()=>u.value??0),r=e.computed(()=>Math.max(1,Math.ceil(w.value/h.value))),O=e.computed(()=>{const n=o.total??0,t=f.value,a=n&&t?(t-1)*h.value+1:0;return{start:a,end:Math.min(a+h.value-1,n),total:o.total,page:t,pageCount:r.value}}),v="ellipsis",C=(n,t)=>{const a=t-n+1;return Array.from({length:a},(p,c)=>c+n)},B=n=>n.map(t=>typeof t=="number"?{type:"page",value:t}:{type:"ellipsis"}),F=e.computed(()=>{const t=r.value,a=2,p=Math.max(f.value-a,1),c=Math.min(f.value+a,t),y=Math.min(2*a+5,r.value)-2,b=p>3&&Math.abs(t-y-1+1)>2&&Math.abs(p-1)>2,P=c<t-2&&Math.abs(t-y)>2&&Math.abs(t-c)>2;if(!b&&P){const g=C(1,y);return B([...g,v,t])}if(b&&!P){const g=C(t-y+1,t);return B([1,v,...g])}if(b&&P){const g=C(p,c);return B([1,v,...g,v,t])}return B(C(1,t))}),L=()=>{s.value=(s.value??2)-1},R=()=>{s.value=(s.value??0)+1},j=n=>{z.isNumber(n.value)&&(s.value=n.value,e.nextTick(()=>{var t,a;return(a=(t=E.value)==null?void 0:t.focus)==null?void 0:a.call(t)}))},E=e.ref(),A=n=>{const t=n.value===f.value;return{"data-selected":t,ref:a=>{a&&t&&(E.value=a)}}};return(n,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(l.normCls)(e.unref(q)(o),o.class))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(l.normCls)(e.unref(m),o.paginationCls))},[n.hidePerv?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(N._sfc_main,{key:0,size:"sm",type:"ghost",variant:o.iconButton?"icon":"simple",preIcon:"tabler:chevron-left",icon:"tabler:chevron-left",preIconFlipOnDir:"rtl",disabled:e.unref(d)??!!(e.unref(s)&&e.unref(s)<=1),onClick:L},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(n.pervText),1)]),_:1},8,["variant","disabled"])),n.simple?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(l.normCls)(e.unref(l.getBemElement)(e.unref(m),"text"),o.paginationTextCls))},e.toDisplayString(n.pageText),3),n.showInput?(e.openBlock(),e.createBlock(G._sfc_main,{key:0,modelValue:e.unref(s),"onUpdate:modelValue":t[0]||(t[0]=a=>e.isRef(s)?s.value=a:null),disabled:e.unref(d),size:"sm",min:1,controls:!1,max:r.value,class:e.normalizeClass(e.unref(l.normCls)(e.unref(l.getBemElement)(e.unref(m),"current"),o.paginationCurrentCls))},null,8,["modelValue","disabled","max","class"])):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(l.normCls)(e.unref(l.getBemElement)(e.unref(m),"current"),o.paginationCurrentCls))},e.toDisplayString(e.unref(s)),3)),e.createElementVNode("div",{class:e.normalizeClass(e.unref(l.normCls)(e.unref(l.getBemElement)(e.unref(m),"count"),o.paginationCountCls))},[t[2]||(t[2]=e.createElementVNode("div",null,"/",-1)),e.createElementVNode("div",null,e.toDisplayString(r.value),1)],2)],64)):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:2},e.renderList(F.value,(a,p)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:a.value??a.type},[a.type==="page"?(e.openBlock(),e.createElementBlock("button",e.mergeProps({key:0,onClick:c=>j(a),class:e.unref(l.normCls)(e.unref(l.getBemElement)(e.unref(i),"item"),n.itemCls)},{ref_for:!0},A(a),{disabled:e.unref(d)}),e.toDisplayString(a.value),17,K)):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(l.normCls)(e.unref(l.getBemElement)(e.unref(i),"item"),n.itemCls))},[e.createVNode(H._sfc_main,{size:"12px",icon:"tabler:dots"})],2))],64))),128)),n.hideNext?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(N._sfc_main,{key:3,size:"sm",type:"ghost",variant:o.iconButton?"icon":"simple",postIcon:"tabler:chevron-right",icon:"tabler:chevron-right",postIconFlipOnDir:"rtl",disabled:e.unref(d)??!!(e.unref(s)&&e.unref(s)>=r.value),onClick:R},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(n.nextText),1)]),_:1},8,["variant","disabled"]))],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(l.normCls)(e.unref(l.getBemElement)(e.unref(i),"pageSize"),o.sizeCls))},[n.hideSize?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock($._sfc_main,{key:0,options:_.value,size:"sm",modelValue:V.value,"onUpdate:modelValue":t[1]||(t[1]=a=>V.value=a),disabled:e.unref(d)},null,8,["options","modelValue","disabled"])),!n.hideTotal&&!n.hideSize?(e.openBlock(),e.createBlock(U._sfc_main,{key:1,type:"vertical",class:e.normalizeClass(e.unref(l.getBemElement)(e.unref(i),"divider"))},null,8,["class"])):e.createCommentVNode("",!0),n.hideTotal?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(e.unref(l.normCls)(e.unref(l.getBemElement)(e.unref(i),"total"),o.totalCls))},[e.renderSlot(n.$slots,"total",e.normalizeProps(e.guardReactiveProps(O.value)))],2))],2)],2))}}),Q=k.installComponent(S,l.getComponentName("Pagination"));exports.Pagination=S;exports.PaginationJustifies=I;exports.PaginationPlugin=Q;exports.default=S;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),J=require("class-variance-authority"),U=require("../Divider.vue_vue_type_style_index_0_lang-D3wrVsBd.js"),$=require("../Segmented.vue_vue_type_style_index_0_lang-CLYRU64q.js"),G=require("../InputNumber.vue_vue_type_script_setup_true_lang-DW-JqPiv.js"),N=require("../BaseButton.vue_vue_type_style_index_0_lang-D1jasaOz.js"),H=require("../Icon.vue_vue_type_style_index_0_lang-DOQsa_aO.js"),k=require("@pantograph/utils-vue"),l=require("@pantograph/utils"),z=require("../isNumber-DMOjxgl8.js"),I=["between","start","center","end"],K=["onClick","disabled"],S=e.defineComponent({...l.getComponentOptions("Pagination"),__name:"Pagination",props:{page:{},total:{default:0},showInput:{type:Boolean},disabled:{type:Boolean,default:void 0},iconButton:{type:Boolean},simple:{type:Boolean},hidePerv:{type:Boolean},hideNext:{type:Boolean},hideSize:{type:Boolean},hideTotal:{type:Boolean},resetPageOnChangeSize:{type:Boolean},sizes:{},pageSize:{},pervText:{default:"Previous"},nextText:{default:"Next"},pageText:{default:"Page"},justify:{default:"between"},class:{},sizeCls:{},paginationCls:{},totalCls:{},itemCls:{},paginationTextCls:{},paginationCurrentCls:{},paginationCountCls:{}},emits:["update:pageSize","update:page"],setup(M,{emit:T}){const o=M,x=T,s=l.getBemBlock("pagination"),m=l.getBemElement(s,"pagination"),q=J.cva(s,{variants:{justify:l.generateVariantClassList(I,s),simple:l.generateVariantClassList("simple",s)}}),_=e.computed(()=>(o.sizes??[10,25,50,100]).filter(n=>z.isNumber(n)&&n>0).map(String)),{getDisabled:d}=k.useFormInput(),i=k.useVModel(o,"page",x,{passive:o.page===void 0,defaultValue:1}),D=_.value[0]?Number(_.value[0]):void 0,u=k.useVModel(o,"pageSize",x,{passive:o.pageSize===void 0,defaultValue:o.pageSize??D,onChange(){o.resetPageOnChangeSize&&(i.value=1)}}),V=e.computed({get(){return z.isNumber(u.value)?String(u.value):u.value},set(n){const t=Number(n);if(t||t===0){u.value=t;return}n||(u.value=n)}}),f=e.computed(()=>Math.min(Math.max(i.value??1,0),r.value)),w=e.computed(()=>o.total??0),h=e.computed(()=>u.value??0),r=e.computed(()=>Math.max(1,Math.ceil(w.value/h.value))),F=e.computed(()=>{const n=o.total??0,t=f.value,a=n&&t?(t-1)*h.value+1:0;return{start:a,end:Math.min(a+h.value-1,n),total:o.total,page:t,pageCount:r.value}}),v="ellipsis",C=(n,t)=>{const a=t-n+1;return Array.from({length:a},(p,c)=>c+n)},B=n=>n.map(t=>typeof t=="number"?{type:"page",value:t}:{type:"ellipsis"}),O=e.computed(()=>{const t=r.value,a=2,p=Math.max(f.value-a,1),c=Math.min(f.value+a,t),y=Math.min(2*a+5,r.value)-2,b=p>3&&Math.abs(t-y-1+1)>2&&Math.abs(p-1)>2,P=c<t-2&&Math.abs(t-y)>2&&Math.abs(t-c)>2;if(!b&&P){const g=C(1,y);return B([...g,v,t])}if(b&&!P){const g=C(t-y+1,t);return B([1,v,...g])}if(b&&P){const g=C(p,c);return B([1,v,...g,v,t])}return B(C(1,t))}),L=()=>{i.value=(i.value??2)-1},R=()=>{i.value=(i.value??0)+1},j=n=>{z.isNumber(n.value)&&(i.value=n.value,e.nextTick(()=>{var t,a;return(a=(t=E.value)==null?void 0:t.focus)==null?void 0:a.call(t)}))},E=e.ref(),A=n=>{const t=n.value===f.value;return{"data-selected":t,ref:a=>{a&&t&&(E.value=a)}}};return(n,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(l.normCls)(e.unref(q)(o),o.class))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(l.normCls)(e.unref(m),o.paginationCls))},[n.hidePerv?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(N._sfc_main,{key:0,size:"sm",type:"ghost",variant:o.iconButton?"icon":"simple",preIcon:"tabler:chevron-left",icon:"tabler:chevron-left",preIconFlipOnDir:"rtl",disabled:e.unref(d)??!!(e.unref(i)&&e.unref(i)<=1),onClick:L},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(n.pervText),1)]),_:1},8,["variant","disabled"])),n.simple?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(l.normCls)(e.unref(l.getBemElement)(e.unref(m),"text"),o.paginationTextCls))},e.toDisplayString(n.pageText),3),n.showInput?(e.openBlock(),e.createBlock(G._sfc_main,{key:0,modelValue:e.unref(i),"onUpdate:modelValue":t[0]||(t[0]=a=>e.isRef(i)?i.value=a:null),disabled:e.unref(d),size:"sm",min:1,controls:!1,contentFit:"",max:r.value,class:e.normalizeClass(e.unref(l.normCls)(e.unref(l.getBemElement)(e.unref(m),"current"),o.paginationCurrentCls))},null,8,["modelValue","disabled","max","class"])):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(l.normCls)(e.unref(l.getBemElement)(e.unref(m),"current"),o.paginationCurrentCls))},e.toDisplayString(e.unref(i)),3)),e.createElementVNode("div",{class:e.normalizeClass(e.unref(l.normCls)(e.unref(l.getBemElement)(e.unref(m),"count"),o.paginationCountCls))},[t[2]||(t[2]=e.createElementVNode("div",null,"/",-1)),e.createElementVNode("div",null,e.toDisplayString(r.value),1)],2)],64)):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:2},e.renderList(O.value,(a,p)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:a.value??a.type},[a.type==="page"?(e.openBlock(),e.createElementBlock("button",e.mergeProps({key:0,onClick:c=>j(a),class:e.unref(l.normCls)(e.unref(l.getBemElement)(e.unref(s),"item"),n.itemCls)},{ref_for:!0},A(a),{disabled:e.unref(d)}),e.toDisplayString(a.value),17,K)):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(l.normCls)(e.unref(l.getBemElement)(e.unref(s),"item"),n.itemCls))},[e.createVNode(H._sfc_main,{size:"12px",icon:"tabler:dots"})],2))],64))),128)),n.hideNext?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(N._sfc_main,{key:3,size:"sm",type:"ghost",variant:o.iconButton?"icon":"simple",postIcon:"tabler:chevron-right",icon:"tabler:chevron-right",postIconFlipOnDir:"rtl",disabled:e.unref(d)??!!(e.unref(i)&&e.unref(i)>=r.value),onClick:R},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(n.nextText),1)]),_:1},8,["variant","disabled"]))],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(l.normCls)(e.unref(l.getBemElement)(e.unref(s),"pageSize"),o.sizeCls))},[n.hideSize?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock($._sfc_main,{key:0,options:_.value,size:"sm",modelValue:V.value,"onUpdate:modelValue":t[1]||(t[1]=a=>V.value=a),disabled:e.unref(d)},null,8,["options","modelValue","disabled"])),!n.hideTotal&&!n.hideSize?(e.openBlock(),e.createBlock(U._sfc_main,{key:1,type:"vertical",class:e.normalizeClass(e.unref(l.getBemElement)(e.unref(s),"divider"))},null,8,["class"])):e.createCommentVNode("",!0),n.hideTotal?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(e.unref(l.normCls)(e.unref(l.getBemElement)(e.unref(s),"total"),o.totalCls))},[e.renderSlot(n.$slots,"total",e.normalizeProps(e.guardReactiveProps(F.value)))],2))],2)],2))}}),Q=k.installComponent(S,l.getComponentName("Pagination"));exports.Pagination=S;exports.PaginationJustifies=I;exports.PaginationPlugin=Q;exports.default=S;

package/dist/Steps/Step.d.ts

@@ -0,0 +1,45 @@
+import { IconProps } from '../Icon';
+import { StepStatus } from './Steps.model';
+import { ClassValue } from 'class-variance-authority/types';
+export interface StepItemProps extends IconProps {
+    index?: number;
+    status?: StepStatus;
+    number?: number | string;
+    title?: string;
+    description?: string;
+    containerCls?: ClassValue;
+    contentCls?: ClassValue;
+    titleCls?: ClassValue;
+    descriptionCls?: ClassValue;
+    iconCls?: ClassValue;
+    numberCls?: ClassValue;
+    leadingCls?: ClassValue;
+    disabled?: boolean;
+}
+export interface StepItemSlots {
+    title?: (params?: object) => any;
+    description?: (params?: object) => any;
+    leading?: (params?: object) => any;
+    icon?: (params?: object) => any;
+}
+export interface StepItemEmits {
+    (e: 'click'): void;
+}
+export interface StepItemContext {
+    props: StepItemProps;
+    slots: StepItemSlots;
+}
+export declare const injectStepContext: <T extends StepItemContext | null | undefined = StepItemContext>(fallback?: T | undefined) => T extends null ? StepItemContext | null : StepItemContext, provideStepContext: (contextValue: StepItemContext) => StepItemContext;
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<StepItemProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    click: () => any;
+}, string, import('vue').PublicProps, Readonly<StepItemProps> & Readonly<{
+    onClick?: (() => any) | undefined;
+}>, {
+    status: StepStatus;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, Readonly<StepItemSlots> & StepItemSlots>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/Steps/StepLeading.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/Steps/Steps.d.ts

@@ -0,0 +1,50 @@
+import { ClassValue } from 'class-variance-authority/types';
+import { StepLeadingType } from './Steps.model';
+import { StepItemProps } from './Step';
+export type StepItem = Omit<StepItemProps, 'index' | 'status' | 'number'> & {
+    error?: boolean;
+};
+export interface StepsProps {
+    items?: StepItem[];
+    modelValue?: number;
+    vertical?: boolean;
+    class?: ClassValue;
+    leadingType?: StepLeadingType;
+}
+export interface StepsEmits {
+    (e: 'update:modelValue', value?: number): void;
+    (e: 'change', value?: number): void;
+}
+export interface StepsSlots {
+    default?: (params?: {
+        items: StepItem[];
+    }) => never;
+    item?: (item: StepItemProps) => never;
+    leading?: (item: StepItemProps) => never;
+    title?: (item: StepItemProps) => never;
+    description?: (item: StepItemProps) => never;
+    icon?: (item: StepItemProps) => never;
+}
+export declare const stepsPrefix: string;
+export declare const stepPrefix: string;
+export interface StepsContext {
+    props: StepsProps;
+}
+export declare const injectStepsContext: <T extends StepsContext | null | undefined = StepsContext>(fallback?: T | undefined) => T extends null ? StepsContext | null : StepsContext, provideStepsContext: (contextValue: StepsContext) => StepsContext;
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<StepsProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    change: (value?: number | undefined) => any;
+    "update:modelValue": (value?: number | undefined) => any;
+}, string, import('vue').PublicProps, Readonly<StepsProps> & Readonly<{
+    onChange?: ((value?: number | undefined) => any) | undefined;
+    "onUpdate:modelValue"?: ((value?: number | undefined) => any) | undefined;
+}>, {
+    modelValue: number;
+    items: StepItem[];
+    leadingType: StepLeadingType;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, Readonly<StepsSlots> & StepsSlots>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/Steps/index.d.ts

@@ -1 +1,5 @@
-export {};
+export declare const StepsPlugin: import('vue').Plugin;
+export declare const StepPlugin: import('vue').Plugin;
+export { default as Steps, default, stepsPrefix, stepPrefix, injectStepsContext, provideStepsContext, type StepItem, type StepsContext, type StepsEmits, type StepsProps, type StepsSlots, } from './Steps';
+export { default as Step, injectStepContext, provideStepContext, type StepItemProps, type StepItemContext, type StepItemEmits, type StepItemSlots, } from './Step';
+export * from './Steps.model';

package/dist/Steps/index.js

@@ -1 +1,247 @@
-
+import { defineComponent as $, createBlock as V, openBlock as y, h as b, useSlots as w, unref as l, normalizeClass as h, withCtx as C, createElementVNode as D, createVNode as k, computed as M, normalizeStyle as O, renderSlot as v, normalizeProps as U, guardReactiveProps as X, createElementBlock as Y, Fragment as q, renderList as A, mergeProps as S } from "vue";
+import { cva as x } from "class-variance-authority";
+import { getComponentOptions as T, getBemElement as m, isEmptyLikeLodash as H, normCls as d, getBemModifier as J, generateVariantClassList as I, getBemBlock as K, getValidNumber as Q, getComponentName as F } from "@pantograph/utils";
+import { isEmptyElement as B, useVModel as W, installComponent as G } from "@pantograph/utils-vue";
+import { _ as Z } from "../Icon.vue_vue_type_style_index_0_lang-CD9EvvB5.js";
+import { omit as ee } from "es-toolkit";
+import { createContext as R, RovingFocusItem as te, RovingFocusGroup as se } from "reka-ui";
+const oe = ["completed", "current", "upcoming", "error"], Se = ["number", "icon"], ne = /* @__PURE__ */ $({
+  ...T("StepLeading"),
+  __name: "StepLeading",
+  setup(_) {
+    const r = re(), o = m(u, "leading"), a = () => {
+      if (r.props.icon) return r.props.icon;
+      switch (r.props.status) {
+        case "current":
+          return "tabler:progress";
+        case "upcoming":
+          return "tabler:circle-dashed";
+        case "error":
+          return "tabler:progress-alert";
+        case "completed":
+          return "tabler:circle-check-filled";
+      }
+    }, c = () => {
+      var L, z, E, N;
+      const f = (z = (L = r.slots).leading) == null ? void 0 : z.call(L, {}), p = !B(f), g = () => b(
+        "div",
+        { class: d(m(o, "number"), r.props.numberCls) },
+        p ? f : r.props.number
+      ), s = a(), i = (N = (E = r.slots).icon) == null ? void 0 : N.call(E, {});
+      let e = !1;
+      const t = () => (e = !0, b(
+        Z,
+        {
+          ...ee(r.props, ["status", "number", "iconCls", "numberCls"]),
+          icon: s,
+          size: "xsm",
+          class: d(r.props.iconCls)
+        },
+        () => i
+      ));
+      let n;
+      return p ? n = g() : !B(i) || r.props.icon || H(r.props.number) ? n = t() : n = g(), b(
+        "div",
+        {
+          class: d(o, r.props.leadingCls, {
+            [J(o, "icon")]: e
+          })
+        },
+        n
+      );
+    };
+    return (f, p) => (y(), V(c));
+  }
+}), [re, ie] = R("Step"), j = /* @__PURE__ */ $({
+  ...T("Step"),
+  __name: "Step",
+  props: {
+    index: {},
+    status: { default: "upcoming" },
+    number: {},
+    title: {},
+    description: {},
+    containerCls: {},
+    contentCls: {},
+    titleCls: {},
+    descriptionCls: {},
+    iconCls: {},
+    numberCls: {},
+    leadingCls: {},
+    disabled: { type: Boolean },
+    size: {},
+    class: {},
+    icon: {},
+    flipOnDir: {},
+    customStroke: { type: Boolean },
+    flipX: { type: Boolean },
+    flipY: { type: Boolean }
+  },
+  emits: ["click"],
+  setup(_, { emit: r }) {
+    const o = _, a = w(), c = x(u, {
+      variants: {
+        status: I(oe, u),
+        vertical: I("vertical", u)
+      }
+    });
+    ie({
+      props: o,
+      slots: a
+    });
+    const f = le(), p = (e) => {
+      o.disabled && (e.preventDefault(), e.stopPropagation());
+    }, g = () => {
+      var n;
+      let e;
+      const t = (n = a.title) == null ? void 0 : n.call(a, {});
+      if (B(t) ? e = o.title : e = t, e)
+        return b("div", { class: d(m(u, "title"), o.titleCls) }, e);
+    }, s = () => {
+      var n;
+      let e;
+      const t = (n = a.description) == null ? void 0 : n.call(a, {});
+      if (B(t) ? e = o.description : e = t, e)
+        return b(
+          "div",
+          {
+            class: d(m(u, "description"), "paragraph", o.descriptionCls)
+          },
+          e
+        );
+    }, i = () => {
+      const e = g(), t = s();
+      if (e || t)
+        return b("div", { class: d(m(u, "content"), o.contentCls) }, [
+          e,
+          t
+        ]);
+    };
+    return (e, t) => {
+      var n;
+      return y(), V(l(te), {
+        as: "button",
+        tabStopId: (n = e.index) == null ? void 0 : n.toString(),
+        onPointerdown: p,
+        disabled: e.disabled,
+        class: h(
+          l(d)(
+            l(c)({
+              status: e.status,
+              vertical: l(f).props.vertical
+            }),
+            o.class
+          )
+        )
+      }, {
+        default: C(() => [
+          D("div", {
+            class: h(l(m)(l(u), "line"))
+          }, null, 2),
+          D("div", {
+            class: h(l(d)(l(m)(l(u), "container"), e.containerCls))
+          }, [
+            k(ne),
+            k(i)
+          ], 2)
+        ]),
+        _: 1
+      }, 8, ["tabStopId", "disabled", "class"]);
+    };
+  }
+}), P = K("steps"), u = m(P, "step"), [le, ae] = R("Steps"), ce = /* @__PURE__ */ $({
+  ...T("Steps"),
+  __name: "Steps",
+  props: {
+    items: { default: () => [] },
+    modelValue: { default: 0 },
+    vertical: { type: Boolean },
+    class: {},
+    leadingType: { default: "icon" }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(_, { emit: r }) {
+    const o = _, a = r;
+    w();
+    const c = W(o, "modelValue", a, {
+      onChange: (s) => {
+        a("change", s);
+      },
+      defaultValue: 0
+    }), f = x(P, {
+      variants: {
+        vertical: I("vertical", P)
+      }
+    }), p = M(() => {
+      var s;
+      return ((s = o.items) == null ? void 0 : s.map((i, e) => {
+        const t = e < c.value ? "completed" : e === c.value ? "current" : "upcoming", n = i.error ? "error" : t;
+        return {
+          ...i,
+          "data-completed": t === "completed" ? "" : void 0,
+          status: n,
+          index: e,
+          number: o.leadingType === "number" ? e + 1 : void 0,
+          disabled: i.disabled ? i.disabled : e > c.value + 1
+        };
+      })) ?? [];
+    }), g = (s) => {
+      const i = Q(s);
+      i !== void 0 && i !== c.value && (c.value = i);
+    };
+    return ae({ props: o }), (s, i) => {
+      var e;
+      return y(), V(l(se), {
+        as: "div",
+        style: O({
+          gridTemplateColumns: s.vertical ? "repeat(1, minmax(0, 1fr))" : `repeat(${p.value.length}, minmax(0, 1fr))`
+        }),
+        orientation: s.vertical ? "vertical" : "horizontal",
+        currentTabStopId: (e = l(c)) == null ? void 0 : e.toString(),
+        "onUpdate:currentTabStopId": g,
+        class: h(l(d)(l(f)({ vertical: s.vertical }), o.class))
+      }, {
+        default: C(() => [
+          v(s.$slots, "default", U(X({ items: p.value })), () => [
+            (y(!0), Y(q, null, A(p.value, (t, n) => v(s.$slots, "item", S({
+              key: n,
+              ref_for: !0
+            }, t), () => [
+              k(j, S({ ref_for: !0 }, t), {
+                leading: C(() => [
+                  v(s.$slots, "leading", S({ ref_for: !0 }, t))
+                ]),
+                title: C(() => [
+                  v(s.$slots, "title", S({ ref_for: !0 }, t))
+                ]),
+                description: C(() => [
+                  v(s.$slots, "description", S({ ref_for: !0 }, t))
+                ]),
+                icon: C(() => [
+                  v(s.$slots, "icon", S({ ref_for: !0 }, t))
+                ]),
+                _: 2
+              }, 1040)
+            ])), 128))
+          ])
+        ]),
+        _: 3
+      }, 8, ["style", "orientation", "currentTabStopId", "class"]);
+    };
+  }
+}), Ce = G(ce, F("Steps")), be = G(j, F("Step"));
+export {
+  j as Step,
+  Se as StepLeadingTypes,
+  be as StepPlugin,
+  oe as StepStatuses,
+  ce as Steps,
+  Ce as StepsPlugin,
+  ce as default,
+  re as injectStepContext,
+  le as injectStepsContext,
+  ie as provideStepContext,
+  ae as provideStepsContext,
+  u as stepPrefix,
+  P as stepsPrefix
+};

package/dist/Steps/index.umd.cjs

@@ -1 +1 @@
-"use strict";
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),P=require("class-variance-authority"),n=require("@pantograph/utils"),f=require("@pantograph/utils-vue"),L=require("../Icon.vue_vue_type_style_index_0_lang-DOQsa_aO.js"),z=require("es-toolkit"),v=require("reka-ui"),k=["completed","current","upcoming","error"],N=["number","icon"],$=e.defineComponent({...n.getComponentOptions("StepLeading"),__name:"StepLeading",setup(C){const i=V(),r=n.getBemElement(u,"leading"),c=()=>{if(i.props.icon)return i.props.icon;switch(i.props.status){case"current":return"tabler:progress";case"upcoming":return"tabler:circle-dashed";case"error":return"tabler:progress-alert";case"completed":return"tabler:circle-check-filled"}},p=()=>{var _,B,y,E;const d=(B=(_=i.slots).leading)==null?void 0:B.call(_,{}),m=!f.isEmptyElement(d),g=()=>e.h("div",{class:n.normCls(n.getBemElement(r,"number"),i.props.numberCls)},m?d:i.props.number),o=c(),a=(E=(y=i.slots).icon)==null?void 0:E.call(y,{});let t=!1;const s=()=>(t=!0,e.h(L._sfc_main,{...z.omit(i.props,["status","number","iconCls","numberCls"]),icon:o,size:"xsm",class:n.normCls(i.props.iconCls)},()=>a));let l;return m?l=g():!f.isEmptyElement(a)||i.props.icon||n.isEmptyLikeLodash(i.props.number)?l=s():l=g(),e.h("div",{class:n.normCls(r,i.props.leadingCls,{[n.getBemModifier(r,"icon")]:t})},l)};return(d,m)=>(e.openBlock(),e.createBlock(p))}}),[V,x]=v.createContext("Step"),b=e.defineComponent({...n.getComponentOptions("Step"),__name:"Step",props:{index:{},status:{default:"upcoming"},number:{},title:{},description:{},containerCls:{},contentCls:{},titleCls:{},descriptionCls:{},iconCls:{},numberCls:{},leadingCls:{},disabled:{type:Boolean},size:{},class:{},icon:{},flipOnDir:{},customStroke:{type:Boolean},flipX:{type:Boolean},flipY:{type:Boolean}},emits:["click"],setup(C,{emit:i}){const r=C,c=e.useSlots(),p=P.cva(u,{variants:{status:n.generateVariantClassList(k,u),vertical:n.generateVariantClassList("vertical",u)}});x({props:r,slots:c});const d=I(),m=t=>{r.disabled&&(t.preventDefault(),t.stopPropagation())},g=()=>{var l;let t;const s=(l=c.title)==null?void 0:l.call(c,{});if(f.isEmptyElement(s)?t=r.title:t=s,t)return e.h("div",{class:n.normCls(n.getBemElement(u,"title"),r.titleCls)},t)},o=()=>{var l;let t;const s=(l=c.description)==null?void 0:l.call(c,{});if(f.isEmptyElement(s)?t=r.description:t=s,t)return e.h("div",{class:n.normCls(n.getBemElement(u,"description"),"paragraph",r.descriptionCls)},t)},a=()=>{const t=g(),s=o();if(t||s)return e.h("div",{class:n.normCls(n.getBemElement(u,"content"),r.contentCls)},[t,s])};return(t,s)=>{var l;return e.openBlock(),e.createBlock(e.unref(v.RovingFocusItem),{as:"button",tabStopId:(l=t.index)==null?void 0:l.toString(),onPointerdown:m,disabled:t.disabled,class:e.normalizeClass(e.unref(n.normCls)(e.unref(p)({status:t.status,vertical:e.unref(d).props.vertical}),r.class))},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(n.getBemElement)(e.unref(u),"line"))},null,2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(n.normCls)(e.unref(n.getBemElement)(e.unref(u),"container"),t.containerCls))},[e.createVNode($),e.createVNode(a)],2)]),_:1},8,["tabStopId","disabled","class"])}}}),S=n.getBemBlock("steps"),u=n.getBemElement(S,"step"),[I,T]=v.createContext("Steps"),h=e.defineComponent({...n.getComponentOptions("Steps"),__name:"Steps",props:{items:{default:()=>[]},modelValue:{default:0},vertical:{type:Boolean},class:{},leadingType:{default:"icon"}},emits:["update:modelValue","change"],setup(C,{emit:i}){const r=C,c=i;e.useSlots();const p=f.useVModel(r,"modelValue",c,{onChange:o=>{c("change",o)},defaultValue:0}),d=P.cva(S,{variants:{vertical:n.generateVariantClassList("vertical",S)}}),m=e.computed(()=>{var o;return((o=r.items)==null?void 0:o.map((a,t)=>{const s=t<p.value?"completed":t===p.value?"current":"upcoming",l=a.error?"error":s;return{...a,"data-completed":s==="completed"?"":void 0,status:l,index:t,number:r.leadingType==="number"?t+1:void 0,disabled:a.disabled?a.disabled:t>p.value+1}}))??[]}),g=o=>{const a=n.getValidNumber(o);a!==void 0&&a!==p.value&&(p.value=a)};return T({props:r}),(o,a)=>{var t;return e.openBlock(),e.createBlock(e.unref(v.RovingFocusGroup),{as:"div",style:e.normalizeStyle({gridTemplateColumns:o.vertical?"repeat(1, minmax(0, 1fr))":`repeat(${m.value.length}, minmax(0, 1fr))`}),orientation:o.vertical?"vertical":"horizontal",currentTabStopId:(t=e.unref(p))==null?void 0:t.toString(),"onUpdate:currentTabStopId":g,class:e.normalizeClass(e.unref(n.normCls)(e.unref(d)({vertical:o.vertical}),r.class))},{default:e.withCtx(()=>[e.renderSlot(o.$slots,"default",e.normalizeProps(e.guardReactiveProps({items:m.value})),()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(m.value,(s,l)=>e.renderSlot(o.$slots,"item",e.mergeProps({key:l,ref_for:!0},s),()=>[e.createVNode(b,e.mergeProps({ref_for:!0},s),{leading:e.withCtx(()=>[e.renderSlot(o.$slots,"leading",e.mergeProps({ref_for:!0},s))]),title:e.withCtx(()=>[e.renderSlot(o.$slots,"title",e.mergeProps({ref_for:!0},s))]),description:e.withCtx(()=>[e.renderSlot(o.$slots,"description",e.mergeProps({ref_for:!0},s))]),icon:e.withCtx(()=>[e.renderSlot(o.$slots,"icon",e.mergeProps({ref_for:!0},s))]),_:2},1040)])),128))])]),_:3},8,["style","orientation","currentTabStopId","class"])}}}),w=f.installComponent(h,n.getComponentName("Steps")),q=f.installComponent(b,n.getComponentName("Step"));exports.Step=b;exports.StepLeadingTypes=N;exports.StepPlugin=q;exports.StepStatuses=k;exports.Steps=h;exports.StepsPlugin=w;exports.default=h;exports.injectStepContext=V;exports.injectStepsContext=I;exports.provideStepContext=x;exports.provideStepsContext=T;exports.stepPrefix=u;exports.stepsPrefix=S;