@pantograph/vue 0.23.3 → 0.23.5

package/dist/Popover.vue_vue_type_style_index_0_lang-B-MX4Q7D.js

@@ -1,242 +0,0 @@
-import { computed as f, getCurrentInstance as H, unref as u, defineComponent as ae, useSlots as le, ref as ce, createBlock as F, openBlock as z, resolveDynamicComponent as A, mergeProps as W, withCtx as w, renderSlot as R, normalizeProps as pe, guardReactiveProps as de, withDirectives as ue, vShow as fe } from "vue";
-import { getBemBlock as me, getBemElement as V, generateVariantClassList as ge } from "@pantograph/utils";
-import { cva as Pe } from "class-variance-authority";
-import { useEmitAsProps as ye, HoverCardRoot as ve, PopoverRoot as he, HoverCardTrigger as Oe, PopoverTrigger as Ce, HoverCardPortal as De, PopoverPortal as Se, HoverCardContent as be, PopoverContent as Be } from "reka-ui";
-import { g as Ne } from "./options-D4et5euX.js";
-import { v as t, q as Fe, o as ze, j, s as Ae, u as we } from "./Icon.vue_vue_type_style_index_0_lang-Kn_r4tp8.js";
-import { f as Ie, a as Me, i as ke } from "./element-BfQuKSll.js";
-const Ee = ["sm", "md", "lg"], Ge = [
-  "top",
-  "top-start",
-  "top-end",
-  "bottom",
-  "bottom-start",
-  "bottom-end",
-  "right",
-  "right-start",
-  "right-end",
-  "left",
-  "left-start",
-  "left-end"
-], Le = (r = "default") => f(() => {
-  var n, p;
-  const a = H(), c = Ie((p = (n = a == null ? void 0 : a.slots) == null ? void 0 : n[r]) == null ? void 0 : p.call(n, {})) ?? null, l = c.length === 1 ? c[0] : c;
-  return l ? Me(l) && !ke(l) : !0;
-}), Ue = ["to", "disabled", "forceMount"], s = Object.fromEntries(Ue.map((r) => [r, r])), $e = ({ triggerRef: r, props: a }, c = s) => f(() => {
-  var y, v, h, O, C;
-  const {
-    to: l = s.to,
-    forceMount: n = s.forceMount,
-    disabled: p = s.disabled
-  } = c, m = H(), o = a ?? (m == null ? void 0 : m.props) ?? {}, e = t(o, l), P = t(o, p), D = t(o, n);
-  let g = ((y = u(e)) == null ? void 0 : y.$el) ?? u(e);
-  if (e instanceof Function) {
-    const S = ((h = (v = r.value) == null ? void 0 : v.$el) == null ? void 0 : h.nodeName) !== "#text" ? (O = r.value) == null ? void 0 : O.$el : (C = r.value) == null ? void 0 : C.$el.nextSibling;
-    g = e(S);
-  }
-  return {
-    to: g,
-    disabled: P,
-    forceMount: D
-  };
-}), We = [
-  "prioritizePosition",
-  "placement",
-  "sideOffset",
-  "alignOffset",
-  "sticky",
-  "collisionBoundary",
-  "avoidCollisions",
-  "collisionPadding",
-  "forceMount",
-  "disableUpdateOnLayoutShift",
-  "hideWhenDetached",
-  "positionStrategy",
-  "reference",
-  "updatePositionStrategy",
-  "autoFocusInside",
-  "containerProps"
-], je = Object.fromEntries(We.map((r) => [r, r])), He = ({
-  props: r,
-  flip: a,
-  _dir: c,
-  controlAutoFocus: l,
-  extraPropNames: n,
-  emitsAsProps: p
-}, m = je) => f(() => {
-  var _;
-  const o = H(), e = r ?? (o == null ? void 0 : o.props) ?? {}, {
-    prioritizePosition: P = s.prioritizePosition,
-    placement: D = s.placement,
-    sideOffset: g = s.sideOffset,
-    alignOffset: y = s.alignOffset,
-    sticky: v = s.sticky,
-    collisionBoundary: h = s.collisionBoundary,
-    avoidCollisions: O = s.avoidCollisions,
-    collisionPadding: C = s.collisionPadding,
-    forceMount: S = s.forceMount,
-    disableUpdateOnLayoutShift: I = s.disableUpdateOnLayoutShift,
-    hideWhenDetached: M = s.hideWhenDetached,
-    positionStrategy: k = s.positionStrategy,
-    reference: E = s.reference,
-    updatePositionStrategy: L = s.updatePositionStrategy,
-    autoFocusInside: i = s.autoFocusInside,
-    containerProps: K = s.containerProps
-  } = m, U = t(e, P), b = t(e, D), q = t(e, g), x = t(e, y), G = t(e, v), J = t(e, h), Q = t(e, O), X = t(e, C), Y = t(e, S), Z = t(e, I), ee = t(e, M), oe = t(e, k), te = t(e, E), se = t(e, L), T = t(e, i), ne = t(e, K);
-  let [
-    N = "bottom",
-    re = "center"
-  ] = ((_ = b == null ? void 0 : b.split) == null ? void 0 : _.call(b, "-")) || ["bottom", "center"];
-  a.value && c.value && c.value === a.value && (N = {
-    right: "left",
-    left: "right"
-  }[N] ?? N);
-  const $ = {};
-  l && ($.onCloseAutoFocus = (d) => {
-    var B;
-    T || d.preventDefault(), (B = o == null ? void 0 : o.emit) == null || B.call(o, "closeAutoFocus", d);
-  }, $.onOpenAutoFocus = (d) => {
-    var B;
-    T || d.preventDefault(), (B = o == null ? void 0 : o.emit) == null || B.call(o, "openAutoFocus", d);
-  });
-  const ie = Fe(
-    Object.fromEntries(
-      (Array.isArray(n) ? n : []).map((d) => [d, t(e, d)])
-    ),
-    Ae
-  );
-  return {
-    ...j(
-      p,
-      "onEscapeKeyDown",
-      "onFocusOutside",
-      "onInteractOutside",
-      "onPointerDownOutside"
-    ),
-    ...ze(ne ?? {}, "class"),
-    ...ie,
-    sticky: G,
-    prioritizePosition: U,
-    side: N,
-    align: re,
-    sideOffset: q,
-    alignOffset: x,
-    collisionBoundary: J,
-    avoidCollisions: Q,
-    collisionPadding: X,
-    forceMount: Y,
-    disableUpdateOnLayoutShift: Z,
-    hideWhenDetached: ee,
-    positionStrategy: oe,
-    reference: te,
-    updatePositionStrategy: se,
-    ...$
-  };
-}), Je = /* @__PURE__ */ ae({
-  ...Ne("Popover", !1),
-  __name: "Popover",
-  props: {
-    dir: {},
-    class: {},
-    containerCls: {},
-    containerProps: {},
-    trigger: { default: "hover" },
-    size: { default: "md" },
-    to: {},
-    placement: { default: "bottom" },
-    reversePlacementOnDir: {},
-    autoFocusInside: { type: Boolean },
-    zIndex: {},
-    defaultOpen: { type: Boolean },
-    open: { type: Boolean, default: void 0 },
-    openDelay: {},
-    closeDelay: {},
-    disabled: { type: Boolean },
-    defer: { type: Boolean },
-    forceMount: { type: Boolean },
-    sideOffset: {},
-    alignOffset: {},
-    avoidCollisions: { type: Boolean },
-    collisionBoundary: {},
-    collisionPadding: {},
-    arrowPadding: {},
-    sticky: { default: "always" },
-    hideWhenDetached: { type: Boolean },
-    positionStrategy: {},
-    updatePositionStrategy: {},
-    disableUpdateOnLayoutShift: { type: Boolean },
-    prioritizePosition: { type: Boolean, default: !0 },
-    reference: {},
-    disableOutsidePointerEvents: { type: Boolean }
-  },
-  emits: ["update:open", "escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "openAutoFocus", "closeAutoFocus"],
-  setup(r, { emit: a }) {
-    const l = ye(a), n = r, p = me("popover"), m = V(p, "trigger"), o = V(p, "content"), e = Pe(o, {
-      variants: {
-        size: ge(Ee, o)
-      }
-    });
-    le();
-    const P = Le(), D = f(() => ({
-      ...j(n, "open", "defaultOpen"),
-      ...j(l, "onUpdate:open")
-    })), g = ce(), y = $e({ triggerRef: g }), v = f(() => n.trigger === "hover" ? ve : he), h = f(() => n.trigger === "hover" ? Oe : Ce), O = f(() => n.trigger === "hover" ? De : Se), C = f(() => n.trigger === "hover" ? be : Be), { getFlipOnDir: S, getDir: I } = we(), M = S("reversePlacementOnDir"), k = I(), E = He({
-      emitsAsProps: l,
-      flip: M,
-      _dir: k,
-      controlAutoFocus: !0
-    }), L = (i) => {
-      n.trigger === "hover" && i.stopPropagation();
-    };
-    return (i, K) => (z(), F(A(v.value), W({
-      key: u(P)
-    }, D.value, {
-      openDelay: i.openDelay,
-      closeDelay: i.closeDelay
-    }), {
-      default: w(({ open: U }) => [
-        (z(), F(A(h.value), W({
-          asChild: u(P),
-          as: "span",
-          class: [u(m), n.class],
-          onPointerdown: L
-        }, i.$attrs, {
-          dir: i.dir,
-          ref_key: "triggerRef",
-          ref: g
-        }), {
-          default: w(() => [
-            R(i.$slots, "default")
-          ]),
-          _: 3
-        }, 16, ["asChild", "class", "dir"])),
-        (z(), F(A(O.value), pe(de(u(y))), {
-          default: w(() => [
-            ue((z(), F(A(C.value), W({
-              style: { zIndex: i.zIndex }
-            }, u(E), {
-              class: [u(e)({ size: i.size }), i.$attrs.containerClass, i.containerCls]
-            }), {
-              default: w(() => [
-                R(i.$slots, "content")
-              ]),
-              _: 2
-            }, 1040, ["style", "class"])), [
-              [fe, U]
-            ])
-          ]),
-          _: 2
-        }, 1040))
-      ]),
-      _: 3
-    }, 16, ["openDelay", "closeDelay"]));
-  }
-});
-export {
-  Ee as P,
-  Je as _,
-  Ge as a,
-  $e as b,
-  He as c,
-  Le as g
-};

package/dist/Popover.vue_vue_type_style_index_0_lang-BnKgARrA.js

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

package/dist/RadioGroup.vue_vue_type_script_setup_true_lang-Dq66i_P9.js

@@ -1 +0,0 @@
-"use strict";const e=require("vue"),i=require("reka-ui"),k=require("class-variance-authority"),C=require("./Icon.vue_vue_type_style_index_0_lang-Cc8Uh2lr.js"),b=require("./options-CWrQ7gsa.js"),v=require("./useInputDataStates-C6bS7MJv.js"),t=require("@pantograph/utils"),V=["for"],l=t.getBemBlock("radio_group"),_=e.defineComponent({...b.getComponentOptions("RadioGroupItem"),__name:"RadioGroupItem",props:{class:{},rootCls:{},labelCls:{},label:{},id:{},value:{},disabled:{type:Boolean},name:{},required:{type:Boolean}},emits:["update:modelValue","blur","focus"],setup(u,{emit:c}){const o=u,s=t.getBemElement(l,"item"),d=e.useSlots(),m=c,r=e.computed(()=>o.id??t.usePCId(s)),{rootBindings:p,inputBindings:n}=v.UseInputDataStates({getDisabled:()=>o.disabled,emit:m}),f=e.computed(()=>({...C.omit(o,"class","id","rootCls","labelCls","label"),id:r.value,...n.value})),B=e.computed(()=>!!(d.label||o.label));return(a,g)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({class:[e.unref(t.getBemElement)(e.unref(s),"root"),a.rootCls]},e.unref(p)),[e.createVNode(e.unref(i.RadioGroupItem),e.mergeProps({class:[e.unref(s),o.class]},f.value),{default:e.withCtx(()=>[e.createVNode(e.unref(i.RadioGroupIndicator),{class:e.normalizeClass(e.unref(t.getBemElement)(e.unref(s),"indicator")),as:"div"},null,8,["class"])]),_:1},16,["class"]),B.value?(e.openBlock(),e.createElementBlock("label",{key:0,class:e.normalizeClass([e.unref(t.getBemElement)(e.unref(s),"label"),a.labelCls]),for:r.value},[e.renderSlot(a.$slots,"label",{},()=>[e.createTextVNode(e.toDisplayString(a.label),1)])],10,V)):e.createCommentVNode("",!0)],16))}}),h=["2xsm","xsm"],y=e.defineComponent({...b.getComponentOptions("RadioGroup"),__name:"RadioGroup",props:{items:{},options:{},size:{default:"xsm"},class:{},modelValue:{},defaultValue:{},disabled:{type:Boolean},orientation:{default:"vertical"},dir:{},loop:{type:Boolean},asChild:{type:Boolean},as:{},name:{},required:{type:Boolean}},emits:["update:modelValue"],setup(u,{emit:c}){const o=u,s=c,d=e.computed(()=>C.omit(o,"items","options","class")),m=i.useForwardPropsEmits(d,s),r=k.cva(l,{variants:{size:t.generateVariantClassList(h,l),orientation:t.generateVariantClassList(["vertical","horizontal"],l)}}),{getDisabled:p}=v.useFormInput(),n=e.computed(()=>o.options??o.items);return(f,B)=>(e.openBlock(),e.createBlock(e.unref(i.RadioGroupRoot),e.mergeProps({...e.unref(m),disabled:e.unref(p)},{class:[e.unref(r)(o),o.class]}),{default:e.withCtx(()=>[e.renderSlot(f.$slots,"default",{},()=>{var a;return[(a=n.value)!=null&&a.length?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(n.value,g=>(e.openBlock(),e.createBlock(_,e.mergeProps({ref_for:!0},g),null,16))),256)):e.createCommentVNode("",!0)]})]),_:3},16,["class"]))}});exports._sfc_main=y;exports._sfc_main$1=_;

package/dist/ScrollContainer.vue_vue_type_style_index_0_lang-CMdXXxZr.js

@@ -1 +0,0 @@
-"use strict";const e=require("vue"),a=require("reka-ui"),O=require("class-variance-authority"),s=require("@pantograph/utils"),n=require("@vueuse/core"),X=require("./Icon.vue_vue_type_style_index_0_lang-Cc8Uh2lr.js"),l=s.getBemBlock("scroll_container"),Y=e.defineComponent({__name:"Mask",props:{topVisible:{type:Boolean},bottomVisible:{type:Boolean},endVisible:{type:Boolean},startVisible:{type:Boolean}},setup(c){const u=c,t=s.getBemElement(l,"mask"),i=O.cva(t,{variants:{topVisible:s.generateVariantClassList("top-visible",t),bottomVisible:s.generateVariantClassList("bottom-visible",t),startVisible:s.generateVariantClassList("start-visible",t),endVisible:s.generateVariantClassList("end-visible",t)}});return(b,p)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(i)(u))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(s.getBemElement)(e.unref(t),"top"))},null,2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(s.getBemElement)(e.unref(t),"bottom"))},null,2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(s.getBemElement)(e.unref(t),"start"))},null,2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(s.getBemElement)(e.unref(t),"end"))},null,2)],2))}}),F=["auto","always","scroll","hover"],R=["sm","md","lg"],U=e.defineComponent({inheritAttrs:!1,__name:"ScrollContainer",props:{scrollDistance:{default:10},scrollHideDelay:{default:200},dir:{},type:{default:"hover"},hasMask:{type:Boolean},size:{default:"md"},scrollbarCls:{},wrapCls:{},areaCls:{},rootCls:{},thumbCls:{},cornerCls:{},rootProps:{},overlay:{type:Boolean,default:!0},color:{}},emits:["loadMore"],setup(c,{expose:u,emit:t}){const i=c,b=t,p=O.cva(l,{variants:{size:s.generateVariantClassList(R,l),overlay:s.generateVariantClassList("overlay",l),isOverflowX:s.generateVariantClassList("overflowed-x",l),isOverflowY:s.generateVariantClassList("overflowed-y",l),hasMask:s.generateVariantClassList("has-mask",l)}}),f=s.getBemElement(l,"scroll_bar"),C=s.getBemElement(f,"thumb"),{config:q}=X.useConfig(),D=e.computed(()=>i.dir?i.dir:q.dir.value),V=e.ref(),H=n.useElementVisibility(V),y=e.ref(),P=n.useElementVisibility(y),h=e.ref(),T=n.useElementVisibility(h),g=e.ref(),m=e.shallowRef(!1),{stop:$}=n.useIntersectionObserver(g,([{isIntersecting:r}])=>{r?(b("loadMore"),m.value=!0):m.value=!1});e.onBeforeUnmount($);const o=e.ref(),B=e.ref(),k=e.ref(),w=e.shallowRef(!1),E=e.shallowRef(!1),d=n.useDebounceFn(()=>{var r,v,z,S,N,_,M,A,L;e.unref((r=o.value)==null?void 0:r.viewport)&&(w.value=(((z=(v=e.unref(o.value))==null?void 0:v.viewport)==null?void 0:z.offsetWidth)||0)<(((N=(S=e.unref(o.value))==null?void 0:S.viewport)==null?void 0:N.scrollWidth)||0),E.value=(((M=(_=e.unref(o.value))==null?void 0:_.viewport)==null?void 0:M.offsetHeight)||0)<(((L=(A=e.unref(o.value))==null?void 0:A.viewport)==null?void 0:L.scrollHeight)||0))},10);return e.onMounted(()=>d()),n.useResizeObserver(o,d),n.useResizeObserver(k,d),u({container:B,root:o}),(r,v)=>(e.openBlock(),e.createBlock(e.unref(a.ScrollAreaRoot),e.mergeProps({class:[e.unref(p)({overlay:r.overlay,isOverflowX:w.value,isOverflowY:E.value,hasMask:r.hasMask,size:r.size}),r.rootCls],scrollHideDelay:i.scrollHideDelay,dir:D.value,type:i.type},r.rootProps,{style:{"--ptc-scroll-container-color":r.color},ref_key:"root",ref:o}),{default:e.withCtx(()=>[e.createVNode(e.unref(a.ScrollAreaViewport),e.mergeProps({class:[e.unref(s.getBemElement)(e.unref(l),"area"),r.areaCls]},r.$attrs,{ref_key:"container",ref:B,"as-child":""}),{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass([e.unref(s.getBemElement)(e.unref(l),"area__wrap"),r.wrapCls]),ref_key:"wrap",ref:k},[e.renderSlot(r.$slots,"default"),r.hasMask?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("div",{ref_key:"top",ref:V,class:e.normalizeClass(e.unref(s.getBemElement)(e.unref(l),"top_observer"))},null,2),e.createElementVNode("div",{ref_key:"end",ref:y,class:e.normalizeClass(e.unref(s.getBemElement)(e.unref(l),"end_observer"))},null,2),e.createElementVNode("div",{ref_key:"start",ref:h,class:e.normalizeClass(e.unref(s.getBemElement)(e.unref(l),"start_observer"))},null,2),e.createElementVNode("div",{ref_key:"bottom",ref:g,class:e.normalizeClass(e.unref(s.getBemElement)(e.unref(l),"bottom_observer"))},null,2)],64)):e.createCommentVNode("",!0)],2)]),_:3},16,["class"]),r.hasMask?(e.openBlock(),e.createBlock(Y,{key:0,topVisible:e.unref(H),bottomVisible:m.value,endVisible:e.unref(P),startVisible:e.unref(T)},null,8,["topVisible","bottomVisible","endVisible","startVisible"])):e.createCommentVNode("",!0),e.createVNode(e.unref(a.ScrollAreaScrollbar),{class:e.normalizeClass([e.unref(f),r.scrollbarCls]),orientation:"vertical",ref:"vertical"},{default:e.withCtx(()=>[e.createVNode(e.unref(a.ScrollAreaThumb),{class:e.normalizeClass([e.unref(C),r.thumbCls])},null,8,["class"])]),_:1},8,["class"]),e.createVNode(e.unref(a.ScrollAreaScrollbar),{class:e.normalizeClass([e.unref(f),r.scrollbarCls]),orientation:"horizontal",ref:"horizontal"},{default:e.withCtx(()=>[e.createVNode(e.unref(a.ScrollAreaThumb),{class:e.normalizeClass([e.unref(C),r.thumbCls])},null,8,["class"])]),_:1},8,["class"]),e.createVNode(e.unref(a.ScrollAreaCorner),{ref:"corner",class:e.normalizeClass(r.cornerCls)},null,8,["class"]),e.renderSlot(r.$slots,"root")]),_:3},16,["class","scrollHideDelay","dir","type","style"]))}});exports.ScrollContainerSizes=R;exports.ScrollContainerTypes=F;exports._sfc_main=U;