@pantograph/vue 0.23.9 → 0.23.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Alert/index.js +1 -1
- package/dist/Alert/index.umd.cjs +1 -1
- package/dist/{Alert.vue_vue_type_style_index_0_lang-CJaF3EK7.js → Alert.vue_vue_type_style_index_0_lang-CUR82Yi8.js} +1 -1
- package/dist/{Alert.vue_vue_type_style_index_0_lang-Cai14H0F.js → Alert.vue_vue_type_style_index_0_lang-Cqw38lal.js} +1 -1
- package/dist/Avatar/index.js +1 -1
- package/dist/Avatar/index.umd.cjs +1 -1
- package/dist/{Avatar.vue_vue_type_style_index_0_lang-qdpWeyHy.js → Avatar.vue_vue_type_style_index_0_lang-CjZaT7j5.js} +1 -1
- package/dist/{Avatar.vue_vue_type_style_index_0_lang-CyJGai1W.js → Avatar.vue_vue_type_style_index_0_lang-DdGYoU7N.js} +1 -1
- package/dist/AvatarGroup/index.js +1 -1
- package/dist/AvatarGroup/index.umd.cjs +1 -1
- package/dist/Chip/index.js +2 -2
- package/dist/Chip/index.umd.cjs +1 -1
- package/dist/{Chip.vue_vue_type_style_index_0_lang-q4obFRun.js → Chip.vue_vue_type_style_index_0_lang-7phuC3Tb.js} +1 -1
- package/dist/{Chip.vue_vue_type_style_index_0_lang-qncbXz02.js → Chip.vue_vue_type_style_index_0_lang-BL8Jl9rC.js} +1 -1
- package/dist/ChipGroup/index.js +1 -1
- package/dist/ChipGroup/index.umd.cjs +1 -1
- package/dist/{ChipGroup.vue_vue_type_style_index_0_lang-pAbdjmHE.js → ChipGroup.vue_vue_type_style_index_0_lang-C7fJePEO.js} +1 -1
- package/dist/{ChipGroup.vue_vue_type_style_index_0_lang-BFKwogR0.js → ChipGroup.vue_vue_type_style_index_0_lang-Cm8KJ-J6.js} +1 -1
- package/dist/ColorSwatch/index.js +1 -1
- package/dist/ColorSwatch/index.umd.cjs +1 -1
- package/dist/{ColorSwatch-BrVtGQ8o.js → ColorSwatch-ChISdIrt.js} +1 -1
- package/dist/{ColorSwatch-BSqFFWRL.js → ColorSwatch-DTzJseX-.js} +1 -1
- package/dist/{ColorSwatch.vue_vue_type_style_index_0_lang-C3iqxh5D.js → ColorSwatch.vue_vue_type_style_index_0_lang-BJFHkRff.js} +1 -1
- package/dist/{ColorSwatch.vue_vue_type_style_index_0_lang-BtD8iSwd.js → ColorSwatch.vue_vue_type_style_index_0_lang-CLrfEhu5.js} +1 -1
- package/dist/ColorSwatchGroup/index.js +1 -1
- package/dist/ColorSwatchGroup/index.umd.cjs +1 -1
- package/dist/{ColorSwatchGroup.vue_vue_type_style_index_0_lang-DxmTzGB6.js → ColorSwatchGroup.vue_vue_type_style_index_0_lang-CnVrUXzU.js} +1 -1
- package/dist/{ColorSwatchGroup.vue_vue_type_style_index_0_lang-7nyn9UPr.js → ColorSwatchGroup.vue_vue_type_style_index_0_lang-DLEDGyMm.js} +2 -2
- package/dist/ColorTrigger/index.js +1 -1
- package/dist/ColorTrigger/index.umd.cjs +1 -1
- package/dist/{ColorTrigger.vue_vue_type_style_index_0_lang-BBSYObz2.js → ColorTrigger.vue_vue_type_style_index_0_lang-B8cne0IO.js} +1 -1
- package/dist/{ColorTrigger.vue_vue_type_style_index_0_lang-Ca3yrvsq.js → ColorTrigger.vue_vue_type_style_index_0_lang-CmqGC-WK.js} +1 -1
- package/dist/Combobox/index.js +1 -1
- package/dist/Combobox/index.umd.cjs +1 -1
- package/dist/{Combobox.vue_vue_type_style_index_0_lang-DTko3H3F.js → Combobox.vue_vue_type_style_index_0_lang-BGCy4N1_.js} +1 -1
- package/dist/{Combobox.vue_vue_type_style_index_0_lang-yow5XVz6.js → Combobox.vue_vue_type_style_index_0_lang-DMhA35DR.js} +8 -8
- package/dist/DataTable/index.js +1 -1
- package/dist/DataTable/index.umd.cjs +1 -1
- package/dist/{DataTable.vue_vue_type_style_index_0_lang-8Bp4vLtf.js → DataTable.vue_vue_type_style_index_0_lang-DFmpGlou.js} +1 -1
- package/dist/{DataTable.vue_vue_type_style_index_0_lang-C-IX8JWd.js → DataTable.vue_vue_type_style_index_0_lang-DP2uWM18.js} +2 -2
- package/dist/GOPicker/index.js +1 -1
- package/dist/GOPicker/index.umd.cjs +1 -1
- package/dist/GraphicalObject/index.js +1 -1
- package/dist/GraphicalObject/index.umd.cjs +1 -1
- package/dist/{GraphicalObject.vue_vue_type_script_setup_true_lang-DLtfk2Qg.js → GraphicalObject.vue_vue_type_script_setup_true_lang-BY8z0E2H.js} +1 -1
- package/dist/{GraphicalObject.vue_vue_type_script_setup_true_lang-PyVOSOe3.js → GraphicalObject.vue_vue_type_script_setup_true_lang-Jl7yqJGb.js} +1 -1
- package/dist/GraphicalObjectGroup/index.js +1 -1
- package/dist/GraphicalObjectGroup/index.umd.cjs +1 -1
- package/dist/{GraphicalObjectGroup.vue_vue_type_style_index_0_lang-B2WcOZnc.js → GraphicalObjectGroup.vue_vue_type_style_index_0_lang-CBAeLQsP.js} +1 -1
- package/dist/{GraphicalObjectGroup.vue_vue_type_style_index_0_lang-C3Vv_V38.js → GraphicalObjectGroup.vue_vue_type_style_index_0_lang-YIQ8fzAN.js} +1 -1
- package/dist/IndentLevel/index.js +1 -1
- package/dist/IndentLevel/index.umd.cjs +1 -1
- package/dist/{IndentLevel.vue_vue_type_style_index_0_lang-C5o331Hd.js → IndentLevel.vue_vue_type_style_index_0_lang-DPQWOKJ3.js} +1 -1
- package/dist/{IndentLevel.vue_vue_type_style_index_0_lang-_NIazt15.js → IndentLevel.vue_vue_type_style_index_0_lang-J9o0DIoS.js} +1 -1
- package/dist/Menu/Menu.d.ts +1 -0
- package/dist/Menu/index.js +1 -1
- package/dist/Menu/index.umd.cjs +1 -1
- package/dist/MenuItem/index.js +1 -1
- package/dist/MenuItem/index.umd.cjs +1 -1
- package/dist/MenuItem.vue_vue_type_style_index_0_lang-D41a99SS.js +1 -0
- package/dist/{MenuItem.vue_vue_type_style_index_0_lang-DPbtkHtq.js → MenuItem.vue_vue_type_style_index_0_lang-DLi2Epne.js} +195 -193
- package/dist/Popover/index.js +1 -1
- package/dist/Popover/index.umd.cjs +1 -1
- package/dist/Popover.vue_vue_type_style_index_0_lang-BczEAkOq.js +243 -0
- package/dist/Popover.vue_vue_type_style_index_0_lang-CWRuaV3c.js +1 -0
- package/dist/Select/index.js +1 -1
- package/dist/Select/index.umd.cjs +1 -1
- package/dist/{Select.vue_vue_type_style_index_0_lang-CVO-Nn-q.js → Select.vue_vue_type_style_index_0_lang-DN6_sEMr.js} +3 -3
- package/dist/{Select.vue_vue_type_style_index_0_lang-BG8RpKu4.js → Select.vue_vue_type_style_index_0_lang-DX1HUpuL.js} +1 -1
- package/dist/SubMenu/index.js +1 -1
- package/dist/SubMenu/index.umd.cjs +1 -1
- package/dist/Tree/TreeNode.d.ts +1 -64
- package/dist/Tree/index.js +1 -1
- package/dist/Tree/index.umd.cjs +1 -1
- package/dist/{Tree.vue_vue_type_style_index_0_lang-D-ct8_9s.js → Tree.vue_vue_type_style_index_0_lang-C4bmWRCg.js} +517 -514
- package/dist/Tree.vue_vue_type_style_index_0_lang-bqFbT4Ov.js +6 -0
- package/dist/{getEmojiList-COxfCFY9.js → getEmojiList-BK66-kTo.js} +1 -1
- package/dist/{getEmojiList-w6O2liR2.js → getEmojiList-ryqar-WO.js} +4 -4
- package/dist/index.js +17 -17
- package/dist/index.umd.cjs +1 -1
- package/package.json +3 -3
- package/dist/MenuItem.vue_vue_type_style_index_0_lang-B43jOe4U.js +0 -1
- package/dist/Popover.vue_vue_type_style_index_0_lang-Yli31kJD.js +0 -241
- package/dist/Popover.vue_vue_type_style_index_0_lang-bZzTBnW7.js +0 -1
- package/dist/Tree.vue_vue_type_style_index_0_lang-Bg3M96gS.js +0 -6
package/dist/Alert/index.js
CHANGED
package/dist/Alert/index.umd.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Alert.vue_vue_type_style_index_0_lang-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Alert.vue_vue_type_style_index_0_lang-CUR82Yi8.js");exports.Alert=e._sfc_main;exports.AlertTypes=e.AlertTypes;exports.default=e._sfc_main;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const e=require("vue"),o=require("@pantograph/utils"),f=require("class-variance-authority"),y=require("./options-CWrQ7gsa.js"),B=require("./IconButton.vue_vue_type_script_setup_true_lang-mS3fxFE_.js");require("./Button.vue_vue_type_script_setup_true_lang-BzgGLJqR.js");const k=require("./GraphicalObject.vue_vue_type_script_setup_true_lang-
|
|
1
|
+
"use strict";const e=require("vue"),o=require("@pantograph/utils"),f=require("class-variance-authority"),y=require("./options-CWrQ7gsa.js"),B=require("./IconButton.vue_vue_type_script_setup_true_lang-mS3fxFE_.js");require("./Button.vue_vue_type_script_setup_true_lang-BzgGLJqR.js");const k=require("./GraphicalObject.vue_vue_type_script_setup_true_lang-Jl7yqJGb.js"),C=require("./Link.vue_vue_type_style_index_0_lang-C1i1VsGw.js"),i=["info","success","danger","warning","hint"],b=e.defineComponent({...y.getComponentOptions("Alert"),__name:"Alert",props:{type:{default:"hint"},closeable:{type:Boolean},class:{},icon:{},iconCls:{},bodyCls:{},closeableCls:{},fg:{},br:{},bg:{},title:{},titleCls:{},description:{},descriptionCls:{},link:{type:Boolean},linkProps:{}},emits:["close"],setup(c,{emit:p}){const s=c,u=p,l=o.getBemBlock("alert"),m=f.cva(l,{variants:{type:o.generateVariantClassList(i,l)}}),n=e.useSlots(),d={success:"tabler:circle-check",warning:"tabler:alert-triangle",danger:"tabler:circle-x",hint:"tabler:bulb",info:"tabler:info-circle"},r=e.computed(()=>s.icon??d[s.type]);return(t,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(m)({type:t.type}),s.class]),style:e.normalizeStyle({"--ptc-alert-fg":t.fg,"--ptc-alert-bg":t.bg,"--ptc-alert-br":t.br})},[n.icon||r.value?(e.openBlock(),e.createBlock(k._sfc_main,{key:0,size:"md",icon:r.value,class:e.normalizeClass([e.unref(o.getBemElement)(e.unref(l),"icon"),t.iconCls])},e.createSlots({_:2},[n.icon?{name:"icon",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"icon")]),key:"0"}:void 0]),1032,["icon","class"])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass([e.unref(o.getBemElement)(e.unref(l),"body"),t.bodyCls])},[e.renderSlot(t.$slots,"default",{},()=>[t.title||n.title?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(o.getBemElement)(e.unref(l),"title"),t.titleCls,"paragraph"])},[e.renderSlot(t.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(t.title),1)])],2)):e.createCommentVNode("",!0),t.description||n.description?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass([e.unref(o.getBemElement)(e.unref(l),"description"),t.descriptionCls,"paragraph"])},[e.renderSlot(t.$slots,"description",{},()=>[e.createTextVNode(e.toDisplayString(t.description),1)])],2)):e.createCommentVNode("",!0),t.link||n.link?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(e.unref(o.getBemElement)(e.unref(l),"action"))},[e.renderSlot(t.$slots,"link",{},()=>[e.createVNode(C._sfc_main,e.normalizeProps(e.guardReactiveProps(t.linkProps)),null,16)])],2)):e.createCommentVNode("",!0)])],2),s.closeable||n.closeable?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass([e.unref(o.getBemElement)(e.unref(l),"closeable"),t.closeableCls])},[e.renderSlot(t.$slots,"closeable",{},()=>[e.createVNode(B._sfc_main,{icon:"tabler:x",color:"neutral",type:"ghost",onClick:a[0]||(a[0]=g=>u("close",g))})])],2)):e.createCommentVNode("",!0)],6))}});exports.AlertTypes=i;exports._sfc_main=b;
|
|
@@ -4,7 +4,7 @@ import { cva as D } from "class-variance-authority";
|
|
|
4
4
|
import { g as L } from "./options-D4et5euX.js";
|
|
5
5
|
import { _ as M } from "./IconButton.vue_vue_type_script_setup_true_lang-yCbmuM4V.js";
|
|
6
6
|
import "./Button.vue_vue_type_script_setup_true_lang-DIWm889s.js";
|
|
7
|
-
import { _ as O } from "./GraphicalObject.vue_vue_type_script_setup_true_lang-
|
|
7
|
+
import { _ as O } from "./GraphicalObject.vue_vue_type_script_setup_true_lang-BY8z0E2H.js";
|
|
8
8
|
import { _ as R } from "./Link.vue_vue_type_style_index_0_lang-BrS3jRuX.js";
|
|
9
9
|
const j = ["info", "success", "danger", "warning", "hint"], W = /* @__PURE__ */ $({
|
|
10
10
|
...L("Alert"),
|
package/dist/Avatar/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { _ as t, c as r, b as e, A, a as v, _ as n } from "../Avatar.vue_vue_type_style_index_0_lang-
|
|
1
|
+
import { _ as t, c as r, b as e, A, a as v, _ as n } from "../Avatar.vue_vue_type_style_index_0_lang-DdGYoU7N.js";
|
|
2
2
|
export {
|
|
3
3
|
t as Avatar,
|
|
4
4
|
r as AvatarOnlineAlignments,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Avatar.vue_vue_type_style_index_0_lang-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Avatar.vue_vue_type_style_index_0_lang-CjZaT7j5.js");exports.Avatar=e._sfc_main;exports.AvatarOnlineAlignments=e.AvatarOnlineAlignments;exports.AvatarShapes=e.AvatarShapes;exports.AvatarSizes=e.AvatarSizes;exports.AvatarStrokes=e.AvatarStrokes;exports.default=e._sfc_main;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const e=require("vue"),p=require("reka-ui"),n=require("@pantograph/utils"),B=require("class-variance-authority"),x=require("./options-CWrQ7gsa.js"),E=require("./Popover.vue_vue_type_style_index_0_lang-
|
|
1
|
+
"use strict";const e=require("vue"),p=require("reka-ui"),n=require("@pantograph/utils"),B=require("class-variance-authority"),x=require("./options-CWrQ7gsa.js"),E=require("./Popover.vue_vue_type_style_index_0_lang-CWRuaV3c.js");require("@iconify/vue");const b=require("./Icon.vue_vue_type_style_index_0_lang-D3cRtJNJ.js"),N=require("./Indicator.vue_vue_type_script_setup_true_lang-CgN-sjj_.js"),G=require("./element-BjE0SVc4.js"),[y,S]=p.createContext("AvatarGroup"),w=e.defineComponent({...x.getComponentOptions("AvatarGroup"),__name:"AvatarGroup",props:{class:{},gutter:{type:Boolean},size:{},shape:{},popoverProps:{},maxCount:{},noPopover:{type:Boolean}},setup(g){const a=g,v=e.useSlots(),r=e.computed(()=>a.size),s=e.computed(()=>a.shape),f=n.getBemBlock("avatar"),d=n.getBemElement(f,"group"),C=B.cva(d,{variants:{gutter:n.generateVariantClassList("gutter",d)}});S({size:r,shape:s});const l=e.computed(()=>a.maxCount?Number(a.maxCount):0),c=e.computed(()=>C({gutter:a.gutter})),i=e.computed(()=>{switch(a.size){case"2xsm":case"xsm":case"sm":return"sm";case"lg":case"xlg":return"lg";default:return"md"}}),k=()=>{const o=G.flattenChildren(v.default?v.default():[]),m=()=>e.h(V,{text:`+${o.length-l.value}`});return l.value>=1&&o.length>l.value?[...o.filter((t,u)=>u<l.value),a.noPopover?m():e.h(E._sfc_main,{size:i.value,...a.popoverProps??{}},{default:m,content:()=>e.h("div",{class:[c.value,a.class]},{default:()=>o.filter((t,u)=>u>=l.value)})})]:o};return(o,m)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([c.value,a.class])},[e.createVNode(k,{maxCount:o.maxCount},null,8,["maxCount"])],2))}}),_=["2xsm","xsm","sm","md","lg","xlg"],A=["gray","white"],h=["circle","square","rect"],z={start:"online-start",end:"online-end"},V=e.defineComponent({...x.getComponentOptions("Avatar"),__name:"Avatar",props:{src:{default:""},class:{},onlineColor:{default:"lime"},size:{default:"md"},stroke:{},shape:{default:"circle"},online:{type:Boolean},alt:{},fallback:{},text:{},icon:{default:"tabler:user"},onlineAlignment:{default:"start"},referrerPolicy:{},delayMs:{}},emits:["loadingStatusChange"],setup(g,{emit:a}){const v=e.useSlots(),r=n.getBemBlock("avatar"),s=g,f=a,d=p.useEmitAsProps(f),C=B.cva(r,{variants:{size:n.generateVariantClassList(_,r),stroke:n.generateVariantClassList(A,r),shape:n.generateVariantClassList(h,r),onlineAlignment:n.generateVariantClassList(z,r)}}),l=y({size:e.computed(()=>s.size),shape:e.computed(()=>s.shape)}),c=e.computed(()=>l.size.value??s.size),i=e.computed(()=>l.shape.value??s.shape),k=e.computed(()=>{const t=c.value&&_.includes(c.value)?c.value:"md",u=s.stroke&&A.includes(s.stroke)?s.stroke:"none",q=i.value&&h.includes(i.value)?i.value:"circle",P=z[s.onlineAlignment]?s.onlineAlignment:"start";return{size:t,stroke:u,shape:q,onlineAlignment:P}}),o=e.computed(()=>{switch(c.value){case"lg":case"xlg":return"tiny";default:return"tinier"}}),m=e.computed(()=>{switch(c.value){case"lg":case"xlg":return"sm";case"xsm":case"2xsm":return"3xsm";case"sm":case"md":default:return"xsm"}});return(t,u)=>(e.openBlock(),e.createBlock(e.unref(p.AvatarRoot),{as:"div",class:e.normalizeClass([e.unref(C)(k.value),s.class])},{default:e.withCtx(()=>[!v.default&&!t.text?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[t.src?(e.openBlock(),e.createBlock(e.unref(p.AvatarImage),e.mergeProps({key:0},e.unref(d),{src:t.src,alt:t.alt,class:e.unref(n.getBemElement)(e.unref(r),"image")}),null,16,["src","alt","class"])):e.createCommentVNode("",!0),e.createVNode(e.unref(p.AvatarFallback),{class:e.normalizeClass(e.unref(n.getBemElement)(e.unref(r),"fallback"))},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"fallback",{},()=>[t.fallback?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(b._sfc_main),{key:0,icon:t.icon,size:m.value},null,8,["icon","size"])),e.createTextVNode(" "+e.toDisplayString(t.fallback),1)])]),_:3},8,["class"])],64)):(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(n.getBemElement)(e.unref(r),"image"))},[e.renderSlot(t.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.text),1)])],2)),t.online?(e.openBlock(),e.createBlock(N._sfc_main,{key:2,color:t.onlineColor,size:o.value,class:e.normalizeClass(e.unref(n.getBemElement)(e.unref(r),"online"))},null,8,["color","size","class"])):e.createCommentVNode("",!0)]),_:3},8,["class"]))}});exports.AvatarOnlineAlignments=z;exports.AvatarShapes=h;exports.AvatarSizes=_;exports.AvatarStrokes=A;exports._sfc_main=V;exports._sfc_main$1=w;exports.injectAvatarGroupContext=y;exports.provideAvatarGroupContext=S;
|
|
@@ -3,7 +3,7 @@ import { createContext as T, useEmitAsProps as H, AvatarRoot as J, AvatarImage a
|
|
|
3
3
|
import { getBemBlock as O, getBemElement as f, generateVariantClassList as d } from "@pantograph/utils";
|
|
4
4
|
import { cva as j } from "class-variance-authority";
|
|
5
5
|
import { g as q } from "./options-D4et5euX.js";
|
|
6
|
-
import { _ as U } from "./Popover.vue_vue_type_style_index_0_lang-
|
|
6
|
+
import { _ as U } from "./Popover.vue_vue_type_style_index_0_lang-BczEAkOq.js";
|
|
7
7
|
import "@iconify/vue";
|
|
8
8
|
import { _ as W } from "./Icon.vue_vue_type_style_index_0_lang-CbLL-Ngi.js";
|
|
9
9
|
import { _ as X } from "./Indicator.vue_vue_type_script_setup_true_lang-CmsMJSXL.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../Avatar.vue_vue_type_style_index_0_lang-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../Avatar.vue_vue_type_style_index_0_lang-CjZaT7j5.js");exports.AvatarGroup=t._sfc_main$1;exports.injectAvatarGroupContext=t.injectAvatarGroupContext;exports.provideAvatarGroupContext=t.provideAvatarGroupContext;
|
package/dist/Chip/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { _ as s, _ as p } from "../Chip.vue_vue_type_style_index_0_lang-
|
|
2
|
-
import { a as C, C as e } from "../ChipGroup.vue_vue_type_style_index_0_lang-
|
|
1
|
+
import { _ as s, _ as p } from "../Chip.vue_vue_type_style_index_0_lang-BL8Jl9rC.js";
|
|
2
|
+
import { a as C, C as e } from "../ChipGroup.vue_vue_type_style_index_0_lang-Cm8KJ-J6.js";
|
|
3
3
|
export {
|
|
4
4
|
s as Chip,
|
|
5
5
|
C as ChipColors,
|
package/dist/Chip/index.umd.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Chip.vue_vue_type_style_index_0_lang-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Chip.vue_vue_type_style_index_0_lang-7phuC3Tb.js"),_=require("../ChipGroup.vue_vue_type_style_index_0_lang-C7fJePEO.js");exports.Chip=e._sfc_main;exports.default=e._sfc_main;exports.ChipColors=_.ChipColors;exports.ChipSizes=_.ChipSizes;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const e=require("vue"),r=require("@pantograph/utils"),V=require("class-variance-authority");require("@iconify/vue");const g=require("./Icon.vue_vue_type_style_index_0_lang-D3cRtJNJ.js"),h=require("./options-CWrQ7gsa.js"),c=require("./ChipGroup.vue_vue_type_style_index_0_lang-
|
|
1
|
+
"use strict";const e=require("vue"),r=require("@pantograph/utils"),V=require("class-variance-authority");require("@iconify/vue");const g=require("./Icon.vue_vue_type_style_index_0_lang-D3cRtJNJ.js"),h=require("./options-CWrQ7gsa.js"),c=require("./ChipGroup.vue_vue_type_style_index_0_lang-C7fJePEO.js"),y=require("./element-BjE0SVc4.js");require("./FormItem.vue_vue_type_style_index_0_lang-Bo3o8_6v.js");const E=e.defineComponent({...h.getComponentOptions("Chip"),__name:"Chip",props:{value:{},size:{default:"md"},class:{},actionsCls:{},textCls:{},iconCls:{},text:{},icon:{},closeIcon:{default:"tabler:x"},closeIconCls:{},color:{},overlayActions:{type:Boolean,default:void 0},stopPropagationOnClose:{type:Boolean},closeable:{type:Boolean,default:void 0},selected:{type:Boolean,default:void 0}},emits:["close"],setup(z,{emit:f}){const s=z,t=c.injectChipGroupContext({}),i=e.computed(()=>{var o;return((o=t.props)==null?void 0:o.size)??s.size}),B=e.computed(()=>{var o;return s.color??((o=t.props)==null?void 0:o.color)??"primary"}),u=e.computed(()=>{var o;return((o=t.props)==null?void 0:o.overlayActions)??s.overlayActions}),_=e.computed(()=>{var o;return s.selected??((o=t.props)==null?void 0:o.selected)}),k=e.computed(()=>{var o;return((o=t.props)==null?void 0:o.closeIcon)??s.closeIcon}),p=e.computed(()=>{var o;return((o=t.props)==null?void 0:o.icon)??s.icon}),m=e.computed(()=>{var o;return((o=t.props)==null?void 0:o.closeable)??s.closeable}),P=f,a=e.useSlots(),n=r.getBemBlock("chip"),S=V.cva(n,{variants:{size:r.generateVariantClassList(c.ChipSizes,n),color:r.generateVariantClassList(c.ChipColors,n),overlayActions:r.generateVariantClassList("overlay-actions",n),selected:r.generateVariantClassList("selected",n)}}),d=o=>{o==null||o.stopPropagation(),t.onClose&&t.onClose(s,o),P("close",o)},l=e.computed(()=>({onClose:d,size:(()=>{switch(i.value){case"md":return"xsm";default:return"2xsm"}})()}));return(o,I)=>{var v,C;return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(S)({size:i.value,color:B.value,overlayActions:u.value,selected:_.value}),s.class])},[e.renderSlot(o.$slots,"leading",e.normalizeProps(e.guardReactiveProps(l.value)),()=>[p.value?(e.openBlock(),e.createBlock(e.unref(g._sfc_main),{key:0,size:l.value.size,icon:p.value,class:e.normalizeClass(o.iconCls)},null,8,["size","icon","class"])):e.createCommentVNode("",!0)]),!e.unref(y.isEmptyElement)((v=a.text)==null?void 0:v.call(a,l.value))||o.text?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(r.getBemElement)(e.unref(n),"text"),o.textCls])},[e.renderSlot(o.$slots,"text",e.normalizeProps(e.guardReactiveProps(l.value)),()=>[e.createTextVNode(e.toDisplayString(o.text),1)])],2)):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"trailing",e.normalizeProps(e.guardReactiveProps(l.value))),m.value||!e.unref(y.isEmptyElement)((C=a.overlayActions)==null?void 0:C.call(a,l.value))?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass([e.unref(r.getBemElement)(e.unref(n),"actions"),o.actionsCls])},[u.value?e.renderSlot(o.$slots,"overlayActions",e.normalizeProps(e.mergeProps({key:0},l.value))):e.createCommentVNode("",!0),m.value?e.renderSlot(o.$slots,"close",e.normalizeProps(e.mergeProps({key:1},l.value)),()=>[e.createVNode(e.unref(g._sfc_main),{onPointerdown:d,size:l.value.size,icon:k.value,class:e.normalizeClass([e.unref(r.getBemElement)(e.unref(n),"close_icon"),o.closeIconCls])},null,8,["size","icon","class"])]):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0)],2)}}});exports._sfc_main=E;
|
|
@@ -4,7 +4,7 @@ import { cva as q } from "class-variance-authority";
|
|
|
4
4
|
import "@iconify/vue";
|
|
5
5
|
import { _ as S } from "./Icon.vue_vue_type_style_index_0_lang-CbLL-Ngi.js";
|
|
6
6
|
import { g as F } from "./options-D4et5euX.js";
|
|
7
|
-
import { i as H, a as J, C as K } from "./ChipGroup.vue_vue_type_style_index_0_lang-
|
|
7
|
+
import { i as H, a as J, C as K } from "./ChipGroup.vue_vue_type_style_index_0_lang-Cm8KJ-J6.js";
|
|
8
8
|
import { b as P } from "./element-BfQuKSll.js";
|
|
9
9
|
import "./FormItem.vue_vue_type_style_index_0_lang-BpgRONei.js";
|
|
10
10
|
const se = /* @__PURE__ */ w({
|
package/dist/ChipGroup/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../ChipGroup.vue_vue_type_style_index_0_lang-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../ChipGroup.vue_vue_type_style_index_0_lang-C7fJePEO.js");exports.ChipGroup=e._sfc_main;exports.default=e._sfc_main;exports.injectChipGroupContext=e.injectChipGroupContext;exports.provideChipGroupContext=e.provideChipGroupContext;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const e=require("vue"),h=require("./options-CWrQ7gsa.js"),a=require("@pantograph/utils"),f=require("class-variance-authority"),B=require("./BaseBadge.model-Bz8P4acF.js"),x=require("./element-BjE0SVc4.js"),g=require("./Popover.vue_vue_type_style_index_0_lang-
|
|
1
|
+
"use strict";const e=require("vue"),h=require("./options-CWrQ7gsa.js"),a=require("@pantograph/utils"),f=require("class-variance-authority"),B=require("./BaseBadge.model-Bz8P4acF.js"),x=require("./element-BjE0SVc4.js"),g=require("./Popover.vue_vue_type_style_index_0_lang-CWRuaV3c.js"),y=require("reka-ui"),u=["xsm","sm","md"],q=[...B.BadgeColors],[z,p]=y.createContext("ChipGroup"),G=e.defineComponent({...h.getComponentOptions("ChipGroup"),__name:"ChipGroup",props:{color:{},size:{default:"md"},closeIcon:{},icon:{},overlayActions:{type:Boolean},selected:{type:Boolean},maxCount:{},popoverProps:{},truncateCls:{},noPopover:{type:Boolean},noWrap:{type:Boolean},closeable:{type:Boolean,default:!0}},emits:["close"],setup(C,{emit:m}){const d=m,t=C,l=e.useSlots();p({props:t,onClose:(o,s)=>{d("close",o,s)}});const n=e.computed(()=>t.maxCount?Number(t.maxCount):0),v=()=>{const o=x.flattenChildren(l.default?l.default():[]),s=()=>e.h("div",{class:[a.getBemElement(r,"truncate"),t.truncateCls]},`+${o.length-n.value}`);return n.value>=1&&o.length>n.value?[...o.filter((_,i)=>i<n.value),t.noPopover?s():e.h(g._sfc_main,{size:t.size==="md"?"md":"sm",...t.popoverProps??{}},{default:s,content:()=>e.h("div",{class:c(t)},{default:()=>o.filter((_,i)=>i>=n.value)})})]:o},r=a.getBemBlock("chip_group"),c=f.cva(r,{variants:{size:a.generateVariantClassList(u,r),noWrap:a.generateVariantClassList("no-wrap",r)}});return(o,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(c)(t))},[e.createVNode(v)],2))}});exports.ChipColors=q;exports.ChipSizes=u;exports._sfc_main=G;exports.injectChipGroupContext=z;exports.provideChipGroupContext=p;
|
|
@@ -4,7 +4,7 @@ import { getBemBlock as G, generateVariantClassList as c, getBemElement as P } f
|
|
|
4
4
|
import { cva as S } from "class-variance-authority";
|
|
5
5
|
import { B as k } from "./BaseBadge.model-D4KY5lCI.js";
|
|
6
6
|
import { c as b } from "./element-BfQuKSll.js";
|
|
7
|
-
import { _ as E } from "./Popover.vue_vue_type_style_index_0_lang-
|
|
7
|
+
import { _ as E } from "./Popover.vue_vue_type_style_index_0_lang-BczEAkOq.js";
|
|
8
8
|
import { createContext as N } from "reka-ui";
|
|
9
9
|
const V = ["xsm", "sm", "md"], F = [...k], [H, W] = N("ChipGroup"), J = /* @__PURE__ */ d({
|
|
10
10
|
...z("ChipGroup"),
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { _ as s, C as r, a as t, _ as e } from "../ColorSwatch.vue_vue_type_style_index_0_lang-
|
|
1
|
+
import { _ as s, C as r, a as t, _ as e } from "../ColorSwatch.vue_vue_type_style_index_0_lang-CLrfEhu5.js";
|
|
2
2
|
export {
|
|
3
3
|
s as ColorSwatch,
|
|
4
4
|
r as ColorSwatchSizes,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../ColorSwatch.vue_vue_type_style_index_0_lang-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../ColorSwatch.vue_vue_type_style_index_0_lang-BJFHkRff.js");exports.ColorSwatch=e._sfc_main;exports.ColorSwatchSizes=e.ColorSwatchSizes;exports.ColorSwatchTypes=e.ColorSwatchTypes;exports.default=e._sfc_main;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./ColorSwatch.vue_vue_type_style_index_0_lang-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./ColorSwatch.vue_vue_type_style_index_0_lang-BJFHkRff.js");exports.default=e._sfc_main;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const e=require("vue"),k=require("./GraphicalObject.vue_vue_type_script_setup_true_lang-
|
|
1
|
+
"use strict";const e=require("vue"),k=require("./GraphicalObject.vue_vue_type_script_setup_true_lang-Jl7yqJGb.js"),v=require("./options-CWrQ7gsa.js"),_=require("./omit-CYbreqlf.js"),r=require("@pantograph/utils"),C=require("class-variance-authority"),f=require("./IconButton.vue_vue_type_script_setup_true_lang-mS3fxFE_.js"),c=["sm","md"],l=["color","remover","custom-picker"],h={key:1,height:"100%",width:"100%",viewBox:"0 0 19 18",fill:"none"},z=e.defineComponent({...v.getComponentOptions("ColorTrigger"),__name:"ColorSwatch",props:{class:{},icon:{},flipOnDir:{},fg:{},bg:{},br:{},size:{default:"md"},selected:{type:Boolean},type:{default:"color"},customPickerIcon:{default:"tabler:palette"}},setup(p){const o=p,s=r.getBemBlock("color_swatch"),u=C.cva(s,{variants:{selected:r.generateVariantClassList("selected",s),size:r.generateVariantClassList(c,s),type:r.generateVariantClassList(l,s)}}),n=e.computed(()=>o.size&&c.includes(o.size)?o.size:"md"),m=e.computed(()=>({size:n.value,..._.omit(o,"size","class","type","selected","customPickerIcon")})),d=e.useSlots(),y=e.computed(()=>{switch(o.type){case"remover":case"color":return"div";case"custom-picker":return f._sfc_main}}),g=e.computed(()=>{const t={};return o.type==="custom-picker"&&(t.size=n.value,t.icon=o.customPickerIcon,t.color="gray",t.type="outline"),t});return(t,i)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(y.value),e.mergeProps({class:[e.unref(u)({selected:t.type!=="custom-picker"&&o.selected,size:t.size,type:t.type}),o.class]},g.value),{icon:e.withCtx(()=>[e.renderSlot(t.$slots,"icon",e.normalizeProps(e.guardReactiveProps(o)))]),default:e.withCtx(()=>[t.type==="color"?(e.openBlock(),e.createBlock(k._sfc_main,e.normalizeProps(e.mergeProps({key:0},m.value)),e.createSlots({_:2},[e.renderList(Object.keys(d),a=>({name:a,fn:e.withCtx(()=>[e.renderSlot(t.$slots,a,e.normalizeProps(e.guardReactiveProps(o)))])}))]),1040)):t.type==="remover"?(e.openBlock(),e.createElementBlock("svg",h,i[0]||(i[0]=[e.createElementVNode("path",{id:"Empty Indicator",d:"M17.5 1L1.5 17",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round"},null,-1)]))):e.createCommentVNode("",!0),t.type==="custom-picker"?e.renderSlot(t.$slots,"default",e.normalizeProps(e.mergeProps({key:2},o))):e.createCommentVNode("",!0)]),_:3},16,["class"]))}});exports.ColorSwatchSizes=c;exports.ColorSwatchTypes=l;exports._sfc_main=z;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent as B, computed as s, useSlots as S, createBlock as d, openBlock as c, resolveDynamicComponent as P, mergeProps as n, unref as _, withCtx as i, createElementBlock as b, createCommentVNode as f, renderSlot as a, normalizeProps as r, createSlots as $, renderList as I, guardReactiveProps as y, createElementVNode as E } from "vue";
|
|
2
|
-
import { _ as L } from "./GraphicalObject.vue_vue_type_script_setup_true_lang-
|
|
2
|
+
import { _ as L } from "./GraphicalObject.vue_vue_type_script_setup_true_lang-BY8z0E2H.js";
|
|
3
3
|
import { g as O } from "./options-D4et5euX.js";
|
|
4
4
|
import { o as V } from "./omit-BuBwx_M2.js";
|
|
5
5
|
import { getBemBlock as D, generateVariantClassList as l } from "@pantograph/utils";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../ColorSwatchGroup.vue_vue_type_style_index_0_lang-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../ColorSwatchGroup.vue_vue_type_style_index_0_lang-CnVrUXzU.js");exports.ColorSwatchGroup=e._sfc_main;exports.default=e._sfc_main;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const e=require("vue"),z=require("./options-CWrQ7gsa.js"),S=require("reka-ui"),u=require("./ColorSwatch.vue_vue_type_style_index_0_lang-
|
|
1
|
+
"use strict";const e=require("vue"),z=require("./options-CWrQ7gsa.js"),S=require("reka-ui"),u=require("./ColorSwatch.vue_vue_type_style_index_0_lang-BJFHkRff.js"),a=require("./index-DWw7aruo.js"),q=require("@vueuse/core"),c=require("@pantograph/utils"),$=require("class-variance-authority"),j=require("./omit-CYbreqlf.js"),w=require("./Popover.vue_vue_type_style_index_0_lang-CWRuaV3c.js"),E=require("./ColorPicker.vue_vue_type_style_index_0_lang-DXVw6HPr.js"),g=require("./FormItem.vue_vue_type_style_index_0_lang-Bo3o8_6v.js"),N=e.defineComponent({...z.getComponentOptions("ColorSwatchGroup"),__name:"ColorSwatchGroup",props:{format:{},defaultFormat:{},hideAlpha:{type:Boolean},size:{default:"md"},customPickerIcon:{},icon:{},class:{},noRemover:{type:Boolean},noCustomPicker:{type:Boolean},modelValue:{},headerCls:{},header:{},colorsCls:{},defaultValue:{},colors:{},colorMode:{default:"bold"},popoverProps:{}},emits:["update:format","update:modelValue"],setup(k,{emit:C}){const t=k,_=e.useSlots(),p=C,l=q.useVModel(t,"modelValue",p,{defaultValue:t.defaultValue,passive:t.modelValue===void 0}),b=o=>{if(a.isString(o))return{selected:l.value===o,icon:t.icon,bg:o};if(a.isObject(o))return{...j.omit(o,"value"),icon:o.icon??t.icon,selected:l.value===o.value}},i=c.getBemBlock("color_swatch_group"),y=$.cva(i,{variants:{size:c.generateVariantClassList(u.ColorSwatchSizes,i)}}),f=e.ref(!1),d=o=>a.isObject(o)?o.value:o??void 0,v=o=>{const r=d(o);l.value=r,f.value=!r},m=e.computed(()=>{if(t.colors)return t.colors;const o=["red","orange","yellow","lime","green","sky","blue","violet"];return t.colorMode==="subtle"?o.map(r=>`${r}-subtle`):typeof t.colorMode=="object"&&t.colorMode.value&&(t.colorMode.bg||t.colorMode.br||t.colorMode.fg)?o.map(r=>{const s={value:typeof t.colorMode=="object"&&t.colorMode.value==="subtle"?`${r}-subtle`:r};return typeof t.colorMode=="object"&&t.colorMode.bg&&(s.bg=t.colorMode.bg==="subtle"?`${r}-subtle`:r),typeof t.colorMode=="object"&&t.colorMode.br&&(s.br=t.colorMode.br==="subtle"?`${r}-subtle`:r),typeof t.colorMode=="object"&&t.colorMode.fg&&(s.fg=t.colorMode.fg==="subtle"?`${r}-subtle`:r),s}):o}),h=e.computed(()=>{var o;if(!((o=m.value)!=null&&o.length&&m.value.some(r=>a.isString(r)&&r===l.value||a.isObject(r)&&l.value===r.value)))return l.value}),P=o=>{o&&(l.value=o)},B=S.useEmitAsProps(p),V=e.computed(()=>({...g.pick(B,"onUpdate:format"),...g.pick(t,"format","defaultFormat","hideAlpha")}));return(o,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([t.class,e.unref(y)({size:o.size})])},[_.header||o.header?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(c.getBemElement)(e.unref(i),"header"),o.headerCls])},[e.renderSlot(o.$slots,"header",{},()=>[e.createTextVNode(e.toDisplayString(o.header),1)])],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass([e.unref(c.getBemElement)(e.unref(i),"colors"),o.colorsCls])},[o.noRemover?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(u._sfc_main,{key:0,type:"remover",size:o.size,onClick:r[0]||(r[0]=s=>v()),selected:!e.unref(l)&&f.value},null,8,["size","selected"])),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(m.value,s=>(e.openBlock(),e.createBlock(u._sfc_main,e.mergeProps({type:"color",size:o.size,icon:o.icon,ref_for:!0},b(s),{key:d(s),onClick:n=>v(s)}),e.createSlots({_:2},[e.renderList(Object.keys(o.$slots),n=>({name:n,fn:e.withCtx(M=>[e.renderSlot(o.$slots,n,e.mergeProps({ref_for:!0},{...M,value:d(s)}))])}))]),1040,["size","icon","onClick"]))),128)),o.noCustomPicker?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(w._sfc_main,e.mergeProps({key:1,trigger:"click","reverse-placement-on-dir":"rtl",placement:"right-start","side-offset":4},o.popoverProps||{}),{content:e.withCtx(()=>[e.createVNode(E._sfc_main,e.mergeProps({defaultColor:h.value,"onUpdate:color":P},V.value),null,16,["defaultColor"])]),default:e.withCtx(()=>[e.createVNode(u._sfc_main,{type:"custom-picker",size:o.size,customPickerIcon:o.customPickerIcon},e.createSlots({_:2},[e.renderList(Object.keys(o.$slots),s=>({name:s,fn:e.withCtx(n=>[e.renderSlot(o.$slots,s,e.normalizeProps(e.guardReactiveProps(n)))])}))]),1032,["size","customPickerIcon"])]),_:3},16))],2)],2))}});exports._sfc_main=N;
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { defineComponent as G, useSlots as L, ref as U, computed as f, createElementBlock as p, openBlock as l, normalizeClass as v, unref as a, createCommentVNode as b, createElementVNode as T, renderSlot as g, createTextVNode as q, toDisplayString as H, createBlock as C, Fragment as J, renderList as k, mergeProps as u, createSlots as V, withCtx as c, createVNode as $, normalizeProps as K, guardReactiveProps as Q } from "vue";
|
|
2
2
|
import { g as W } from "./options-D4et5euX.js";
|
|
3
3
|
import { useEmitAsProps as X } from "reka-ui";
|
|
4
|
-
import { C as Y, _ as y } from "./ColorSwatch.vue_vue_type_style_index_0_lang-
|
|
4
|
+
import { C as Y, _ as y } from "./ColorSwatch.vue_vue_type_style_index_0_lang-CLrfEhu5.js";
|
|
5
5
|
import { a as B, b as M } from "./index-jwkhq8oW.js";
|
|
6
6
|
import { useVModel as Z } from "@vueuse/core";
|
|
7
7
|
import { getBemBlock as x, generateVariantClassList as ee, getBemElement as j } from "@pantograph/utils";
|
|
8
8
|
import { cva as oe } from "class-variance-authority";
|
|
9
9
|
import { o as te } from "./omit-BuBwx_M2.js";
|
|
10
|
-
import { _ as re } from "./Popover.vue_vue_type_style_index_0_lang-
|
|
10
|
+
import { _ as re } from "./Popover.vue_vue_type_style_index_0_lang-BczEAkOq.js";
|
|
11
11
|
import { _ as se } from "./ColorPicker.vue_vue_type_style_index_0_lang-B-zZbVyX.js";
|
|
12
12
|
import { f as S } from "./FormItem.vue_vue_type_style_index_0_lang-BpgRONei.js";
|
|
13
13
|
const ge = /* @__PURE__ */ G({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../ColorTrigger.vue_vue_type_style_index_0_lang-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../ColorTrigger.vue_vue_type_style_index_0_lang-B8cne0IO.js");exports.ColorTrigger=e._sfc_main;exports.ColorTriggerSizes=e.ColorTriggerSizes;exports.default=e._sfc_main;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const e=require("vue"),m=require("./GraphicalObject.vue_vue_type_script_setup_true_lang-
|
|
1
|
+
"use strict";const e=require("vue"),m=require("./GraphicalObject.vue_vue_type_script_setup_true_lang-Jl7yqJGb.js"),_=require("./options-CWrQ7gsa.js"),t=require("@pantograph/utils"),p=require("class-variance-authority"),v=require("./Icon.vue_vue_type_style_index_0_lang-D3cRtJNJ.js"),z=require("./index-DWw7aruo.js"),b=require("./FormItem.vue_vue_type_style_index_0_lang-Bo3o8_6v.js"),C=require("./useInputDataStates-D1X-Whwt.js"),a=["sm","md","lg"],x=["disabled"],I=e.defineComponent({..._.getComponentOptions("ColorTrigger"),__name:"ColorTrigger",props:{icon:{},bg:{},br:{},fg:{},class:{},size:{default:"md"},disabled:{type:Boolean},borderless:{type:Boolean},suffixIcon:{type:[Boolean,String],default:"tabler:chevron-down"}},setup(u){const r=u,o=t.getBemBlock("color_trigger"),l=p.cva(o,{variants:{size:t.generateVariantClassList(a,o),borderless:t.generateVariantClassList("borderless",o),suffixIcon:t.generateVariantClassList("suffix-icon",o)}}),{getDisabled:f,getSize:n}=C.useFormInput({getSize:()=>r.size&&a.includes(r.size)?r.size:"md"}),d=e.computed(()=>({size:(()=>{switch(n.value){case"sm":return"2xsm";case"md":return"xsm";case"lg":return"sm"}})(),...b.pick(r,"icon","bg","br","fg")})),i=e.useSlots(),g=e.computed(()=>{switch(n.value){case"sm":return"2xsm";case"md":case"lg":return"xsm"}});return(s,S)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass([e.unref(l)({size:e.unref(n),borderless:s.borderless,suffixIcon:!!(s.suffixIcon||i.suffixIcon)}),r.class]),disabled:e.unref(f)},[e.createVNode(m._sfc_main,e.normalizeProps(e.guardReactiveProps(d.value)),e.createSlots({_:2},[e.renderList(Object.keys(i),c=>({name:c,fn:e.withCtx(()=>[e.renderSlot(s.$slots,c,e.normalizeProps(e.guardReactiveProps(r)))])}))]),1040),s.suffixIcon||i.suffixIcon?(e.openBlock(),e.createBlock(v._sfc_main,{key:0,icon:e.unref(z.isString)(s.suffixIcon)?s.suffixIcon:void 0,size:g.value},{default:e.withCtx(()=>[e.renderSlot(s.$slots,"suffixIcon")]),_:3},8,["icon","size"])):e.createCommentVNode("",!0)],10,x))}});exports.ColorTriggerSizes=a;exports._sfc_main=I;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent as C, computed as c, useSlots as I, createElementBlock as S, openBlock as l, unref as r, normalizeClass as _, createVNode as v, createBlock as k, createCommentVNode as h, normalizeProps as m, guardReactiveProps as f, createSlots as y, renderList as w, withCtx as u, renderSlot as d } from "vue";
|
|
2
|
-
import { _ as O } from "./GraphicalObject.vue_vue_type_script_setup_true_lang-
|
|
2
|
+
import { _ as O } from "./GraphicalObject.vue_vue_type_script_setup_true_lang-BY8z0E2H.js";
|
|
3
3
|
import { g as $ } from "./options-D4et5euX.js";
|
|
4
4
|
import { getBemBlock as T, generateVariantClassList as n } from "@pantograph/utils";
|
|
5
5
|
import { cva as V } from "class-variance-authority";
|
package/dist/Combobox/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { _ as s, C as t, a as x, i as C, p as a } from "../Combobox.vue_vue_type_style_index_0_lang-
|
|
1
|
+
import { _ as s, C as t, a as x, i as C, p as a } from "../Combobox.vue_vue_type_style_index_0_lang-DMhA35DR.js";
|
|
2
2
|
export {
|
|
3
3
|
s as Combobox,
|
|
4
4
|
t as ComboboxSizes,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../Combobox.vue_vue_type_style_index_0_lang-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../Combobox.vue_vue_type_style_index_0_lang-BGCy4N1_.js");exports.Combobox=o._sfc_main;exports.ComboboxSizes=o.ComboboxSizes;exports.ComboboxStatuses=o.ComboboxStatuses;exports.injectComboboxContext=o.injectComboboxContext;exports.provideComboboxContext=o.provideComboboxContext;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const t=require("vue"),$=require("reka-ui"),F=require("./FormItem.vue_vue_type_style_index_0_lang-Bo3o8_6v.js"),ce=require("./options-CWrQ7gsa.js"),c=require("@pantograph/utils"),x=require("./index-DWw7aruo.js"),he=require("class-variance-authority"),pe=require("./omit-CYbreqlf.js"),Le=require("./Empty.vue_vue_type_style_index_0_lang-DidQV2p4.js"),De=require("./Skeleton.vue_vue_type_style_index_0_lang-CWNX_-Jl.js"),Ce=require("./Divider.vue_vue_type_style_index_0_lang-DoEWjJx6.js"),D=require("./element-BjE0SVc4.js"),xe=require("./useInputDataStates-D1X-Whwt.js"),qe=require("./useLazyLoading-H6VG5aE-.js"),Ve=require("./Popover.vue_vue_type_style_index_0_lang-bZzTBnW7.js"),we=require("./ScrollContainer.vue_vue_type_style_index_0_lang-BIoD2_5T.js"),Me=require("./Tree.vue_vue_type_style_index_0_lang-Bg3M96gS.js"),Be=require("./uniq-DGkyiyS4.js"),Y=require("./isEmpty-bCllo8T9.js"),Ae=require("./Chip.vue_vue_type_style_index_0_lang-q4obFRun.js"),Ke=require("./ChipGroup.vue_vue_type_style_index_0_lang-pAbdjmHE.js"),_e=require("./Icon.vue_vue_type_style_index_0_lang-D3cRtJNJ.js"),ve=require("./Avatar.vue_vue_type_style_index_0_lang-qdpWeyHy.js"),Ne=require("./GraphicalObjectGroup.vue_vue_type_style_index_0_lang-B2WcOZnc.js"),Ee=require("./GraphicalObject.vue_vue_type_script_setup_true_lang-PyVOSOe3.js"),Re=require("./Input.vue_vue_type_style_index_0_lang-CWW5TIRh.js"),Oe=require("@vueuse/core"),Fe=require("lodash-es"),Ge=require("./MenuItem.vue_vue_type_style_index_0_lang-B43jOe4U.js");require("@iconify/vue");const We=require("./Checkbox.vue_vue_type_style_index_0_lang-Bz-fwglK.js");require("@pantograph/tokens");const[de,Pe]=$.createContext("Combobox"),[je,Ue]=$.createContext("_Combobox"),M=c.getBemBlock("combobox");var $e=1/0;function He(d){var n=d==null?0:d.length;return n?pe.baseFlatten(d,$e):[]}const ue=d=>F.isNumber(d)||x.isString(d);function Ye({getValue:d,arr:n,getChildren:o}){const e=[],g=(p,V)=>{p.forEach(B=>{const h=d(B);if(ue(h)){e.push({...B,_parentKeys:V,_key:h});const b=o(B);b!=null&&b.length&&g(b,[...V??[],h])}})};return g(n),e}const Je=({getData:d,getModel:n,getValue:o,getChildren:e})=>{const g=t.computed(()=>Ye({arr:t.unref(d()),getChildren:e,getValue:o})),p=(l,m=!1)=>{const s=o(l);return g.value.filter(i=>{var C;if(m){const E=pe.last(i._parentKeys??[]);return E&&E===s}return(C=i._parentKeys)==null?void 0:C.includes(s)})},V=l=>{if(l&&x.isArray(l))return F.cloneDeep(l);const m=t.unref(n());return m&&x.isArray(m)?F.cloneDeep(m):[]},B=(l,m)=>{const s=V(m),i=p(l);if(i!=null&&i.length)return i.some(C=>{var u;const E=C._key;return E&&((u=s==null?void 0:s.includes)==null?void 0:u.call(s,E))})},h=(l,m)=>{const s=V(m),i=p(l);if(i!=null&&i.length)return i.every(C=>{var u;const E=C._key;return E&&((u=s==null?void 0:s.includes)==null?void 0:u.call(s,E))})},b=(l,m)=>{const s=V(m),i=p(l),C=o(l);return i!=null&&i.length?h(l)?!0:B(l)?"intermediate":!1:s.includes(C)},N=l=>ue(l)?g.value.find(m=>m._key===l):void 0;return{flattenData:g,getNodeChildren:p,isSomeChildrenSelected:B,isAllChildrenSelected:h,isSelected:b,selectValues:(l,m)=>{if(l.length){let s=V();const i=l.filter(ue);m?s.push(...i):s=s.filter(S=>!i.includes(S));const C=s.map(N).filter(S=>S&&S._parentKeys),u=Be.uniq(He(C.map(S=>S._parentKeys))).filter(ue).map(N).filter(Boolean),O=[],q=[];return u.forEach(S=>{const R=o(S);h(S,s)?O.push(R):q.push(R)}),s.push(...O),Be.uniq(s.filter(S=>!q.includes(S)))}}}},ye=["sm","md","lg"],ke=["error","warning","success"],Qe={key:1},Te=t.defineComponent({__name:"ComboboxInput",setup(d){const n=de();Oe.whenever(()=>n.open.value&&n.headerInputElement.value,()=>{n.headerInputElement.value&&n.open.value&&n.focusOnInput()});const o=t.computed(()=>!Y.isEmpty(n.modelValue.value)),e=t.computed(()=>o.value?x.isArray(n.modelValue.value)?n.getLabelByValue(Fe.last(n.modelValue.value)):n.getLabelByValue(n.modelValue.value):n.props.placeholder),g=B=>{if(B.key==="Backspace"&&n.props.multiple&&x.isArray(n.modelValue.value)&&Y.isEmpty(n.searchModel.value)&&(n.setModelValue(n.modelValue.value.slice(0,-1)),Y.isEmpty(n.modelValue.value))){const h=setTimeout(()=>{n.focusOnInput(),clearTimeout(h)},2)}},p=c.getBemElement(M,"input"),V=he.cva(p,{variants:{valuePlaceholder:c.generateVariantClassList("value-placeholder",p)}});return(B,h)=>(t.openBlock(),t.createBlock(t.unref($.ComboboxInput),t.mergeProps(t.unref(n).comboboxInputBinding.value,{disabled:t.unref(n).getDisabled.value,placeholder:e.value,"as-child":"",modelValue:t.unref(n).searchModel.value,"onUpdate:modelValue":h[0]||(h[0]=b=>t.unref(n).searchModel.value=b),onKeydown:g,class:t.unref(V)({valuePlaceholder:o.value}),displayValue:()=>""}),{default:t.withCtx(()=>[t.unref(n).props.headerSearch?(t.openBlock(),t.createBlock(Re._sfc_main,{key:0,ref:t.unref(n).headerInputElement,placeholder:t.unref(n).props.placeholder},{leading:t.withCtx(({iconSize:b})=>[t.createVNode(_e._sfc_main,{size:b,icon:"tabler:search",flipOnDir:"rtl"},null,8,["size"])]),_:1},8,["placeholder"])):(t.openBlock(),t.createElementBlock("input",Qe))]),_:1},16,["disabled","placeholder","modelValue","class"]))}}),Xe=t.defineComponent({name:ce.getComponentName("ComboboxTrigger"),props:{},setup(d,{slots:n,attrs:o}){const e=de(),g=({value:u},O)=>{if(O.stopPropagation(),u&&x.isArray(e.modelValue.value)&&!e.getDisabled.value){const q=e.modelValue.value.filter(S=>S!==u);e.setModelValue(q)}},p=c.getBemElement(M,"trigger"),V=he.cva(p,{variants:{size:c.generateVariantClassList(ye,p),status:c.generateVariantClassList(ke,p),bordered:c.generateVariantClassList("bordered",p),multiple:c.generateVariantClassList("multiple",p),contentFit:c.generateVariantClassList("content-fit",p),wrapped:c.generateVariantClassList("wrapped",p),filled:c.generateVariantClassList("filled",p)}}),B=t.computed(()=>{switch(e.getSize.value){case"sm":return"2xsm";case"md":default:return"xsm"}}),h=t.computed(()=>{if(!e.props.multiple&&x.isString(e.modelValue.value)&&!Y.isEmpty(e.modelValue.value))return e.getOptionByValue(e.modelValue.value)}),b=(u=h.value)=>{if(e.props.selectedItemIconAsTrailingIcon&&x.isObject(u)&&"icon"in u)return u.icon},N=t.computed(()=>b()),G=t.computed(()=>{if(!e.props.noTrailing)return e.props.trailingIcon}),l=t.computed(()=>({modelValue:F.cloneDeep(e.modelValue.value),open:F.cloneDeep(e.open.value)})),m=()=>{e.onOpenChange(!e.open.value)},s=u=>{console.log("event ===>",u),e.props.headerSearch},i=t.computed(()=>({disabled:e.getDisabled.value,tabindex:e.getDisabled.value||!e.props.headerSearch?-1:0,reference:e.props.reference,"data-disabled":e.getDisabled.value?"":void 0,"aria-disabled":e.getDisabled.value??void 0,"aria-label":"Show popup","aria-haspopup":"listbox","aria-expanded":e.open.value,"aria-controls":e.contentId,"data-state":e.open.value?"open":"closed",class:[V({size:e.getSize.value,status:e.getStatus.value==="success"&&Y.isEmpty(e.modelValue.value)?void 0:e.getStatus.value,bordered:e.props.bordered,multiple:e.props.multiple,contentFit:e.props.contentFit,wrapped:e.props.wrapped,filled:!Y.isEmpty(e.modelValue.value)}),e.props.triggerCls],...o})),C=(u,O=B.value)=>t.h(_e._sfc_main,{icon:u,size:O}),E=()=>{var q;let u;const O=(q=n.triggerTrailing)==null?void 0:q.call(n,l.value);if(D.isEmptyElement(O)?G.value&&(u=C(G.value)):u=O,u)return t.h("div",{class:[c.getBemElement(p,"trailing"),e.props.triggerTrailingCls]},u)};return()=>{var S;const u=(S=n.trigger)==null?void 0:S.call(n,l.value),q=(()=>{if(D.isEmptyElement(u))return!1;const R=D.filterEmpty(u)??null,I=R.length===1?R[0]:R;return I?D.isValidElement(I)&&!D.isFragment(I):!0})();return t.h($.ComboboxAnchor,{...i.value,...e.comboboxTriggerBinding.value,asChild:q,as:q?"template":"button",key:String(q),onKeyUp:s,onClick:m},()=>{if(!D.isEmptyElement(u))return u;const R=P=>{var W,A;const z=e.getOptionByValue(P);return t.h(ve._sfc_main,{...z?((A=(W=e.props).getTagProps)==null?void 0:A.call(W,z))??{}:{},size:e.getTagSize.value})},I=P=>{var W,A;const z=e.getOptionByValue(P);return t.h(Ee._sfc_main,{...z?((A=(W=e.props).getTagProps)==null?void 0:A.call(W,z))??{}:{},size:e.getTagSize.value})},oe=()=>{if(!e.props.multiple&&!x.isArray(e.modelValue.value)&&e.modelValue.value&&(e.props.tagRenderMode&&["avatar","go"].includes(e.props.tagRenderMode)||N.value||e.props.leadingIcon)){let P;if(e.props.tagRenderMode==="avatar"?P=R(e.modelValue.value):e.props.tagRenderMode==="go"?P=I(e.modelValue.value):N.value?P=C(N.value):e.props.leadingIcon&&(P=C(e.props.leadingIcon)),!D.isEmptyElement(P))return t.h("div",{class:[c.getBemElement(p,"leading"),e.props.triggerLeadingCls]},P)}},ge=()=>{const P=[],z=[c.getBemElement(p,"content"),e.props.triggerContentCls,Y.isEmpty(e.modelValue.value)?e.props.triggerContentPlaceholderCls:e.props.triggerContentValueCls],A=(()=>{if(e.props.multiple&&x.isArray(e.modelValue.value)){if(e.props.tagRenderMode==="avatar")return t.h(ve._sfc_main$1,{maxCount:e.props.maxCount,size:e.getTagSize.value,closeable:!e.getDisabled.value,noPopover:!0,noWrap:!e.props.wrapped,class:z},()=>e.modelValue.value.map(R));if(e.props.tagRenderMode==="go")return t.h(Ne._sfc_main,{maxCount:e.props.maxCount,size:e.getTagSize.value,closeable:!e.getDisabled.value,noPopover:!0,noWrap:!e.props.wrapped,class:z},()=>e.modelValue.value.map(I));if(e.props.tagRenderMode==="chip")return t.h(Ke._sfc_main,{maxCount:e.props.maxCount,size:e.getTagSize.value,color:"primary",closeable:!e.getDisabled.value,noPopover:!0,noWrap:!e.props.wrapped,class:z,onClose:g},()=>e.modelValue.value.map(J=>{var ae,se;const le=()=>e.getLabelByValue(J),me=({size:ie})=>{const Z=b(e.getOptionByValue(J))??e.props.leadingIcon;return Z?C(Z,ie):null},Q=e.getOptionByValue(J);return t.h(Ae._sfc_main,{...Q?((se=(ae=e.props).getTagProps)==null?void 0:se.call(ae,Q))??{}:{},value:J,class:[c.getBemElement(p,"tag"),e.props.tagCls],closeIconCls:c.getBemElement(p,"tag__close")},{text:le,leading:me})}))}})();return A?P.push(A):e.props.headerSearch&&P.push(t.h("div",{class:[...z,c.getBemElement(p,"content--empty")]})),e.props.headerSearch||P.push(t.h(Te)),P},H=[],ne=oe();D.isEmptyElement(ne)||H.push(ne),H.push(ge());const re=E();return D.isEmptyElement(re)||H.push(re),H})}}}),Ze=t.defineComponent({__name:"ComboboxLabel",setup(d){return(n,o)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(t.unref(c.getBemElement)(t.unref(M),"label"))},[t.renderSlot(n.$slots,"default")],2))}}),Se=t.defineComponent({name:ce.getComponentName("SelectOption"),props:{option:{type:[Object,String],required:!0}},slots:Object,setup(d,{slots:n}){const o=de(),e=t.computed(()=>{switch(o.getSize.value){case"sm":return"2xsm";case"lg":return"sm";case"md":default:return"xsm"}}),g=t.computed(()=>o.getOptionValue(d.option)),p=t.computed(()=>o.getOptionLabel(d.option)),V=t.computed(()=>o.getOptionIcon(d.option)),B=t.computed(()=>o.props.tree?void 0:o.getOptionDescription(d.option)),h=t.computed(()=>o.getOptionDisabled(d.option)),b=t.computed(()=>Array.isArray(o.modelValue.value)?!!(g.value&&o.modelValue.value.includes(g.value)):o.modelValue.value===g.value),N=c.getBemElement(M,"option"),G=()=>{if(!(o.props.tree||!g.value||h.value))if(o.props.multiple){const l=x.isArray(o.modelValue.value)?o.modelValue.value:[];l.includes(g.value)?o.setModelValue(l.filter(s=>s!==g.value)):o.setModelValue([...l,g.value])}else o.setModelValue(g.value)};if(!d.option)throw new Error("option is required");return()=>{const l=s=>{var C,E,u,O;const i=[];return!o.props.tree&&o.props.multiple&&o.props.checkbox&&i.push(t.h(We._sfc_main,{modelValue:b.value,size:s.checkboxSize,disabled:h.value})),o.props.tagRenderMode==="avatar"?i.push(t.h(ve._sfc_main,{...((E=(C=o.props).getTagProps)==null?void 0:E.call(C,d.option))??{},size:o.getTagSize.value})):o.props.tagRenderMode==="go"?i.push(t.h(Ee._sfc_main,{...((O=(u=o.props).getTagProps)==null?void 0:O.call(u,d.option))??{},size:o.getTagSize.value})):V.value&&i.push(t.h(_e._sfc_main,{icon:V.value,size:e.value})),D.isEmptyElement(i)?null:i};return(()=>{const s=!!B.value;return t.h(Ge._sfc_main$1,{class:N,description:B.value,title:p.value,key:g.value,selected:b.value,unFocusable:!0,leadingCenter:!s,size:o.getSize.value,disabled:h.value,onClick:G},{leading:l,trailing:()=>{var i;return(i=n.trailing)==null?void 0:i.call(n,{option:d.option})}})})()}}}),et=t.defineComponent({name:ce.getComponentName("ComboboxWrapper"),setup(d,{slots:n}){const o=je(),e=$.injectComboboxRootContext(),g=t.ref();qe.useLazyLoading({target:g});const p=t.ref(),V=Ve.getPopoverPortalProps({triggerRef:p,props:o.props}),{getFlipOnDir:B,getDir:h}=x.useConfig(),b=B("reversePlacementOnDir"),N=h(),G=Ve.getPopoverContentProps({props:o.props,flip:b,emitsAsProps:o.emitsAsProps,_dir:N,controlAutoFocus:!1,extraPropNames:["bodyLock","position"]}),l=({key:r,getterKey:k,defaultValue:_,noReturnOption:f})=>y=>{const L=x.isFunction(_)?_(y):_;if(x.isObject(y)){const K=y[r]??L,j=k&&o.props[k];if(j){if(x.isString(j))return y[j]??K;if(x.isFunction(j))return j(y)??K}return K}return x.isString(y)&&!f?y??L:L},m=l({getterKey:"getValue",key:"value"}),s=l({getterKey:"getLabel",key:"label",defaultValue:m}),i=l({getterKey:"getIcon",key:"icon",noReturnOption:!0}),C=l({getterKey:"getDescription",key:"description",noReturnOption:!0}),E=l({getterKey:"getDisabled",key:"disabled",defaultValue:!1,noReturnOption:!0}),u=l({getterKey:"getGroupLabel",key:"label",noReturnOption:!0}),O=l({getterKey:"getGroupOptions",key:"options",noReturnOption:!0}),q=r=>{var k;if((k=o.props.options)!=null&&k.length)for(const _ of o.props.options){if(m(_)===r)return _;const f=O(_);if(f!=null&&f.length){for(const y of f)if(m(y)===r)return y}}return r},S=r=>{const k=q(r);return k?s(k)??r:r},{contains:R}=$.useFilter({sensitivity:"base"}),I=t.computed(()=>{const r=k=>k==null?void 0:k.map(_=>{const f=s(_),y=m(_),L=E(_),K=u(_),j=!o.searchModel.value||f&&R(f,o.searchModel.value),ee=O(_),te=!o.props.tree||y;if(ee&&te){const a=r(ee);if(a!=null&&a.length||j)return{groupLabel:K,title:f,key:y,disabled:L,children:a,_option:_}}return j&&te?{title:f,key:y,disabled:L,_option:_}:null}).filter(Boolean);if(o.props.options)return r(o.props.options)}),{getDisabled:oe,getStatus:ge,getSize:H}=xe.useFormInput({getDisabled:()=>o.props.disabled,getSize:()=>o.props.size,getStatus:()=>o.props.status}),ne=t.computed(()=>{switch(H.value){case"sm":return"xsm";case"lg":return"md";case"md":default:return"sm"}}),{inputBindings:re,rootBindings:P}=xe.UseInputDataStates({getDisabled:()=>oe.value}),z=t.ref(),W=()=>{var r,k,_,f,y,L,K;e.open.value&&e.inputElement.value&&(o.props.headerSearch&&((r=z.value)!=null&&r.input)?document.activeElement!==((k=z.value)==null?void 0:k.input)&&((y=(f=(_=z.value)==null?void 0:_.input)==null?void 0:f.focus)==null||y.call(f)):document.activeElement!==e.inputElement.value&&((K=(L=e.inputElement.value)==null?void 0:L.focus)==null||K.call(L)))},A=r=>{e.modelValue.value=r,o.emit("update:modelValue",r)};Pe({...o,getOptionValue:m,getOptionLabel:s,getOptionDescription:C,getOptionDisabled:E,getOptionIcon:i,getOptionByValue:q,getLabelByValue:S,focusOnInput:W,setModelValue:A,headerInputElement:z,getDisabled:oe,getStatus:ge,getSize:H,getTagSize:ne,comboboxInputBinding:re,comboboxTriggerBinding:P,...e,modelValue:e.modelValue}),t.watch(()=>[o.props.clearOnChangeMultiple,o.props.multiple],()=>{o.props.clearOnChangeMultiple&&A(void 0)});const J=t.computed(()=>{const r=o.props.scrollContainerProps??{};return{...r,areaCls:[c.getBemElement(M,"scroll_area"),r==null?void 0:r.class,r==null?void 0:r.areaCls]}}),le=c.getBemElement(M,"popup"),me=he.cva(le,{variants:{size:c.generateVariantClassList(ye,le)}}),Q=r=>{if(Number(r)>0)return`${r}px`;if(typeof r=="string")return r},ae=t.computed(()=>Q(o.props.popupWidth)),se=t.computed(()=>Q(o.props.popupHeight)),ie=t.computed(()=>Q(o.props.minWidth)),Z=t.computed(()=>({type:H.value==="sm"?"simple":"advance",...pe.omit(o.props.emptyProps??{},"class")})),Ie=t.computed(()=>pe.omit(o.props.skeletonProps??{},"class")),{selectValues:ze}=Je({getValue:r=>r==null?void 0:r.key,getChildren:r=>r==null?void 0:r.children,getModel:()=>F.cloneDeep(e.modelValue.value),getData:()=>F.cloneDeep(I.value??[])});return()=>{var ee,te;const r=a=>{var v;if((v=I.value)!=null&&v.length&&a>0)return!!I.value[a-1]},k=a=>{var v,w;if((v=I.value)!=null&&v.length&&a>0){const T=I.value[a-1];return!!(T&&((w=O(T))!=null&&w.length))}},_=a=>t.h(Se,{option:a},{trailing:()=>{var v;return(v=n.optionTrailing)==null?void 0:v.call(n,{option:a})}}),f=[];let y;if(o.props.tree){const v=x.isArray(e.modelValue.value)?e.modelValue.value:e.modelValue.value?[e.modelValue.value]:[];y=t.h(Me._sfc_main,{data:I.value??[],selectable:!0,checkbox:o.props.multiple&&o.props.checkbox,multiple:o.props.multiple,defaultExpandAll:!0,syncCheckboxAndSelect:o.props.multiple,showLine:!0,modelValue:v,checkedKeys:v,onExpand:W,onSelect:(w,T,U)=>{if(o.props.multiple){const X=x.isArray(U)?U:[U];A(ze(X,T))}else A(U)},class:"w-full"},{title:w=>_(w._option)}),f.push(y)}else(I.value??[]).forEach((a,v)=>{var w;(w=a.children)!=null&&w.length?(r(v)&&f.push(t.h(Ce._sfc_main)),a.groupLabel&&f.push(t.h(Ze,{class:o.props.labelCls},()=>a.groupLabel)),a.children.forEach(T=>{f.push(_(T._option))})):k(v)?f.push(t.h(Ce._sfc_main)):f.push(_(a._option))});const L=D.flattenChildrenByType(y?[y]:f,Se).filter(a=>{var v;return x.isObject(a==null?void 0:a.props)&&((v=a==null?void 0:a.props)==null?void 0:v.option)}),K=!!(o.props.tree&&((ee=I.value)!=null&&ee.length)||L!=null&&L.length),j=()=>{var v,w;const a=[];if(K||o.props.loading){const T=[];if(K&&T.push(...f),o.props.loading){const U=(v=n.loading)==null?void 0:v.call(n,{});if(!D.isEmptyElement(U))T.push(U);else{const X=new Array(K?2:o.props.loadingRowCount).fill(1);T.push(...X.map(()=>t.h(De._sfc_main,{size:H.value,class:[c.getBemElement(M,"skeleton"),o.props.skeletonCls],...Ie.value})))}}a.push(t.h("div",{class:[c.getBemElement(M,"options"),o.props.optionsCls]},T))}else if(!K){const T=(w=n.empty)==null?void 0:w.call(n,Z.value);D.isEmptyElement(T)?a.push(t.h(Le._sfc_main,{class:[c.getBemElement(M,"empty"),o.props.emptyCls],...Z.value},{title:n.emptyTitle,description:n.emptyDescription,actions:n.emptyActions,image:n.emptyImage})):a.push(T)}return o.props.lazyLoading&&a.push(t.h("div",{class:c.getBemElement(M,"lazy_loading")},t.h("div",{class:c.getBemElement(M,"lazy_loading_trigger"),ref:g}))),a};return[t.h(Xe,{ref:p,...o.attrs,style:{...((te=o.attrs)==null?void 0:te.style)??{},"--ptc-combobox-trigger-min-w":ie.value}},{trigger:n.trigger,triggerTrailing:n.triggerTrailing}),t.h($.ComboboxPortal,V.value,()=>t.h($.ComboboxContent,{...G.value,vShow:e.open.value,class:[me(o.props),o.props.popupCls],style:{"--ptc-combobox-popup-width":o.props.samePopupWidth?void 0:ae.value,"--ptc-combobox-popup-height":se.value,"--ptc-combobox-trigger-min-w":ie.value},onClick:W},()=>{var U,X,be;const a=[],v=(U=n.header)==null?void 0:U.call(n,{}),w=!D.isEmptyElement(v);if(o.props.headerSearch||w){const fe=[];w&&fe.push(v),o.props.headerSearch&&fe.push(t.h(Te)),a.push(t.h("div",{class:c.getBemElement(M,"header")},fe))}a.push(t.h(we._sfc_main,J.value,j));const T=(be=n.footer)==null?void 0:be.call(n,{isEmpty:!((X=I.value)!=null&&X.length),search:o.searchModel.value});return D.isEmptyElement(T)||a.push(t.h("div",{class:c.getBemElement(M,"footer")},T)),a}))]}}}),tt=t.defineComponent({...ce.getComponentOptions("Combobox"),__name:"Combobox",props:{size:{default:"md"},status:{},multiple:{type:Boolean,default:void 0},checkbox:{type:Boolean,default:!0},tagRenderMode:{default:"chip"},getTagProps:{},tree:{type:Boolean},contentFit:{type:Boolean},wrapped:{type:Boolean},noTrailing:{type:Boolean},leadingIcon:{},trailingIcon:{default:"tabler:chevron-down"},selectedItemIconAsTrailingIcon:{type:Boolean,default:!0},maxCount:{},to:{},placeholder:{},indicatorIcon:{default:"tabler:check"},options:{},getDisabled:{},getLabel:{},getDescription:{},getValue:{},getGroupOptions:{},getGroupLabel:{},getIcon:{},placement:{default:"bottom-start"},reversePlacementOnDir:{},loading:{type:Boolean},skeletonProps:{},loadingRowCount:{default:10},lazyLoading:{type:Boolean},bordered:{type:Boolean,default:!0},clearOnChangeMultiple:{type:Boolean,default:!0},triggerCls:{},triggerLeadingCls:{},triggerContentCls:{},triggerContentPlaceholderCls:{},triggerContentValueCls:{},triggerTrailingCls:{},itemLeadingCls:{},optionCls:{},tagCls:{},popupCls:{},labelCls:{},optionsCls:{},optionTextCls:{},optionContentCls:{},emptyCls:{},skeletonCls:{},scrollContainerProps:{},emptyProps:{},samePopupWidth:{type:Boolean,default:!0},popupHeight:{default:384},popupWidth:{},minWidth:{},headerSearch:{type:Boolean},search:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:void 0},resetSearchTermOnBlur:{type:Boolean,default:!0},resetSearchTermOnSelect:{type:Boolean,default:!0},modelValue:{},defaultValue:{},dir:{},disabled:{type:Boolean,default:void 0},highlightOnHover:{type:Boolean},by:{},asChild:{type:Boolean},as:{},name:{},required:{type:Boolean},reference:{},forceMount:{type:Boolean,default:void 0},position:{default:"popper"},bodyLock:{type:Boolean},side:{},sideOffset:{default:4},align:{},alignOffset:{},avoidCollisions:{type:Boolean,default:void 0},collisionBoundary:{},collisionPadding:{default:4},arrowPadding:{},sticky:{},hideWhenDetached:{type:Boolean,default:void 0},positionStrategy:{default:"fixed"},updatePositionStrategy:{},disableUpdateOnLayoutShift:{type:Boolean,default:void 0},prioritizePosition:{type:Boolean,default:void 0},disableOutsidePointerEvents:{type:Boolean},defer:{type:Boolean}},emits:["update:search","update:modelValue","highlight","update:open","escapeKeyDown","pointerDownOutside","focusOutside","interactOutside"],setup(d,{emit:n}){const o=d,e=n,g=$.useEmitAsProps(e),p=t.computed(()=>F.omitBy({...F.pick(o,"open","defaultOpen","defaultValue","modelValue","by","dir","multiple","disabled"),...F.pick(g,"onUpdate:modelValue","onUpdate:open"),ignoreFilter:!0},F.isUndefined)),V=Oe.useVModel(o,"search",e,{passive:o.search===void 0}),B=t.useSlots(),h=t.useAttrs();return Ue({attrs:h,props:o,emit:e,searchModel:V,emitsAsProps:g}),(b,N)=>(t.openBlock(),t.createBlock(t.unref($.ComboboxRoot),t.mergeProps(p.value,{class:t.unref(M)}),{default:t.withCtx(()=>[t.createVNode(t.unref(et),null,t.createSlots({_:2},[t.renderList(Object.keys(B),G=>({name:G,fn:t.withCtx(l=>[t.renderSlot(b.$slots,G,t.normalizeProps(t.guardReactiveProps(l)))])}))]),1024)]),_:3},16,["class"]))}});exports.ComboboxSizes=ye;exports.ComboboxStatuses=ke;exports._sfc_main=tt;exports.injectComboboxContext=de;exports.provideComboboxContext=Pe;
|
|
1
|
+
"use strict";const t=require("vue"),$=require("reka-ui"),F=require("./FormItem.vue_vue_type_style_index_0_lang-Bo3o8_6v.js"),ce=require("./options-CWrQ7gsa.js"),c=require("@pantograph/utils"),x=require("./index-DWw7aruo.js"),he=require("class-variance-authority"),pe=require("./omit-CYbreqlf.js"),Le=require("./Empty.vue_vue_type_style_index_0_lang-DidQV2p4.js"),De=require("./Skeleton.vue_vue_type_style_index_0_lang-CWNX_-Jl.js"),Ce=require("./Divider.vue_vue_type_style_index_0_lang-DoEWjJx6.js"),D=require("./element-BjE0SVc4.js"),xe=require("./useInputDataStates-D1X-Whwt.js"),qe=require("./useLazyLoading-H6VG5aE-.js"),Ve=require("./Popover.vue_vue_type_style_index_0_lang-CWRuaV3c.js"),we=require("./ScrollContainer.vue_vue_type_style_index_0_lang-BIoD2_5T.js"),Me=require("./Tree.vue_vue_type_style_index_0_lang-bqFbT4Ov.js"),Be=require("./uniq-DGkyiyS4.js"),Y=require("./isEmpty-bCllo8T9.js"),Ae=require("./Chip.vue_vue_type_style_index_0_lang-7phuC3Tb.js"),Ke=require("./ChipGroup.vue_vue_type_style_index_0_lang-C7fJePEO.js"),_e=require("./Icon.vue_vue_type_style_index_0_lang-D3cRtJNJ.js"),ve=require("./Avatar.vue_vue_type_style_index_0_lang-CjZaT7j5.js"),Ne=require("./GraphicalObjectGroup.vue_vue_type_style_index_0_lang-CBAeLQsP.js"),Ee=require("./GraphicalObject.vue_vue_type_script_setup_true_lang-Jl7yqJGb.js"),Re=require("./Input.vue_vue_type_style_index_0_lang-CWW5TIRh.js"),Oe=require("@vueuse/core"),Fe=require("lodash-es"),Ge=require("./MenuItem.vue_vue_type_style_index_0_lang-D41a99SS.js");require("@iconify/vue");const We=require("./Checkbox.vue_vue_type_style_index_0_lang-Bz-fwglK.js");require("@pantograph/tokens");const[de,Pe]=$.createContext("Combobox"),[je,Ue]=$.createContext("_Combobox"),M=c.getBemBlock("combobox");var $e=1/0;function He(d){var n=d==null?0:d.length;return n?pe.baseFlatten(d,$e):[]}const ue=d=>F.isNumber(d)||x.isString(d);function Ye({getValue:d,arr:n,getChildren:o}){const e=[],g=(p,V)=>{p.forEach(B=>{const h=d(B);if(ue(h)){e.push({...B,_parentKeys:V,_key:h});const b=o(B);b!=null&&b.length&&g(b,[...V??[],h])}})};return g(n),e}const Je=({getData:d,getModel:n,getValue:o,getChildren:e})=>{const g=t.computed(()=>Ye({arr:t.unref(d()),getChildren:e,getValue:o})),p=(l,m=!1)=>{const s=o(l);return g.value.filter(i=>{var C;if(m){const E=pe.last(i._parentKeys??[]);return E&&E===s}return(C=i._parentKeys)==null?void 0:C.includes(s)})},V=l=>{if(l&&x.isArray(l))return F.cloneDeep(l);const m=t.unref(n());return m&&x.isArray(m)?F.cloneDeep(m):[]},B=(l,m)=>{const s=V(m),i=p(l);if(i!=null&&i.length)return i.some(C=>{var u;const E=C._key;return E&&((u=s==null?void 0:s.includes)==null?void 0:u.call(s,E))})},h=(l,m)=>{const s=V(m),i=p(l);if(i!=null&&i.length)return i.every(C=>{var u;const E=C._key;return E&&((u=s==null?void 0:s.includes)==null?void 0:u.call(s,E))})},b=(l,m)=>{const s=V(m),i=p(l),C=o(l);return i!=null&&i.length?h(l)?!0:B(l)?"intermediate":!1:s.includes(C)},N=l=>ue(l)?g.value.find(m=>m._key===l):void 0;return{flattenData:g,getNodeChildren:p,isSomeChildrenSelected:B,isAllChildrenSelected:h,isSelected:b,selectValues:(l,m)=>{if(l.length){let s=V();const i=l.filter(ue);m?s.push(...i):s=s.filter(S=>!i.includes(S));const C=s.map(N).filter(S=>S&&S._parentKeys),u=Be.uniq(He(C.map(S=>S._parentKeys))).filter(ue).map(N).filter(Boolean),O=[],q=[];return u.forEach(S=>{const R=o(S);h(S,s)?O.push(R):q.push(R)}),s.push(...O),Be.uniq(s.filter(S=>!q.includes(S)))}}}},ye=["sm","md","lg"],ke=["error","warning","success"],Qe={key:1},Te=t.defineComponent({__name:"ComboboxInput",setup(d){const n=de();Oe.whenever(()=>n.open.value&&n.headerInputElement.value,()=>{n.headerInputElement.value&&n.open.value&&n.focusOnInput()});const o=t.computed(()=>!Y.isEmpty(n.modelValue.value)),e=t.computed(()=>o.value?x.isArray(n.modelValue.value)?n.getLabelByValue(Fe.last(n.modelValue.value)):n.getLabelByValue(n.modelValue.value):n.props.placeholder),g=B=>{if(B.key==="Backspace"&&n.props.multiple&&x.isArray(n.modelValue.value)&&Y.isEmpty(n.searchModel.value)&&(n.setModelValue(n.modelValue.value.slice(0,-1)),Y.isEmpty(n.modelValue.value))){const h=setTimeout(()=>{n.focusOnInput(),clearTimeout(h)},2)}},p=c.getBemElement(M,"input"),V=he.cva(p,{variants:{valuePlaceholder:c.generateVariantClassList("value-placeholder",p)}});return(B,h)=>(t.openBlock(),t.createBlock(t.unref($.ComboboxInput),t.mergeProps(t.unref(n).comboboxInputBinding.value,{disabled:t.unref(n).getDisabled.value,placeholder:e.value,"as-child":"",modelValue:t.unref(n).searchModel.value,"onUpdate:modelValue":h[0]||(h[0]=b=>t.unref(n).searchModel.value=b),onKeydown:g,class:t.unref(V)({valuePlaceholder:o.value}),displayValue:()=>""}),{default:t.withCtx(()=>[t.unref(n).props.headerSearch?(t.openBlock(),t.createBlock(Re._sfc_main,{key:0,ref:t.unref(n).headerInputElement,placeholder:t.unref(n).props.placeholder},{leading:t.withCtx(({iconSize:b})=>[t.createVNode(_e._sfc_main,{size:b,icon:"tabler:search",flipOnDir:"rtl"},null,8,["size"])]),_:1},8,["placeholder"])):(t.openBlock(),t.createElementBlock("input",Qe))]),_:1},16,["disabled","placeholder","modelValue","class"]))}}),Xe=t.defineComponent({name:ce.getComponentName("ComboboxTrigger"),props:{},setup(d,{slots:n,attrs:o}){const e=de(),g=({value:u},O)=>{if(O.stopPropagation(),u&&x.isArray(e.modelValue.value)&&!e.getDisabled.value){const q=e.modelValue.value.filter(S=>S!==u);e.setModelValue(q)}},p=c.getBemElement(M,"trigger"),V=he.cva(p,{variants:{size:c.generateVariantClassList(ye,p),status:c.generateVariantClassList(ke,p),bordered:c.generateVariantClassList("bordered",p),multiple:c.generateVariantClassList("multiple",p),contentFit:c.generateVariantClassList("content-fit",p),wrapped:c.generateVariantClassList("wrapped",p),filled:c.generateVariantClassList("filled",p)}}),B=t.computed(()=>{switch(e.getSize.value){case"sm":return"2xsm";case"md":default:return"xsm"}}),h=t.computed(()=>{if(!e.props.multiple&&x.isString(e.modelValue.value)&&!Y.isEmpty(e.modelValue.value))return e.getOptionByValue(e.modelValue.value)}),b=(u=h.value)=>{if(e.props.selectedItemIconAsTrailingIcon&&x.isObject(u)&&"icon"in u)return u.icon},N=t.computed(()=>b()),G=t.computed(()=>{if(!e.props.noTrailing)return e.props.trailingIcon}),l=t.computed(()=>({modelValue:F.cloneDeep(e.modelValue.value),open:F.cloneDeep(e.open.value)})),m=()=>{e.onOpenChange(!e.open.value)},s=u=>{console.log("event ===>",u),e.props.headerSearch},i=t.computed(()=>({disabled:e.getDisabled.value,tabindex:e.getDisabled.value||!e.props.headerSearch?-1:0,reference:e.props.reference,"data-disabled":e.getDisabled.value?"":void 0,"aria-disabled":e.getDisabled.value??void 0,"aria-label":"Show popup","aria-haspopup":"listbox","aria-expanded":e.open.value,"aria-controls":e.contentId,"data-state":e.open.value?"open":"closed",class:[V({size:e.getSize.value,status:e.getStatus.value==="success"&&Y.isEmpty(e.modelValue.value)?void 0:e.getStatus.value,bordered:e.props.bordered,multiple:e.props.multiple,contentFit:e.props.contentFit,wrapped:e.props.wrapped,filled:!Y.isEmpty(e.modelValue.value)}),e.props.triggerCls],...o})),C=(u,O=B.value)=>t.h(_e._sfc_main,{icon:u,size:O}),E=()=>{var q;let u;const O=(q=n.triggerTrailing)==null?void 0:q.call(n,l.value);if(D.isEmptyElement(O)?G.value&&(u=C(G.value)):u=O,u)return t.h("div",{class:[c.getBemElement(p,"trailing"),e.props.triggerTrailingCls]},u)};return()=>{var S;const u=(S=n.trigger)==null?void 0:S.call(n,l.value),q=(()=>{if(D.isEmptyElement(u))return!1;const R=D.filterEmpty(u)??null,I=R.length===1?R[0]:R;return I?D.isValidElement(I)&&!D.isFragment(I):!0})();return t.h($.ComboboxAnchor,{...i.value,...e.comboboxTriggerBinding.value,asChild:q,as:q?"template":"button",key:String(q),onKeyUp:s,onClick:m},()=>{if(!D.isEmptyElement(u))return u;const R=P=>{var W,A;const z=e.getOptionByValue(P);return t.h(ve._sfc_main,{...z?((A=(W=e.props).getTagProps)==null?void 0:A.call(W,z))??{}:{},size:e.getTagSize.value})},I=P=>{var W,A;const z=e.getOptionByValue(P);return t.h(Ee._sfc_main,{...z?((A=(W=e.props).getTagProps)==null?void 0:A.call(W,z))??{}:{},size:e.getTagSize.value})},oe=()=>{if(!e.props.multiple&&!x.isArray(e.modelValue.value)&&e.modelValue.value&&(e.props.tagRenderMode&&["avatar","go"].includes(e.props.tagRenderMode)||N.value||e.props.leadingIcon)){let P;if(e.props.tagRenderMode==="avatar"?P=R(e.modelValue.value):e.props.tagRenderMode==="go"?P=I(e.modelValue.value):N.value?P=C(N.value):e.props.leadingIcon&&(P=C(e.props.leadingIcon)),!D.isEmptyElement(P))return t.h("div",{class:[c.getBemElement(p,"leading"),e.props.triggerLeadingCls]},P)}},ge=()=>{const P=[],z=[c.getBemElement(p,"content"),e.props.triggerContentCls,Y.isEmpty(e.modelValue.value)?e.props.triggerContentPlaceholderCls:e.props.triggerContentValueCls],A=(()=>{if(e.props.multiple&&x.isArray(e.modelValue.value)){if(e.props.tagRenderMode==="avatar")return t.h(ve._sfc_main$1,{maxCount:e.props.maxCount,size:e.getTagSize.value,closeable:!e.getDisabled.value,noPopover:!0,noWrap:!e.props.wrapped,class:z},()=>e.modelValue.value.map(R));if(e.props.tagRenderMode==="go")return t.h(Ne._sfc_main,{maxCount:e.props.maxCount,size:e.getTagSize.value,closeable:!e.getDisabled.value,noPopover:!0,noWrap:!e.props.wrapped,class:z},()=>e.modelValue.value.map(I));if(e.props.tagRenderMode==="chip")return t.h(Ke._sfc_main,{maxCount:e.props.maxCount,size:e.getTagSize.value,color:"primary",closeable:!e.getDisabled.value,noPopover:!0,noWrap:!e.props.wrapped,class:z,onClose:g},()=>e.modelValue.value.map(J=>{var ae,se;const le=()=>e.getLabelByValue(J),me=({size:ie})=>{const Z=b(e.getOptionByValue(J))??e.props.leadingIcon;return Z?C(Z,ie):null},Q=e.getOptionByValue(J);return t.h(Ae._sfc_main,{...Q?((se=(ae=e.props).getTagProps)==null?void 0:se.call(ae,Q))??{}:{},value:J,class:[c.getBemElement(p,"tag"),e.props.tagCls],closeIconCls:c.getBemElement(p,"tag__close")},{text:le,leading:me})}))}})();return A?P.push(A):e.props.headerSearch&&P.push(t.h("div",{class:[...z,c.getBemElement(p,"content--empty")]})),e.props.headerSearch||P.push(t.h(Te)),P},H=[],ne=oe();D.isEmptyElement(ne)||H.push(ne),H.push(ge());const re=E();return D.isEmptyElement(re)||H.push(re),H})}}}),Ze=t.defineComponent({__name:"ComboboxLabel",setup(d){return(n,o)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(t.unref(c.getBemElement)(t.unref(M),"label"))},[t.renderSlot(n.$slots,"default")],2))}}),Se=t.defineComponent({name:ce.getComponentName("SelectOption"),props:{option:{type:[Object,String],required:!0}},slots:Object,setup(d,{slots:n}){const o=de(),e=t.computed(()=>{switch(o.getSize.value){case"sm":return"2xsm";case"lg":return"sm";case"md":default:return"xsm"}}),g=t.computed(()=>o.getOptionValue(d.option)),p=t.computed(()=>o.getOptionLabel(d.option)),V=t.computed(()=>o.getOptionIcon(d.option)),B=t.computed(()=>o.props.tree?void 0:o.getOptionDescription(d.option)),h=t.computed(()=>o.getOptionDisabled(d.option)),b=t.computed(()=>Array.isArray(o.modelValue.value)?!!(g.value&&o.modelValue.value.includes(g.value)):o.modelValue.value===g.value),N=c.getBemElement(M,"option"),G=()=>{if(!(o.props.tree||!g.value||h.value))if(o.props.multiple){const l=x.isArray(o.modelValue.value)?o.modelValue.value:[];l.includes(g.value)?o.setModelValue(l.filter(s=>s!==g.value)):o.setModelValue([...l,g.value])}else o.setModelValue(g.value)};if(!d.option)throw new Error("option is required");return()=>{const l=s=>{var C,E,u,O;const i=[];return!o.props.tree&&o.props.multiple&&o.props.checkbox&&i.push(t.h(We._sfc_main,{modelValue:b.value,size:s.checkboxSize,disabled:h.value})),o.props.tagRenderMode==="avatar"?i.push(t.h(ve._sfc_main,{...((E=(C=o.props).getTagProps)==null?void 0:E.call(C,d.option))??{},size:o.getTagSize.value})):o.props.tagRenderMode==="go"?i.push(t.h(Ee._sfc_main,{...((O=(u=o.props).getTagProps)==null?void 0:O.call(u,d.option))??{},size:o.getTagSize.value})):V.value&&i.push(t.h(_e._sfc_main,{icon:V.value,size:e.value})),D.isEmptyElement(i)?null:i};return(()=>{const s=!!B.value;return t.h(Ge._sfc_main$1,{class:N,description:B.value,title:p.value,key:g.value,selected:b.value,unFocusable:!0,leadingCenter:!s,size:o.getSize.value,disabled:h.value,onClick:G},{leading:l,trailing:()=>{var i;return(i=n.trailing)==null?void 0:i.call(n,{option:d.option})}})})()}}}),et=t.defineComponent({name:ce.getComponentName("ComboboxWrapper"),setup(d,{slots:n}){const o=je(),e=$.injectComboboxRootContext(),g=t.ref();qe.useLazyLoading({target:g});const p=t.ref(),V=Ve.getPopoverPortalProps({triggerRef:p,props:o.props}),{getFlipOnDir:B,getDir:h}=x.useConfig(),b=B("reversePlacementOnDir"),N=h(),G=Ve.getPopoverContentProps({props:o.props,flip:b,emitsAsProps:o.emitsAsProps,_dir:N,controlAutoFocus:!1,extraPropNames:["bodyLock","position"]}),l=({key:r,getterKey:k,defaultValue:_,noReturnOption:f})=>y=>{const L=x.isFunction(_)?_(y):_;if(x.isObject(y)){const K=y[r]??L,j=k&&o.props[k];if(j){if(x.isString(j))return y[j]??K;if(x.isFunction(j))return j(y)??K}return K}return x.isString(y)&&!f?y??L:L},m=l({getterKey:"getValue",key:"value"}),s=l({getterKey:"getLabel",key:"label",defaultValue:m}),i=l({getterKey:"getIcon",key:"icon",noReturnOption:!0}),C=l({getterKey:"getDescription",key:"description",noReturnOption:!0}),E=l({getterKey:"getDisabled",key:"disabled",defaultValue:!1,noReturnOption:!0}),u=l({getterKey:"getGroupLabel",key:"label",noReturnOption:!0}),O=l({getterKey:"getGroupOptions",key:"options",noReturnOption:!0}),q=r=>{var k;if((k=o.props.options)!=null&&k.length)for(const _ of o.props.options){if(m(_)===r)return _;const f=O(_);if(f!=null&&f.length){for(const y of f)if(m(y)===r)return y}}return r},S=r=>{const k=q(r);return k?s(k)??r:r},{contains:R}=$.useFilter({sensitivity:"base"}),I=t.computed(()=>{const r=k=>k==null?void 0:k.map(_=>{const f=s(_),y=m(_),L=E(_),K=u(_),j=!o.searchModel.value||f&&R(f,o.searchModel.value),ee=O(_),te=!o.props.tree||y;if(ee&&te){const a=r(ee);if(a!=null&&a.length||j)return{groupLabel:K,title:f,key:y,disabled:L,children:a,_option:_}}return j&&te?{title:f,key:y,disabled:L,_option:_}:null}).filter(Boolean);if(o.props.options)return r(o.props.options)}),{getDisabled:oe,getStatus:ge,getSize:H}=xe.useFormInput({getDisabled:()=>o.props.disabled,getSize:()=>o.props.size,getStatus:()=>o.props.status}),ne=t.computed(()=>{switch(H.value){case"sm":return"xsm";case"lg":return"md";case"md":default:return"sm"}}),{inputBindings:re,rootBindings:P}=xe.UseInputDataStates({getDisabled:()=>oe.value}),z=t.ref(),W=()=>{var r,k,_,f,y,L,K;e.open.value&&e.inputElement.value&&(o.props.headerSearch&&((r=z.value)!=null&&r.input)?document.activeElement!==((k=z.value)==null?void 0:k.input)&&((y=(f=(_=z.value)==null?void 0:_.input)==null?void 0:f.focus)==null||y.call(f)):document.activeElement!==e.inputElement.value&&((K=(L=e.inputElement.value)==null?void 0:L.focus)==null||K.call(L)))},A=r=>{e.modelValue.value=r,o.emit("update:modelValue",r)};Pe({...o,getOptionValue:m,getOptionLabel:s,getOptionDescription:C,getOptionDisabled:E,getOptionIcon:i,getOptionByValue:q,getLabelByValue:S,focusOnInput:W,setModelValue:A,headerInputElement:z,getDisabled:oe,getStatus:ge,getSize:H,getTagSize:ne,comboboxInputBinding:re,comboboxTriggerBinding:P,...e,modelValue:e.modelValue}),t.watch(()=>[o.props.clearOnChangeMultiple,o.props.multiple],()=>{o.props.clearOnChangeMultiple&&A(void 0)});const J=t.computed(()=>{const r=o.props.scrollContainerProps??{};return{...r,areaCls:[c.getBemElement(M,"scroll_area"),r==null?void 0:r.class,r==null?void 0:r.areaCls]}}),le=c.getBemElement(M,"popup"),me=he.cva(le,{variants:{size:c.generateVariantClassList(ye,le)}}),Q=r=>{if(Number(r)>0)return`${r}px`;if(typeof r=="string")return r},ae=t.computed(()=>Q(o.props.popupWidth)),se=t.computed(()=>Q(o.props.popupHeight)),ie=t.computed(()=>Q(o.props.minWidth)),Z=t.computed(()=>({type:H.value==="sm"?"simple":"advance",...pe.omit(o.props.emptyProps??{},"class")})),Ie=t.computed(()=>pe.omit(o.props.skeletonProps??{},"class")),{selectValues:ze}=Je({getValue:r=>r==null?void 0:r.key,getChildren:r=>r==null?void 0:r.children,getModel:()=>F.cloneDeep(e.modelValue.value),getData:()=>F.cloneDeep(I.value??[])});return()=>{var ee,te;const r=a=>{var v;if((v=I.value)!=null&&v.length&&a>0)return!!I.value[a-1]},k=a=>{var v,w;if((v=I.value)!=null&&v.length&&a>0){const T=I.value[a-1];return!!(T&&((w=O(T))!=null&&w.length))}},_=a=>t.h(Se,{option:a},{trailing:()=>{var v;return(v=n.optionTrailing)==null?void 0:v.call(n,{option:a})}}),f=[];let y;if(o.props.tree){const v=x.isArray(e.modelValue.value)?e.modelValue.value:e.modelValue.value?[e.modelValue.value]:[];y=t.h(Me._sfc_main,{data:I.value??[],selectable:!0,checkbox:o.props.multiple&&o.props.checkbox,multiple:o.props.multiple,defaultExpandAll:!0,syncCheckboxAndSelect:o.props.multiple,showLine:!0,modelValue:v,checkedKeys:v,onExpand:W,onSelect:(w,T,U)=>{if(o.props.multiple){const X=x.isArray(U)?U:[U];A(ze(X,T))}else A(U)},class:"w-full"},{title:w=>_(w._option)}),f.push(y)}else(I.value??[]).forEach((a,v)=>{var w;(w=a.children)!=null&&w.length?(r(v)&&f.push(t.h(Ce._sfc_main)),a.groupLabel&&f.push(t.h(Ze,{class:o.props.labelCls},()=>a.groupLabel)),a.children.forEach(T=>{f.push(_(T._option))})):k(v)?f.push(t.h(Ce._sfc_main)):f.push(_(a._option))});const L=D.flattenChildrenByType(y?[y]:f,Se).filter(a=>{var v;return x.isObject(a==null?void 0:a.props)&&((v=a==null?void 0:a.props)==null?void 0:v.option)}),K=!!(o.props.tree&&((ee=I.value)!=null&&ee.length)||L!=null&&L.length),j=()=>{var v,w;const a=[];if(K||o.props.loading){const T=[];if(K&&T.push(...f),o.props.loading){const U=(v=n.loading)==null?void 0:v.call(n,{});if(!D.isEmptyElement(U))T.push(U);else{const X=new Array(K?2:o.props.loadingRowCount).fill(1);T.push(...X.map(()=>t.h(De._sfc_main,{size:H.value,class:[c.getBemElement(M,"skeleton"),o.props.skeletonCls],...Ie.value})))}}a.push(t.h("div",{class:[c.getBemElement(M,"options"),o.props.optionsCls]},T))}else if(!K){const T=(w=n.empty)==null?void 0:w.call(n,Z.value);D.isEmptyElement(T)?a.push(t.h(Le._sfc_main,{class:[c.getBemElement(M,"empty"),o.props.emptyCls],...Z.value},{title:n.emptyTitle,description:n.emptyDescription,actions:n.emptyActions,image:n.emptyImage})):a.push(T)}return o.props.lazyLoading&&a.push(t.h("div",{class:c.getBemElement(M,"lazy_loading")},t.h("div",{class:c.getBemElement(M,"lazy_loading_trigger"),ref:g}))),a};return[t.h(Xe,{ref:p,...o.attrs,style:{...((te=o.attrs)==null?void 0:te.style)??{},"--ptc-combobox-trigger-min-w":ie.value}},{trigger:n.trigger,triggerTrailing:n.triggerTrailing}),t.h($.ComboboxPortal,V.value,()=>t.h($.ComboboxContent,{...G.value,vShow:e.open.value,class:[me(o.props),o.props.popupCls],style:{"--ptc-combobox-popup-width":o.props.samePopupWidth?void 0:ae.value,"--ptc-combobox-popup-height":se.value,"--ptc-combobox-trigger-min-w":ie.value},onClick:W},()=>{var U,X,be;const a=[],v=(U=n.header)==null?void 0:U.call(n,{}),w=!D.isEmptyElement(v);if(o.props.headerSearch||w){const fe=[];w&&fe.push(v),o.props.headerSearch&&fe.push(t.h(Te)),a.push(t.h("div",{class:c.getBemElement(M,"header")},fe))}a.push(t.h(we._sfc_main,J.value,j));const T=(be=n.footer)==null?void 0:be.call(n,{isEmpty:!((X=I.value)!=null&&X.length),search:o.searchModel.value});return D.isEmptyElement(T)||a.push(t.h("div",{class:c.getBemElement(M,"footer")},T)),a}))]}}}),tt=t.defineComponent({...ce.getComponentOptions("Combobox"),__name:"Combobox",props:{size:{default:"md"},status:{},multiple:{type:Boolean,default:void 0},checkbox:{type:Boolean,default:!0},tagRenderMode:{default:"chip"},getTagProps:{},tree:{type:Boolean},contentFit:{type:Boolean},wrapped:{type:Boolean},noTrailing:{type:Boolean},leadingIcon:{},trailingIcon:{default:"tabler:chevron-down"},selectedItemIconAsTrailingIcon:{type:Boolean,default:!0},maxCount:{},to:{},placeholder:{},indicatorIcon:{default:"tabler:check"},options:{},getDisabled:{},getLabel:{},getDescription:{},getValue:{},getGroupOptions:{},getGroupLabel:{},getIcon:{},placement:{default:"bottom-start"},reversePlacementOnDir:{},loading:{type:Boolean},skeletonProps:{},loadingRowCount:{default:10},lazyLoading:{type:Boolean},bordered:{type:Boolean,default:!0},clearOnChangeMultiple:{type:Boolean,default:!0},triggerCls:{},triggerLeadingCls:{},triggerContentCls:{},triggerContentPlaceholderCls:{},triggerContentValueCls:{},triggerTrailingCls:{},itemLeadingCls:{},optionCls:{},tagCls:{},popupCls:{},labelCls:{},optionsCls:{},optionTextCls:{},optionContentCls:{},emptyCls:{},skeletonCls:{},scrollContainerProps:{},emptyProps:{},samePopupWidth:{type:Boolean,default:!0},popupHeight:{default:384},popupWidth:{},minWidth:{},headerSearch:{type:Boolean},search:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:void 0},resetSearchTermOnBlur:{type:Boolean,default:!0},resetSearchTermOnSelect:{type:Boolean,default:!0},modelValue:{},defaultValue:{},dir:{},disabled:{type:Boolean,default:void 0},highlightOnHover:{type:Boolean},by:{},asChild:{type:Boolean},as:{},name:{},required:{type:Boolean},reference:{},forceMount:{type:Boolean,default:void 0},position:{default:"popper"},bodyLock:{type:Boolean},side:{},sideOffset:{default:4},align:{},alignOffset:{},avoidCollisions:{type:Boolean,default:void 0},collisionBoundary:{},collisionPadding:{default:4},arrowPadding:{},sticky:{},hideWhenDetached:{type:Boolean,default:void 0},positionStrategy:{default:"fixed"},updatePositionStrategy:{},disableUpdateOnLayoutShift:{type:Boolean,default:void 0},prioritizePosition:{type:Boolean,default:void 0},disableOutsidePointerEvents:{type:Boolean},defer:{type:Boolean}},emits:["update:search","update:modelValue","highlight","update:open","escapeKeyDown","pointerDownOutside","focusOutside","interactOutside"],setup(d,{emit:n}){const o=d,e=n,g=$.useEmitAsProps(e),p=t.computed(()=>F.omitBy({...F.pick(o,"open","defaultOpen","defaultValue","modelValue","by","dir","multiple","disabled"),...F.pick(g,"onUpdate:modelValue","onUpdate:open"),ignoreFilter:!0},F.isUndefined)),V=Oe.useVModel(o,"search",e,{passive:o.search===void 0}),B=t.useSlots(),h=t.useAttrs();return Ue({attrs:h,props:o,emit:e,searchModel:V,emitsAsProps:g}),(b,N)=>(t.openBlock(),t.createBlock(t.unref($.ComboboxRoot),t.mergeProps(p.value,{class:t.unref(M)}),{default:t.withCtx(()=>[t.createVNode(t.unref(et),null,t.createSlots({_:2},[t.renderList(Object.keys(B),G=>({name:G,fn:t.withCtx(l=>[t.renderSlot(b.$slots,G,t.normalizeProps(t.guardReactiveProps(l)))])}))]),1024)]),_:3},16,["class"]))}});exports.ComboboxSizes=ye;exports.ComboboxStatuses=ke;exports._sfc_main=tt;exports.injectComboboxContext=de;exports.provideComboboxContext=Pe;
|
|
@@ -12,21 +12,21 @@ import { _ as Ie } from "./Divider.vue_vue_type_style_index_0_lang-B6fQsp1Y.js";
|
|
|
12
12
|
import { b as F, f as vt, a as ht, i as bt, d as yt } from "./element-BfQuKSll.js";
|
|
13
13
|
import { u as Ct, U as _t } from "./useInputDataStates-0nK-AuOK.js";
|
|
14
14
|
import { u as Vt } from "./useLazyLoading-Zo-PEp2E.js";
|
|
15
|
-
import { g as xt, b as Bt } from "./Popover.vue_vue_type_style_index_0_lang-
|
|
15
|
+
import { g as xt, b as Bt } from "./Popover.vue_vue_type_style_index_0_lang-BczEAkOq.js";
|
|
16
16
|
import { _ as St } from "./ScrollContainer.vue_vue_type_style_index_0_lang-DfMU1mTu.js";
|
|
17
|
-
import { _ as Ot } from "./Tree.vue_vue_type_style_index_0_lang-
|
|
17
|
+
import { _ as Ot } from "./Tree.vue_vue_type_style_index_0_lang-C4bmWRCg.js";
|
|
18
18
|
import { u as ke } from "./uniq-Cxafs-eV.js";
|
|
19
19
|
import { i as J } from "./isEmpty-wdqPTIXx.js";
|
|
20
|
-
import { _ as Pt } from "./Chip.vue_vue_type_style_index_0_lang-
|
|
21
|
-
import { _ as Tt } from "./ChipGroup.vue_vue_type_style_index_0_lang-
|
|
20
|
+
import { _ as Pt } from "./Chip.vue_vue_type_style_index_0_lang-BL8Jl9rC.js";
|
|
21
|
+
import { _ as Tt } from "./ChipGroup.vue_vue_type_style_index_0_lang-Cm8KJ-J6.js";
|
|
22
22
|
import { _ as Be } from "./Icon.vue_vue_type_style_index_0_lang-CbLL-Ngi.js";
|
|
23
|
-
import { d as zt, _ as Re } from "./Avatar.vue_vue_type_style_index_0_lang-
|
|
24
|
-
import { _ as It } from "./GraphicalObjectGroup.vue_vue_type_style_index_0_lang-
|
|
25
|
-
import { _ as $e } from "./GraphicalObject.vue_vue_type_script_setup_true_lang-
|
|
23
|
+
import { d as zt, _ as Re } from "./Avatar.vue_vue_type_style_index_0_lang-DdGYoU7N.js";
|
|
24
|
+
import { _ as It } from "./GraphicalObjectGroup.vue_vue_type_style_index_0_lang-YIQ8fzAN.js";
|
|
25
|
+
import { _ as $e } from "./GraphicalObject.vue_vue_type_script_setup_true_lang-BY8z0E2H.js";
|
|
26
26
|
import { _ as kt } from "./Input.vue_vue_type_style_index_0_lang-oEQu3uIk.js";
|
|
27
27
|
import { whenever as Dt, useVModel as Mt } from "@vueuse/core";
|
|
28
28
|
import { last as wt } from "lodash-es";
|
|
29
|
-
import { a as Lt } from "./MenuItem.vue_vue_type_style_index_0_lang-
|
|
29
|
+
import { a as Lt } from "./MenuItem.vue_vue_type_style_index_0_lang-DLi2Epne.js";
|
|
30
30
|
import "@iconify/vue";
|
|
31
31
|
import { _ as Et } from "./Checkbox.vue_vue_type_style_index_0_lang-aDK0Pvm-.js";
|
|
32
32
|
import "@pantograph/tokens";
|
package/dist/DataTable/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../DataTable.vue_vue_type_style_index_0_lang-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../DataTable.vue_vue_type_style_index_0_lang-DFmpGlou.js");exports.DataTable=e._sfc_main;exports.default=e._sfc_main;
|