@pantograph/vue 0.23.8 → 0.23.9
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/ActionButton/index.js +1 -1
- package/dist/ActionButton/index.umd.cjs +1 -1
- package/dist/{ActionButton.vue_vue_type_script_setup_true_lang-D2UCIVFh.js → ActionButton.vue_vue_type_script_setup_true_lang-aFnjoRJy.js} +1 -1
- package/dist/{ActionButton.vue_vue_type_script_setup_true_lang-Sy0wmzfI.js → ActionButton.vue_vue_type_script_setup_true_lang-xZ5KwcNz.js} +1 -1
- 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-DEuIpbIc.js → Alert.vue_vue_type_style_index_0_lang-CJaF3EK7.js} +1 -1
- package/dist/{Alert.vue_vue_type_style_index_0_lang-DhXnJ2yL.js → Alert.vue_vue_type_style_index_0_lang-Cai14H0F.js} +3 -3
- 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-ChqyqDd3.js → Avatar.vue_vue_type_style_index_0_lang-CyJGai1W.js} +1 -1
- package/dist/{Avatar.vue_vue_type_style_index_0_lang-nXVENZtO.js → Avatar.vue_vue_type_style_index_0_lang-qdpWeyHy.js} +1 -1
- package/dist/AvatarGroup/index.js +1 -1
- package/dist/AvatarGroup/index.umd.cjs +1 -1
- package/dist/{BaseButton.vue_vue_type_style_index_0_lang-CStEBaYE.js → BaseButton.vue_vue_type_style_index_0_lang-iumZ4VQ0.js} +1 -1
- package/dist/{BaseButton.vue_vue_type_style_index_0_lang-BXsUUHwx.js → BaseButton.vue_vue_type_style_index_0_lang-wkKzmA9i.js} +1 -1
- package/dist/Button/index.js +1 -1
- package/dist/Button/index.umd.cjs +1 -1
- package/dist/{Button.vue_vue_type_script_setup_true_lang-Bgbm_0iE.js → Button.vue_vue_type_script_setup_true_lang-BzgGLJqR.js} +1 -1
- package/dist/{Button.vue_vue_type_script_setup_true_lang-CH9BxMjD.js → Button.vue_vue_type_script_setup_true_lang-DIWm889s.js} +1 -1
- package/dist/Checkbox/index.js +1 -1
- package/dist/Checkbox/index.umd.cjs +1 -1
- package/dist/{Checkbox.vue_vue_type_style_index_0_lang-Dh2oLmt5.js → Checkbox.vue_vue_type_style_index_0_lang-Bz-fwglK.js} +1 -1
- package/dist/{Checkbox.vue_vue_type_style_index_0_lang-Dhn_dWz7.js → Checkbox.vue_vue_type_style_index_0_lang-aDK0Pvm-.js} +1 -1
- package/dist/CheckboxGroup/index.js +1 -1
- package/dist/CheckboxGroup/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-DQCxLfCf.js → Chip.vue_vue_type_style_index_0_lang-q4obFRun.js} +1 -1
- package/dist/{Chip.vue_vue_type_style_index_0_lang-1iDlKD-7.js → Chip.vue_vue_type_style_index_0_lang-qncbXz02.js} +2 -2
- 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-EiZjJxFD.js → ChipGroup.vue_vue_type_style_index_0_lang-BFKwogR0.js} +1 -1
- package/dist/{ChipGroup.vue_vue_type_style_index_0_lang-Bi3UPa_e.js → ChipGroup.vue_vue_type_style_index_0_lang-pAbdjmHE.js} +1 -1
- package/dist/ColorPicker/index.js +1 -1
- package/dist/ColorPicker/index.umd.cjs +1 -1
- package/dist/{ColorPicker.vue_vue_type_style_index_0_lang-CbajVGvM.js → ColorPicker.vue_vue_type_style_index_0_lang-B-zZbVyX.js} +2 -2
- package/dist/{ColorPicker.vue_vue_type_style_index_0_lang-BTyFfqXB.js → ColorPicker.vue_vue_type_style_index_0_lang-DXVw6HPr.js} +1 -1
- package/dist/ColorSwatch/index.js +1 -1
- package/dist/ColorSwatch/index.umd.cjs +1 -1
- package/dist/{ColorSwatch-zBaNVoXY.js → ColorSwatch-BSqFFWRL.js} +1 -1
- package/dist/{ColorSwatch-ChhddKCZ.js → ColorSwatch-BrVtGQ8o.js} +1 -1
- package/dist/{ColorSwatch.vue_vue_type_style_index_0_lang-BKeC7_Hh.js → ColorSwatch.vue_vue_type_style_index_0_lang-BtD8iSwd.js} +2 -2
- package/dist/{ColorSwatch.vue_vue_type_style_index_0_lang-BteZYDeA.js → ColorSwatch.vue_vue_type_style_index_0_lang-C3iqxh5D.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-BcSPyVxc.js → ColorSwatchGroup.vue_vue_type_style_index_0_lang-7nyn9UPr.js} +4 -4
- package/dist/{ColorSwatchGroup.vue_vue_type_style_index_0_lang-NS5FYAsV.js → ColorSwatchGroup.vue_vue_type_style_index_0_lang-DxmTzGB6.js} +1 -1
- 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-51-kUNs0.js → ColorTrigger.vue_vue_type_style_index_0_lang-BBSYObz2.js} +1 -1
- package/dist/{ColorTrigger.vue_vue_type_style_index_0_lang-BqWTpuxM.js → ColorTrigger.vue_vue_type_style_index_0_lang-Ca3yrvsq.js} +3 -3
- 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-BAquSWRB.js → Combobox.vue_vue_type_style_index_0_lang-DTko3H3F.js} +1 -1
- package/dist/{Combobox.vue_vue_type_style_index_0_lang-BSsPm6aY.js → Combobox.vue_vue_type_style_index_0_lang-yow5XVz6.js} +85 -85
- 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-DDvzbYTD.js → DataTable.vue_vue_type_style_index_0_lang-8Bp4vLtf.js} +1 -1
- package/dist/{DataTable.vue_vue_type_style_index_0_lang-Cu72aiZG.js → DataTable.vue_vue_type_style_index_0_lang-C-IX8JWd.js} +9 -9
- package/dist/DropZone/index.js +1 -1
- package/dist/DropZone/index.umd.cjs +1 -1
- package/dist/{DropZone.vue_vue_type_style_index_0_lang-CCnOnElF.js → DropZone.vue_vue_type_style_index_0_lang-DFSkOKVN.js} +1 -1
- package/dist/{DropZone.vue_vue_type_style_index_0_lang-CSQ38lZt.js → DropZone.vue_vue_type_style_index_0_lang-DgUuAIs0.js} +1 -1
- package/dist/FloatButton/index.js +1 -1
- package/dist/FloatButton/index.umd.cjs +1 -1
- package/dist/{FloatButton.vue_vue_type_script_setup_true_lang-vfOkz4vM.js → FloatButton.vue_vue_type_script_setup_true_lang-BVcfOVE2.js} +1 -1
- package/dist/{FloatButton.vue_vue_type_script_setup_true_lang-B2JAYUVq.js → FloatButton.vue_vue_type_script_setup_true_lang-BgcqTeKf.js} +1 -1
- package/dist/Form/index.js +1 -1
- package/dist/Form/index.umd.cjs +1 -1
- package/dist/{FormItem.vue_vue_type_style_index_0_lang-CTRszGlB.js → FormItem.vue_vue_type_style_index_0_lang-Bo3o8_6v.js} +3 -3
- package/dist/{FormItem.vue_vue_type_style_index_0_lang-DbMENNc4.js → FormItem.vue_vue_type_style_index_0_lang-BpgRONei.js} +1 -1
- 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-D6X3NSHD.js → GraphicalObject.vue_vue_type_script_setup_true_lang-DLtfk2Qg.js} +1 -1
- package/dist/{GraphicalObject.vue_vue_type_script_setup_true_lang-BD0XDk0_.js → GraphicalObject.vue_vue_type_script_setup_true_lang-PyVOSOe3.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-DCECc8yD.js → GraphicalObjectGroup.vue_vue_type_style_index_0_lang-B2WcOZnc.js} +1 -1
- package/dist/{GraphicalObjectGroup.vue_vue_type_style_index_0_lang-D30Davr0.js → GraphicalObjectGroup.vue_vue_type_style_index_0_lang-C3Vv_V38.js} +1 -1
- package/dist/IconButton/index.js +1 -1
- package/dist/IconButton/index.umd.cjs +1 -1
- package/dist/{IconButton.vue_vue_type_script_setup_true_lang-DdFf5vKS.js → IconButton.vue_vue_type_script_setup_true_lang-mS3fxFE_.js} +1 -1
- package/dist/{IconButton.vue_vue_type_script_setup_true_lang-B1tfPZvU.js → IconButton.vue_vue_type_script_setup_true_lang-yCbmuM4V.js} +1 -1
- package/dist/Image/index.js +1 -1
- package/dist/Image/index.umd.cjs +1 -1
- package/dist/{Image.vue_vue_type_style_index_0_lang-CgczUp3D.js → Image.vue_vue_type_style_index_0_lang-CKNFsSO1.js} +1 -1
- package/dist/{Image.vue_vue_type_style_index_0_lang-Cmn0ijum.js → Image.vue_vue_type_style_index_0_lang-CdeM6eg4.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-X2dz4qXG.js → IndentLevel.vue_vue_type_style_index_0_lang-C5o331Hd.js} +2 -2
- package/dist/{IndentLevel.vue_vue_type_style_index_0_lang-DHeczGLS.js → IndentLevel.vue_vue_type_style_index_0_lang-_NIazt15.js} +1 -1
- package/dist/Input/index.js +1 -1
- package/dist/Input/index.umd.cjs +1 -1
- package/dist/{Input.vue_vue_type_style_index_0_lang-yHgbuD_4.js → Input.vue_vue_type_style_index_0_lang-CWW5TIRh.js} +1 -1
- package/dist/{Input.vue_vue_type_style_index_0_lang-Ccow0nkI.js → Input.vue_vue_type_style_index_0_lang-oEQu3uIk.js} +2 -2
- package/dist/Label/index.js +1 -1
- package/dist/Label/index.umd.cjs +1 -1
- 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-pnm3rqME.js → MenuItem.vue_vue_type_style_index_0_lang-B43jOe4U.js} +1 -1
- package/dist/{MenuItem.vue_vue_type_style_index_0_lang-C8ofBbNv.js → MenuItem.vue_vue_type_style_index_0_lang-DPbtkHtq.js} +3 -3
- 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-BGRXQmj3.js → Popover.vue_vue_type_style_index_0_lang-Yli31kJD.js} +1 -1
- package/dist/{Popover.vue_vue_type_style_index_0_lang-CZ_AaHDG.js → Popover.vue_vue_type_style_index_0_lang-bZzTBnW7.js} +1 -1
- package/dist/RadioGroup/index.js +1 -1
- package/dist/RadioGroup/index.umd.cjs +1 -1
- package/dist/{RadioGroup.vue_vue_type_script_setup_true_lang-03XUb7NC.js → RadioGroup.vue_vue_type_script_setup_true_lang-B4itnrhx.js} +1 -1
- package/dist/{RadioGroup.vue_vue_type_script_setup_true_lang-1clw8kVI.js → RadioGroup.vue_vue_type_script_setup_true_lang-D6pRyJ0t.js} +1 -1
- package/dist/Segmented/index.js +1 -1
- package/dist/Segmented/index.umd.cjs +1 -1
- package/dist/{Segmented.vue_vue_type_style_index_0_lang-906ZRFCK.js → Segmented.vue_vue_type_style_index_0_lang-DEo3Y2uv.js} +1 -1
- package/dist/{Segmented.vue_vue_type_style_index_0_lang-B4aQCMXZ.js → Segmented.vue_vue_type_style_index_0_lang-m8iNyqtw.js} +1 -1
- 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-MABrnn9q.js → Select.vue_vue_type_style_index_0_lang-BG8RpKu4.js} +1 -1
- package/dist/{Select.vue_vue_type_style_index_0_lang-zvHtDft6.js → Select.vue_vue_type_style_index_0_lang-CVO-Nn-q.js} +5 -5
- package/dist/SubMenu/index.js +1 -1
- package/dist/SubMenu/index.umd.cjs +1 -1
- package/dist/Switch/index.js +1 -1
- package/dist/Switch/index.umd.cjs +1 -1
- package/dist/{Switch.vue_vue_type_style_index_0_lang-BM-h82G0.js → Switch.vue_vue_type_style_index_0_lang-D8QPqKz3.js} +1 -1
- package/dist/{Switch.vue_vue_type_style_index_0_lang-DHT9utPp.js → Switch.vue_vue_type_style_index_0_lang-aODjQm2H.js} +1 -1
- package/dist/{THead.vue_vue_type_style_index_0_lang-CHicticP.js → THead.vue_vue_type_style_index_0_lang-h3oNHUrT.js} +1 -1
- package/dist/{THead.vue_vue_type_style_index_0_lang-B6U8HrWi.js → THead.vue_vue_type_style_index_0_lang-oUsIia-h.js} +1 -1
- package/dist/Table/index.js +1 -1
- package/dist/Table/index.umd.cjs +1 -1
- package/dist/Textarea/index.js +1 -1
- package/dist/Textarea/index.umd.cjs +1 -1
- package/dist/{Textarea.vue_vue_type_style_index_0_lang-DiCqcDyH.js → Textarea.vue_vue_type_style_index_0_lang-DtO8cFFA.js} +1 -1
- package/dist/{Textarea.vue_vue_type_style_index_0_lang-UyndJFBo.js → Textarea.vue_vue_type_style_index_0_lang-kXmJB4fr.js} +2 -2
- 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-hL7azZh3.js → Tree.vue_vue_type_style_index_0_lang-Bg3M96gS.js} +1 -1
- package/dist/{Tree.vue_vue_type_style_index_0_lang-B9ly2q7c.js → Tree.vue_vue_type_style_index_0_lang-D-ct8_9s.js} +5 -5
- package/dist/{getEmojiList-vo6piMya.js → getEmojiList-COxfCFY9.js} +1 -1
- package/dist/{getEmojiList-D2hEjK3S.js → getEmojiList-w6O2liR2.js} +9 -9
- package/dist/index.js +33 -33
- package/dist/index.umd.cjs +1 -1
- package/dist/{uniq-BeFmBpYC.js → uniq-Cxafs-eV.js} +1 -1
- package/dist/{uniq-CezX8yQS.js → uniq-DGkyiyS4.js} +1 -1
- package/dist/{useInputDataStates-Bzs7T9xb.js → useInputDataStates-0nK-AuOK.js} +1 -1
- package/dist/{useInputDataStates-C1T7BL_V.js → useInputDataStates-D1X-Whwt.js} +1 -1
- package/dist/utils/index.js +1 -1
- package/dist/utils/index.umd.cjs +1 -1
- package/package.json +1 -1
|
@@ -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-BtD8iSwd.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-C3iqxh5D.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-C3iqxh5D.js");exports.default=e._sfc_main;
|
|
@@ -1,10 +1,10 @@
|
|
|
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-DLtfk2Qg.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";
|
|
6
6
|
import { cva as N } from "class-variance-authority";
|
|
7
|
-
import { _ as T } from "./IconButton.vue_vue_type_script_setup_true_lang-
|
|
7
|
+
import { _ as T } from "./IconButton.vue_vue_type_script_setup_true_lang-yCbmuM4V.js";
|
|
8
8
|
const k = ["sm", "md"], j = ["color", "remover", "custom-picker"], M = {
|
|
9
9
|
key: 1,
|
|
10
10
|
height: "100%",
|
|
@@ -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-PyVOSOe3.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 +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-DxmTzGB6.js");exports.ColorSwatchGroup=e._sfc_main;exports.default=e._sfc_main;
|
|
@@ -1,15 +1,15 @@
|
|
|
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-BtD8iSwd.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-
|
|
11
|
-
import { _ as se } from "./ColorPicker.vue_vue_type_style_index_0_lang-
|
|
12
|
-
import { f as S } from "./FormItem.vue_vue_type_style_index_0_lang-
|
|
10
|
+
import { _ as re } from "./Popover.vue_vue_type_style_index_0_lang-Yli31kJD.js";
|
|
11
|
+
import { _ as se } from "./ColorPicker.vue_vue_type_style_index_0_lang-B-zZbVyX.js";
|
|
12
|
+
import { f as S } from "./FormItem.vue_vue_type_style_index_0_lang-BpgRONei.js";
|
|
13
13
|
const ge = /* @__PURE__ */ G({
|
|
14
14
|
...W("ColorSwatchGroup"),
|
|
15
15
|
__name: "ColorSwatchGroup",
|
|
@@ -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-C3iqxh5D.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-bZzTBnW7.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 +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-BBSYObz2.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-PyVOSOe3.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,12 +1,12 @@
|
|
|
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-DLtfk2Qg.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";
|
|
6
6
|
import { _ as G } from "./Icon.vue_vue_type_style_index_0_lang-CbLL-Ngi.js";
|
|
7
7
|
import { a as L } from "./index-jwkhq8oW.js";
|
|
8
|
-
import { f as N } from "./FormItem.vue_vue_type_style_index_0_lang-
|
|
9
|
-
import { u as P } from "./useInputDataStates-
|
|
8
|
+
import { f as N } from "./FormItem.vue_vue_type_style_index_0_lang-BpgRONei.js";
|
|
9
|
+
import { u as P } from "./useInputDataStates-0nK-AuOK.js";
|
|
10
10
|
const g = ["sm", "md", "lg"], j = ["disabled"], Q = /* @__PURE__ */ C({
|
|
11
11
|
...$("ColorTrigger"),
|
|
12
12
|
__name: "ColorTrigger",
|
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-yow5XVz6.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-DTko3H3F.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-CTRszGlB.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-C1T7BL_V.js"),qe=require("./useLazyLoading-H6VG5aE-.js"),Ve=require("./Popover.vue_vue_type_style_index_0_lang-CZ_AaHDG.js"),we=require("./ScrollContainer.vue_vue_type_style_index_0_lang-BIoD2_5T.js"),Me=require("./Tree.vue_vue_type_style_index_0_lang-hL7azZh3.js"),Be=require("./uniq-CezX8yQS.js"),Y=require("./isEmpty-bCllo8T9.js"),Ae=require("./Chip.vue_vue_type_style_index_0_lang-DQCxLfCf.js"),Ke=require("./ChipGroup.vue_vue_type_style_index_0_lang-Bi3UPa_e.js"),_e=require("./Icon.vue_vue_type_style_index_0_lang-D3cRtJNJ.js"),ve=require("./Avatar.vue_vue_type_style_index_0_lang-nXVENZtO.js"),Ne=require("./GraphicalObjectGroup.vue_vue_type_style_index_0_lang-DCECc8yD.js"),Se=require("./GraphicalObject.vue_vue_type_script_setup_true_lang-BD0XDk0_.js"),Re=require("./Input.vue_vue_type_style_index_0_lang-yHgbuD_4.js"),Oe=require("@vueuse/core"),Fe=require("lodash-es"),Ge=require("./MenuItem.vue_vue_type_style_index_0_lang-pnm3rqME.js");require("@iconify/vue");const We=require("./Checkbox.vue_vue_type_style_index_0_lang-Dh2oLmt5.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 S=pe.last(i._parentKeys??[]);return S&&S===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 S=C._key;return S&&((u=s==null?void 0:s.includes)==null?void 0:u.call(s,S))})},h=(l,m)=>{const s=V(m),i=p(l);if(i!=null&&i.length)return i.every(C=>{var u;const S=C._key;return S&&((u=s==null?void 0:s.includes)==null?void 0:u.call(s,S))})},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(E=>!i.includes(E));const C=s.map(N).filter(E=>E&&E._parentKeys),u=Be.uniq(He(C.map(E=>E._parentKeys))).filter(ue).map(N).filter(Boolean),O=[],q=[];return u.forEach(E=>{const R=o(E);h(E,s)?O.push(R):q.push(R)}),s.push(...O),Be.uniq(s.filter(E=>!q.includes(E)))}}}},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(E=>E!==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}),S=()=>{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 E;const u=(E=n.trigger)==null?void 0:E.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(Se._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=S();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))}}),Ee=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,S,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,{...((S=(C=o.props).getTagProps)==null?void 0:S.call(C,d.option))??{},size:o.getTagSize.value})):o.props.tagRenderMode==="go"?i.push(t.h(Se._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}),S=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},E=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=S(_),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:S,getOptionIcon:i,getOptionByValue:q,getLabelByValue:E,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(Ee,{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,Ee).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),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-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;
|