@oneb/ui-vue 0.3.31 → 0.4.0
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/ChevronLeftIcon-7505e081.cjs +1 -0
- package/dist/ChevronLeftIcon-bb9adb5b.js +20 -0
- package/dist/ChevronRightIcon-2992cf0d.cjs +1 -0
- package/dist/ChevronRightIcon-b0585768.js +20 -0
- package/dist/ChevronUpIcon-64a673e1.cjs +1 -0
- package/dist/{ChevronRightIcon-4549a26b.js → ChevronUpIcon-c43f27a9.js} +2 -19
- package/dist/InformationCircleIcon-2f6097a0.js +20 -0
- package/dist/InformationCircleIcon-d6b67d5d.cjs +1 -0
- package/dist/MagnifyingGlassIcon-adf871ba.cjs +1 -0
- package/dist/MagnifyingGlassIcon-ca213d3d.js +20 -0
- package/dist/{NoSymbolIcon-e58a9aee.js → NoSymbolIcon-b3470a26.js} +8 -25
- package/dist/{NoSymbolIcon-5d326416.cjs → NoSymbolIcon-e84375bb.cjs} +1 -1
- package/dist/OneDropdownAuto.vue_vue_type_script_setup_true_lang-2c508e8a.js +79 -0
- package/dist/OneDropdownAuto.vue_vue_type_script_setup_true_lang-bf923b04.cjs +1 -0
- package/dist/OneFormInput.vue_vue_type_script_setup_true_lang-b89117e7.js +521 -0
- package/dist/OneFormInput.vue_vue_type_script_setup_true_lang-f6f7cd96.cjs +1 -0
- package/dist/OneHelpMenu-6ec63535.cjs +1 -0
- package/dist/{OneHelpMenu-73817f8a.js → OneHelpMenu-d5182c78.js} +118 -213
- package/dist/OneMarkdown.vue_vue_type_script_setup_true_lang-05266fc3.cjs +1 -0
- package/dist/OneMarkdown.vue_vue_type_script_setup_true_lang-bb2219c7.js +18 -0
- package/dist/OneModal-02a9a173.js +189 -0
- package/dist/OneModal-0e92c039.cjs +1 -0
- package/dist/OneTooltip.vue_vue_type_script_setup_true_lang-c492c128.js +25 -0
- package/dist/OneTooltip.vue_vue_type_script_setup_true_lang-e83a81ea.cjs +1 -0
- package/dist/SpinnerIcon-01be39fe.cjs +1 -0
- package/dist/{SpinnerIcon-74648c98.js → SpinnerIcon-516264ba.js} +5 -6
- package/dist/button/index.cjs +1 -1
- package/dist/button/index.d.ts +1 -1
- package/dist/button/index.js +3 -4
- package/dist/checkbox/checkbox.d.ts +5 -0
- package/dist/checkbox/index.cjs +1 -1
- package/dist/checkbox/index.js +40 -34
- package/dist/chips/OneChips.vue.d.ts +2 -0
- package/dist/chips/chips.d.ts +25 -0
- package/dist/chips/index.cjs +1 -0
- package/dist/chips/index.d.ts +3 -0
- package/dist/chips/index.js +62 -0
- package/dist/clipboard-494e1513.cjs +1 -0
- package/dist/clipboard-733b79a1.js +22 -0
- package/dist/common/OneDetailsList.vue.d.ts +2 -0
- package/dist/common/OneDetailsRow.vue.d.ts +2 -0
- package/dist/common/index.cjs +1 -1
- package/dist/common/index.d.ts +2 -0
- package/dist/common/index.js +68 -16
- package/dist/composables/index.cjs +1 -0
- package/dist/composables/index.d.ts +18 -0
- package/dist/composables/index.js +91 -0
- package/dist/composables/useAsyncMethod.d.ts +17 -0
- package/dist/composables/useAsyncSelect.d.ts +26 -0
- package/dist/composables/useConfirm.d.ts +27 -0
- package/dist/composables/useCursorList.d.ts +42 -0
- package/dist/composables/useDebouncedRef.d.ts +6 -0
- package/dist/composables/useFileUpload.d.ts +21 -0
- package/dist/composables/useFormSubmit.d.ts +23 -0
- package/dist/composables/useIsMobile.d.ts +8 -0
- package/dist/confirm/OneConfirmHost.vue.d.ts +2 -0
- package/dist/confirm/confirm.d.ts +10 -0
- package/dist/confirm/index.cjs +1 -0
- package/dist/confirm/index.d.ts +5 -0
- package/dist/confirm/index.js +59 -0
- package/dist/cursorList/OneCursorList.vue.d.ts +2 -0
- package/dist/cursorList/index.cjs +1 -0
- package/dist/cursorList/index.d.ts +3 -0
- package/dist/cursorList/index.js +78 -0
- package/dist/dataTable/index.cjs +1 -1
- package/dist/dataTable/index.js +256 -301
- package/dist/dateTime/OneDateTime.vue.d.ts +2 -0
- package/dist/dateTime/dateTime.d.ts +43 -0
- package/dist/dateTime/index.cjs +1 -0
- package/dist/dateTime/index.d.ts +3 -0
- package/dist/dateTime/index.js +66 -0
- package/dist/dropdown/index.cjs +1 -1
- package/dist/dropdown/index.js +302 -376
- package/dist/dropdown-5cb64ab7.cjs +1 -0
- package/dist/dropdown-c81fb945.js +101 -0
- package/dist/entityPicker/index.cjs +1 -1
- package/dist/entityPicker/index.js +57 -57
- package/dist/entityPicker/useEntityModal.d.ts +7 -3
- package/dist/errorsPage/OneCrashScreen.vue.d.ts +2 -0
- package/dist/errorsPage/OneErrorHero.vue.d.ts +2 -0
- package/dist/errorsPage/OneNotFoundPage.vue.d.ts +2 -0
- package/dist/errorsPage/OneServerErrorPage.vue.d.ts +2 -0
- package/dist/errorsPage/OneSnakeGame.vue.d.ts +2 -0
- package/dist/errorsPage/createAppErrorHandler.d.ts +24 -0
- package/dist/errorsPage/errorsType.d.ts +5 -0
- package/dist/errorsPage/index.cjs +1 -1
- package/dist/errorsPage/index.d.ts +8 -0
- package/dist/errorsPage/index.js +557 -28
- package/dist/errorsPage/useCrashState.d.ts +10 -0
- package/dist/fileUpload/OneDropzone.vue.d.ts +2 -0
- package/dist/fileUpload/OneFileUpload.vue.d.ts +2 -0
- package/dist/fileUpload/fileUpload.d.ts +17 -0
- package/dist/fileUpload/index.cjs +1 -0
- package/dist/fileUpload/index.d.ts +6 -0
- package/dist/fileUpload/index.js +228 -0
- package/dist/filterBuilder/OneFilterBuilder.vue.d.ts +2 -0
- package/dist/filterBuilder/OneFilterGroup.vue.d.ts +2 -0
- package/dist/filterBuilder/OneFilterRule.vue.d.ts +2 -0
- package/dist/filterBuilder/filterBuilder.d.ts +17 -0
- package/dist/filterBuilder/index.cjs +1 -0
- package/dist/filterBuilder/index.d.ts +5 -0
- package/dist/filterBuilder/index.js +257 -0
- package/dist/form/form.d.ts +1 -1
- package/dist/form/index.cjs +1 -1
- package/dist/form/index.js +66 -574
- package/dist/i18n/index.cjs +1 -1
- package/dist/i18n/index.js +99 -15
- package/dist/index.cjs +1 -1
- package/dist/index.d.ts +18 -0
- package/dist/index.js +243 -104
- package/dist/indicators/OneStatCard.vue.d.ts +2 -0
- package/dist/indicators/index.cjs +1 -1
- package/dist/indicators/index.d.ts +1 -0
- package/dist/indicators/index.js +66 -29
- package/dist/infobox/index.cjs +1 -1
- package/dist/infobox/index.js +4 -3
- package/dist/label/index.cjs +1 -1
- package/dist/label/index.js +5 -5
- package/dist/layout/OneAuthLayout.vue.d.ts +2 -0
- package/dist/layout/OneBackButton.vue.d.ts +2 -0
- package/dist/layout/OneBreadcrumbs.vue.d.ts +2 -0
- package/dist/layout/OneEmptyLayout.vue.d.ts +6 -0
- package/dist/layout/OneGridLayout.vue.d.ts +2 -0
- package/dist/layout/index.cjs +1 -1
- package/dist/layout/index.d.ts +6 -1
- package/dist/layout/index.js +1057 -765
- package/dist/layout/layout.d.ts +11 -0
- package/dist/modal/OneModalHost.vue.d.ts +2 -0
- package/dist/modal/index.cjs +1 -1
- package/dist/modal/index.d.ts +3 -0
- package/dist/modal/index.js +84 -27
- package/dist/modal/modal.d.ts +9 -0
- package/dist/modal/useModalStack.d.ts +20 -0
- package/dist/notifications/OneNotificationItem.vue.d.ts +2 -0
- package/dist/notifications/OneNotificationsBell.vue.d.ts +2 -0
- package/dist/notifications/OneNotificationsPanel.vue.d.ts +2 -0
- package/dist/notifications/index.cjs +1 -0
- package/dist/notifications/index.d.ts +7 -0
- package/dist/notifications/index.js +477 -0
- package/dist/notifications/notifications.d.ts +53 -0
- package/dist/notifications/useNotifyfeed.d.ts +32 -0
- package/dist/periodPicker/index.cjs +1 -1
- package/dist/periodPicker/index.js +126 -139
- package/dist/popover/OnePopover.vue.d.ts +2 -0
- package/dist/popover/index.cjs +1 -0
- package/dist/popover/index.d.ts +3 -0
- package/dist/popover/index.js +102 -0
- package/dist/popover/popover.d.ts +31 -0
- package/dist/progress/OneProgress.vue.d.ts +2 -0
- package/dist/progress/index.cjs +1 -0
- package/dist/progress/index.d.ts +3 -0
- package/dist/progress/index.js +74 -0
- package/dist/progress/progress.d.ts +32 -0
- package/dist/searchInput/OneSearchInput.vue.d.ts +2 -0
- package/dist/searchInput/index.cjs +1 -0
- package/dist/searchInput/index.d.ts +3 -0
- package/dist/searchInput/index.js +103 -0
- package/dist/searchInput/searchInput.d.ts +39 -0
- package/dist/settings/OneSettingsLayout.vue.d.ts +2 -0
- package/dist/settings/OneSettingsRow.vue.d.ts +2 -0
- package/dist/settings/OneSettingsSection.vue.d.ts +2 -0
- package/dist/settings/index.cjs +1 -0
- package/dist/settings/index.d.ts +4 -0
- package/dist/settings/index.js +116 -0
- package/dist/spinner/OneSpinner.vue.d.ts +2 -0
- package/dist/spinner/index.cjs +1 -0
- package/dist/spinner/index.d.ts +3 -0
- package/dist/spinner/index.js +30 -0
- package/dist/spinner/spinner.d.ts +10 -0
- package/dist/stageBadge/OneStageBadge.vue.d.ts +2 -0
- package/dist/stageBadge/index.cjs +1 -0
- package/dist/stageBadge/index.d.ts +3 -0
- package/dist/stageBadge/index.js +126 -0
- package/dist/stageBadge/stageBadge.d.ts +64 -0
- package/dist/stepper/OneStepper.vue.d.ts +2 -0
- package/dist/stepper/index.cjs +1 -0
- package/dist/stepper/index.d.ts +3 -0
- package/dist/stepper/index.js +53 -0
- package/dist/stepper/stepper.d.ts +24 -0
- package/dist/style.css +1 -1
- package/dist/switch/index.cjs +1 -1
- package/dist/switch/index.js +3 -4
- package/dist/tabs/OneTab.vue.d.ts +2 -0
- package/dist/tabs/OneTabs.vue.d.ts +2 -0
- package/dist/tabs/index.cjs +1 -0
- package/dist/tabs/index.d.ts +4 -0
- package/dist/tabs/index.js +64 -0
- package/dist/tabs/tabs.d.ts +7 -0
- package/dist/toast/OneMascotToast.vue.d.ts +2 -0
- package/dist/toast/RabbitIcon.vue.d.ts +2 -0
- package/dist/toast/index.cjs +1 -1
- package/dist/toast/index.d.ts +4 -0
- package/dist/toast/index.js +139 -73
- package/dist/toast/useMascotToast.d.ts +12 -0
- package/dist/tooltip/OneTooltip.vue.d.ts +2 -0
- package/dist/tooltip/index.cjs +2 -2
- package/dist/tooltip/index.d.ts +1 -0
- package/dist/tooltip/index.js +33 -30
- package/dist/useConfirm-6344b49d.cjs +1 -0
- package/dist/useConfirm-74e99a5c.js +23 -0
- package/dist/useCursorList-5c1b57aa.js +62 -0
- package/dist/useCursorList-e1cb41e7.cjs +1 -0
- package/dist/useElementWidth-b36a7ce9.js +40 -0
- package/dist/useElementWidth-b3e53f48.cjs +1 -0
- package/dist/useFileUpload-228dbc07.js +24 -0
- package/dist/useFileUpload-f47622bb.cjs +1 -0
- package/dist/useIsMobile-7b1f08cf.cjs +1 -0
- package/dist/useIsMobile-98fc0cf9.js +7 -0
- package/dist/useMediaQuery-1d87df02.cjs +1 -0
- package/dist/useMediaQuery-77a19b18.js +37 -0
- package/dist/useModal-6a5d870b.js +30 -0
- package/dist/useModal-aa6f4a57.cjs +1 -0
- package/dist/userList/OneUserInviteModal.vue.d.ts +2 -0
- package/dist/userList/OneUserList.vue.d.ts +2 -0
- package/dist/userList/OneUserListItem.vue.d.ts +2 -0
- package/dist/userList/index.cjs +1 -0
- package/dist/userList/index.d.ts +4 -0
- package/dist/userList/index.js +559 -0
- package/dist/utils/clipboard.d.ts +6 -0
- package/dist/utils/format.d.ts +17 -0
- package/dist/utils/index.cjs +1 -0
- package/dist/utils/index.d.ts +4 -0
- package/dist/utils/index.js +125 -0
- package/dist/utils/string.d.ts +25 -0
- package/dist/utils/versionChecker.d.ts +26 -0
- package/package.json +221 -23
- package/dist/ChevronRightIcon-7a2f0c20.cjs +0 -1
- package/dist/OneHelpMenu-c6e88d8f.cjs +0 -1
- package/dist/OneMarkdown.vue_vue_type_style_index_0_lang-0ea8fbf8.cjs +0 -1
- package/dist/OneMarkdown.vue_vue_type_style_index_0_lang-4ed993c7.js +0 -1
- package/dist/SpinnerIcon-ccb6f3fc.cjs +0 -1
- package/dist/SpinnerIcon.vue_vue_type_style_index_0_lang-0ea8fbf8.cjs +0 -1
- package/dist/SpinnerIcon.vue_vue_type_style_index_0_lang-4ed993c7.js +0 -1
- package/dist/useModal-0c73777f.cjs +0 -1
- package/dist/useModal-7fe9444b.js +0 -194
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const e={title:{type:String},stick:{type:String,default:"right"},appendBody:{type:Boolean,default:!1},trigger:{type:String,default:"click"},offset:{type:Number,default:5}},t={variant:{type:String,default:"primary"},label:{type:String},icon:{type:[Function,Object]}},l={modelValue:{type:[Object,Array],default:null},multiple:{type:Boolean,default:!1},items:{type:Array,default:()=>[]},title:{type:String},placeholder:{type:String,default:"Select"},searchPlaceholder:{type:String,default:"Search"},labelKey:{type:String,default:"label"},valueKey:{type:String,default:"id"},stick:{type:String,default:"bottom-start"},allowEmpty:{type:Boolean,default:!1},emptyLabel:{type:String},createLabel:{type:String},searchable:{type:Boolean,default:!0},isLoading:{type:Boolean,default:!1},groupKey:{type:String},maxWidth:{type:String},view:{type:String,default:"default"}};exports.dropdownItemProps=t;exports.dropdownProps=e;exports.dropdownSelectProps=l;
|
|
@@ -0,0 +1,101 @@
|
|
|
1
|
+
const e = {
|
|
2
|
+
title: {
|
|
3
|
+
type: String
|
|
4
|
+
},
|
|
5
|
+
stick: {
|
|
6
|
+
type: String,
|
|
7
|
+
default: "right"
|
|
8
|
+
},
|
|
9
|
+
appendBody: {
|
|
10
|
+
type: Boolean,
|
|
11
|
+
default: !1
|
|
12
|
+
},
|
|
13
|
+
trigger: {
|
|
14
|
+
type: String,
|
|
15
|
+
default: "click"
|
|
16
|
+
},
|
|
17
|
+
offset: {
|
|
18
|
+
type: Number,
|
|
19
|
+
default: 5
|
|
20
|
+
}
|
|
21
|
+
}, t = {
|
|
22
|
+
variant: {
|
|
23
|
+
type: String,
|
|
24
|
+
default: "primary"
|
|
25
|
+
},
|
|
26
|
+
label: {
|
|
27
|
+
type: String
|
|
28
|
+
},
|
|
29
|
+
icon: {
|
|
30
|
+
type: [Function, Object]
|
|
31
|
+
}
|
|
32
|
+
}, a = {
|
|
33
|
+
modelValue: {
|
|
34
|
+
type: [Object, Array],
|
|
35
|
+
default: null
|
|
36
|
+
},
|
|
37
|
+
multiple: {
|
|
38
|
+
type: Boolean,
|
|
39
|
+
default: !1
|
|
40
|
+
},
|
|
41
|
+
items: {
|
|
42
|
+
type: Array,
|
|
43
|
+
default: () => []
|
|
44
|
+
},
|
|
45
|
+
title: {
|
|
46
|
+
type: String
|
|
47
|
+
},
|
|
48
|
+
placeholder: {
|
|
49
|
+
type: String,
|
|
50
|
+
default: "Select"
|
|
51
|
+
},
|
|
52
|
+
searchPlaceholder: {
|
|
53
|
+
type: String,
|
|
54
|
+
default: "Search"
|
|
55
|
+
},
|
|
56
|
+
labelKey: {
|
|
57
|
+
type: String,
|
|
58
|
+
default: "label"
|
|
59
|
+
},
|
|
60
|
+
valueKey: {
|
|
61
|
+
type: String,
|
|
62
|
+
default: "id"
|
|
63
|
+
},
|
|
64
|
+
stick: {
|
|
65
|
+
type: String,
|
|
66
|
+
default: "bottom-start"
|
|
67
|
+
},
|
|
68
|
+
allowEmpty: {
|
|
69
|
+
type: Boolean,
|
|
70
|
+
default: !1
|
|
71
|
+
},
|
|
72
|
+
emptyLabel: {
|
|
73
|
+
type: String
|
|
74
|
+
},
|
|
75
|
+
createLabel: {
|
|
76
|
+
type: String
|
|
77
|
+
},
|
|
78
|
+
searchable: {
|
|
79
|
+
type: Boolean,
|
|
80
|
+
default: !0
|
|
81
|
+
},
|
|
82
|
+
isLoading: {
|
|
83
|
+
type: Boolean,
|
|
84
|
+
default: !1
|
|
85
|
+
},
|
|
86
|
+
groupKey: {
|
|
87
|
+
type: String
|
|
88
|
+
},
|
|
89
|
+
maxWidth: {
|
|
90
|
+
type: String
|
|
91
|
+
},
|
|
92
|
+
view: {
|
|
93
|
+
type: String,
|
|
94
|
+
default: "default"
|
|
95
|
+
}
|
|
96
|
+
};
|
|
97
|
+
export {
|
|
98
|
+
t as a,
|
|
99
|
+
a as b,
|
|
100
|
+
e as d
|
|
101
|
+
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),A=require("../useModal-0c73777f.cjs"),I=require("../OneAvatar.vue_vue_type_script_setup_true_lang-2d9f44f1.cjs");require("vue-markdown-render");require("../OneMarkdown.vue_vue_type_style_index_0_lang-0ea8fbf8.cjs");require("../SpinnerIcon.vue_vue_type_style_index_0_lang-0ea8fbf8.cjs");const F=require("../i18n/index.cjs");require("../_plugin-vue_export-helper-f246444f.cjs");const P={key:0,class:"overflow-auto max-h-[85dvh] h-full"},O={key:1,class:"overflow-auto max-h-[85dvh] h-full"},K={key:2,class:"pb-6"},D={key:0,class:"px-2 pt-3"},U=e.defineComponent({__name:"EntityPickerModal",props:{useModal:{type:Object,required:!0},title:{type:String,default:""},subtitle:{type:String,default:""},titleCenter:{type:Boolean,default:!1},size:{type:String,default:"sm"},mobileView:{type:Boolean,default:!1},view:{type:String,default:"browse"}},setup(t){return(n,l)=>t.useModal.isOpened.value?(e.openBlock(),e.createBlock(e.unref(A.OneModal),{key:0,useModal:t.useModal,title:t.title,subtitle:t.subtitle,size:t.size,classModal:t.mobileView,titleCenter:t.titleCenter},e.createSlots({default:e.withCtx(()=>[t.view==="create"?(e.openBlock(),e.createElementBlock("div",P,[e.renderSlot(n.$slots,"create")])):t.view==="edit"?(e.openBlock(),e.createElementBlock("div",O,[e.renderSlot(n.$slots,"edit")])):(e.openBlock(),e.createElementBlock("div",K,[n.$slots.header?(e.openBlock(),e.createElementBlock("div",D,[e.renderSlot(n.$slots,"header")])):e.createCommentVNode("",!0),e.renderSlot(n.$slots,"search"),e.renderSlot(n.$slots,"prepend"),e.renderSlot(n.$slots,"createButton"),e.renderSlot(n.$slots,"list")]))]),_:2},[n.$slots.subtitle?{name:"subtitle",fn:e.withCtx(()=>[e.renderSlot(n.$slots,"subtitle")]),key:"0"}:void 0]),1032,["useModal","title","subtitle","size","classModal","titleCenter"])):e.createCommentVNode("",!0)}}),R={key:0,class:"relative select-none inline-flex items-center gap-3"},G={class:"text-sm font-medium truncate text-inherit"},W=["aria-label"],H={key:0,class:"w-4 h-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","stroke-width":"2"},Q={key:1,class:"w-4 h-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","stroke-width":"2"},J={key:0},X={class:""},Y={key:0,class:"space-y-1 flex flex-col"},Z={key:0,class:"text-gray-400 text-xs font-light"},_={key:0,class:"text-[10px] text-gray-500 ml-1 py-0.5 rounded-full font-semibold hover:text-info-base"},ee=e.defineComponent({__name:"EntityPickerTrigger",props:{variant:{type:String,default:"default"},modelValue:{type:[Object,null],default:null},icon:{type:[Object,Function,null],default:null},title:{type:String,default:""},labelSelect:{type:String,default:""},labelSelectNote:{type:String,default:""},labelClass:{type:String,default:""},iconClass:{type:String,default:""},iconClassBlock:{type:String,default:""},noIcon:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},tagColor:{type:String,default:"#525B66"},changeLabel:{type:String,default:""},resolvers:{type:Object,required:!0}},emits:["open","clear"],setup(t,{emit:n}){const l=t,a=n,u=()=>a("open"),i=e.computed(()=>l.variant==="compact"||l.variant==="minimal"),m=e.computed(()=>l.variant==="compact"),s=e.computed(()=>l.variant==="pill"),d=e.computed(()=>l.modelValue==null?{}:{backgroundColor:`${l.tagColor}1A`}),v=e.computed(()=>l.modelValue!=null?l.tagColor:"#979CA9");return(o,y)=>t.variant==="tag"?(e.openBlock(),e.createElementBlock("div",R,[e.renderSlot(o.$slots,"button",{title:t.title,modelValue:t.modelValue,openModal:u},()=>[t.title?(e.openBlock(),e.createElementBlock("p",{key:0,class:e.normalizeClass(["font-semibold text-black",t.labelClass])},e.toDisplayString(t.title),3)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["flex items-center gap-2 h-10 px-3 rounded-xl transition-colors",t.readonly?"":"cursor-pointer",t.modelValue==null?"bg-[#FAFAFA] hover:bg-gray-100 text-[#979CA9]":"hover:opacity-90 text-black"]),style:e.normalizeStyle(d.value),onClick:u},[t.icon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.icon),{key:0,class:e.normalizeClass(["w-5 h-5 flex-shrink-0",t.iconClass]),style:e.normalizeStyle({color:v.value})},null,8,["style","class"])):e.createCommentVNode("",!0),e.createElementVNode("span",G,e.toDisplayString(t.modelValue!=null?t.resolvers.getEntityLabel(t.modelValue):t.labelSelect),1),t.readonly?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("button",{key:1,type:"button",class:"text-[#979CA9] hover:text-gray-700 flex-shrink-0 -mr-1","aria-label":t.changeLabel,onClick:y[0]||(y[0]=e.withModifiers(g=>t.modelValue!=null?o.$emit("clear"):u(),["stop"]))},[t.modelValue!=null?(e.openBlock(),e.createElementBlock("svg",H,[...y[2]||(y[2]=[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M6 18L18 6M6 6l12 12"},null,-1)])])):(e.openBlock(),e.createElementBlock("svg",Q,[...y[3]||(y[3]=[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M19.5 8.25l-7.5 7.5-7.5-7.5"},null,-1)])]))],8,W))],6)])])):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["relative select-none",i.value?"space-y-1.5":"space-y-3"])},[e.renderSlot(o.$slots,"button",{title:t.title,modelValue:t.modelValue,openModal:u},()=>[t.title?(e.openBlock(),e.createElementBlock("p",{key:0,class:e.normalizeClass(["font-semibold pb-0",t.labelClass])},e.toDisplayString(t.title),3)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["flex justify-between z-10 items-center",[t.readonly?"":"cursor-pointer hover:bg-gray-50",i.value?["rounded-full",m.value?"bg-[#4089E01A]":""]:"border px-3 pr-3 py-3 rounded-lg h-[72px]",s.value?"border-none !py-0 h-max !rounded-full":"",s.value&&t.modelValue!==null?"bg-[#4089E01A]":""]])},[e.createElementVNode("div",{class:e.normalizeClass(["flex items-center w-full gap-x-3",[i.value?"!gap-x-1 px-0.5 py-0.5":"",s.value?"h-9 p-0":""]]),onClick:u},[!t.noIcon&&(s.value||i.value||t.icon||t.modelValue)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["w-10 h-10 flex items-center justify-center",t.iconClassBlock])},[s.value?(e.openBlock(),e.createElementBlock("div",J,[t.modelValue==null?(e.openBlock(),e.createElementBlock("svg",{key:0,class:e.normalizeClass(["w-3 text-blue-600",t.iconClass]),fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","stroke-width":"2"},[...y[4]||(y[4]=[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M12 4.5v15m7.5-7.5h-15"},null,-1)])],2)):(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.icon),{key:1,class:e.normalizeClass(["w-5",t.iconClass])},null,8,["class"]))])):t.icon!=null&&t.modelValue==null||i.value?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(i.value?"":"bg-gray-50 p-2.5 rounded-lg")},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.icon),{class:e.normalizeClass([["w-5",t.iconClass],"text-gray-600"])},null,8,["class"]))],2)):t.modelValue?(e.openBlock(),e.createBlock(e.unref(I._sfc_main),{key:2,text:t.resolvers.getEntityLabel(t.modelValue),src:t.resolvers.getEntityAvatar(t.modelValue),rounded:!1,size:"40",class:"!rounded-lg"},null,8,["text","src"])):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),e.createElementVNode("div",X,[t.modelValue==null?(e.openBlock(),e.createElementBlock("div",Y,[e.createElementVNode("div",{class:e.normalizeClass(["font-medium text-gray-600 truncate overflow-hidden whitespace-nowrap",[i.value?"text-xs truncate max-w-[120px] text-[#525B66]":"text-sm",s.value?"!text-xs truncate max-w-[120px] text-[#4089E0]":""]])},e.toDisplayString(t.labelSelect),3),t.labelSelectNote&&!i.value&&!s.value?(e.openBlock(),e.createElementBlock("span",Z,e.toDisplayString(t.labelSelectNote),1)):e.createCommentVNode("",!0)])):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["grid items-center pr-2",i.value?"":"py-1"])},[e.createElementVNode("div",{class:e.normalizeClass(["break-all leading-4 truncate !text-sm",{"text-sm font-medium":t.resolvers.getEntityLabel(t.modelValue).length<20,"text-xs font-semibold":t.resolvers.getEntityLabel(t.modelValue).length>20,"truncate text-[#525B66] text-xs":i.value,"truncate text-xs":s.value}])},[e.createTextVNode(e.toDisplayString(t.resolvers.getEntityLabel(t.modelValue))+" ",1),!t.readonly&&!i.value&&!s.value?(e.openBlock(),e.createElementBlock("span",_,e.toDisplayString(t.changeLabel),1)):e.createCommentVNode("",!0)],2),t.resolvers.getEntityAdditional(t.modelValue)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["font-thin leading-3 break-all line-clamp-2 pt-1 truncate !text-xs",{"text-xs":t.resolvers.getEntityAdditional(t.modelValue).length<20,"text-[10px]":t.resolvers.getEntityAdditional(t.modelValue).length>20&&t.resolvers.getEntityAdditional(t.modelValue).length<35,"text-[9px]":t.resolvers.getEntityAdditional(t.modelValue).length>35}])},[e.renderSlot(o.$slots,"entityAdditional",{item:t.modelValue},()=>[e.createTextVNode(e.toDisplayString(t.resolvers.getEntityAdditional(t.modelValue)),1)])],2)):e.createCommentVNode("",!0)],2))])],2),t.modelValue!=null&&!t.readonly?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",class:e.normalizeClass(["rounded-full hover:text-gray-900 text-gray-500",{"mr-2 text-[#525B66] p-0.5":i.value}]),onClick:y[1]||(y[1]=e.withModifiers(g=>o.$emit("clear"),["stop"]))},[...y[5]||(y[5]=[e.createElementVNode("svg",{class:"w-4 h-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","stroke-width":"2"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M6 18L18 6M6 6l12 12"})],-1)])],2)):!t.readonly&&!i.value&&!s.value?(e.openBlock(),e.createElementBlock("button",{key:1,type:"button",class:"py-2.5 text-gray-500",onClick:u},[...y[6]||(y[6]=[e.createElementVNode("svg",{class:"w-5 h-5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","stroke-width":"2"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M8.25 4.5l7.5 7.5-7.5 7.5"})],-1)])])):e.createCommentVNode("",!0)],2)])],2))}});function te(t){const n=o=>o?String(o[t.entityLabel]||""):"",l=o=>!o||!t.entityAvatar?"":String(o[t.entityAvatar]||""),a=o=>!o||!t.entityAdditional?"":String(o[t.entityAdditional]||""),u=o=>o?o[t.entityKey]:"",i=o=>o[t.entityListKey];return{getEntityLabel:n,getEntityAvatar:l,getEntityAdditional:a,getEntityKey:u,getEntityListKey:i,getEntityListLabel:o=>String(o[t.entityListLabel]||""),getEntityListAvatar:o=>t.entityListAvatar?String(o[t.entityListAvatar]||""):"",getEntityListAdditional:o=>t.entityListAdditional?String(o[t.entityListAdditional]||""):"",isSelected:o=>u(t.modelValue)===i(o)}}function le(t,n){const l=t.listEntityUse?t.listEntityUse():null,a=l==null?void 0:l.nodes,u=l==null?void 0:l.load,i=l==null?void 0:l.searchTerm,m=l==null?void 0:l.isLoading,s=l==null?void 0:l.isLoad,d=l==null?void 0:l.group,v=e.ref(null),o=e.computed(()=>(d==null?void 0:d.value)??v.value),y=f=>{d?d.value=f:v.value=f},g=e.ref(""),S=e.computed({get:()=>(i==null?void 0:i.value)??g.value,set:f=>{i?i.value=f:g.value=f}}),x=()=>{g.value="",i&&(i.value="")},V=e.computed(()=>(m==null?void 0:m.value)??t.isLoading),E=e.computed(()=>(a==null?void 0:a.value)??t.items),r=e.computed(()=>{const f=E.value;if(t.modelValue==null)return f;const C=n.getEntityKey(t.modelValue);return f.some(k=>n.getEntityListKey(k)===C)?f:[t.modelValue,...f]}),B=e.computed(()=>{if(!S.value)return r.value;const f=S.value.toLowerCase(),C=t.modelValue!=null?n.getEntityKey(t.modelValue):null;return r.value.filter(b=>{if(C!=null&&n.getEntityListKey(b)===C)return!0;const k=n.getEntityListLabel(b).toLowerCase(),w=n.getEntityListAdditional(b).toLowerCase();return k.includes(f)||w.includes(f)})}),N=e.computed(()=>{const f=B.value;if(t.modelValue==null)return f;const C=n.getEntityKey(t.modelValue),b=f.findIndex(L=>n.getEntityListKey(L)===C);if(b<=0)return f;const k=f.slice(),[w]=k.splice(b,1);return k.unshift(w),k});return{load:u,dynamicIsLoad:s,nodes:a,searchTerm:S,clearSearchTerm:x,selectedGroup:o,setSelectedGroup:y,rawItems:E,availableItems:r,filteredItems:B,sortedItems:N,loading:V}}function ne(t,n,l){const a=A.useModal(),u=e.ref(null),i=e.ref(!1),m=e.ref(null),s=e.ref(!1),d=e.ref(t.modalSize),v=e.ref(!1);let o=null;e.onMounted(()=>{o=window.matchMedia("(max-width: 767px)"),v.value=o.matches;const r=B=>{v.value=B.matches};o.addEventListener("change",r),e.onUnmounted(()=>{o==null||o.removeEventListener("change",r)})});const y=()=>{t.readonly||(n.clearSearchTerm(),i.value=!1,m.value=null,s.value=!1,d.value=t.modalSize,a.open(),e.nextTick(()=>{var r;(r=u.value)==null||r.focus()}))},g=r=>{l("update:modelValue",r),a.close()},S=()=>{l("update:modelValue",null)},x=()=>{i.value=!0,d.value=t.sizeModalCreateEntity},V=r=>{m.value=r,d.value=t.sizeModalCreateEntity},E=r=>{i.value=!1,m.value=null,s.value=!1,d.value=t.modalSize,r?(a.close(),l("update:modelValue",r)):!n.loading.value&&n.availableItems.value.length===0&&!n.searchTerm.value&&a.close()};return e.watch(a.isOpened,r=>{r&&n.load&&n.load(),r||(i.value=!1,d.value=t.modalSize)}),e.watch(()=>{var r;return(r=n.dynamicIsLoad)==null?void 0:r.value},()=>{var r;n.dynamicIsLoad&&!n.loading.value&&n.dynamicIsLoad.value&&!n.searchTerm.value&&((r=n.nodes)==null?void 0:r.value.length)===0&&(s.value=!0,d.value=t.sizeModalCreateEntity)}),{modal:a,searchInput:u,creatingEntity:i,editEntity:m,startCreate:s,currentModalSize:d,isMobileView:v,openPicker:y,selectItem:g,onClear:S,onCreateEntity:x,onEditEntity:V,onCloseCreateEntity:E}}const ae={class:"relative px-4 pt-3 pb-2"},ie={class:"relative"},oe=["value","placeholder"],re=e.defineComponent({__name:"EntityPickerSearch",props:{modelValue:{type:String,default:""},placeholder:{type:String,default:""}},emits:["update:modelValue"],setup(t,{expose:n,emit:l}){const a=l,u=e.ref(null),i=m=>{a("update:modelValue",m.target.value)};return n({focus:()=>{var m;return(m=u.value)==null?void 0:m.focus()}}),(m,s)=>(e.openBlock(),e.createElementBlock("div",ae,[e.createElementVNode("div",ie,[s[0]||(s[0]=e.createElementVNode("svg",{class:"absolute left-3 top-1/2 -translate-y-1/2 w-5 h-5 text-[#979CA9]",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","stroke-width":"2"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z"})],-1)),e.createElementVNode("input",{ref_key:"inputRef",ref:u,value:t.modelValue,type:"text",class:"w-full h-10 pl-11 pr-3 border border-[#E2E7EF] rounded-[10px] text-sm placeholder:text-[#979CA9] focus:outline-none focus:ring-2 focus:ring-primary-base focus:border-transparent",placeholder:t.placeholder,onInput:i},null,40,oe)])]))}}),se={class:"px-3 pb-2"},de={class:"text-xs font-semibold tracking-[0.4px]"},ce=e.defineComponent({__name:"EntityPickerCreateButton",props:{label:{type:String,required:!0}},emits:["click"],setup(t){return(n,l)=>(e.openBlock(),e.createElementBlock("div",se,[e.createElementVNode("button",{type:"button",class:"w-full h-10 flex items-center justify-center gap-2 bg-[#FAFAFA] border border-[#E3ECF2] rounded-[10px] text-[#4089E0] hover:bg-[#F2F4F8] hover:border-[#D6DDE7] transition-colors",onClick:l[0]||(l[0]=a=>n.$emit("click"))},[l[1]||(l[1]=e.createElementVNode("svg",{class:"w-4 h-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","stroke-width":"2"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M12 4.5v15m7.5-7.5h-15"})],-1)),e.createElementVNode("span",de,e.toDisplayString(t.label),1)])]))}}),ue={key:0,class:"flex items-center justify-center w-8 h-8 flex-shrink-0"},me={key:0,class:"w-5 h-5 rounded-full bg-[#4089E0] flex items-center justify-center"},ye={key:1,class:"w-4 h-4 text-[#525B66]",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","stroke-width":"2"},fe=e.defineComponent({__name:"EntityPickerIndicator",props:{variant:{type:String,default:"check"},selected:{type:Boolean,default:!1}},setup(t){return(n,l)=>t.variant!=="none"?(e.openBlock(),e.createElementBlock("div",ue,[t.selected?(e.openBlock(),e.createElementBlock("span",me,[...l[0]||(l[0]=[e.createElementVNode("svg",{class:"w-3 h-3 text-white",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","stroke-width":"3"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M4.5 12.75l6 6 9-13.5"})],-1)])])):t.variant==="navigation"?(e.openBlock(),e.createElementBlock("svg",ye,[...l[1]||(l[1]=[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M8.25 4.5l7.5 7.5-7.5 7.5"},null,-1)])])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)}}),ve={class:"flex-1 min-w-0"},ge=e.defineComponent({__name:"EntityPickerListItem",props:{selected:{type:Boolean,default:!1},title:{type:String,default:""},subtitle:{type:String,default:""},avatarText:{type:String,default:""},avatarSrc:{type:String,default:""},avatarSize:{type:[String,Number],default:40},iconWrapperClass:{type:String,default:""},itemClass:{type:String,default:""},titleClass:{type:String,default:""},subtitleClass:{type:String,default:""},indicator:{type:String,default:"check"},showEdit:{type:Boolean,default:!1},editLabel:{type:String,default:""}},emits:["select","edit"],setup(t){return(n,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["flex items-center gap-3 py-3 px-4 hover:bg-secondary-body-hover cursor-pointer",[{"bg-gray-50":t.selected},t.itemClass]]),onClick:l[1]||(l[1]=a=>n.$emit("select"))},[e.createElementVNode("div",{class:e.normalizeClass(["flex-shrink-0",t.iconWrapperClass])},[e.renderSlot(n.$slots,"icon",{},()=>[e.createVNode(e.unref(I._sfc_main),{text:t.avatarText,src:t.avatarSrc,rounded:!1,size:String(t.avatarSize),class:"!rounded-[10px]"},null,8,["text","src","size"])])],2),e.createElementVNode("div",ve,[e.createElementVNode("p",{class:e.normalizeClass(t.titleClass)},e.toDisplayString(t.title),3),t.subtitle?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(t.subtitleClass)},[e.renderSlot(n.$slots,"additional",{},()=>[e.createTextVNode(e.toDisplayString(t.subtitle),1)])],2)):e.createCommentVNode("",!0)]),t.showEdit?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",class:"text-xs font-semibold text-[#4089E0] hover:text-primary-active flex-shrink-0 tracking-[0.4px]",onClick:l[0]||(l[0]=e.withModifiers(a=>n.$emit("edit"),["stop"]))},e.toDisplayString(t.editLabel),1)):e.createCommentVNode("",!0),e.createVNode(fe,{variant:t.indicator,selected:t.selected},null,8,["variant","selected"])],2))}}),ke={key:0,class:"flex items-center justify-center py-8"},be={key:1,class:"relative px-5 py-10 text-center"},he={class:"mb-4 text-sm text-gray-500"},Ce={key:2,class:"p-3 text-center mt-6"},Se={class:"text-xs"},Ee=e.defineComponent({__name:"EntityPickerList",props:{loading:{type:Boolean,default:!1},items:{type:Array,default:()=>[]},searchTerm:{type:String,default:""},scrollHeightClass:{type:[String,Object],default:""},resolvers:{type:Object,required:!0},emptyMessage:{type:String,default:""},notFoundLabel:{type:String,default:""},createWithQueryLabel:{type:String,default:""},canCreate:{type:Boolean,default:!1},itemSize:{type:[String,Number],default:40},itemIconClass:{type:String,default:""},itemTitleClass:{type:String,default:""},itemSubtitleClass:{type:String,default:""},itemIndicator:{type:String,default:"check"},canEdit:{type:Boolean,default:!1},editLabel:{type:String,default:""}},emits:["select","edit","create"],setup(t){return(n,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["divide-y divide-[#E3ECF2] overflow-auto",t.scrollHeightClass])},[t.loading?(e.openBlock(),e.createElementBlock("div",ke,[...l[1]||(l[1]=[e.createElementVNode("div",{class:"animate-spin w-6 h-6 border-2 border-primary-base border-t-transparent rounded-full"},null,-1)])])):t.items.length===0&&!t.searchTerm?(e.openBlock(),e.createElementBlock("div",be,[e.renderSlot(n.$slots,"empty",{},()=>[e.createElementVNode("p",he,e.toDisplayString(t.emptyMessage),1)])])):t.items.length===0&&t.searchTerm?(e.openBlock(),e.createElementBlock("div",Ce,[e.createElementVNode("p",Se,[e.createTextVNode(e.toDisplayString(t.notFoundLabel)+" ",1),e.createElementVNode("b",null,e.toDisplayString(t.searchTerm),1)]),t.canCreate?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",class:"w-full text-xs text-blue-400 hover:text-blue-300 mt-2",onClick:l[0]||(l[0]=a=>n.$emit("create"))},e.toDisplayString(t.createWithQueryLabel),1)):e.createCommentVNode("",!0)])):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:3},e.renderList(t.items,a=>(e.openBlock(),e.createBlock(ge,{key:t.resolvers.getEntityListKey(a),selected:t.resolvers.isSelected(a),title:t.resolvers.getEntityListLabel(a),subtitle:t.resolvers.getEntityListAdditional(a),"avatar-text":t.resolvers.getEntityListLabel(a),"avatar-src":t.resolvers.getEntityListAvatar(a),"avatar-size":t.itemSize,"icon-wrapper-class":t.itemIconClass,"title-class":t.itemTitleClass,"subtitle-class":t.itemSubtitleClass,indicator:t.itemIndicator,"show-edit":t.resolvers.isSelected(a)&&t.canEdit,"edit-label":t.editLabel,onSelect:u=>n.$emit("select",a),onEdit:u=>n.$emit("edit",t.resolvers.getEntityKey(a))},e.createSlots({_:2},[n.$slots.itemIcon?{name:"icon",fn:e.withCtx(()=>[e.renderSlot(n.$slots,"itemIcon",{item:a})]),key:"0"}:void 0,n.$slots.itemAdditional?{name:"additional",fn:e.withCtx(()=>[e.renderSlot(n.$slots,"itemAdditional",{item:a})]),key:"1"}:void 0]),1032,["selected","title","subtitle","avatar-text","avatar-src","avatar-size","icon-wrapper-class","title-class","subtitle-class","indicator","show-edit","edit-label","onSelect","onEdit"]))),128))],2))}}),Be={key:0,class:"text-xs px-2 py-1 text-red-600"},xe="text-sm font-semibold text-black truncate leading-5 tracking-[0.4px]",Ve="text-xs text-[#979CA9] font-normal leading-5 truncate tracking-[0.4px]",we=e.defineComponent({__name:"OneEntityPicker",props:{t:{type:Function,required:!1,default:void 0},title:{required:!1,type:String,default:""},icon:{type:[Object,Function,null],default:null},labelSelect:{type:String,default:""},labelClass:{type:String,default:""},iconClass:{type:String,default:""},iconClassBlock:{type:String,default:""},labelSelectNote:{type:String,default:""},labelCreateButton:{type:String,default:""},modelValue:{required:!0,type:[Object,null],default:null},items:{type:Array,default:()=>[]},entityListKey:{required:!1,type:String,default:"id"},entityListLabel:{required:!1,type:String,default:"name"},entityListAvatar:{required:!1,type:String,default:""},entityListAdditional:{required:!1,type:String,default:""},entityKey:{required:!1,type:String,default:"id"},entityAvatar:{required:!1,type:String,default:""},entityLabel:{required:!1,type:String,default:"name"},entityAdditional:{required:!1,type:String,default:""},isLoading:{required:!1,type:Boolean,default:!1},listEntityUse:{required:!1,type:Function,default:null},validation:{required:!1,type:Object,default:null},validationIndex:{required:!1,type:String,default:""},sizeModalCreateEntity:{required:!1,type:String,default:"sm"},readonly:{required:!1,type:Boolean,default:!1},variant:{type:String,default:"default",validator:t=>["default","compact","minimal","pill","tag"].includes(t)},tagColor:{type:String,default:"#525B66"},modalTitle:{required:!1,type:String,default:""},modalSubtitle:{required:!1,type:String,default:""},modalTitlePosition:{required:!1,type:String,default:"left",validator:t=>["left","center"].includes(t)},modalSize:{required:!1,type:String,default:"sm"},searchPlaceholder:{required:!1,type:String,default:""},listItemIndicator:{required:!1,type:String,default:"check",validator:t=>["check","navigation","none"].includes(t)},listItemSize:{required:!1,type:[String,Number],default:40},listItemIconClass:{required:!1,type:String,default:""},listItemTitleClass:{required:!1,type:String,default:""},listItemSubtitleClass:{required:!1,type:String,default:""},noCreate:{type:Boolean,default:!1},noEdit:{type:Boolean,default:!1},noSearch:{type:Boolean,default:!1},noIcon:{type:Boolean,default:!1},listEmptyMessage:{type:String,default:""},editButtonLabel:{type:String,default:""}},emits:["update:modelValue","onSetEntity"],setup(t,{emit:n}){const l=F.useOnebI18n(),a=t,u=n,i=e.computed(()=>a.t??l),m=te(a),s=le(a,m),{searchTerm:d,selectedGroup:v,setSelectedGroup:o,sortedItems:y,loading:g}=s,{modal:S,searchInput:x,creatingEntity:V,editEntity:E,startCreate:r,currentModalSize:B,isMobileView:N,openPicker:f,selectItem:C,onClear:b,onCreateEntity:k,onEditEntity:w,onCloseCreateEntity:L}=ne(a,s,u),z=e.computed(()=>a.modalTitle||i.value("ui.entity_picker.Select")),M=e.computed(()=>a.listItemTitleClass||xe),q=e.computed(()=>a.listItemSubtitleClass||Ve),T=e.computed(()=>a.noSearch?"sm:h-[52vh] h-[86dvh] min-h-[300px]":"sm:h-[40vh] h-[60dvh]"),j=e.computed(()=>V.value||r.value?"create":E.value?"edit":"browse"),p=e.computed(()=>{const c=[];return a.validation==null||a.validationIndex==null||Object.keys(a.validation).forEach($=>{$.startsWith(a.validationIndex)&&c.push(...a.validation[$])}),c});return(c,$)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(ee,{variant:t.variant,"model-value":t.modelValue,icon:t.icon,title:t.title,"label-select":t.labelSelect,"label-select-note":t.labelSelectNote,"label-class":t.labelClass,"icon-class":t.iconClass,"icon-class-block":t.iconClassBlock,"no-icon":t.noIcon,readonly:t.readonly,"tag-color":t.tagColor,"change-label":i.value("ui.entity_picker.Change"),resolvers:e.unref(m),onOpen:e.unref(f),onClear:e.unref(b)},e.createSlots({_:2},[c.$slots.button?{name:"button",fn:e.withCtx(h=>[e.renderSlot(c.$slots,"button",e.normalizeProps(e.guardReactiveProps(h)))]),key:"0"}:void 0,c.$slots.entityAdditional?{name:"entityAdditional",fn:e.withCtx(({item:h})=>[e.renderSlot(c.$slots,"entityAdditional",{item:h})]),key:"1"}:void 0]),1032,["variant","model-value","icon","title","label-select","label-select-note","label-class","icon-class","icon-class-block","no-icon","readonly","tag-color","change-label","resolvers","onOpen","onClear"]),e.createVNode(U,{useModal:e.unref(S),title:z.value,subtitle:t.modalSubtitle,"title-center":t.modalTitlePosition==="center",size:e.unref(B),"mobile-view":e.unref(N),view:j.value},e.createSlots({create:e.withCtx(()=>[e.renderSlot(c.$slots,"creating",{onCloseCreateEntity:e.unref(L),find:e.unref(d)})]),edit:e.withCtx(()=>[e.renderSlot(c.$slots,"edit",{onCloseCreateEntity:e.unref(L),editId:e.unref(E)})]),list:e.withCtx(()=>[e.createVNode(Ee,{loading:e.unref(g),items:e.unref(y),"search-term":e.unref(d),"scroll-height-class":T.value,resolvers:e.unref(m),"empty-message":t.listEmptyMessage||i.value("ui.entity_picker.List empty"),"not-found-label":i.value("ui.entity_picker.Nothing found for"),"create-with-query-label":`${t.labelCreateButton} «${e.unref(d)}»`,"can-create":!t.noCreate&&!!t.labelCreateButton,"item-size":t.listItemSize,"item-icon-class":t.listItemIconClass,"item-title-class":M.value,"item-subtitle-class":q.value,"item-indicator":t.listItemIndicator,"can-edit":!!c.$slots.edit&&!t.noEdit,"edit-label":t.editButtonLabel||i.value("ui.entity_picker.Edit"),onSelect:e.unref(C),onEdit:e.unref(w),onCreate:e.unref(k)},e.createSlots({_:2},[c.$slots.creating?{name:"empty",fn:e.withCtx(()=>[e.renderSlot(c.$slots,"creating",{onCloseCreateEntity:e.unref(L),find:e.unref(d)})]),key:"0"}:void 0,c.$slots.entityListIcon?{name:"itemIcon",fn:e.withCtx(({item:h})=>[e.renderSlot(c.$slots,"entityListIcon",{item:h})]),key:"1"}:void 0,c.$slots.entityAdditional?{name:"itemAdditional",fn:e.withCtx(({item:h})=>[e.renderSlot(c.$slots,"entityAdditional",{item:h})]),key:"2"}:void 0]),1032,["loading","items","search-term","scroll-height-class","resolvers","empty-message","not-found-label","create-with-query-label","can-create","item-size","item-icon-class","item-title-class","item-subtitle-class","item-indicator","can-edit","edit-label","onSelect","onEdit","onCreate"])]),_:2},[c.$slots.modalSubtitle?{name:"subtitle",fn:e.withCtx(()=>[e.renderSlot(c.$slots,"modalSubtitle")]),key:"0"}:void 0,c.$slots.modalHeader?{name:"header",fn:e.withCtx(()=>[e.renderSlot(c.$slots,"modalHeader")]),key:"1"}:void 0,t.noSearch?void 0:{name:"search",fn:e.withCtx(()=>[e.createVNode(re,{ref_key:"searchInput",ref:x,modelValue:e.unref(d),"onUpdate:modelValue":$[0]||($[0]=h=>e.isRef(d)?d.value=h:null),placeholder:t.searchPlaceholder||i.value("ui.entity_picker.Search")},null,8,["modelValue","placeholder"])]),key:"2"},c.$slots.prepend?{name:"prepend",fn:e.withCtx(()=>[e.renderSlot(c.$slots,"prepend",{selectedGroup:e.unref(v),setSelectedGroup:e.unref(o)})]),key:"3"}:void 0,!e.unref(g)&&!t.noCreate&&t.labelCreateButton?{name:"createButton",fn:e.withCtx(()=>[e.createVNode(ce,{label:t.labelCreateButton,onClick:e.unref(k)},null,8,["label","onClick"])]),key:"4"}:void 0]),1032,["useModal","title","subtitle","title-center","size","mobile-view","view"]),p.value.length>0?(e.openBlock(),e.createElementBlock("div",Be,e.toDisplayString(p.value.join(" ")),1)):e.createCommentVNode("",!0)],64))}}),Le={"entity_picker.Loading":"Завантаження...","entity_picker.Select":"Вибір","entity_picker.Search":"Пошук...","entity_picker.Change":"Змінити","entity_picker.Edit":"Редагувати","entity_picker.List empty":"Список порожній","entity_picker.Nothing found for":"За запитом нічого не знайдено:"};exports.OneEntityPicker=we;exports.defaultEntityPickerTranslations=Le;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),j=require("../OneModal-0e92c039.cjs"),A=require("../OneAvatar.vue_vue_type_script_setup_true_lang-2d9f44f1.cjs"),F=require("../i18n/index.cjs"),O=require("../useModal-aa6f4a57.cjs");require("../useIsMobile-7b1f08cf.cjs");require("../useMediaQuery-1d87df02.cjs");require("../_plugin-vue_export-helper-f246444f.cjs");const P={key:0,class:"overflow-auto max-h-[85dvh] h-full"},K={key:1,class:"overflow-auto max-h-[85dvh] h-full"},D={key:2,class:"pb-6"},U={key:0,class:"px-2 pt-3"},R=e.defineComponent({__name:"EntityPickerModal",props:{useModal:{type:Object,required:!0},title:{type:String,default:""},subtitle:{type:String,default:""},titleCenter:{type:Boolean,default:!1},size:{type:String,default:"sm"},mobileView:{type:Boolean,default:!1},view:{type:String,default:"browse"}},setup(t){return(n,l)=>t.useModal.isOpened.value?(e.openBlock(),e.createBlock(e.unref(j.OneModal),{key:0,useModal:t.useModal,title:t.title,subtitle:t.subtitle,size:t.size,classModal:t.mobileView,titleCenter:t.titleCenter},e.createSlots({default:e.withCtx(()=>[t.view==="create"?(e.openBlock(),e.createElementBlock("div",P,[e.renderSlot(n.$slots,"create")])):t.view==="edit"?(e.openBlock(),e.createElementBlock("div",K,[e.renderSlot(n.$slots,"edit")])):(e.openBlock(),e.createElementBlock("div",D,[n.$slots.header?(e.openBlock(),e.createElementBlock("div",U,[e.renderSlot(n.$slots,"header")])):e.createCommentVNode("",!0),e.renderSlot(n.$slots,"search"),e.renderSlot(n.$slots,"prepend"),e.renderSlot(n.$slots,"createButton"),e.renderSlot(n.$slots,"list")]))]),_:2},[n.$slots.subtitle?{name:"subtitle",fn:e.withCtx(()=>[e.renderSlot(n.$slots,"subtitle")]),key:"0"}:void 0]),1032,["useModal","title","subtitle","size","classModal","titleCenter"])):e.createCommentVNode("",!0)}}),G={key:0,class:"relative select-none inline-flex items-center gap-3"},W={class:"text-sm font-medium truncate text-inherit"},H=["aria-label"],Q={key:0,class:"w-4 h-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","stroke-width":"2"},J={key:1,class:"w-4 h-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","stroke-width":"2"},X={key:0},Y={class:""},Z={key:0,class:"space-y-1 flex flex-col"},_={key:0,class:"text-gray-400 text-xs font-light"},ee={key:0,class:"text-[10px] text-gray-500 ml-1 py-0.5 rounded-full font-semibold hover:text-info-base"},te=e.defineComponent({__name:"EntityPickerTrigger",props:{variant:{type:String,default:"default"},modelValue:{type:[Object,null],default:null},icon:{type:[Object,Function,null],default:null},title:{type:String,default:""},labelSelect:{type:String,default:""},labelSelectNote:{type:String,default:""},labelClass:{type:String,default:""},iconClass:{type:String,default:""},iconClassBlock:{type:String,default:""},noIcon:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},tagColor:{type:String,default:"#525B66"},changeLabel:{type:String,default:""},resolvers:{type:Object,required:!0}},emits:["open","clear"],setup(t,{emit:n}){const l=t,a=n,u=()=>a("open"),i=e.computed(()=>l.variant==="compact"||l.variant==="minimal"),m=e.computed(()=>l.variant==="compact"),s=e.computed(()=>l.variant==="pill"),d=e.computed(()=>l.modelValue==null?{}:{backgroundColor:`${l.tagColor}1A`}),v=e.computed(()=>l.modelValue!=null?l.tagColor:"#979CA9");return(o,y)=>t.variant==="tag"?(e.openBlock(),e.createElementBlock("div",G,[e.renderSlot(o.$slots,"button",{title:t.title,modelValue:t.modelValue,openModal:u},()=>[t.title?(e.openBlock(),e.createElementBlock("p",{key:0,class:e.normalizeClass(["font-semibold text-black",t.labelClass])},e.toDisplayString(t.title),3)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["flex items-center gap-2 h-10 px-3 rounded-xl transition-colors",t.readonly?"":"cursor-pointer",t.modelValue==null?"bg-[#FAFAFA] hover:bg-gray-100 text-[#979CA9]":"hover:opacity-90 text-black"]),style:e.normalizeStyle(d.value),onClick:u},[t.icon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.icon),{key:0,class:e.normalizeClass(["w-5 h-5 flex-shrink-0",t.iconClass]),style:e.normalizeStyle({color:v.value})},null,8,["style","class"])):e.createCommentVNode("",!0),e.createElementVNode("span",W,e.toDisplayString(t.modelValue!=null?t.resolvers.getEntityLabel(t.modelValue):t.labelSelect),1),t.readonly?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("button",{key:1,type:"button",class:"text-[#979CA9] hover:text-gray-700 flex-shrink-0 -mr-1","aria-label":t.changeLabel,onClick:y[0]||(y[0]=e.withModifiers(g=>t.modelValue!=null?o.$emit("clear"):u(),["stop"]))},[t.modelValue!=null?(e.openBlock(),e.createElementBlock("svg",Q,[...y[2]||(y[2]=[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M6 18L18 6M6 6l12 12"},null,-1)])])):(e.openBlock(),e.createElementBlock("svg",J,[...y[3]||(y[3]=[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M19.5 8.25l-7.5 7.5-7.5-7.5"},null,-1)])]))],8,H))],6)])])):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["relative select-none",i.value?"space-y-1.5":"space-y-3"])},[e.renderSlot(o.$slots,"button",{title:t.title,modelValue:t.modelValue,openModal:u},()=>[t.title?(e.openBlock(),e.createElementBlock("p",{key:0,class:e.normalizeClass(["font-semibold pb-0",t.labelClass])},e.toDisplayString(t.title),3)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["flex justify-between z-10 items-center",[t.readonly?"":"cursor-pointer hover:bg-gray-50",i.value?["rounded-full",m.value?"bg-[#4089E01A]":""]:"border px-3 pr-3 py-3 rounded-lg h-[72px]",s.value?"border-none !py-0 h-max !rounded-full":"",s.value&&t.modelValue!==null?"bg-[#4089E01A]":""]])},[e.createElementVNode("div",{class:e.normalizeClass(["flex items-center w-full gap-x-3",[i.value?"!gap-x-1 px-0.5 py-0.5":"",s.value?"h-9 p-0":""]]),onClick:u},[!t.noIcon&&(s.value||i.value||t.icon||t.modelValue)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["w-10 h-10 flex items-center justify-center",t.iconClassBlock])},[s.value?(e.openBlock(),e.createElementBlock("div",X,[t.modelValue==null?(e.openBlock(),e.createElementBlock("svg",{key:0,class:e.normalizeClass(["w-3 text-blue-600",t.iconClass]),fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","stroke-width":"2"},[...y[4]||(y[4]=[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M12 4.5v15m7.5-7.5h-15"},null,-1)])],2)):(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.icon),{key:1,class:e.normalizeClass(["w-5",t.iconClass])},null,8,["class"]))])):t.icon!=null&&t.modelValue==null||i.value?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(i.value?"":"bg-gray-50 p-2.5 rounded-lg")},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.icon),{class:e.normalizeClass([["w-5",t.iconClass],"text-gray-600"])},null,8,["class"]))],2)):t.modelValue?(e.openBlock(),e.createBlock(e.unref(A._sfc_main),{key:2,text:t.resolvers.getEntityLabel(t.modelValue),src:t.resolvers.getEntityAvatar(t.modelValue),rounded:!1,size:"40",class:"!rounded-lg"},null,8,["text","src"])):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),e.createElementVNode("div",Y,[t.modelValue==null?(e.openBlock(),e.createElementBlock("div",Z,[e.createElementVNode("div",{class:e.normalizeClass(["font-medium text-gray-600 truncate overflow-hidden whitespace-nowrap",[i.value?"text-xs truncate max-w-[120px] text-[#525B66]":"text-sm",s.value?"!text-xs truncate max-w-[120px] text-[#4089E0]":""]])},e.toDisplayString(t.labelSelect),3),t.labelSelectNote&&!i.value&&!s.value?(e.openBlock(),e.createElementBlock("span",_,e.toDisplayString(t.labelSelectNote),1)):e.createCommentVNode("",!0)])):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["grid items-center pr-2",i.value?"":"py-1"])},[e.createElementVNode("div",{class:e.normalizeClass(["break-all leading-4 truncate !text-sm",{"text-sm font-medium":t.resolvers.getEntityLabel(t.modelValue).length<20,"text-xs font-semibold":t.resolvers.getEntityLabel(t.modelValue).length>20,"truncate text-[#525B66] text-xs":i.value,"truncate text-xs":s.value}])},[e.createTextVNode(e.toDisplayString(t.resolvers.getEntityLabel(t.modelValue))+" ",1),!t.readonly&&!i.value&&!s.value?(e.openBlock(),e.createElementBlock("span",ee,e.toDisplayString(t.changeLabel),1)):e.createCommentVNode("",!0)],2),t.resolvers.getEntityAdditional(t.modelValue)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["font-thin leading-3 break-all line-clamp-2 pt-1 truncate !text-xs",{"text-xs":t.resolvers.getEntityAdditional(t.modelValue).length<20,"text-[10px]":t.resolvers.getEntityAdditional(t.modelValue).length>20&&t.resolvers.getEntityAdditional(t.modelValue).length<35,"text-[9px]":t.resolvers.getEntityAdditional(t.modelValue).length>35}])},[e.renderSlot(o.$slots,"entityAdditional",{item:t.modelValue},()=>[e.createTextVNode(e.toDisplayString(t.resolvers.getEntityAdditional(t.modelValue)),1)])],2)):e.createCommentVNode("",!0)],2))])],2),t.modelValue!=null&&!t.readonly?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",class:e.normalizeClass(["rounded-full hover:text-gray-900 text-gray-500",{"mr-2 text-[#525B66] p-0.5":i.value}]),onClick:y[1]||(y[1]=e.withModifiers(g=>o.$emit("clear"),["stop"]))},[...y[5]||(y[5]=[e.createElementVNode("svg",{class:"w-4 h-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","stroke-width":"2"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M6 18L18 6M6 6l12 12"})],-1)])],2)):!t.readonly&&!i.value&&!s.value?(e.openBlock(),e.createElementBlock("button",{key:1,type:"button",class:"py-2.5 text-gray-500",onClick:u},[...y[6]||(y[6]=[e.createElementVNode("svg",{class:"w-5 h-5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","stroke-width":"2"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M8.25 4.5l7.5 7.5-7.5 7.5"})],-1)])])):e.createCommentVNode("",!0)],2)])],2))}});function le(t){const n=o=>o?String(o[t.entityLabel]||""):"",l=o=>!o||!t.entityAvatar?"":String(o[t.entityAvatar]||""),a=o=>!o||!t.entityAdditional?"":String(o[t.entityAdditional]||""),u=o=>o?o[t.entityKey]:"",i=o=>o[t.entityListKey];return{getEntityLabel:n,getEntityAvatar:l,getEntityAdditional:a,getEntityKey:u,getEntityListKey:i,getEntityListLabel:o=>String(o[t.entityListLabel]||""),getEntityListAvatar:o=>t.entityListAvatar?String(o[t.entityListAvatar]||""):"",getEntityListAdditional:o=>t.entityListAdditional?String(o[t.entityListAdditional]||""):"",isSelected:o=>u(t.modelValue)===i(o)}}function ne(t,n){const l=t.listEntityUse?t.listEntityUse():null,a=l==null?void 0:l.nodes,u=l==null?void 0:l.load,i=l==null?void 0:l.searchTerm,m=l==null?void 0:l.isLoading,s=l==null?void 0:l.isLoad,d=l==null?void 0:l.group,v=e.ref(null),o=e.computed(()=>(d==null?void 0:d.value)??v.value),y=f=>{d?d.value=f:v.value=f},g=e.ref(""),S=e.computed({get:()=>(i==null?void 0:i.value)??g.value,set:f=>{i?i.value=f:g.value=f}}),x=()=>{g.value="",i&&(i.value="")},V=e.computed(()=>(m==null?void 0:m.value)??t.isLoading),E=e.computed(()=>(a==null?void 0:a.value)??t.items),r=e.computed(()=>{const f=E.value;if(t.modelValue==null)return f;const C=n.getEntityKey(t.modelValue);return f.some(k=>n.getEntityListKey(k)===C)?f:[t.modelValue,...f]}),B=e.computed(()=>{if(!S.value)return r.value;const f=S.value.toLowerCase(),C=t.modelValue!=null?n.getEntityKey(t.modelValue):null;return r.value.filter(b=>{if(C!=null&&n.getEntityListKey(b)===C)return!0;const k=n.getEntityListLabel(b).toLowerCase(),w=n.getEntityListAdditional(b).toLowerCase();return k.includes(f)||w.includes(f)})}),N=e.computed(()=>{const f=B.value;if(t.modelValue==null)return f;const C=n.getEntityKey(t.modelValue),b=f.findIndex(L=>n.getEntityListKey(L)===C);if(b<=0)return f;const k=f.slice(),[w]=k.splice(b,1);return k.unshift(w),k});return{load:u,dynamicIsLoad:s,nodes:a,searchTerm:S,clearSearchTerm:x,selectedGroup:o,setSelectedGroup:y,rawItems:E,availableItems:r,filteredItems:B,sortedItems:N,loading:V}}function ae(t,n,l){const a=O.useModal(),u=e.ref(null),i=e.ref(!1),m=e.ref(null),s=e.ref(!1),d=e.ref(t.modalSize),v=e.ref(!1);let o=null;e.onMounted(()=>{o=window.matchMedia("(max-width: 767px)"),v.value=o.matches;const r=B=>{v.value=B.matches};o.addEventListener("change",r),e.onUnmounted(()=>{o==null||o.removeEventListener("change",r)})});const y=()=>{t.readonly||(n.clearSearchTerm(),i.value=!1,m.value=null,s.value=!1,d.value=t.modalSize,a.open(),e.nextTick(()=>{var r;(r=u.value)==null||r.focus()}))},g=r=>{l("update:modelValue",r),a.close()},S=()=>{l("update:modelValue",null)},x=()=>{i.value=!0,d.value=t.sizeModalCreateEntity},V=r=>{m.value=r,d.value=t.sizeModalCreateEntity},E=r=>{i.value=!1,m.value=null,s.value=!1,d.value=t.modalSize,r?(a.close(),l("update:modelValue",r)):!n.loading.value&&n.availableItems.value.length===0&&!n.searchTerm.value&&a.close()};return e.watch(a.isOpened,r=>{r&&n.load&&n.load(),r||(i.value=!1,d.value=t.modalSize)}),e.watch(()=>{var r;return(r=n.dynamicIsLoad)==null?void 0:r.value},()=>{var r;n.dynamicIsLoad&&!n.loading.value&&n.dynamicIsLoad.value&&!n.searchTerm.value&&((r=n.nodes)==null?void 0:r.value.length)===0&&(s.value=!0,d.value=t.sizeModalCreateEntity)}),{modal:a,searchInput:u,creatingEntity:i,editEntity:m,startCreate:s,currentModalSize:d,isMobileView:v,openPicker:y,selectItem:g,onClear:S,onCreateEntity:x,onEditEntity:V,onCloseCreateEntity:E}}const ie={class:"relative px-4 pt-3 pb-2"},oe={class:"relative"},re=["value","placeholder"],se=e.defineComponent({__name:"EntityPickerSearch",props:{modelValue:{type:String,default:""},placeholder:{type:String,default:""}},emits:["update:modelValue"],setup(t,{expose:n,emit:l}){const a=l,u=e.ref(null),i=m=>{a("update:modelValue",m.target.value)};return n({focus:()=>{var m;return(m=u.value)==null?void 0:m.focus()}}),(m,s)=>(e.openBlock(),e.createElementBlock("div",ie,[e.createElementVNode("div",oe,[s[0]||(s[0]=e.createElementVNode("svg",{class:"absolute left-3 top-1/2 -translate-y-1/2 w-5 h-5 text-[#979CA9]",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","stroke-width":"2"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z"})],-1)),e.createElementVNode("input",{ref_key:"inputRef",ref:u,value:t.modelValue,type:"text",class:"w-full h-10 pl-11 pr-3 border border-[#E2E7EF] rounded-[10px] text-sm placeholder:text-[#979CA9] focus:outline-none focus:ring-2 focus:ring-primary-base focus:border-transparent",placeholder:t.placeholder,onInput:i},null,40,re)])]))}}),de={class:"px-3 pb-2"},ce={class:"text-xs font-semibold tracking-[0.4px]"},ue=e.defineComponent({__name:"EntityPickerCreateButton",props:{label:{type:String,required:!0}},emits:["click"],setup(t){return(n,l)=>(e.openBlock(),e.createElementBlock("div",de,[e.createElementVNode("button",{type:"button",class:"w-full h-10 flex items-center justify-center gap-2 bg-[#FAFAFA] border border-[#E3ECF2] rounded-[10px] text-[#4089E0] hover:bg-[#F2F4F8] hover:border-[#D6DDE7] transition-colors",onClick:l[0]||(l[0]=a=>n.$emit("click"))},[l[1]||(l[1]=e.createElementVNode("svg",{class:"w-4 h-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","stroke-width":"2"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M12 4.5v15m7.5-7.5h-15"})],-1)),e.createElementVNode("span",ce,e.toDisplayString(t.label),1)])]))}}),me={key:0,class:"flex items-center justify-center w-8 h-8 flex-shrink-0"},ye={key:0,class:"w-5 h-5 rounded-full bg-[#4089E0] flex items-center justify-center"},fe={key:1,class:"w-4 h-4 text-[#525B66]",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","stroke-width":"2"},ve=e.defineComponent({__name:"EntityPickerIndicator",props:{variant:{type:String,default:"check"},selected:{type:Boolean,default:!1}},setup(t){return(n,l)=>t.variant!=="none"?(e.openBlock(),e.createElementBlock("div",me,[t.selected?(e.openBlock(),e.createElementBlock("span",ye,[...l[0]||(l[0]=[e.createElementVNode("svg",{class:"w-3 h-3 text-white",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","stroke-width":"3"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M4.5 12.75l6 6 9-13.5"})],-1)])])):t.variant==="navigation"?(e.openBlock(),e.createElementBlock("svg",fe,[...l[1]||(l[1]=[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M8.25 4.5l7.5 7.5-7.5 7.5"},null,-1)])])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)}}),ge={class:"flex-1 min-w-0"},ke=e.defineComponent({__name:"EntityPickerListItem",props:{selected:{type:Boolean,default:!1},title:{type:String,default:""},subtitle:{type:String,default:""},avatarText:{type:String,default:""},avatarSrc:{type:String,default:""},avatarSize:{type:[String,Number],default:40},iconWrapperClass:{type:String,default:""},itemClass:{type:String,default:""},titleClass:{type:String,default:""},subtitleClass:{type:String,default:""},indicator:{type:String,default:"check"},showEdit:{type:Boolean,default:!1},editLabel:{type:String,default:""}},emits:["select","edit"],setup(t){return(n,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["flex items-center gap-3 py-3 px-4 hover:bg-secondary-body-hover cursor-pointer",[{"bg-gray-50":t.selected},t.itemClass]]),onClick:l[1]||(l[1]=a=>n.$emit("select"))},[e.createElementVNode("div",{class:e.normalizeClass(["flex-shrink-0",t.iconWrapperClass])},[e.renderSlot(n.$slots,"icon",{},()=>[e.createVNode(e.unref(A._sfc_main),{text:t.avatarText,src:t.avatarSrc,rounded:!1,size:String(t.avatarSize),class:"!rounded-[10px]"},null,8,["text","src","size"])])],2),e.createElementVNode("div",ge,[e.createElementVNode("p",{class:e.normalizeClass(t.titleClass)},e.toDisplayString(t.title),3),t.subtitle?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(t.subtitleClass)},[e.renderSlot(n.$slots,"additional",{},()=>[e.createTextVNode(e.toDisplayString(t.subtitle),1)])],2)):e.createCommentVNode("",!0)]),t.showEdit?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",class:"text-xs font-semibold text-[#4089E0] hover:text-primary-active flex-shrink-0 tracking-[0.4px]",onClick:l[0]||(l[0]=e.withModifiers(a=>n.$emit("edit"),["stop"]))},e.toDisplayString(t.editLabel),1)):e.createCommentVNode("",!0),e.createVNode(ve,{variant:t.indicator,selected:t.selected},null,8,["variant","selected"])],2))}}),be={key:0,class:"flex items-center justify-center py-8"},he={key:1,class:"relative px-5 py-10 text-center"},Ce={class:"mb-4 text-sm text-gray-500"},Se={key:2,class:"p-3 text-center mt-6"},Ee={class:"text-xs"},Be=e.defineComponent({__name:"EntityPickerList",props:{loading:{type:Boolean,default:!1},items:{type:Array,default:()=>[]},searchTerm:{type:String,default:""},scrollHeightClass:{type:[String,Object],default:""},resolvers:{type:Object,required:!0},emptyMessage:{type:String,default:""},notFoundLabel:{type:String,default:""},createWithQueryLabel:{type:String,default:""},canCreate:{type:Boolean,default:!1},itemSize:{type:[String,Number],default:40},itemIconClass:{type:String,default:""},itemTitleClass:{type:String,default:""},itemSubtitleClass:{type:String,default:""},itemIndicator:{type:String,default:"check"},canEdit:{type:Boolean,default:!1},editLabel:{type:String,default:""}},emits:["select","edit","create"],setup(t){return(n,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["divide-y divide-[#E3ECF2] overflow-auto",t.scrollHeightClass])},[t.loading?(e.openBlock(),e.createElementBlock("div",be,[...l[1]||(l[1]=[e.createElementVNode("div",{class:"animate-spin w-6 h-6 border-2 border-primary-base border-t-transparent rounded-full"},null,-1)])])):t.items.length===0&&!t.searchTerm?(e.openBlock(),e.createElementBlock("div",he,[e.renderSlot(n.$slots,"empty",{},()=>[e.createElementVNode("p",Ce,e.toDisplayString(t.emptyMessage),1)])])):t.items.length===0&&t.searchTerm?(e.openBlock(),e.createElementBlock("div",Se,[e.createElementVNode("p",Ee,[e.createTextVNode(e.toDisplayString(t.notFoundLabel)+" ",1),e.createElementVNode("b",null,e.toDisplayString(t.searchTerm),1)]),t.canCreate?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",class:"w-full text-xs text-blue-400 hover:text-blue-300 mt-2",onClick:l[0]||(l[0]=a=>n.$emit("create"))},e.toDisplayString(t.createWithQueryLabel),1)):e.createCommentVNode("",!0)])):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:3},e.renderList(t.items,a=>(e.openBlock(),e.createBlock(ke,{key:t.resolvers.getEntityListKey(a),selected:t.resolvers.isSelected(a),title:t.resolvers.getEntityListLabel(a),subtitle:t.resolvers.getEntityListAdditional(a),"avatar-text":t.resolvers.getEntityListLabel(a),"avatar-src":t.resolvers.getEntityListAvatar(a),"avatar-size":t.itemSize,"icon-wrapper-class":t.itemIconClass,"title-class":t.itemTitleClass,"subtitle-class":t.itemSubtitleClass,indicator:t.itemIndicator,"show-edit":t.resolvers.isSelected(a)&&t.canEdit,"edit-label":t.editLabel,onSelect:u=>n.$emit("select",a),onEdit:u=>n.$emit("edit",t.resolvers.getEntityKey(a))},e.createSlots({_:2},[n.$slots.itemIcon?{name:"icon",fn:e.withCtx(()=>[e.renderSlot(n.$slots,"itemIcon",{item:a})]),key:"0"}:void 0,n.$slots.itemAdditional?{name:"additional",fn:e.withCtx(()=>[e.renderSlot(n.$slots,"itemAdditional",{item:a})]),key:"1"}:void 0]),1032,["selected","title","subtitle","avatar-text","avatar-src","avatar-size","icon-wrapper-class","title-class","subtitle-class","indicator","show-edit","edit-label","onSelect","onEdit"]))),128))],2))}}),xe={key:0,class:"text-xs px-2 py-1 text-red-600"},Ve="text-sm font-semibold text-black truncate leading-5 tracking-[0.4px]",we="text-xs text-[#979CA9] font-normal leading-5 truncate tracking-[0.4px]",Le=e.defineComponent({__name:"OneEntityPicker",props:{t:{type:Function,required:!1,default:void 0},title:{required:!1,type:String,default:""},icon:{type:[Object,Function,null],default:null},labelSelect:{type:String,default:""},labelClass:{type:String,default:""},iconClass:{type:String,default:""},iconClassBlock:{type:String,default:""},labelSelectNote:{type:String,default:""},labelCreateButton:{type:String,default:""},modelValue:{required:!0,type:[Object,null],default:null},items:{type:Array,default:()=>[]},entityListKey:{required:!1,type:String,default:"id"},entityListLabel:{required:!1,type:String,default:"name"},entityListAvatar:{required:!1,type:String,default:""},entityListAdditional:{required:!1,type:String,default:""},entityKey:{required:!1,type:String,default:"id"},entityAvatar:{required:!1,type:String,default:""},entityLabel:{required:!1,type:String,default:"name"},entityAdditional:{required:!1,type:String,default:""},isLoading:{required:!1,type:Boolean,default:!1},listEntityUse:{required:!1,type:Function,default:null},validation:{required:!1,type:Object,default:null},validationIndex:{required:!1,type:String,default:""},sizeModalCreateEntity:{required:!1,type:String,default:"sm"},readonly:{required:!1,type:Boolean,default:!1},variant:{type:String,default:"default",validator:t=>["default","compact","minimal","pill","tag"].includes(t)},tagColor:{type:String,default:"#525B66"},modalTitle:{required:!1,type:String,default:""},modalSubtitle:{required:!1,type:String,default:""},modalTitlePosition:{required:!1,type:String,default:"left",validator:t=>["left","center"].includes(t)},modalSize:{required:!1,type:String,default:"sm"},searchPlaceholder:{required:!1,type:String,default:""},listItemIndicator:{required:!1,type:String,default:"check",validator:t=>["check","navigation","none"].includes(t)},listItemSize:{required:!1,type:[String,Number],default:40},listItemIconClass:{required:!1,type:String,default:""},listItemTitleClass:{required:!1,type:String,default:""},listItemSubtitleClass:{required:!1,type:String,default:""},noCreate:{type:Boolean,default:!1},noEdit:{type:Boolean,default:!1},noSearch:{type:Boolean,default:!1},noIcon:{type:Boolean,default:!1},listEmptyMessage:{type:String,default:""},editButtonLabel:{type:String,default:""}},emits:["update:modelValue","onSetEntity"],setup(t,{emit:n}){const l=F.useOnebI18n(),a=t,u=n,i=e.computed(()=>a.t??l),m=le(a),s=ne(a,m),{searchTerm:d,selectedGroup:v,setSelectedGroup:o,sortedItems:y,loading:g}=s,{modal:S,searchInput:x,creatingEntity:V,editEntity:E,startCreate:r,currentModalSize:B,isMobileView:N,openPicker:f,selectItem:C,onClear:b,onCreateEntity:k,onEditEntity:w,onCloseCreateEntity:L}=ae(a,s,u),I=e.computed(()=>a.modalTitle||i.value("ui.entity_picker.Select")),z=e.computed(()=>a.listItemTitleClass||Ve),M=e.computed(()=>a.listItemSubtitleClass||we),q=e.computed(()=>a.noSearch?"sm:h-[52vh] h-[86dvh] min-h-[300px]":"sm:h-[40vh] h-[60dvh]"),T=e.computed(()=>V.value||r.value?"create":E.value?"edit":"browse"),p=e.computed(()=>{const c=[];return a.validation==null||a.validationIndex==null||Object.keys(a.validation).forEach($=>{$.startsWith(a.validationIndex)&&c.push(...a.validation[$])}),c});return(c,$)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(te,{variant:t.variant,"model-value":t.modelValue,icon:t.icon,title:t.title,"label-select":t.labelSelect,"label-select-note":t.labelSelectNote,"label-class":t.labelClass,"icon-class":t.iconClass,"icon-class-block":t.iconClassBlock,"no-icon":t.noIcon,readonly:t.readonly,"tag-color":t.tagColor,"change-label":i.value("ui.entity_picker.Change"),resolvers:e.unref(m),onOpen:e.unref(f),onClear:e.unref(b)},e.createSlots({_:2},[c.$slots.button?{name:"button",fn:e.withCtx(h=>[e.renderSlot(c.$slots,"button",e.normalizeProps(e.guardReactiveProps(h)))]),key:"0"}:void 0,c.$slots.entityAdditional?{name:"entityAdditional",fn:e.withCtx(({item:h})=>[e.renderSlot(c.$slots,"entityAdditional",{item:h})]),key:"1"}:void 0]),1032,["variant","model-value","icon","title","label-select","label-select-note","label-class","icon-class","icon-class-block","no-icon","readonly","tag-color","change-label","resolvers","onOpen","onClear"]),e.createVNode(R,{useModal:e.unref(S),title:I.value,subtitle:t.modalSubtitle,"title-center":t.modalTitlePosition==="center",size:e.unref(B),"mobile-view":e.unref(N),view:T.value},e.createSlots({create:e.withCtx(()=>[e.renderSlot(c.$slots,"creating",{onCloseCreateEntity:e.unref(L),find:e.unref(d)})]),edit:e.withCtx(()=>[e.renderSlot(c.$slots,"edit",{onCloseCreateEntity:e.unref(L),editId:e.unref(E)})]),list:e.withCtx(()=>[e.createVNode(Be,{loading:e.unref(g),items:e.unref(y),"search-term":e.unref(d),"scroll-height-class":q.value,resolvers:e.unref(m),"empty-message":t.listEmptyMessage||i.value("ui.entity_picker.List empty"),"not-found-label":i.value("ui.entity_picker.Nothing found for"),"create-with-query-label":`${t.labelCreateButton} «${e.unref(d)}»`,"can-create":!t.noCreate&&!!t.labelCreateButton,"item-size":t.listItemSize,"item-icon-class":t.listItemIconClass,"item-title-class":z.value,"item-subtitle-class":M.value,"item-indicator":t.listItemIndicator,"can-edit":!!c.$slots.edit&&!t.noEdit,"edit-label":t.editButtonLabel||i.value("ui.entity_picker.Edit"),onSelect:e.unref(C),onEdit:e.unref(w),onCreate:e.unref(k)},e.createSlots({_:2},[c.$slots.creating?{name:"empty",fn:e.withCtx(()=>[e.renderSlot(c.$slots,"creating",{onCloseCreateEntity:e.unref(L),find:e.unref(d)})]),key:"0"}:void 0,c.$slots.entityListIcon?{name:"itemIcon",fn:e.withCtx(({item:h})=>[e.renderSlot(c.$slots,"entityListIcon",{item:h})]),key:"1"}:void 0,c.$slots.entityAdditional?{name:"itemAdditional",fn:e.withCtx(({item:h})=>[e.renderSlot(c.$slots,"entityAdditional",{item:h})]),key:"2"}:void 0]),1032,["loading","items","search-term","scroll-height-class","resolvers","empty-message","not-found-label","create-with-query-label","can-create","item-size","item-icon-class","item-title-class","item-subtitle-class","item-indicator","can-edit","edit-label","onSelect","onEdit","onCreate"])]),_:2},[c.$slots.modalSubtitle?{name:"subtitle",fn:e.withCtx(()=>[e.renderSlot(c.$slots,"modalSubtitle")]),key:"0"}:void 0,c.$slots.modalHeader?{name:"header",fn:e.withCtx(()=>[e.renderSlot(c.$slots,"modalHeader")]),key:"1"}:void 0,t.noSearch?void 0:{name:"search",fn:e.withCtx(()=>[e.createVNode(se,{ref_key:"searchInput",ref:x,modelValue:e.unref(d),"onUpdate:modelValue":$[0]||($[0]=h=>e.isRef(d)?d.value=h:null),placeholder:t.searchPlaceholder||i.value("ui.entity_picker.Search")},null,8,["modelValue","placeholder"])]),key:"2"},c.$slots.prepend?{name:"prepend",fn:e.withCtx(()=>[e.renderSlot(c.$slots,"prepend",{selectedGroup:e.unref(v),setSelectedGroup:e.unref(o)})]),key:"3"}:void 0,!e.unref(g)&&!t.noCreate&&t.labelCreateButton?{name:"createButton",fn:e.withCtx(()=>[e.createVNode(ue,{label:t.labelCreateButton,onClick:e.unref(k)},null,8,["label","onClick"])]),key:"4"}:void 0]),1032,["useModal","title","subtitle","title-center","size","mobile-view","view"]),p.value.length>0?(e.openBlock(),e.createElementBlock("div",xe,e.toDisplayString(p.value.join(" ")),1)):e.createCommentVNode("",!0)],64))}}),$e={"entity_picker.Loading":"Завантаження...","entity_picker.Select":"Вибір","entity_picker.Search":"Пошук...","entity_picker.Change":"Змінити","entity_picker.Edit":"Редагувати","entity_picker.List empty":"Список порожній","entity_picker.Nothing found for":"За запитом нічого не знайдено:"};exports.OneEntityPicker=Le;exports.defaultEntityPickerTranslations=$e;
|
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
import { defineComponent as M, openBlock as a, createBlock as F, unref as d, createSlots as R, withCtx as x, createElementBlock as o, renderSlot as c, createCommentVNode as C, computed as S, normalizeClass as
|
|
2
|
-
import { O as ue
|
|
1
|
+
import { defineComponent as M, openBlock as a, createBlock as F, unref as d, createSlots as R, withCtx as x, createElementBlock as o, renderSlot as c, createCommentVNode as C, computed as S, normalizeClass as v, toDisplayString as E, createElementVNode as r, normalizeStyle as X, resolveDynamicComponent as H, withModifiers as Q, createTextVNode as G, ref as I, onMounted as ne, onUnmounted as ae, watch as Y, nextTick as ie, createVNode as q, Fragment as Z, renderList as se, normalizeProps as oe, guardReactiveProps as re, isRef as de } from "vue";
|
|
2
|
+
import { O as ue } from "../OneModal-02a9a173.js";
|
|
3
3
|
import { _ as D } from "../OneAvatar.vue_vue_type_script_setup_true_lang-08ab80dd.js";
|
|
4
|
-
import "
|
|
5
|
-
import "../
|
|
6
|
-
import "../
|
|
7
|
-
import
|
|
4
|
+
import { useOnebI18n as ce } from "../i18n/index.js";
|
|
5
|
+
import { u as ye } from "../useModal-6a5d870b.js";
|
|
6
|
+
import "../useIsMobile-98fc0cf9.js";
|
|
7
|
+
import "../useMediaQuery-77a19b18.js";
|
|
8
8
|
import "../_plugin-vue_export-helper-dad06003.js";
|
|
9
9
|
const fe = {
|
|
10
10
|
key: 0,
|
|
11
11
|
class: "overflow-auto max-h-[85dvh] h-full"
|
|
12
|
-
},
|
|
12
|
+
}, me = {
|
|
13
13
|
key: 1,
|
|
14
14
|
class: "overflow-auto max-h-[85dvh] h-full"
|
|
15
|
-
},
|
|
15
|
+
}, ve = {
|
|
16
16
|
key: 2,
|
|
17
17
|
class: "pb-6"
|
|
18
18
|
}, ge = {
|
|
@@ -51,9 +51,9 @@ const fe = {
|
|
|
51
51
|
default: x(() => [
|
|
52
52
|
e.view === "create" ? (a(), o("div", fe, [
|
|
53
53
|
c(l.$slots, "create")
|
|
54
|
-
])) : e.view === "edit" ? (a(), o("div",
|
|
54
|
+
])) : e.view === "edit" ? (a(), o("div", me, [
|
|
55
55
|
c(l.$slots, "edit")
|
|
56
|
-
])) : (a(), o("div",
|
|
56
|
+
])) : (a(), o("div", ve, [
|
|
57
57
|
l.$slots.header ? (a(), o("div", ge, [
|
|
58
58
|
c(l.$slots, "header")
|
|
59
59
|
])) : C("", !0),
|
|
@@ -134,10 +134,10 @@ const fe = {
|
|
|
134
134
|
}, () => [
|
|
135
135
|
e.title ? (a(), o("p", {
|
|
136
136
|
key: 0,
|
|
137
|
-
class:
|
|
137
|
+
class: v(["font-semibold text-black", e.labelClass])
|
|
138
138
|
}, E(e.title), 3)) : C("", !0),
|
|
139
139
|
r("div", {
|
|
140
|
-
class:
|
|
140
|
+
class: v([
|
|
141
141
|
"flex items-center gap-2 h-10 px-3 rounded-xl transition-colors",
|
|
142
142
|
e.readonly ? "" : "cursor-pointer",
|
|
143
143
|
e.modelValue == null ? "bg-[#FAFAFA] hover:bg-gray-100 text-[#979CA9]" : "hover:opacity-90 text-black"
|
|
@@ -147,7 +147,7 @@ const fe = {
|
|
|
147
147
|
}, [
|
|
148
148
|
e.icon ? (a(), F(H(e.icon), {
|
|
149
149
|
key: 0,
|
|
150
|
-
class:
|
|
150
|
+
class: v(["w-5 h-5 flex-shrink-0", e.iconClass]),
|
|
151
151
|
style: X({ color: L.value })
|
|
152
152
|
}, null, 8, ["style", "class"])) : C("", !0),
|
|
153
153
|
r("span", ke, E(e.modelValue != null ? e.resolvers.getEntityLabel(e.modelValue) : e.labelSelect), 1),
|
|
@@ -176,7 +176,7 @@ const fe = {
|
|
|
176
176
|
])
|
|
177
177
|
])) : (a(), o("div", {
|
|
178
178
|
key: 1,
|
|
179
|
-
class:
|
|
179
|
+
class: v(["relative select-none", i.value ? "space-y-1.5" : "space-y-3"])
|
|
180
180
|
}, [
|
|
181
181
|
c(s.$slots, "button", {
|
|
182
182
|
title: e.title,
|
|
@@ -185,10 +185,10 @@ const fe = {
|
|
|
185
185
|
}, () => [
|
|
186
186
|
e.title ? (a(), o("p", {
|
|
187
187
|
key: 0,
|
|
188
|
-
class:
|
|
188
|
+
class: v(["font-semibold pb-0", e.labelClass])
|
|
189
189
|
}, E(e.title), 3)) : C("", !0),
|
|
190
190
|
r("div", {
|
|
191
|
-
class:
|
|
191
|
+
class: v(["flex justify-between z-10 items-center", [
|
|
192
192
|
e.readonly ? "" : "cursor-pointer hover:bg-gray-50",
|
|
193
193
|
i.value ? ["rounded-full", b.value ? "bg-[#4089E01A]" : ""] : "border px-3 pr-3 py-3 rounded-lg h-[72px]",
|
|
194
194
|
y.value ? "border-none !py-0 h-max !rounded-full" : "",
|
|
@@ -196,17 +196,17 @@ const fe = {
|
|
|
196
196
|
]])
|
|
197
197
|
}, [
|
|
198
198
|
r("div", {
|
|
199
|
-
class:
|
|
199
|
+
class: v(["flex items-center w-full gap-x-3", [i.value ? "!gap-x-1 px-0.5 py-0.5" : "", y.value ? "h-9 p-0" : ""]]),
|
|
200
200
|
onClick: g
|
|
201
201
|
}, [
|
|
202
202
|
!e.noIcon && (y.value || i.value || e.icon || e.modelValue) ? (a(), o("div", {
|
|
203
203
|
key: 0,
|
|
204
|
-
class:
|
|
204
|
+
class: v(["w-10 h-10 flex items-center justify-center", e.iconClassBlock])
|
|
205
205
|
}, [
|
|
206
206
|
y.value ? (a(), o("div", Ee, [
|
|
207
207
|
e.modelValue == null ? (a(), o("svg", {
|
|
208
208
|
key: 0,
|
|
209
|
-
class:
|
|
209
|
+
class: v(["w-3 text-blue-600", e.iconClass]),
|
|
210
210
|
fill: "none",
|
|
211
211
|
viewBox: "0 0 24 24",
|
|
212
212
|
stroke: "currentColor",
|
|
@@ -219,14 +219,14 @@ const fe = {
|
|
|
219
219
|
}, null, -1)
|
|
220
220
|
])], 2)) : (a(), F(H(e.icon), {
|
|
221
221
|
key: 1,
|
|
222
|
-
class:
|
|
222
|
+
class: v(["w-5", e.iconClass])
|
|
223
223
|
}, null, 8, ["class"]))
|
|
224
224
|
])) : e.icon != null && e.modelValue == null || i.value ? (a(), o("div", {
|
|
225
225
|
key: 1,
|
|
226
|
-
class:
|
|
226
|
+
class: v(i.value ? "" : "bg-gray-50 p-2.5 rounded-lg")
|
|
227
227
|
}, [
|
|
228
228
|
(a(), F(H(e.icon), {
|
|
229
|
-
class:
|
|
229
|
+
class: v([["w-5", e.iconClass], "text-gray-600"])
|
|
230
230
|
}, null, 8, ["class"]))
|
|
231
231
|
], 2)) : e.modelValue ? (a(), F(d(D), {
|
|
232
232
|
key: 2,
|
|
@@ -240,7 +240,7 @@ const fe = {
|
|
|
240
240
|
r("div", Le, [
|
|
241
241
|
e.modelValue == null ? (a(), o("div", $e, [
|
|
242
242
|
r("div", {
|
|
243
|
-
class:
|
|
243
|
+
class: v(["font-medium text-gray-600 truncate overflow-hidden whitespace-nowrap", [
|
|
244
244
|
i.value ? "text-xs truncate max-w-[120px] text-[#525B66]" : "text-sm",
|
|
245
245
|
y.value ? "!text-xs truncate max-w-[120px] text-[#4089E0]" : ""
|
|
246
246
|
]])
|
|
@@ -248,10 +248,10 @@ const fe = {
|
|
|
248
248
|
e.labelSelectNote && !i.value && !y.value ? (a(), o("span", we, E(e.labelSelectNote), 1)) : C("", !0)
|
|
249
249
|
])) : (a(), o("div", {
|
|
250
250
|
key: 1,
|
|
251
|
-
class:
|
|
251
|
+
class: v(["grid items-center pr-2", i.value ? "" : "py-1"])
|
|
252
252
|
}, [
|
|
253
253
|
r("div", {
|
|
254
|
-
class:
|
|
254
|
+
class: v(["break-all leading-4 truncate !text-sm", {
|
|
255
255
|
"text-sm font-medium": e.resolvers.getEntityLabel(e.modelValue).length < 20,
|
|
256
256
|
"text-xs font-semibold": e.resolvers.getEntityLabel(e.modelValue).length > 20,
|
|
257
257
|
"truncate text-[#525B66] text-xs": i.value,
|
|
@@ -263,7 +263,7 @@ const fe = {
|
|
|
263
263
|
], 2),
|
|
264
264
|
e.resolvers.getEntityAdditional(e.modelValue) ? (a(), o("div", {
|
|
265
265
|
key: 0,
|
|
266
|
-
class:
|
|
266
|
+
class: v(["font-thin leading-3 break-all line-clamp-2 pt-1 truncate !text-xs", {
|
|
267
267
|
"text-xs": e.resolvers.getEntityAdditional(e.modelValue).length < 20,
|
|
268
268
|
"text-[10px]": e.resolvers.getEntityAdditional(e.modelValue).length > 20 && e.resolvers.getEntityAdditional(e.modelValue).length < 35,
|
|
269
269
|
"text-[9px]": e.resolvers.getEntityAdditional(e.modelValue).length > 35
|
|
@@ -279,7 +279,7 @@ const fe = {
|
|
|
279
279
|
e.modelValue != null && !e.readonly ? (a(), o("button", {
|
|
280
280
|
key: 0,
|
|
281
281
|
type: "button",
|
|
282
|
-
class:
|
|
282
|
+
class: v(["rounded-full hover:text-gray-900 text-gray-500", { "mr-2 text-[#525B66] p-0.5": i.value }]),
|
|
283
283
|
onClick: h[1] || (h[1] = Q(($) => s.$emit("clear"), ["stop"]))
|
|
284
284
|
}, [...h[5] || (h[5] = [
|
|
285
285
|
r("svg", {
|
|
@@ -395,7 +395,7 @@ function Be(e, l) {
|
|
|
395
395
|
};
|
|
396
396
|
}
|
|
397
397
|
function Me(e, l, t) {
|
|
398
|
-
const n =
|
|
398
|
+
const n = ye(), g = I(null), i = I(!1), b = I(null), y = I(!1), f = I(e.modalSize), L = I(!1);
|
|
399
399
|
let s = null;
|
|
400
400
|
ne(() => {
|
|
401
401
|
s = window.matchMedia("(max-width: 767px)"), L.value = s.matches;
|
|
@@ -601,11 +601,11 @@ const Te = { class: "relative px-4 pt-3 pb-2" }, ze = { class: "relative" }, qe
|
|
|
601
601
|
emits: ["select", "edit"],
|
|
602
602
|
setup(e) {
|
|
603
603
|
return (l, t) => (a(), o("div", {
|
|
604
|
-
class:
|
|
604
|
+
class: v(["flex items-center gap-3 py-3 px-4 hover:bg-secondary-body-hover cursor-pointer", [{ "bg-gray-50": e.selected }, e.itemClass]]),
|
|
605
605
|
onClick: t[1] || (t[1] = (n) => l.$emit("select"))
|
|
606
606
|
}, [
|
|
607
607
|
r("div", {
|
|
608
|
-
class:
|
|
608
|
+
class: v(["flex-shrink-0", e.iconWrapperClass])
|
|
609
609
|
}, [
|
|
610
610
|
c(l.$slots, "icon", {}, () => [
|
|
611
611
|
q(d(D), {
|
|
@@ -619,11 +619,11 @@ const Te = { class: "relative px-4 pt-3 pb-2" }, ze = { class: "relative" }, qe
|
|
|
619
619
|
], 2),
|
|
620
620
|
r("div", Ge, [
|
|
621
621
|
r("p", {
|
|
622
|
-
class:
|
|
622
|
+
class: v(e.titleClass)
|
|
623
623
|
}, E(e.title), 3),
|
|
624
624
|
e.subtitle ? (a(), o("div", {
|
|
625
625
|
key: 0,
|
|
626
|
-
class:
|
|
626
|
+
class: v(e.subtitleClass)
|
|
627
627
|
}, [
|
|
628
628
|
c(l.$slots, "additional", {}, () => [
|
|
629
629
|
G(E(e.subtitle), 1)
|
|
@@ -683,7 +683,7 @@ const Te = { class: "relative px-4 pt-3 pb-2" }, ze = { class: "relative" }, qe
|
|
|
683
683
|
emits: ["select", "edit", "create"],
|
|
684
684
|
setup(e) {
|
|
685
685
|
return (l, t) => (a(), o("div", {
|
|
686
|
-
class:
|
|
686
|
+
class: v(["divide-y divide-[#E3ECF2] overflow-auto", e.scrollHeightClass])
|
|
687
687
|
}, [
|
|
688
688
|
e.loading ? (a(), o("div", He, [...t[1] || (t[1] = [
|
|
689
689
|
r("div", { class: "animate-spin w-6 h-6 border-2 border-primary-base border-t-transparent rounded-full" }, null, -1)
|
|
@@ -958,7 +958,7 @@ const Te = { class: "relative px-4 pt-3 pb-2" }, ze = { class: "relative" }, qe
|
|
|
958
958
|
},
|
|
959
959
|
emits: ["update:modelValue", "onSetEntity"],
|
|
960
960
|
setup(e, { emit: l }) {
|
|
961
|
-
const t =
|
|
961
|
+
const t = ce(), n = e, g = l, i = S(() => n.t ?? t), b = Ie(n), y = Be(n, b), { searchTerm: f, selectedGroup: L, setSelectedGroup: s, sortedItems: h, loading: $ } = y, {
|
|
962
962
|
modal: T,
|
|
963
963
|
searchInput: O,
|
|
964
964
|
creatingEntity: P,
|
|
@@ -981,12 +981,12 @@ const Te = { class: "relative px-4 pt-3 pb-2" }, ze = { class: "relative" }, qe
|
|
|
981
981
|
), te = S(
|
|
982
982
|
() => n.noSearch ? "sm:h-[52vh] h-[86dvh] min-h-[300px]" : "sm:h-[40vh] h-[60dvh]"
|
|
983
983
|
), le = S(() => P.value || u.value ? "create" : z.value ? "edit" : "browse"), J = S(() => {
|
|
984
|
-
const
|
|
984
|
+
const m = [];
|
|
985
985
|
return n.validation == null || n.validationIndex == null || Object.keys(n.validation).forEach((U) => {
|
|
986
|
-
U.startsWith(n.validationIndex) &&
|
|
987
|
-
}),
|
|
986
|
+
U.startsWith(n.validationIndex) && m.push(...n.validation[U]);
|
|
987
|
+
}), m;
|
|
988
988
|
});
|
|
989
|
-
return (
|
|
989
|
+
return (m, U) => (a(), o(Z, null, [
|
|
990
990
|
q(Ae, {
|
|
991
991
|
variant: e.variant,
|
|
992
992
|
"model-value": e.modelValue,
|
|
@@ -1005,17 +1005,17 @@ const Te = { class: "relative px-4 pt-3 pb-2" }, ze = { class: "relative" }, qe
|
|
|
1005
1005
|
onOpen: d(k),
|
|
1006
1006
|
onClear: d(V)
|
|
1007
1007
|
}, R({ _: 2 }, [
|
|
1008
|
-
|
|
1008
|
+
m.$slots.button ? {
|
|
1009
1009
|
name: "button",
|
|
1010
1010
|
fn: x((A) => [
|
|
1011
|
-
c(
|
|
1011
|
+
c(m.$slots, "button", oe(re(A)))
|
|
1012
1012
|
]),
|
|
1013
1013
|
key: "0"
|
|
1014
1014
|
} : void 0,
|
|
1015
|
-
|
|
1015
|
+
m.$slots.entityAdditional ? {
|
|
1016
1016
|
name: "entityAdditional",
|
|
1017
1017
|
fn: x(({ item: A }) => [
|
|
1018
|
-
c(
|
|
1018
|
+
c(m.$slots, "entityAdditional", { item: A })
|
|
1019
1019
|
]),
|
|
1020
1020
|
key: "1"
|
|
1021
1021
|
} : void 0
|
|
@@ -1030,13 +1030,13 @@ const Te = { class: "relative px-4 pt-3 pb-2" }, ze = { class: "relative" }, qe
|
|
|
1030
1030
|
view: le.value
|
|
1031
1031
|
}, R({
|
|
1032
1032
|
create: x(() => [
|
|
1033
|
-
c(
|
|
1033
|
+
c(m.$slots, "creating", {
|
|
1034
1034
|
onCloseCreateEntity: d(N),
|
|
1035
1035
|
find: d(f)
|
|
1036
1036
|
})
|
|
1037
1037
|
]),
|
|
1038
1038
|
edit: x(() => [
|
|
1039
|
-
c(
|
|
1039
|
+
c(m.$slots, "edit", {
|
|
1040
1040
|
onCloseCreateEntity: d(N),
|
|
1041
1041
|
editId: d(z)
|
|
1042
1042
|
})
|
|
@@ -1057,33 +1057,33 @@ const Te = { class: "relative px-4 pt-3 pb-2" }, ze = { class: "relative" }, qe
|
|
|
1057
1057
|
"item-title-class": _.value,
|
|
1058
1058
|
"item-subtitle-class": ee.value,
|
|
1059
1059
|
"item-indicator": e.listItemIndicator,
|
|
1060
|
-
"can-edit": !!
|
|
1060
|
+
"can-edit": !!m.$slots.edit && !e.noEdit,
|
|
1061
1061
|
"edit-label": e.editButtonLabel || i.value("ui.entity_picker.Edit"),
|
|
1062
1062
|
onSelect: d(B),
|
|
1063
1063
|
onEdit: d(K),
|
|
1064
1064
|
onCreate: d(w)
|
|
1065
1065
|
}, R({ _: 2 }, [
|
|
1066
|
-
|
|
1066
|
+
m.$slots.creating ? {
|
|
1067
1067
|
name: "empty",
|
|
1068
1068
|
fn: x(() => [
|
|
1069
|
-
c(
|
|
1069
|
+
c(m.$slots, "creating", {
|
|
1070
1070
|
onCloseCreateEntity: d(N),
|
|
1071
1071
|
find: d(f)
|
|
1072
1072
|
})
|
|
1073
1073
|
]),
|
|
1074
1074
|
key: "0"
|
|
1075
1075
|
} : void 0,
|
|
1076
|
-
|
|
1076
|
+
m.$slots.entityListIcon ? {
|
|
1077
1077
|
name: "itemIcon",
|
|
1078
1078
|
fn: x(({ item: A }) => [
|
|
1079
|
-
c(
|
|
1079
|
+
c(m.$slots, "entityListIcon", { item: A })
|
|
1080
1080
|
]),
|
|
1081
1081
|
key: "1"
|
|
1082
1082
|
} : void 0,
|
|
1083
|
-
|
|
1083
|
+
m.$slots.entityAdditional ? {
|
|
1084
1084
|
name: "itemAdditional",
|
|
1085
1085
|
fn: x(({ item: A }) => [
|
|
1086
|
-
c(
|
|
1086
|
+
c(m.$slots, "entityAdditional", { item: A })
|
|
1087
1087
|
]),
|
|
1088
1088
|
key: "2"
|
|
1089
1089
|
} : void 0
|
|
@@ -1091,17 +1091,17 @@ const Te = { class: "relative px-4 pt-3 pb-2" }, ze = { class: "relative" }, qe
|
|
|
1091
1091
|
]),
|
|
1092
1092
|
_: 2
|
|
1093
1093
|
}, [
|
|
1094
|
-
|
|
1094
|
+
m.$slots.modalSubtitle ? {
|
|
1095
1095
|
name: "subtitle",
|
|
1096
1096
|
fn: x(() => [
|
|
1097
|
-
c(
|
|
1097
|
+
c(m.$slots, "modalSubtitle")
|
|
1098
1098
|
]),
|
|
1099
1099
|
key: "0"
|
|
1100
1100
|
} : void 0,
|
|
1101
|
-
|
|
1101
|
+
m.$slots.modalHeader ? {
|
|
1102
1102
|
name: "header",
|
|
1103
1103
|
fn: x(() => [
|
|
1104
|
-
c(
|
|
1104
|
+
c(m.$slots, "modalHeader")
|
|
1105
1105
|
]),
|
|
1106
1106
|
key: "1"
|
|
1107
1107
|
} : void 0,
|
|
@@ -1118,10 +1118,10 @@ const Te = { class: "relative px-4 pt-3 pb-2" }, ze = { class: "relative" }, qe
|
|
|
1118
1118
|
]),
|
|
1119
1119
|
key: "2"
|
|
1120
1120
|
},
|
|
1121
|
-
|
|
1121
|
+
m.$slots.prepend ? {
|
|
1122
1122
|
name: "prepend",
|
|
1123
1123
|
fn: x(() => [
|
|
1124
|
-
c(
|
|
1124
|
+
c(m.$slots, "prepend", {
|
|
1125
1125
|
selectedGroup: d(L),
|
|
1126
1126
|
setSelectedGroup: d(s)
|
|
1127
1127
|
})
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { type ComputedRef
|
|
1
|
+
import { type ComputedRef } from 'vue';
|
|
2
2
|
import type { EntityItem } from './entityPicker';
|
|
3
3
|
export interface EntityModalProps {
|
|
4
4
|
modalSize: string;
|
|
@@ -12,8 +12,12 @@ export interface EntityModalProps {
|
|
|
12
12
|
*/
|
|
13
13
|
export interface EntityModalListState {
|
|
14
14
|
load: (() => void) | undefined;
|
|
15
|
-
dynamicIsLoad:
|
|
16
|
-
|
|
15
|
+
dynamicIsLoad: {
|
|
16
|
+
value: number;
|
|
17
|
+
} | undefined;
|
|
18
|
+
nodes: {
|
|
19
|
+
value: EntityItem[];
|
|
20
|
+
} | undefined;
|
|
17
21
|
searchTerm: {
|
|
18
22
|
value: string;
|
|
19
23
|
};
|