@pantograph/vue 0.26.0 → 0.27.0

package/dist/Popover.vue_vue_type_script_setup_true_lang-1pdG_U1y.js

@@ -0,0 +1,281 @@
+import { shallowRef as ce, computed as L, ref as W, onMounted as de, watch as pe, getCurrentInstance as _, unref as a, h as ue, defineComponent as fe, useSlots as me, createBlock as ge, openBlock as Pe, mergeProps as x, withCtx as I, createVNode as k, normalizeProps as T, guardReactiveProps as j, withDirectives as ye, renderSlot as ve, vShow as he } from "vue";
+import { getBemElement as K, generateVariantClassList as R, normCls as V, getBemBlock as Oe } from "@pantograph/utils";
+import { useEmitAsProps as Ce, PopoverTrigger as Se, PopoverRoot as Be, PopoverPortal as be, PopoverContent as Ne } from "reka-ui";
+import { pick as E, omitBy as Fe, isUndefined as De, omit as ze } from "es-toolkit";
+import { x as t, j as Ae, k as Me, h as we, u as Ie } from "./Icon.vue_vue_type_script_setup_true_lang-X8iOewkh.js";
+import { a as ke } from "./options-J8HfRMSU.js";
+import "@pantograph/tokens";
+import "@vueuse/core";
+import "@tanstack/vue-virtual";
+import { u as Ee } from "./ConfigProvider.vue_vue_type_script_setup_true_lang-DiuPi_DT.js";
+import { cva as Le } from "class-variance-authority";
+import Ue from "@pantograph/style/popover.css?raw";
+const $e = ["sm", "md", "lg", "none"], to = [
+  "top",
+  "top-start",
+  "top-end",
+  "bottom",
+  "bottom-start",
+  "bottom-end",
+  "right",
+  "right-start",
+  "right-end",
+  "left",
+  "left-start",
+  "left-end"
+], We = ["to", "disabled", "forceMount"], n = Object.fromEntries(We.map((s) => [s, s])), xe = ({ triggerRef: s, props: d }, r = n) => L(() => {
+  var P, y, i, B, u;
+  const {
+    to: m = n.to,
+    forceMount: g = n.forceMount,
+    disabled: p = n.disabled
+  } = r, l = _(), o = d ?? (l == null ? void 0 : l.props) ?? {}, e = t(o, m), C = t(o, p), S = t(o, g);
+  let c = ((P = a(e)) == null ? void 0 : P.$el) ?? a(e);
+  if (e instanceof Function) {
+    const b = ((i = (y = s.value) == null ? void 0 : y.$el) == null ? void 0 : i.nodeName) !== "#text" ? (B = s.value) == null ? void 0 : B.$el : (u = s.value) == null ? void 0 : u.$el.nextSibling;
+    c = e(b);
+  }
+  return {
+    to: c,
+    disabled: C,
+    forceMount: S
+  };
+}), Te = [
+  "prioritizePosition",
+  "placement",
+  "sideOffset",
+  "alignOffset",
+  "sticky",
+  "collisionBoundary",
+  "avoidCollisions",
+  "collisionPadding",
+  "forceMount",
+  "disableUpdateOnLayoutShift",
+  "hideWhenDetached",
+  "positionStrategy",
+  "reference",
+  "updatePositionStrategy",
+  "autoFocusInside",
+  "containerProps"
+], je = Object.fromEntries(Te.map((s) => [s, s])), Ke = ({
+  props: s,
+  flip: d,
+  _dir: r,
+  controlAutoFocus: m,
+  extraPropNames: g,
+  emitsAsProps: p
+}, l = je) => L(() => {
+  var $;
+  const o = _(), e = s ?? (o == null ? void 0 : o.props) ?? {}, {
+    prioritizePosition: C = n.prioritizePosition,
+    placement: S = n.placement,
+    sideOffset: c = n.sideOffset,
+    alignOffset: P = n.alignOffset,
+    sticky: y = n.sticky,
+    collisionBoundary: i = n.collisionBoundary,
+    avoidCollisions: B = n.avoidCollisions,
+    collisionPadding: u = n.collisionPadding,
+    forceMount: b = n.forceMount,
+    disableUpdateOnLayoutShift: N = n.disableUpdateOnLayoutShift,
+    hideWhenDetached: v = n.hideWhenDetached,
+    positionStrategy: h = n.positionStrategy,
+    reference: O = n.reference,
+    updatePositionStrategy: F = n.updatePositionStrategy,
+    autoFocusInside: A = n.autoFocusInside,
+    containerProps: q = n.containerProps
+  } = l, G = t(e, C), D = t(e, S), H = t(e, c), J = t(e, P), Q = t(e, y), X = t(e, i), Y = t(e, B), Z = t(e, u), ee = t(e, b), oe = t(e, N), te = t(e, v), ne = t(e, h), se = t(e, O), ie = t(e, F), U = t(e, A), re = t(e, q);
+  let [
+    M = "bottom",
+    ae = "center"
+  ] = (($ = D == null ? void 0 : D.split) == null ? void 0 : $.call(D, "-")) || ["bottom", "center"];
+  d.value && r.value && r.value === d.value && (M = {
+    right: "left",
+    left: "right"
+  }[M] ?? M);
+  const w = {};
+  m && (w.onCloseAutoFocus = (f) => {
+    var z;
+    U || f.preventDefault(), (z = o == null ? void 0 : o.emit) == null || z.call(o, "closeAutoFocus", f);
+  }, w.onOpenAutoFocus = (f) => {
+    var z;
+    U || f.preventDefault(), (z = o == null ? void 0 : o.emit) == null || z.call(o, "openAutoFocus", f);
+  });
+  const le = Fe(
+    Object.fromEntries(
+      (Array.isArray(g) ? g : []).map((f) => [f, t(e, f)])
+    ),
+    De
+  );
+  return {
+    ...E(p, [
+      "onEscapeKeyDown",
+      "onFocusOutside",
+      "onInteractOutside",
+      "onPointerDownOutside"
+    ]),
+    ...ze(re ?? {}, ["class"]),
+    ...le,
+    sticky: Q,
+    prioritizePosition: G,
+    side: M,
+    align: ae,
+    sideOffset: H,
+    alignOffset: J,
+    collisionBoundary: X,
+    avoidCollisions: Y,
+    collisionPadding: Z,
+    forceMount: ee,
+    disableUpdateOnLayoutShift: oe,
+    hideWhenDetached: te,
+    positionStrategy: ne,
+    reference: se,
+    updatePositionStrategy: ie,
+    ...w
+  };
+}), Re = ({
+  slots: s,
+  prefix: d,
+  props: r,
+  emitsAsProps: m,
+  TriggerCmp: g
+}) => {
+  const p = K(d, "content"), l = K(d, "trigger"), o = Le(p, {
+    variants: {
+      size: R($e, p),
+      noPadding: R("no-padding", p)
+    }
+  }), e = ce(!0), C = (v) => {
+    var A;
+    const h = (A = s.default) == null ? void 0 : A.call(s, {}), O = Ae(h) ?? null, F = O.length === 1 ? O[0] : O;
+    return e.value = F && Me(F) && !we(F), ue(
+      g,
+      {
+        as: "span",
+        dir: u.value,
+        class: V(l, r.class),
+        asChild: e.value,
+        ref: c,
+        ...v ?? {}
+      },
+      {
+        default: s.default
+      }
+    );
+  }, S = L(() => ({
+    ...E(r, ["open", "defaultOpen", "modal"]),
+    ...E(m, ["onUpdate:open"])
+  })), c = W(), P = xe({ triggerRef: c }), { getFlipOnDir: y, getDir: i } = Ee(), B = y("reversePlacementOnDir"), u = i(), b = Ke({
+    ...r.containerProps,
+    emitsAsProps: m,
+    flip: B,
+    _dir: u,
+    controlAutoFocus: !0
+  }), N = W(r.reference);
+  return r.useReferenceAttribute && !r.reference ? de(() => {
+    var v, h, O;
+    N.value = (O = (h = (v = c.value) == null ? void 0 : v.$el) == null ? void 0 : h.closest) == null ? void 0 : O.call(h, "[data-popover-reference]");
+  }) : pe(
+    () => r.reference,
+    (v) => {
+      N.value = v;
+    }
+  ), {
+    triggerCLs: l,
+    variantsClass: o,
+    asChild: e,
+    rootOpenProp: S,
+    portalProps: P,
+    contentProps: b,
+    reference: N,
+    Trigger: C
+  };
+}, no = /* @__PURE__ */ fe({
+  ...ke("Popover", !1),
+  __name: "Popover",
+  props: {
+    defaultOpen: { type: Boolean },
+    open: { type: Boolean, default: void 0 },
+    modal: { type: Boolean },
+    disabled: { type: Boolean },
+    defer: { type: Boolean },
+    forceMount: { type: Boolean },
+    sideOffset: {},
+    sideFlip: { type: Boolean },
+    alignOffset: {},
+    alignFlip: { type: Boolean },
+    avoidCollisions: { type: Boolean, default: !0 },
+    collisionBoundary: {},
+    collisionPadding: {},
+    arrowPadding: {},
+    sticky: { default: "always" },
+    hideWhenDetached: { type: Boolean },
+    positionStrategy: {},
+    updatePositionStrategy: { default: "optimized" },
+    disableUpdateOnLayoutShift: { type: Boolean },
+    prioritizePosition: { type: Boolean, default: !0 },
+    reference: {},
+    dir: {},
+    class: {},
+    containerCls: {},
+    containerClass: {},
+    size: { default: "md" },
+    to: {},
+    placement: { default: "bottom" },
+    reversePlacementOnDir: {},
+    autoFocusInside: { type: Boolean },
+    noPadding: { type: Boolean },
+    zIndex: {},
+    containerStyle: {},
+    containerProps: {},
+    useReferenceAttribute: { type: Boolean }
+  },
+  emits: ["update:open", "escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "openAutoFocus", "closeAutoFocus"],
+  setup(s, { emit: d }) {
+    Ie("popover", Ue);
+    const m = Ce(d), g = s, p = Oe("popover"), l = me(), { variantsClass: o, asChild: e, rootOpenProp: C, portalProps: S, contentProps: c, reference: P, Trigger: y } = Re({
+      slots: l,
+      prefix: p,
+      props: g,
+      emitsAsProps: m,
+      TriggerCmp: Se
+    });
+    return (i, B) => (Pe(), ge(a(Be), x(a(C), {
+      key: a(e)
+    }), {
+      default: I(({ open: u }) => [
+        k(a(y), T(j(i.$attrs)), null, 16),
+        k(a(be), T(j(a(S))), {
+          default: I(() => [
+            ye(k(a(Ne), x({
+              style: { zIndex: i.zIndex, ...i.containerStyle ?? {} }
+            }, a(c), {
+              class: a(V)(
+                a(o)({ size: i.size, noPadding: i.noPadding }),
+                i.containerClass,
+                i.containerCls
+              ),
+              reference: a(P)
+            }), {
+              default: I(() => [
+                ve(i.$slots, "content")
+              ]),
+              _: 2
+            }, 1040, ["style", "class", "reference"]), [
+              [he, u]
+            ])
+          ]),
+          _: 2
+        }, 1040)
+      ]),
+      _: 3
+    }, 16));
+  }
+});
+export {
+  to as P,
+  no as _,
+  $e as a,
+  Ke as b,
+  xe as g,
+  Re as u
+};

package/dist/Popover.vue_vue_type_script_setup_true_lang-DZu6h5sn.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),b=require("@pantograph/utils"),A=require("reka-ui"),N=require("es-toolkit"),t=require("./Icon.vue_vue_type_script_setup_true_lang-CXwAf04H.js"),re=require("./options-CY2uxp5A.js");require("@pantograph/tokens");require("@vueuse/core");require("@tanstack/vue-virtual");const se=require("./ConfigProvider.vue_vue_type_script_setup_true_lang-BAXkTMEt.js"),ie=require("class-variance-authority"),ae=require("@pantograph/style/popover.css?raw"),L=["sm","md","lg","none"],ce=["top","top-start","top-end","bottom","bottom-start","bottom-end","right","right-start","right-end","left","left-start","left-end"],le=["to","disabled","forceMount"],r=Object.fromEntries(le.map(s=>[s,s])),U=({triggerRef:s,props:u},a=r)=>e.computed(()=>{var m,v,i,B,d;const{to:g=r.to,forceMount:P=r.forceMount,disabled:p=r.disabled}=a,c=e.getCurrentInstance(),n=u??(c==null?void 0:c.props)??{},o=t.get(n,g),O=t.get(n,p),S=t.get(n,P);let l=((m=e.unref(o))==null?void 0:m.$el)??e.unref(o);if(o instanceof Function){const F=((i=(v=s.value)==null?void 0:v.$el)==null?void 0:i.nodeName)!=="#text"?(B=s.value)==null?void 0:B.$el:(d=s.value)==null?void 0:d.$el.nextSibling;l=o(F)}return{to:l,disabled:O,forceMount:S}}),ue=["prioritizePosition","placement","sideOffset","alignOffset","sticky","collisionBoundary","avoidCollisions","collisionPadding","forceMount","disableUpdateOnLayoutShift","hideWhenDetached","positionStrategy","reference","updatePositionStrategy","autoFocusInside","containerProps"],pe=Object.fromEntries(ue.map(s=>[s,s])),V=({props:s,flip:u,_dir:a,controlAutoFocus:g,extraPropNames:P,emitsAsProps:p},c=pe)=>e.computed(()=>{var E;const n=e.getCurrentInstance(),o=s??(n==null?void 0:n.props)??{},{prioritizePosition:O=r.prioritizePosition,placement:S=r.placement,sideOffset:l=r.sideOffset,alignOffset:m=r.alignOffset,sticky:v=r.sticky,collisionBoundary:i=r.collisionBoundary,avoidCollisions:B=r.avoidCollisions,collisionPadding:d=r.collisionPadding,forceMount:F=r.forceMount,disableUpdateOnLayoutShift:_=r.disableUpdateOnLayoutShift,hideWhenDetached:y=r.hideWhenDetached,positionStrategy:h=r.positionStrategy,reference:C=r.reference,updatePositionStrategy:z=r.updatePositionStrategy,autoFocusInside:I=r.autoFocusInside,containerProps:x=r.containerProps}=c,T=t.get(o,O),D=t.get(o,S),W=t.get(o,l),R=t.get(o,m),K=t.get(o,v),j=t.get(o,i),G=t.get(o,B),H=t.get(o,d),J=t.get(o,F),Q=t.get(o,_),X=t.get(o,y),Y=t.get(o,h),Z=t.get(o,C),ee=t.get(o,z),M=t.get(o,I),oe=t.get(o,x);let[k="bottom",te="center"]=((E=D==null?void 0:D.split)==null?void 0:E.call(D,"-"))||["bottom","center"];u.value&&a.value&&a.value===u.value&&(k={right:"left",left:"right"}[k]??k);const q={};g&&(q.onCloseAutoFocus=f=>{var w;M||f.preventDefault(),(w=n==null?void 0:n.emit)==null||w.call(n,"closeAutoFocus",f)},q.onOpenAutoFocus=f=>{var w;M||f.preventDefault(),(w=n==null?void 0:n.emit)==null||w.call(n,"openAutoFocus",f)});const ne=N.omitBy(Object.fromEntries((Array.isArray(P)?P:[]).map(f=>[f,t.get(o,f)])),N.isUndefined);return{...N.pick(p,["onEscapeKeyDown","onFocusOutside","onInteractOutside","onPointerDownOutside"]),...N.omit(oe??{},["class"]),...ne,sticky:K,prioritizePosition:T,side:k,align:te,sideOffset:W,alignOffset:R,collisionBoundary:j,avoidCollisions:G,collisionPadding:H,forceMount:J,disableUpdateOnLayoutShift:Q,hideWhenDetached:X,positionStrategy:Y,reference:Z,updatePositionStrategy:ee,...q}}),$=({slots:s,prefix:u,props:a,emitsAsProps:g,TriggerCmp:P})=>{const p=b.getBemElement(u,"content"),c=b.getBemElement(u,"trigger"),n=ie.cva(p,{variants:{size:b.generateVariantClassList(L,p),noPadding:b.generateVariantClassList("no-padding",p)}}),o=e.shallowRef(!0),O=y=>{var I;const h=(I=s.default)==null?void 0:I.call(s,{}),C=t.filterEmpty(h)??null,z=C.length===1?C[0]:C;return o.value=z&&t.isValidElement(z)&&!t.isFragment(z),e.h(P,{as:"span",dir:d.value,class:b.normCls(c,a.class),asChild:o.value,ref:l,...y??{}},{default:s.default})},S=e.computed(()=>({...N.pick(a,["open","defaultOpen","modal"]),...N.pick(g,["onUpdate:open"])})),l=e.ref(),m=U({triggerRef:l}),{getFlipOnDir:v,getDir:i}=se.useConfig(),B=v("reversePlacementOnDir"),d=i(),F=V({...a.containerProps,emitsAsProps:g,flip:B,_dir:d,controlAutoFocus:!0}),_=e.ref(a.reference);return a.useReferenceAttribute&&!a.reference?e.onMounted(()=>{var y,h,C;_.value=(C=(h=(y=l.value)==null?void 0:y.$el)==null?void 0:h.closest)==null?void 0:C.call(h,"[data-popover-reference]")}):e.watch(()=>a.reference,y=>{_.value=y}),{triggerCLs:c,variantsClass:n,asChild:o,rootOpenProp:S,portalProps:m,contentProps:F,reference:_,Trigger:O}},de=e.defineComponent({...re.getComponentOptions("Popover",!1),__name:"Popover",props:{defaultOpen:{type:Boolean},open:{type:Boolean,default:void 0},modal:{type:Boolean},disabled:{type:Boolean},defer:{type:Boolean},forceMount:{type:Boolean},sideOffset:{},sideFlip:{type:Boolean},alignOffset:{},alignFlip:{type:Boolean},avoidCollisions:{type:Boolean,default:!0},collisionBoundary:{},collisionPadding:{},arrowPadding:{},sticky:{default:"always"},hideWhenDetached:{type:Boolean},positionStrategy:{},updatePositionStrategy:{default:"optimized"},disableUpdateOnLayoutShift:{type:Boolean},prioritizePosition:{type:Boolean,default:!0},reference:{},dir:{},class:{},containerCls:{},containerClass:{},size:{default:"md"},to:{},placement:{default:"bottom"},reversePlacementOnDir:{},autoFocusInside:{type:Boolean},noPadding:{type:Boolean},zIndex:{},containerStyle:{},containerProps:{},useReferenceAttribute:{type:Boolean}},emits:["update:open","escapeKeyDown","pointerDownOutside","focusOutside","interactOutside","openAutoFocus","closeAutoFocus"],setup(s,{emit:u}){t.useComponentStyle("popover",ae);const a=u,g=A.useEmitAsProps(a),P=s,p=b.getBemBlock("popover"),c=e.useSlots(),{variantsClass:n,asChild:o,rootOpenProp:O,portalProps:S,contentProps:l,reference:m,Trigger:v}=$({slots:c,prefix:p,props:P,emitsAsProps:g,TriggerCmp:A.PopoverTrigger});return(i,B)=>(e.openBlock(),e.createBlock(e.unref(A.PopoverRoot),e.mergeProps(e.unref(O),{key:e.unref(o)}),{default:e.withCtx(({open:d})=>[e.createVNode(e.unref(v),e.normalizeProps(e.guardReactiveProps(i.$attrs)),null,16),e.createVNode(e.unref(A.PopoverPortal),e.normalizeProps(e.guardReactiveProps(e.unref(S))),{default:e.withCtx(()=>[e.withDirectives(e.createVNode(e.unref(A.PopoverContent),e.mergeProps({style:{zIndex:i.zIndex,...i.containerStyle??{}}},e.unref(l),{class:e.unref(b.normCls)(e.unref(n)({size:i.size,noPadding:i.noPadding}),i.containerClass,i.containerCls),reference:e.unref(m)}),{default:e.withCtx(()=>[e.renderSlot(i.$slots,"content")]),_:2},1040,["style","class","reference"]),[[e.vShow,d]])]),_:2},1040)]),_:3},16))}});exports.PopoverPlacements=ce;exports.PopoverSizes=L;exports._sfc_main=de;exports.getPopoverContentProps=V;exports.getPopoverPortalProps=U;exports.usePopoverContext=$;

package/dist/Progress/index.js

@@ -1,4 +1,4 @@
-import { _ as e, P as o, a, e as g, f as P, g as i, _ as t, i as p, c as f, d as x, b as l, p as C } from "../Progress.vue_vue_type_style_index_0_lang-DHMo6akY.js";
+import { _ as e, P as o, a, e as g, f as P, g as i, _ as t, i as p, c as f, d as x, b as l, p as C } from "../Progress.vue_vue_type_script_setup_true_lang-BvwWC_7K.js";
 export {
   e as Progress,
   o as ProgressBoldColors,

package/dist/Progress/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Progress.vue_vue_type_style_index_0_lang-8m4aQ4CZ.js");exports.Progress=e._sfc_main;exports.ProgressBoldColors=e.ProgressBoldColors;exports.ProgressColors=e.ProgressColors;exports.ProgressSizes=e.ProgressSizes;exports.ProgressStatuses=e.ProgressStatuses;exports.ProgressTypes=e.ProgressTypes;exports.default=e._sfc_main;exports.injectProgressContext=e.injectProgressContext;exports.progressCirclePrefix=e.progressCirclePrefix;exports.progressLinePrefix=e.progressLinePrefix;exports.progressPrefix=e.progressPrefix;exports.provideProgressContext=e.provideProgressContext;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("../Progress.vue_vue_type_script_setup_true_lang-Cwyk5uVB.js");exports.Progress=r._sfc_main;exports.ProgressBoldColors=r.ProgressBoldColors;exports.ProgressColors=r.ProgressColors;exports.ProgressSizes=r.ProgressSizes;exports.ProgressStatuses=r.ProgressStatuses;exports.ProgressTypes=r.ProgressTypes;exports.default=r._sfc_main;exports.injectProgressContext=r.injectProgressContext;exports.progressCirclePrefix=r.progressCirclePrefix;exports.progressLinePrefix=r.progressLinePrefix;exports.progressPrefix=r.progressPrefix;exports.provideProgressContext=r.provideProgressContext;