@pantograph/vue 0.34.21 → 0.34.23

package/dist/use/index.js

@@ -8,8 +8,8 @@ var kr = (e, t, n) => (ab(e, t, "read from private field"), n ? n.call(e) : t.ge
 import * as Ia from "vue";
 import { inject as lp, provide as ip, Fragment as He, defineComponent as L, toRefs as vt, renderSlot as M, getCurrentScope as up, onScopeDispose as Iu, watch as we, toRef as Ja, readonly as Xn, ref as V, customRef as cp, onMounted as Ge, nextTick as pt, getCurrentInstance as Bn, effectScope as dp, onBeforeUnmount as No, computed as C, shallowRef as _t, watchEffect as Dt, isRef as fn, reactive as Yn, unref as l, toValue as ot, toHandlerKey as sb, camelize as pp, onUnmounted as In, h as E, Comment as lb, mergeProps as ee, cloneVNode as fp, createBlock as T, openBlock as O, withCtx as D, createVNode as J, createCommentVNode as re, withKeys as Pn, normalizeStyle as it, Teleport as Tu, normalizeProps as Ie, guardReactiveProps as ze, withDirectives as jn, vShow as Zn, markRaw as ib, createElementBlock as W, renderList as qe, resolveDynamicComponent as hr, withModifiers as Ye, watchPostEffect as Du, shallowReadonly as Go, mergeDefaults as he, createElementVNode as ye, createTextVNode as ut, toDisplayString as et, toHandlers as ub, normalizeClass as q, useSlots as xe, useAttrs as rt, createSlots as ct, Transition as cb, render as zr, vModelText as db } from "vue";
 import { getBemBlock as Ae, getComponentOptions as oe, generateVariantClassList as F, normCls as I, getValidNumber as Ls, getBemModifier as sn, isEmptyLikeLodash as nt, getBemElement as A, usePCId as Jt, getPxSize as ht, getStyleObject as ko, getComponentName as Eu, sortPlaceholderVariantsClass as gp, createOptionGetterFunc as wt, sortPlaceholderCls as vp } from "@pantograph/utils";
-import { useCssInJs as pb, useForwardPropsEmits as fb, flattenChildren as Fs, isEmptyElement as Z, PrimitiveColors as mp, installComponent as ue, FormItemStatuses as pa, useFormInput as Mt, useVModel as gt, filterEmpty as yp, isValidElement as bp, isFragment as hp, useInputDataStates as Mo, useLazyLoading as Cp, flattenChildrenByType as Jc, systemSizesMap as ar, useVirtualScroll as Sp, useCollection as _p, usePressAndHold as Ya } from "@pantograph/utils-vue";
-import { getThemeConfig as Op, toggleDark as gb, defineTheme as ri, getCssCoreColor as Ke, init as vb, getCssCoreVar as mb } from "@pantograph/tokens";
+import { useCssInJs as pb, useForwardPropsEmits as fb, flattenChildren as Fs, isEmptyElement as Z, installComponent as ue, FormItemStatuses as pa, useFormInput as Mt, useVModel as gt, filterEmpty as mp, isValidElement as yp, isFragment as bp, useInputDataStates as Mo, useLazyLoading as hp, flattenChildrenByType as Jc, systemSizesMap as ar, useVirtualScroll as Cp, useCollection as Sp, usePressAndHold as Ya } from "@pantograph/utils-vue";
+import { getThemeConfig as _p, toggleDark as gb, defineTheme as ri, PrimitiveColors as Op, getCssCoreColor as Ke, init as vb, getCssCoreVar as mb } from "@pantograph/tokens";
 import { dividerId as yb, removeDividerCss as bb, addDividerCss as hb, accordionId as Cb, removeAccordionCss as Sb, addAccordionCss as _b, iconId as Ob, removeIconCss as xb, addIconCss as Pb, badgeId as Bb, removeBadgeCss as wb, addBadgeCss as kb, formValidationId as Ab, removeFormValidationCss as Ib, addFormValidationCss as Tb, progressId as Db, removeProgressCss as Eb, addProgressCss as Rb, buttonId as zb, removeButtonCss as Nb, addButtonCss as Mb, inputId as $b, removeInputCss as Lb, addInputCss as Fb, linkId as jb, removeLinkCss as qb, addLinkCss as Vb, alertId as Ub, removeAlertCss as Hb, addAlertCss as Kb, blanketId as Gb, removeBlanketCss as Wb, addBlanketCss as Xb, dialogId as Jb, removeDialogCss as Yb, addDialogCss as Zb, alertDialogId as Qb, removeAlertDialogCss as eh, addAlertDialogCss as th, avatarId as nh, removeAvatarCss as oh, addAvatarCss as rh, popoverId as ah, removePopoverCss as sh, addPopoverCss as lh, bannerId as ih, removeBannerCss as uh, addBannerCss as ch, menuItemId as dh, removeMenuItemCss as ph, addMenuItemCss as fh, hoverCardId as gh, removeHoverCardCss as vh, addHoverCardCss as mh, menuId as yh, removeMenuCss as bh, addMenuCss as hh, breadcrumbId as Ch, removeBreadcrumbCss as Sh, addBreadcrumbCss as _h, cardId as Oh, removeCardCss as xh, addCardCss as Ph, checkboxId as Bh, removeCheckboxCss as wh, addCheckboxCss as kh, chipGroupId as Ah, removeChipGroupCss as Ih, addChipGroupCss as Th, chipId as Dh, removeChipCss as Eh, addChipCss as Rh, emptyId as zh, removeEmptyCss as Nh, addEmptyCss as Mh, scrollContainerId as $h, removeScrollContainerCss as Lh, addScrollContainerCss as Fh, skeletonId as jh, removeSkeletonCss as qh, addSkeletonCss as Vh, selectId as Uh, removeSelectCss as Hh, addSelectCss as Kh, colorPickerId as Gh, removeColorPickerCss as Wh, addColorPickerCss as Xh, colorSwatchId as Jh, removeColorSwatchCss as Yh, addColorSwatchCss as Zh, colorSwatchGroupId as Qh, removeColorSwatchGroupCss as e0, addColorSwatchGroupCss as t0, colorTriggerId as n0, removeColorTriggerCss as o0, addColorTriggerCss as r0, indentLevelId as a0, removeIndentLevelCss as s0, addIndentLevelCss as l0, treeId as i0, removeTreeCss as u0, addTreeCss as c0, removeGraphicalObjectGroupCss as d0, graphicalObjectGroupId as p0, addGraphicalObjectGroupCss as f0, comboboxId as g0, removeComboboxCss as v0, addComboboxCss as m0, dropZoneId as y0, removeDropZoneCss as b0, addDropZoneCss as h0, imageId as C0, removeImageCss as S0, addImageCss as _0, inputGroupId as O0, removeInputGroupCss as x0, addInputGroupCss as P0, kbdId as B0, removeKbdCss as w0, addKbdCss as k0, shortcutId as A0, removeShortcutCss as I0, addShortcutCss as T0, removeTooltipCss as D0, addTooltipCss as E0, tooltipId as R0, labelId as z0, removeLabelCss as N0, addLabelCss as M0, pageIndicatorId as $0, removePageIndicatorCss as L0, addPageIndicatorCss as F0, segmentedId as j0, removeSegmentedCss as q0, addSegmentedCss as V0, paginationId as U0, removePaginationCss as H0, addPaginationCss as K0, pinInputId as G0, removePinInputCss as W0, addPinInputCss as X0, radioGroupId as J0, removeRadioGroupCss as Y0, addRadioGroupCss as Z0, rateId as Q0, removeRateCss as eC, addRateCss as tC, stepperId as nC, removeStepperCss as oC, addStepperCss as rC, stepsId as aC, removeStepsCss as sC, addStepsCss as lC, switchId as iC, removeSwitchCss as uC, addSwitchCss as cC, tableId as dC, removeTableCss as pC, addTableCss as fC, tcellId as xp, removeTcellCss as Pp, addTcellCss as Bp, trId as gC, removeTrCss as vC, addTrCss as mC, tbodyId as yC, removeTbodyCss as bC, addTbodyCss as hC, theadId as CC, removeTheadCss as SC, addTheadCss as _C, tfootId as OC, removeTfootCss as xC, addTfootCss as PC, tabsId as BC, removeTabsCss as wC, addTabsCss as kC, textareaId as AC, removeTextareaCss as IC, addTextareaCss as TC, toastId as DC, removeToastCss as EC, addToastCss as RC, uploadId as zC, removeUploadCss as NC, addUploadCss as MC } from "@pantograph/styles";
 import { Icon as $C } from "@iconify/vue";
 import wp from "@pantograph/sortable";
@@ -10948,7 +10948,7 @@ const Bd = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, wd = pB, C
     var i;
     ((i = o.value) == null ? void 0 : i.nodeType) === 1 && (r.value = getComputedStyle(o.value).direction);
   };
-  n ? s() : Ge(s);
+  n ? typeof window < "u" && s() : Ge(s);
   const a = (i) => {
     let c = i;
     (!i || !["rtl", "ltr"].includes(i)) && (c = r.value === "ltr" ? "rtl" : "ltr"), o.value && (o.value.dir = c);
@@ -10986,15 +10986,14 @@ const Bd = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, wd = pB, C
   flipOnDir: C(() => "none"),
   toggleDark: mB,
   changeTheme: ri,
-  theme: C(() => Op()),
+  theme: C(() => _p()),
   props: Yu
 }, [hB, ng] = Ne("config-provider"), og = () => hB(tg), [CB, SB] = Ne("dir-config"), _B = () => CB({}), _e = (e) => {
-  const t = og(), n = Bn(), o = _B(), r = C(
-    () => {
-      var i, c;
+  const t = og(), n = Bn(), o = _B(), r = C(() => {
+    var i, c;
+    if (typeof window < "u")
       return ((i = n == null ? void 0 : n.props) == null ? void 0 : i.dir) ?? ((c = o == null ? void 0 : o.dir) == null ? void 0 : c.value) ?? (t == null ? void 0 : t.dir.value);
-    }
-  );
+  });
   return n && !e && SB({ dir: r }), { config: t, getFlipOnDir: (i) => C(
     () => (n == null ? void 0 : n.props)[i] ?? t.props.flipOnDir
   ), dir: r, useCssInJs: (i) => {
@@ -11199,7 +11198,7 @@ const Bd = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, wd = pB, C
       _: 1
     }, 8, ["dir", "as", "class", "style"]));
   }
-}), ug = ["2xsm", "xsm", "sm", "md", "tiny", "tinier"], Oi = ["rect", "pill", "minify"], Ft = ["primary", "gray", ...mp], xn = [
+}), ug = ["2xsm", "xsm", "sm", "md", "tiny", "tinier"], Oi = ["rect", "pill", "minify"], Ft = ["primary", "gray", ...Op], xn = [
   "primary-subtle",
   "red-subtle",
   "orange-subtle",
@@ -12119,7 +12118,7 @@ const fo = [
   "success",
   "warning",
   "neutral",
-  ...mp,
+  ...Op,
   "gray"
 ], oc = ["sm", "md", "lg"], _r = {
   color: "primary",
@@ -13139,7 +13138,7 @@ const Rg = {
     }
   }), g = _t(!0), f = V(n.reference), v = V(), m = ol({ props: n, triggerRef: v }), { getFlipOnDir: b, dir: y } = _e(), h = b("reversePlacementOnDir"), S = (k) => {
     var Y;
-    const P = (Y = e.default) == null ? void 0 : Y.call(e, {}), R = yp(P) ?? null, z = R.length === 1 ? R[0] : R, N = !!(!z || z && bp(z) && !hp(z));
+    const P = (Y = e.default) == null ? void 0 : Y.call(e, {}), R = mp(P) ?? null, z = R.length === 1 ? R[0] : R, N = !!(!z || z && yp(z) && !bp(z));
     g.value = !!(N && n.asChild);
     const $ = a ? 0 : k.tabindex, j = {
       dir: y.value,
@@ -13850,7 +13849,7 @@ const Rg = {
     mask: { type: Boolean },
     beforeClose: { type: Function },
     beforeCloseDebugger: { type: Boolean },
-    to: {},
+    to: { type: [String, Object, Function] },
     animated: { type: [Boolean, String] },
     wrapperCls: { type: [Array, Object, String, Number, null, Boolean] },
     class: { type: [Array, Object, String, Number, null, Boolean] },
@@ -14041,7 +14040,7 @@ const Rg = {
       );
     });
     const a = C(() => ({
-      ...Op(t.theme),
+      ..._p(t.theme),
       dark: r.value
     })), i = V({ active: !1 }), c = (v) => {
       i.value = v;
@@ -17723,8 +17722,8 @@ const wv = {
       var B;
       const S = (B = t.trigger) == null ? void 0 : B.call(t, v.value), x = (() => {
         if (Z(S)) return !1;
-        const w = yp(S) ?? null, k = w.length === 1 ? w[0] : w;
-        return k ? bp(k) && !hp(k) : !0;
+        const w = mp(S) ?? null, k = w.length === 1 ? w[0] : w;
+        return k ? yp(k) && !bp(k) : !0;
       })();
       return E(
         RP,
@@ -17860,7 +17859,7 @@ const wv = {
   name: Eu("SelectWrapper"),
   setup(e, { slots: t }) {
     const n = Mv(), o = Vo(), r = V();
-    Cp({ target: r });
+    hp({ target: r });
     const s = V(), a = ol({ triggerRef: s, props: n.props }), i = ic({
       props: n.props,
       flip: n.flip,
@@ -18195,7 +18194,7 @@ const wv = {
     trailingIcon: { type: [String, Boolean] },
     selectedItemIconAsTrailingIcon: { type: Boolean },
     maxCount: {},
-    to: {},
+    to: { type: [String, Object, Function] },
     placeholder: {},
     indicatorIcon: {},
     options: {},
@@ -22099,7 +22098,7 @@ const Mm = ({
       if (typeof o.virtual == "object")
         Be = o.virtual;
       else {
-        const { virtualizer: me, ...De } = Sp(le);
+        const { virtualizer: me, ...De } = Cp(le);
         Be = me, Ue = De;
       }
     const We = C(
@@ -22727,7 +22726,7 @@ const Mm = ({
     trailingIcon: { type: [String, Boolean] },
     selectedItemIconAsTrailingIcon: { type: Boolean },
     maxCount: {},
-    to: {},
+    to: { type: [String, Object, Function] },
     placeholder: {},
     indicatorIcon: {},
     options: {},
@@ -22900,7 +22899,7 @@ const Mm = ({
       asChild: !0,
       modal: o.disableOutsidePointerEvents
     })), _ = V();
-    Cp({ target: _ });
+    hp({ target: _ });
     const x = wt({
       key: "value",
       getter: o.getValue
@@ -23186,7 +23185,7 @@ const Mm = ({
     });
     let Be, Ue;
     if (o.virtual) {
-      const { virtualizer: U, ...ge } = Sp(
+      const { virtualizer: U, ...ge } = Cp(
         le
       );
       Be = U, Ue = ge;
@@ -23242,7 +23241,7 @@ const Mm = ({
         if (!o.multiple && !Ct(U))
           return j(U);
       }
-    }), { CollectionSlot: ka, CollectionItem: Fe, itemMap: Kn, getItems: Ht } = _p({
+    }), { CollectionSlot: ka, CollectionItem: Fe, itemMap: Kn, getItems: Ht } = Sp({
       isProvider: !0,
       key: Bt
     }), Cn = () => {
@@ -23598,7 +23597,7 @@ const Mm = ({
     option: {}
   },
   setup(e) {
-    const t = e, n = xe(), o = Ba(), { CollectionItem: r } = _p({
+    const t = e, n = xe(), o = Ba(), { CollectionItem: r } = Sp({
       isProvider: !1,
       key: Bt
     }), s = C(() => o.getFlattenOption(t.option)), a = () => E(
@@ -23669,7 +23668,7 @@ const Ec = [
     maskClosable: { type: Boolean },
     beforeClose: { type: Function },
     beforeCloseDebugger: { type: Boolean },
-    to: {},
+    to: { type: [String, Object, Function] },
     animated: { type: [Boolean, String] },
     side: {},
     wrapperCls: { type: [Array, Object, String, Number, null, Boolean] },
@@ -28338,7 +28337,7 @@ const _I = (e, t, n = 1024 * 1024) => {
 Object.assign(Au, ue(Au, "Upload"));
 Object.assign(Ms, ue(Ms, "UploadList"));
 Object.assign($s, ue($s, "UploadTrigger"));
-const II = "0.34.20", TI = function(e, t = {}) {
+const II = "0.34.22", TI = function(e, t = {}) {
   const { cssInJs: n } = t;
   return e.config.globalProperties.$pantographCssInJs = n, import("@pantograph/tokens/style/index.css"), n || import("@pantograph/styles/index.css"), Object.values(LC).forEach((o) => {
     o.install && e.use(o);