@pantograph/vue 0.30.1 → 0.30.2

package/dist/Blanket/Blanket.d.ts

@@ -0,0 +1,11 @@
+import { ClassValue } from 'class-variance-authority/types';
+export interface BlanketProps {
+    screen?: boolean;
+    zIndex?: number;
+    class?: ClassValue;
+}
+declare const _default: import('vue').DefineComponent<BlanketProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<BlanketProps> & Readonly<{}>, {
+    zIndex: number;
+    screen: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/Blanket/index.d.ts

@@ -1 +1 @@
-export {};
+export { default as Blanket, type BlanketProps, default } from './Blanket';

package/dist/Blanket/index.js

@@ -1 +1,5 @@
-
+import { _ as t, _ as f } from "../Blanket.vue_vue_type_style_index_0_lang-Dv68meO4.js";
+export {
+  t as Blanket,
+  f as default
+};

package/dist/Blanket/index.umd.cjs

@@ -1 +1 @@
-"use strict";
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Blanket.vue_vue_type_style_index_0_lang-WKNPEuJI.js");exports.Blanket=e._sfc_main;exports.default=e._sfc_main;

package/dist/Blanket.vue_vue_type_style_index_0_lang-Dv68meO4.js

@@ -0,0 +1,22 @@
+import { defineComponent as r, createElementBlock as a, openBlock as l, normalizeStyle as c, normalizeClass as p, unref as n } from "vue";
+import { getComponentOptions as m, getBemBlock as d, normCls as i } from "@pantograph/utils";
+const f = ["data-screen"], k = /* @__PURE__ */ r({
+  ...m("Blanket"),
+  __name: "Blanket",
+  props: {
+    screen: { type: Boolean, default: !0 },
+    zIndex: { default: 1 },
+    class: {}
+  },
+  setup(t) {
+    const o = t, s = d("blanket");
+    return (e, u) => (l(), a("div", {
+      class: p(n(i)(n(s), o.class)),
+      style: c({ zIndex: e.zIndex }),
+      "data-screen": e.screen ? "" : void 0
+    }, null, 14, f));
+  }
+});
+export {
+  k as _
+};

package/dist/Blanket.vue_vue_type_style_index_0_lang-WKNPEuJI.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),n=require("@pantograph/utils"),l=["data-screen"],a=e.defineComponent({...n.getComponentOptions("Blanket"),__name:"Blanket",props:{screen:{type:Boolean,default:!0},zIndex:{default:1},class:{}},setup(t){const o=t,r=n.getBemBlock("blanket");return(s,c)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(n.normCls)(e.unref(r),o.class)),style:e.normalizeStyle({zIndex:s.zIndex}),"data-screen":s.screen?"":void 0},null,14,l))}});exports._sfc_main=a;

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;