@mobilon-dev/chotto 0.3.98 → 0.3.100
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/chotto.css +1 -1
- package/dist/components/1_atoms/ButtonContextMenu/ButtonContextMenu.vue.js +4 -29
- package/dist/components/1_atoms/ButtonContextMenu/ButtonContextMenu.vue2.js +61 -42
- package/dist/components/1_atoms/ContactContextMenu/ContactContextMenu.vue.js +4 -47
- package/dist/components/1_atoms/ContactContextMenu/ContactContextMenu.vue2.js +82 -55
- package/dist/components/1_atoms/ContextMenu/ContextMenu.vue.js +51 -86
- package/dist/components/1_atoms/EmbedPreview/EmbedPreview.vue.js +4 -32
- package/dist/components/1_atoms/EmbedPreview/EmbedPreview.vue2.js +28 -7
- package/dist/components/1_atoms/EmojiGlyph/EmojiGlyph.vue.js +38 -22
- package/dist/components/1_atoms/EmojiGlyph/EmojiGlyph.vue2.js +2 -33
- package/dist/components/1_atoms/LinkPreview/LinkPreview.vue.js +4 -37
- package/dist/components/1_atoms/LinkPreview/LinkPreview.vue2.js +21 -7
- package/dist/components/1_atoms/LoadingIndicator/LoadingIndicator.vue.js +19 -30
- package/dist/components/1_atoms/Tooltip/Tooltip.vue.js +4 -70
- package/dist/components/1_atoms/Tooltip/Tooltip.vue2.js +108 -76
- package/dist/components/1_icons/AvatarIcon.vue.js +8 -8
- package/dist/components/1_icons/CheckIcon.vue.js +13 -26
- package/dist/components/1_icons/CloseButtonIcon.vue.js +10 -16
- package/dist/components/1_icons/CloseIcon.vue.js +10 -16
- package/dist/components/1_icons/ContactCRMIcon.vue.js +10 -16
- package/dist/components/1_icons/MenuIcon.vue.js +10 -16
- package/dist/components/1_icons/MessageStatus/ErrorStatusIcon.vue.js +3 -23
- package/dist/components/1_icons/MessageStatus/ErrorStatusIcon.vue2.js +21 -12
- package/dist/components/1_icons/MessageStatus/PendingStatusIcon.vue.js +4 -36
- package/dist/components/1_icons/MessageStatus/PendingStatusIcon.vue2.js +26 -11
- package/dist/components/1_icons/MessageStatus/ReadStatusIcon.vue.js +3 -23
- package/dist/components/1_icons/MessageStatus/ReadStatusIcon.vue2.js +21 -12
- package/dist/components/1_icons/MessageStatus/ReceivedStatusIcon.vue.js +3 -23
- package/dist/components/1_icons/MessageStatus/ReceivedStatusIcon.vue2.js +20 -11
- package/dist/components/1_icons/MessageStatus/SentStatusIcon.vue.js +4 -33
- package/dist/components/1_icons/MessageStatus/SentStatusIcon.vue2.js +23 -11
- package/dist/components/1_icons/SearchIcon.vue.js +17 -29
- package/dist/components/1_icons/SettingsIcon.vue.js +8 -8
- package/dist/components/1_icons/TelegramIcon.vue.js +20 -32
- package/dist/components/1_icons/WhatsAppIcon.vue.js +20 -32
- package/dist/components/2_blocks/CommunicationPanel/CommunicationPanel.vue.js +396 -546
- package/dist/components/2_blocks/CommunicationPanel/CommunicationPanelAttributeIndicator.vue.js +58 -101
- package/dist/components/2_blocks/CommunicationPanel/icons/CommunicationPanelCheckIcon.vue.js +8 -14
- package/dist/components/2_blocks/CommunicationPanel/icons/CommunicationPanelConfirmSpinner.vue.js +7 -7
- package/dist/components/2_blocks/CommunicationPanel/icons/CommunicationPanelMaxIcon.vue.js +7 -7
- package/dist/components/2_blocks/CommunicationPanel/icons/CommunicationPanelPhoneIcon.vue.js +13 -19
- package/dist/components/2_blocks/CommunicationPanel/icons/CommunicationPanelSMSIcon.vue.js +10 -16
- package/dist/components/2_blocks/CommunicationPanel/icons/CommunicationPanelSubmenuMaxIcon.vue.js +23 -35
- package/dist/components/2_blocks/CommunicationPanel/icons/CommunicationPanelSubmenuPhoneIcon.vue.js +20 -32
- package/dist/components/2_blocks/CommunicationPanel/icons/CommunicationPanelSubmenuSMSIcon.vue.js +11 -17
- package/dist/components/2_blocks/CommunicationPanel/icons/CommunicationPanelSubmenuTelegramIcon.vue.js +8 -8
- package/dist/components/2_blocks/CommunicationPanel/icons/CommunicationPanelSubmenuWhatsAppIcon.vue.js +20 -32
- package/dist/components/2_blocks/CommunicationPanel/icons/CommunicationPanelTelegramIcon.vue.js +21 -33
- package/dist/components/2_blocks/CommunicationPanel/icons/CommunicationPanelUnconfirmedIcon.vue.js +7 -7
- package/dist/components/2_blocks/CommunicationPanel/icons/CommunicationPanelWhatsAppIcon.vue.js +8 -8
- package/dist/components/2_blocks/FeedFoundItem/FeedFoundItem.vue.js +4 -74
- package/dist/components/2_blocks/FeedFoundItem/FeedFoundItem.vue2.js +42 -8
- package/dist/components/2_blocks/FeedFoundObjects/FeedFoundObjects.vue.js +4 -62
- package/dist/components/2_blocks/FeedFoundObjects/FeedFoundObjects.vue2.js +36 -15
- package/dist/components/2_blocks/FeedSearch/FeedSearch.vue.js +4 -49
- package/dist/components/2_blocks/FeedSearch/FeedSearch.vue2.js +45 -22
- package/dist/components/2_chatinput_elements/ButtonCommandsSelector/ButtonCommandsSelector.vue.js +4 -36
- package/dist/components/2_chatinput_elements/ButtonCommandsSelector/ButtonCommandsSelector.vue2.js +37 -19
- package/dist/components/2_chatinput_elements/ButtonEmojiPicker/ButtonEmojiPicker.vue.js +4 -61
- package/dist/components/2_chatinput_elements/ButtonEmojiPicker/ButtonEmojiPicker.vue2.js +111 -80
- package/dist/components/2_chatinput_elements/ButtonEmojiPicker/icons/SmilesIcon.vue.js +27 -31
- package/dist/components/2_chatinput_elements/ButtonEmojiPicker/icons/SmilesIcon.vue2.js +2 -13
- package/dist/components/2_chatinput_elements/ButtonTemplateSelector/ButtonTemplateSelector.vue.js +4 -72
- package/dist/components/2_chatinput_elements/ButtonTemplateSelector/ButtonTemplateSelector.vue2.js +83 -47
- package/dist/components/2_chatinput_elements/ButtonTemplateSelector/icons/ChatTemplatesIcon.vue.js +21 -19
- package/dist/components/2_chatinput_elements/ButtonTemplateSelector/icons/ChatTemplatesIcon.vue2.js +2 -13
- package/dist/components/2_chatinput_elements/ButtonWabaTemplateSelector/ButtonWabaTemplateSelector.vue.js +51 -80
- package/dist/components/2_chatinput_elements/FilePreview/FilePreview.vue.js +4 -182
- package/dist/components/2_chatinput_elements/FilePreview/FilePreview.vue2.js +135 -25
- package/dist/components/2_chatinput_elements/FileUploader/FileUploader.vue.js +4 -78
- package/dist/components/2_chatinput_elements/FileUploader/FileUploader.vue2.js +95 -73
- package/dist/components/2_chatinput_elements/FileUploader/icons/FileUploaderIcon.vue.js +17 -15
- package/dist/components/2_chatinput_elements/FileUploader/icons/FileUploaderIcon.vue2.js +2 -13
- package/dist/components/2_chatinput_elements/PlaceholderComponent/PlaceholderComponent.vue.js +33 -39
- package/dist/components/2_chatinput_elements/StickerPicker/StickerPicker.vue.js +4 -220
- package/dist/components/2_chatinput_elements/StickerPicker/StickerPicker.vue2.js +256 -146
- package/dist/components/2_chatinput_elements/StickerPicker/icons/StickerIcon.vue.js +41 -39
- package/dist/components/2_chatinput_elements/StickerPicker/icons/StickerIcon.vue2.js +2 -13
- package/dist/components/2_chatinput_elements/TemplateSelector/TemplateSelector.vue.js +163 -233
- package/dist/components/2_chatinput_elements/TextFormatToolbar/TextFormatToolbar.vue.js +4 -164
- package/dist/components/2_chatinput_elements/TextFormatToolbar/TextFormatToolbar.vue2.js +175 -87
- package/dist/components/2_chatinput_elements/WABAAttachmentSection/WABAAttachmentSection.vue.js +4 -73
- package/dist/components/2_chatinput_elements/WABAAttachmentSection/WABAAttachmentSection.vue2.js +60 -34
- package/dist/components/2_chatinput_elements/WABAQuickReplyButtons/WABAQuickReplyButtons.vue.js +4 -47
- package/dist/components/2_chatinput_elements/WABAQuickReplyButtons/WABAQuickReplyButtons.vue2.js +23 -10
- package/dist/components/2_chatinput_elements/WABASeparatedQuickButtons/WABASeparatedQuickButtons.vue.js +4 -52
- package/dist/components/2_chatinput_elements/WABASeparatedQuickButtons/WABASeparatedQuickButtons.vue2.js +26 -8
- package/dist/components/2_chatinput_elements/WABATemplateSelector/WABATemplateSelector.vue.js +220 -299
- package/dist/components/2_chatlist_elements/ChatFilter/ChatFilter.vue.js +33 -39
- package/dist/components/2_chatlist_elements/ChatItem/ChatItem.vue.js +4 -306
- package/dist/components/2_chatlist_elements/ChatItem/ChatItem.vue2.js +312 -135
- package/dist/components/2_chatlist_elements/ChatItem/icons/AudioIcon.vue.js +12 -18
- package/dist/components/2_chatlist_elements/ChatItem/icons/FileIcon.vue.js +11 -23
- package/dist/components/2_chatlist_elements/ChatItem/icons/ImageIcon.vue.js +7 -7
- package/dist/components/2_chatlist_elements/ChatItem/icons/MissedCallIcon.vue.js +22 -34
- package/dist/components/2_chatlist_elements/ChatItem/icons/StickerIcon.vue.js +9 -15
- package/dist/components/2_chatlist_elements/ChatItem/icons/VideoIcon.vue.js +14 -26
- package/dist/components/2_chatlist_elements/ChatItem/icons/VoiceIcon.vue.js +7 -7
- package/dist/components/2_chatlist_elements/ChatTabs/ChatTabs.vue.js +24 -52
- package/dist/components/2_elements/AudioRecorder/AudioRecorder.vue.js +4 -84
- package/dist/components/2_elements/AudioRecorder/AudioRecorder.vue2.js +67 -35
- package/dist/components/2_elements/ChannelSelector/ChannelSelector.vue.js +38 -72
- package/dist/components/2_elements/ChatInfo/ChatInfo.vue.js +57 -76
- package/dist/components/2_elements/ChatPanel/ChatPanel.vue.js +29 -41
- package/dist/components/2_elements/ContactInfo/ContactInfo.vue.js +115 -176
- package/dist/components/2_elements/ThemeMode/ThemeMode.vue.js +27 -48
- package/dist/components/2_elements/UserProfile/UserProfile.vue.js +28 -58
- package/dist/components/2_elements/VideoRecorder/VideoRecorder.vue.js +4 -54
- package/dist/components/2_elements/VideoRecorder/VideoRecorder.vue2.js +39 -19
- package/dist/components/2_feed_elements/AudioMessage/AudioMessage.vue.js +4 -458
- package/dist/components/2_feed_elements/AudioMessage/AudioMessage.vue2.js +471 -160
- package/dist/components/2_feed_elements/BaseEditMessage/BaseEditMessage.vue.js +4 -19
- package/dist/components/2_feed_elements/BaseEditMessage/BaseEditMessage.vue2.js +22 -12
- package/dist/components/2_feed_elements/BaseReplyMessage/BaseReplyMessage.vue.js +4 -26
- package/dist/components/2_feed_elements/BaseReplyMessage/BaseReplyMessage.vue2.js +39 -26
- package/dist/components/2_feed_elements/CallMessage/CallMessage.vue.js +4 -482
- package/dist/components/2_feed_elements/CallMessage/CallMessage.vue2.js +448 -148
- package/dist/components/2_feed_elements/CallMessage/icons/IncomingCallIcon.vue.js +19 -17
- package/dist/components/2_feed_elements/CallMessage/icons/IncomingCallIcon.vue2.js +2 -13
- package/dist/components/2_feed_elements/CallMessage/icons/OutgoingCallIcon.vue.js +19 -17
- package/dist/components/2_feed_elements/CallMessage/icons/OutgoingCallIcon.vue2.js +2 -13
- package/dist/components/2_feed_elements/DateMessage/DateMessage.vue.js +4 -17
- package/dist/components/2_feed_elements/DateMessage/DateMessage.vue2.js +7 -7
- package/dist/components/2_feed_elements/DateMessageSticky/DateMessageSticky.vue.js +3 -16
- package/dist/components/2_feed_elements/DateMessageSticky/DateMessageSticky.vue2.js +7 -7
- package/dist/components/2_feed_elements/DeletedMessageContent/DeletedMessageContent.vue.js +4 -67
- package/dist/components/2_feed_elements/DeletedMessageContent/DeletedMessageContent.vue2.js +43 -11
- package/dist/components/2_feed_elements/DeletedMessageContent/icons/DeletedMessageIcon.vue.js +10 -16
- package/dist/components/2_feed_elements/DelimiterMessage/DelimiterMessage.vue.js +4 -60
- package/dist/components/2_feed_elements/DelimiterMessage/DelimiterMessage.vue2.js +53 -36
- package/dist/components/2_feed_elements/EditTextMessage/EditTextMessage.vue.js +4 -22
- package/dist/components/2_feed_elements/EditTextMessage/EditTextMessage.vue2.js +15 -8
- package/dist/components/2_feed_elements/FeedKeyboard/FeedKeyboard.vue.js +4 -43
- package/dist/components/2_feed_elements/FeedKeyboard/FeedKeyboard.vue2.js +25 -10
- package/dist/components/2_feed_elements/FileMessage/FileMessage.vue.js +4 -250
- package/dist/components/2_feed_elements/FileMessage/FileMessage.vue2.js +233 -67
- package/dist/components/2_feed_elements/ImageMessage/ImageMessage.vue.js +4 -315
- package/dist/components/2_feed_elements/ImageMessage/ImageMessage.vue2.js +319 -98
- package/dist/components/2_feed_elements/MessageKeyboard/MessageKeyboard.vue.js +4 -39
- package/dist/components/2_feed_elements/MessageKeyboard/MessageKeyboard.vue2.js +22 -12
- package/dist/components/2_feed_elements/MessageReactions/MessageReactions.vue.js +4 -155
- package/dist/components/2_feed_elements/MessageReactions/MessageReactions.vue2.js +213 -110
- package/dist/components/2_feed_elements/MessageReactions/icons/DeleteIcon.vue.js +20 -32
- package/dist/components/2_feed_elements/MessageReactions/icons/EditIcon.vue.js +20 -32
- package/dist/components/2_feed_elements/MessageReactions/icons/ExpandReactionsIcon.vue.js +11 -17
- package/dist/components/2_feed_elements/MessageReactions/icons/MessageActionsIcon.vue.js +10 -16
- package/dist/components/2_feed_elements/MessageReactions/icons/ReplyIcon.vue.js +11 -17
- package/dist/components/2_feed_elements/MessageSmsInvite/MessageSmsInvite.vue.js +4 -22
- package/dist/components/2_feed_elements/MessageSmsInvite/MessageSmsInvite.vue2.js +23 -17
- package/dist/components/2_feed_elements/MessageStatusIndicator/MessageStatusIndicator.vue.js +4 -28
- package/dist/components/2_feed_elements/MessageStatusIndicator/MessageStatusIndicator.vue2.js +29 -27
- package/dist/components/2_feed_elements/MissedCallMessage/MissedCallMessage.vue.js +4 -142
- package/dist/components/2_feed_elements/MissedCallMessage/MissedCallMessage.vue2.js +121 -33
- package/dist/components/2_feed_elements/MissedCallMessage/icons/MissedCallIcon.vue.js +22 -34
- package/dist/components/2_feed_elements/ReplyAudioMessage/ReplyAudioMessage.vue.js +4 -55
- package/dist/components/2_feed_elements/ReplyAudioMessage/ReplyAudioMessage.vue2.js +30 -8
- package/dist/components/2_feed_elements/ReplyCallMessage/ReplyCallMessage.vue.js +4 -47
- package/dist/components/2_feed_elements/ReplyCallMessage/ReplyCallMessage.vue2.js +25 -9
- package/dist/components/2_feed_elements/ReplyFileMessage/ReplyFileMessage.vue.js +4 -56
- package/dist/components/2_feed_elements/ReplyFileMessage/ReplyFileMessage.vue2.js +37 -8
- package/dist/components/2_feed_elements/ReplyImageMessage/ReplyImageMessage.vue.js +4 -72
- package/dist/components/2_feed_elements/ReplyImageMessage/ReplyImageMessage.vue2.js +59 -10
- package/dist/components/2_feed_elements/ReplyStickerMessage/ReplyStickerMessage.vue.js +4 -142
- package/dist/components/2_feed_elements/ReplyStickerMessage/ReplyStickerMessage.vue2.js +120 -36
- package/dist/components/2_feed_elements/ReplyTextMessage/ReplyTextMessage.vue.js +4 -49
- package/dist/components/2_feed_elements/ReplyTextMessage/ReplyTextMessage.vue2.js +53 -15
- package/dist/components/2_feed_elements/ReplyVideoMessage/ReplyVideoMessage.vue.js +4 -75
- package/dist/components/2_feed_elements/ReplyVideoMessage/ReplyVideoMessage.vue2.js +63 -10
- package/dist/components/2_feed_elements/SplashScreen/SplashScreen.vue.js +4 -18
- package/dist/components/2_feed_elements/SplashScreen/SplashScreen.vue2.js +17 -9
- package/dist/components/2_feed_elements/StickerMessage/StickerMessage.vue.js +4 -346
- package/dist/components/2_feed_elements/StickerMessage/StickerMessage.vue2.js +307 -73
- package/dist/components/2_feed_elements/SystemMessage/SystemMessage.vue.js +4 -17
- package/dist/components/2_feed_elements/SystemMessage/SystemMessage.vue2.js +7 -7
- package/dist/components/2_feed_elements/TextMessage/TextMessage.vue.js +4 -307
- package/dist/components/2_feed_elements/TextMessage/TextMessage.vue2.js +269 -65
- package/dist/components/2_feed_elements/TypingMessage/TypingMessage.vue.js +4 -37
- package/dist/components/2_feed_elements/TypingMessage/TypingMessage.vue2.js +21 -7
- package/dist/components/2_feed_elements/VideoMessage/VideoMessage.vue.js +4 -307
- package/dist/components/2_feed_elements/VideoMessage/VideoMessage.vue2.js +298 -76
- package/dist/components/2_modals/ConfirmDeleteMessage/ConfirmDeleteMessage.vue.js +4 -64
- package/dist/components/2_modals/ConfirmDeleteMessage/ConfirmDeleteMessage.vue3.js +45 -10
- package/dist/components/2_modals/CreateChat/CreateChat.vue.js +18 -35
- package/dist/components/2_modals/CreateChat2/CreateChat2.vue.js +92 -140
- package/dist/components/2_modals/CreateDialog/CreateDialog.vue.js +49 -96
- package/dist/components/2_modals/Modal/Modal.vue.js +50 -59
- package/dist/components/2_modals/ModalFullscreen/ModalFullscreen.vue.js +38 -51
- package/dist/components/2_modals/ModalNoFooter/ModalNoFooter.vue.js +30 -39
- package/dist/components/2_modals/ModalVideoRecorder/ModalVideoRecorder.vue.js +4 -155
- package/dist/components/2_modals/ModalVideoRecorder/ModalVideoRecorder.vue2.js +121 -49
- package/dist/components/2_modals/SelectUser/SelectUser.vue.js +43 -60
- package/dist/components/2_modals/SelectUser2/SelectUser2.vue.js +24 -41
- package/dist/components/3_compounds/ChatInput/ChatInput.vue.js +4 -85
- package/dist/components/3_compounds/ChatInput/ChatInput.vue2.js +210 -149
- package/dist/components/3_compounds/ChatInput/icons/SendIcon.vue.js +21 -25
- package/dist/components/3_compounds/ChatInput/icons/SendIcon.vue2.js +2 -13
- package/dist/components/3_compounds/ChatList/ChatList.vue.js +163 -253
- package/dist/components/3_compounds/ChatList/ChatListHeader.vue.js +32 -50
- package/dist/components/3_compounds/ChatList/icons/LogoIcon.vue.js +6 -6
- package/dist/components/3_compounds/Feed/Feed.vue.js +4 -172
- package/dist/components/3_compounds/Feed/Feed.vue2.js +257 -126
- package/dist/components/3_compounds/SideBar/SideBar.vue.js +202 -279
- package/dist/components/4_layouts/AdaptiveExtendedLayout/AdaptiveExtendedLayout.vue.js +36 -43
- package/dist/components/4_layouts/BaseLayout/BaseLayout.vue.js +5 -5
- package/dist/components/4_layouts/ChatWrapper/ChatWrapper.vue.js +4 -32
- package/dist/components/4_layouts/ChatWrapper/ChatWrapper.vue2.js +29 -7
- package/dist/components/4_layouts/ExtendedLayout/ExtendedLayout.vue.js +7 -7
- package/dist/components/4_layouts/FeedLayout/FeedLayout.vue.js +8 -8
- package/dist/components/5_containers/BaseContainer/BaseContainer.vue.js +18 -31
- package/dist/components/5_containers/FloatContainer/FloatContainer.vue.js +56 -85
- package/dist/functions/renderAppleEmojis.js +120 -91
- package/dist/hooks/messages/useMessageLinks.js +15 -15
- package/dist/hooks/useEmojiNative.js +24 -12
- package/dist/node_modules/vue3-emoji-picker-ru/dist/emoji-picker.es.js +581 -555
- package/dist/themes/dark.css +1 -1
- package/dist/themes/default.css +1 -1
- package/dist/themes/glass.css +1 -1
- package/dist/themes/green.css +1 -1
- package/dist/themes/mobilon1.css +1 -1
- package/dist/types/components/2_chatinput_elements/ButtonEmojiPicker/ButtonEmojiPicker.vue.d.ts +21 -2
- package/dist/types/functions/renderAppleEmojis.d.ts +13 -10
- package/dist/types/hooks/useEmojiNative.d.ts +5 -2
- package/package.json +2 -2
|
@@ -1,7 +1,13 @@
|
|
|
1
|
-
import { createElementBlock as
|
|
1
|
+
import { ref as m, createElementBlock as p, openBlock as f, createElementVNode as l, toDisplayString as h, withDirectives as D, createCommentVNode as V, normalizeClass as x, vModelText as y } from "vue";
|
|
2
2
|
/* empty css */
|
|
3
3
|
import z from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
-
const N = {
|
|
4
|
+
const N = { class: "create-chat-form" }, S = { class: "create-chat-title" }, T = { class: "form-field" }, U = {
|
|
5
|
+
key: 0,
|
|
6
|
+
class: "form-error"
|
|
7
|
+
}, q = { class: "form-field" }, w = {
|
|
8
|
+
key: 0,
|
|
9
|
+
class: "form-error"
|
|
10
|
+
}, M = {
|
|
5
11
|
__name: "CreateChat2",
|
|
6
12
|
props: {
|
|
7
13
|
title: {
|
|
@@ -10,169 +16,115 @@ const N = {
|
|
|
10
16
|
}
|
|
11
17
|
},
|
|
12
18
|
emits: ["change"],
|
|
13
|
-
setup(
|
|
14
|
-
const
|
|
19
|
+
setup(C, { expose: E, emit: P }) {
|
|
20
|
+
const r = m({}), a = m({
|
|
15
21
|
name: "",
|
|
16
22
|
phone: ""
|
|
17
|
-
}),
|
|
18
|
-
|
|
23
|
+
}), c = m(!1), b = P, k = () => {
|
|
24
|
+
a.value = {
|
|
19
25
|
name: "",
|
|
20
26
|
phone: ""
|
|
21
27
|
};
|
|
22
|
-
},
|
|
23
|
-
|
|
24
|
-
},
|
|
25
|
-
|
|
26
|
-
},
|
|
27
|
-
if (!
|
|
28
|
+
}, B = () => {
|
|
29
|
+
c.value = !1;
|
|
30
|
+
}, F = (t, e) => {
|
|
31
|
+
a.value[t] = e;
|
|
32
|
+
}, d = (t) => !t || t.trim().length < 3 ? "Имя должно содержать минимум 3 символа" : "", v = (t) => {
|
|
33
|
+
if (!c.value)
|
|
28
34
|
return "";
|
|
29
|
-
if (!
|
|
35
|
+
if (!t)
|
|
30
36
|
return "Телефон обязателен для заполнения";
|
|
31
|
-
const
|
|
32
|
-
return
|
|
33
|
-
},
|
|
34
|
-
if (!
|
|
35
|
-
const
|
|
36
|
-
return !(
|
|
37
|
-
},
|
|
38
|
-
const
|
|
39
|
-
return
|
|
40
|
-
name:
|
|
41
|
-
phone:
|
|
42
|
-
}, !
|
|
43
|
-
},
|
|
44
|
-
const
|
|
45
|
-
let
|
|
46
|
-
if (
|
|
47
|
-
return
|
|
48
|
-
const
|
|
49
|
-
if (
|
|
50
|
-
const
|
|
51
|
-
return
|
|
37
|
+
const e = t.replace(/\D/g, "");
|
|
38
|
+
return e.length < 11 ? "Минимум 11 цифр" : e.startsWith("7") ? "" : "Номер телефона должен начинаться с цифры 7";
|
|
39
|
+
}, I = (t) => {
|
|
40
|
+
if (!t) return !1;
|
|
41
|
+
const e = t.replace(/\D/g, "");
|
|
42
|
+
return !(e.length < 11 || !e.startsWith("7"));
|
|
43
|
+
}, s = () => {
|
|
44
|
+
const t = d(r.value.name), e = v(r.value.phone), n = I(r.value.phone);
|
|
45
|
+
return a.value = {
|
|
46
|
+
name: t,
|
|
47
|
+
phone: e
|
|
48
|
+
}, !t && n;
|
|
49
|
+
}, u = (t) => (t || "").replace(/\D/g, ""), g = (t) => {
|
|
50
|
+
const e = u(t);
|
|
51
|
+
let n = e;
|
|
52
|
+
if (e.startsWith("8") && (n = "7" + e.slice(1)), n.startsWith("7") || (n = "7" + n), n = n.slice(0, 11), n.length <= 1)
|
|
53
|
+
return n ? "+" + n : "";
|
|
54
|
+
const i = "+7";
|
|
55
|
+
if (n.length > 1) {
|
|
56
|
+
const o = n.slice(1);
|
|
57
|
+
return o.length <= 3 ? i + " (" + o : o.length <= 6 ? i + " (" + o.slice(0, 3) + ") " + o.slice(3) : o.length <= 8 ? i + " (" + o.slice(0, 3) + ") " + o.slice(3, 6) + "-" + o.slice(6) : i + " (" + o.slice(0, 3) + ") " + o.slice(3, 6) + "-" + o.slice(6, 8) + "-" + o.slice(8);
|
|
52
58
|
}
|
|
53
|
-
return
|
|
54
|
-
}, F = () => {
|
|
55
|
-
const e = i.value.phone ?? "", n = g(e);
|
|
56
|
-
n !== e && (i.value = {
|
|
57
|
-
...i.value,
|
|
58
|
-
phone: n
|
|
59
|
-
});
|
|
59
|
+
return i;
|
|
60
60
|
}, W = () => {
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
61
|
+
const t = r.value.phone ?? "", e = g(t);
|
|
62
|
+
e !== t && (r.value = {
|
|
63
|
+
...r.value,
|
|
64
|
+
phone: e
|
|
65
|
+
});
|
|
66
|
+
}, _ = () => {
|
|
67
|
+
W(), s(), b("change", {
|
|
68
|
+
contact: r.value,
|
|
69
|
+
contactDigits: u(r.value.phone),
|
|
70
|
+
isValid: s()
|
|
65
71
|
});
|
|
66
72
|
};
|
|
67
|
-
|
|
68
|
-
clearValidationErrors:
|
|
69
|
-
resetTouchedState:
|
|
70
|
-
setValidationError:
|
|
71
|
-
validateForm:
|
|
72
|
-
validateName:
|
|
73
|
+
return E({
|
|
74
|
+
clearValidationErrors: k,
|
|
75
|
+
resetTouchedState: B,
|
|
76
|
+
setValidationError: F,
|
|
77
|
+
validateForm: s,
|
|
78
|
+
validateName: d,
|
|
73
79
|
validatePhone: v,
|
|
74
80
|
formatPhone: g,
|
|
75
|
-
extractDigits:
|
|
76
|
-
validationErrors:
|
|
77
|
-
phoneInputTouched:
|
|
78
|
-
})
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
}, j = { class: "create-chat-form" }, U = { class: "create-chat-title" }, q = { class: "form-field" }, w = {
|
|
83
|
-
key: 0,
|
|
84
|
-
class: "form-error"
|
|
85
|
-
}, M = { class: "form-field" }, O = {
|
|
86
|
-
key: 0,
|
|
87
|
-
class: "form-error"
|
|
88
|
-
};
|
|
89
|
-
function A(D, a, h, t, i, c) {
|
|
90
|
-
return C(), _("div", j, [
|
|
91
|
-
s(
|
|
92
|
-
"h2",
|
|
93
|
-
U,
|
|
94
|
-
E(h.title),
|
|
95
|
-
1
|
|
96
|
-
/* TEXT */
|
|
97
|
-
),
|
|
98
|
-
s("div", q, [
|
|
99
|
-
a[3] || (a[3] = s(
|
|
100
|
-
"label",
|
|
101
|
-
{
|
|
81
|
+
extractDigits: u,
|
|
82
|
+
validationErrors: a,
|
|
83
|
+
phoneInputTouched: c
|
|
84
|
+
}), (t, e) => (f(), p("div", N, [
|
|
85
|
+
l("h2", S, h(C.title), 1),
|
|
86
|
+
l("div", T, [
|
|
87
|
+
e[3] || (e[3] = l("label", {
|
|
102
88
|
class: "form-label",
|
|
103
89
|
for: "contact-name"
|
|
104
|
-
},
|
|
105
|
-
"
|
|
106
|
-
-1
|
|
107
|
-
/* CACHED */
|
|
108
|
-
)),
|
|
109
|
-
S(s(
|
|
110
|
-
"input",
|
|
111
|
-
{
|
|
90
|
+
}, "Имя", -1)),
|
|
91
|
+
D(l("input", {
|
|
112
92
|
id: "contact-name",
|
|
113
|
-
"onUpdate:modelValue":
|
|
93
|
+
"onUpdate:modelValue": e[0] || (e[0] = (n) => r.value.name = n),
|
|
114
94
|
name: "name",
|
|
115
95
|
type: "text",
|
|
116
|
-
class:
|
|
96
|
+
class: x(["form-input", { "form-input--error": a.value.name }]),
|
|
117
97
|
placeholder: "Введите имя",
|
|
118
|
-
onInput:
|
|
119
|
-
onBlur:
|
|
120
|
-
},
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
), [
|
|
125
|
-
[T, t.contact.name]
|
|
98
|
+
onInput: _,
|
|
99
|
+
onBlur: s
|
|
100
|
+
}, null, 34), [
|
|
101
|
+
[y, r.value.name]
|
|
102
|
+
]),
|
|
103
|
+
a.value.name ? (f(), p("div", U, h(a.value.name), 1)) : V("", !0)
|
|
126
104
|
]),
|
|
127
|
-
|
|
128
|
-
"
|
|
129
|
-
w,
|
|
130
|
-
E(t.validationErrors.name),
|
|
131
|
-
1
|
|
132
|
-
/* TEXT */
|
|
133
|
-
)) : k("v-if", !0)
|
|
134
|
-
]),
|
|
135
|
-
s("div", M, [
|
|
136
|
-
a[4] || (a[4] = s(
|
|
137
|
-
"label",
|
|
138
|
-
{
|
|
105
|
+
l("div", q, [
|
|
106
|
+
e[4] || (e[4] = l("label", {
|
|
139
107
|
class: "form-label",
|
|
140
108
|
for: "contact-phone"
|
|
141
|
-
},
|
|
142
|
-
"
|
|
143
|
-
-1
|
|
144
|
-
/* CACHED */
|
|
145
|
-
)),
|
|
146
|
-
S(s(
|
|
147
|
-
"input",
|
|
148
|
-
{
|
|
109
|
+
}, "Телефон", -1)),
|
|
110
|
+
D(l("input", {
|
|
149
111
|
id: "contact-phone",
|
|
150
|
-
"onUpdate:modelValue":
|
|
112
|
+
"onUpdate:modelValue": e[1] || (e[1] = (n) => r.value.phone = n),
|
|
151
113
|
name: "phone",
|
|
152
114
|
type: "text",
|
|
153
|
-
class:
|
|
115
|
+
class: x(["form-input", { "form-input--error": a.value.phone }]),
|
|
154
116
|
placeholder: "+7 (999) 999-99-99",
|
|
155
|
-
onInput:
|
|
156
|
-
onFocus:
|
|
157
|
-
onBlur:
|
|
158
|
-
},
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
)
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
"div",
|
|
167
|
-
O,
|
|
168
|
-
E(t.validationErrors.phone),
|
|
169
|
-
1
|
|
170
|
-
/* TEXT */
|
|
171
|
-
)) : k("v-if", !0)
|
|
172
|
-
])
|
|
173
|
-
]);
|
|
174
|
-
}
|
|
175
|
-
const K = /* @__PURE__ */ z(N, [["render", A], ["__scopeId", "data-v-b286a03f"], ["__file", "/var/store/dev-space/repos-projects/chotto/chotto/src/components/2_modals/CreateChat2/CreateChat2.vue"]]);
|
|
117
|
+
onInput: _,
|
|
118
|
+
onFocus: e[2] || (e[2] = (n) => c.value = !0),
|
|
119
|
+
onBlur: s
|
|
120
|
+
}, null, 34), [
|
|
121
|
+
[y, r.value.phone]
|
|
122
|
+
]),
|
|
123
|
+
a.value.phone ? (f(), p("div", w, h(a.value.phone), 1)) : V("", !0)
|
|
124
|
+
])
|
|
125
|
+
]));
|
|
126
|
+
}
|
|
127
|
+
}, G = /* @__PURE__ */ z(M, [["__scopeId", "data-v-3302f415"]]);
|
|
176
128
|
export {
|
|
177
|
-
|
|
129
|
+
G as default
|
|
178
130
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { createElementBlock as
|
|
1
|
+
import { ref as v, computed as d, createElementBlock as a, openBlock as i, createElementVNode as t, toDisplayString as u, withDirectives as m, Fragment as f, renderList as p, vModelSelect as _ } from "vue";
|
|
2
2
|
/* empty css */
|
|
3
|
-
import
|
|
4
|
-
const
|
|
3
|
+
import D from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
+
const S = { class: "modal__contact-line" }, k = ["value"], q = { class: "modal__channel-line" }, w = ["disabled"], x = ["value"], V = ["disabled"], A = {
|
|
5
5
|
__name: "CreateDialog",
|
|
6
6
|
props: {
|
|
7
7
|
title: {
|
|
@@ -27,99 +27,52 @@ const D = {
|
|
|
27
27
|
}
|
|
28
28
|
},
|
|
29
29
|
emits: ["change", "submit"],
|
|
30
|
-
setup(
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
n("div", S, [
|
|
55
|
-
l[2] || (l[2] = n(
|
|
56
|
-
"h3",
|
|
57
|
-
{ style: { margin: "0" } },
|
|
58
|
-
" Куда пишем ",
|
|
59
|
-
-1
|
|
60
|
-
/* CACHED */
|
|
61
|
-
)),
|
|
62
|
-
v(n(
|
|
63
|
-
"select",
|
|
64
|
-
{
|
|
30
|
+
setup(o, { emit: g }) {
|
|
31
|
+
const r = o, s = v(), n = v(), y = d(() => !!(s.value && n.value)), b = d(() => !!(r.filter && n.value || !r.filter)), h = d(() => r.filter && n.value ? r.filter(n.value, r.channels) : r.channels), c = g, C = () => {
|
|
32
|
+
c("change", { channel: s.value, contact: n.value }), c("submit");
|
|
33
|
+
};
|
|
34
|
+
return (B, l) => (i(), a("div", null, [
|
|
35
|
+
t("h3", null, u(o.title), 1),
|
|
36
|
+
t("div", null, " Контакт: " + u(o.name), 1),
|
|
37
|
+
t("div", S, [
|
|
38
|
+
l[2] || (l[2] = t("h3", { style: { margin: "0" } }, " Куда пишем ", -1)),
|
|
39
|
+
m(t("select", {
|
|
40
|
+
id: "folder",
|
|
41
|
+
"onUpdate:modelValue": l[0] || (l[0] = (e) => n.value = e)
|
|
42
|
+
}, [
|
|
43
|
+
(i(!0), a(f, null, p(o.contacts, (e) => (i(), a("option", {
|
|
44
|
+
key: e.id || e.value,
|
|
45
|
+
value: e
|
|
46
|
+
}, u(e.value), 9, k))), 128))
|
|
47
|
+
], 512), [
|
|
48
|
+
[_, n.value]
|
|
49
|
+
])
|
|
50
|
+
]),
|
|
51
|
+
t("div", q, [
|
|
52
|
+
l[3] || (l[3] = t("h3", { style: { margin: "0" } }, " Через какой канал ", -1)),
|
|
53
|
+
m(t("select", {
|
|
65
54
|
id: "folder",
|
|
66
|
-
"onUpdate:modelValue": l[
|
|
67
|
-
|
|
68
|
-
[
|
|
69
|
-
(i(!0),
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
l[3] || (l[3] = n(
|
|
88
|
-
"h3",
|
|
89
|
-
{ style: { margin: "0" } },
|
|
90
|
-
" Через какой канал ",
|
|
91
|
-
-1
|
|
92
|
-
/* CACHED */
|
|
93
|
-
)),
|
|
94
|
-
v(n("select", {
|
|
95
|
-
id: "folder",
|
|
96
|
-
"onUpdate:modelValue": l[1] || (l[1] = (t) => e.selectedChannel = t),
|
|
97
|
-
disabled: !e.allowChangeChannel
|
|
98
|
-
}, [
|
|
99
|
-
(i(!0), o(
|
|
100
|
-
p,
|
|
101
|
-
null,
|
|
102
|
-
h(e.filteredChannels, (t) => (i(), o("option", {
|
|
103
|
-
key: t.id || t.title,
|
|
104
|
-
value: t
|
|
105
|
-
}, d(t.title), 9, x))),
|
|
106
|
-
128
|
|
107
|
-
/* KEYED_FRAGMENT */
|
|
108
|
-
))
|
|
109
|
-
], 8, w), [
|
|
110
|
-
[g, e.selectedChannel]
|
|
111
|
-
])
|
|
112
|
-
]),
|
|
113
|
-
n("button", {
|
|
114
|
-
type: "button",
|
|
115
|
-
class: "modal__button-start",
|
|
116
|
-
"aria-label": "Close modal",
|
|
117
|
-
disabled: !e.allowStartDialog,
|
|
118
|
-
onClick: e.handleStartDialog
|
|
119
|
-
}, " Начать диалог ", 8, V)
|
|
120
|
-
]);
|
|
121
|
-
}
|
|
122
|
-
const U = /* @__PURE__ */ y(D, [["render", j], ["__scopeId", "data-v-9e8912bb"], ["__file", "/var/store/dev-space/repos-projects/chotto/chotto/src/components/2_modals/CreateDialog/CreateDialog.vue"]]);
|
|
55
|
+
"onUpdate:modelValue": l[1] || (l[1] = (e) => s.value = e),
|
|
56
|
+
disabled: !b.value
|
|
57
|
+
}, [
|
|
58
|
+
(i(!0), a(f, null, p(h.value, (e) => (i(), a("option", {
|
|
59
|
+
key: e.id || e.title,
|
|
60
|
+
value: e
|
|
61
|
+
}, u(e.title), 9, x))), 128))
|
|
62
|
+
], 8, w), [
|
|
63
|
+
[_, s.value]
|
|
64
|
+
])
|
|
65
|
+
]),
|
|
66
|
+
t("button", {
|
|
67
|
+
type: "button",
|
|
68
|
+
class: "modal__button-start",
|
|
69
|
+
"aria-label": "Close modal",
|
|
70
|
+
disabled: !y.value,
|
|
71
|
+
onClick: C
|
|
72
|
+
}, " Начать диалог ", 8, V)
|
|
73
|
+
]));
|
|
74
|
+
}
|
|
75
|
+
}, I = /* @__PURE__ */ D(A, [["__scopeId", "data-v-c9b375bd"]]);
|
|
123
76
|
export {
|
|
124
|
-
|
|
77
|
+
I as default
|
|
125
78
|
};
|
|
@@ -1,7 +1,15 @@
|
|
|
1
|
-
import { createBlock as
|
|
1
|
+
import { createBlock as r, openBlock as c, Transition as m, withCtx as b, withDirectives as u, createElementVNode as e, renderSlot as p, vShow as f } from "vue";
|
|
2
2
|
/* empty css */
|
|
3
|
-
import
|
|
4
|
-
const
|
|
3
|
+
import _ from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
+
const h = ["data-theme"], k = {
|
|
5
|
+
class: "modal",
|
|
6
|
+
role: "dialog",
|
|
7
|
+
"aria-labelledby": "modalTitle",
|
|
8
|
+
"aria-describedby": "modalDescription"
|
|
9
|
+
}, v = {
|
|
10
|
+
id: "modalDescription",
|
|
11
|
+
class: "modal-body"
|
|
12
|
+
}, y = { class: "buttons" }, g = ["aria-disabled", "disabled"], C = {
|
|
5
13
|
__name: "Modal",
|
|
6
14
|
props: {
|
|
7
15
|
theme: {
|
|
@@ -16,63 +24,46 @@ const v = {
|
|
|
16
24
|
}
|
|
17
25
|
},
|
|
18
26
|
emits: ["close", "submit"],
|
|
19
|
-
setup(
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
o("div", g, [
|
|
51
|
-
o("button", {
|
|
52
|
-
type: "button",
|
|
53
|
-
class: "btn-green",
|
|
54
|
-
"aria-label": "Close modal",
|
|
55
|
-
"aria-disabled": e.props.okDisabled ? "true" : "false",
|
|
56
|
-
disabled: e.props.okDisabled,
|
|
57
|
-
onClick: t[0] || (t[0] = (s) => e.emit("submit"))
|
|
58
|
-
}, " OK ", 8, C),
|
|
59
|
-
o("button", {
|
|
60
|
-
type: "button",
|
|
61
|
-
class: "btn-green btn-gray",
|
|
62
|
-
"aria-label": "Close modal",
|
|
63
|
-
onClick: t[1] || (t[1] = (s) => e.emit("close"))
|
|
64
|
-
}, " Cancel ")
|
|
27
|
+
setup(s, { emit: d }) {
|
|
28
|
+
const o = d, l = s, i = (a) => {
|
|
29
|
+
a.target.classList.contains("modal-backdrop") && o("close");
|
|
30
|
+
};
|
|
31
|
+
return (a, t) => (c(), r(m, { name: "modal-fade" }, {
|
|
32
|
+
default: b(() => [
|
|
33
|
+
u(e("div", {
|
|
34
|
+
class: "modal-backdrop",
|
|
35
|
+
"data-theme": s.theme,
|
|
36
|
+
onClick: i
|
|
37
|
+
}, [
|
|
38
|
+
e("div", k, [
|
|
39
|
+
e("div", v, [
|
|
40
|
+
p(a.$slots, "default", {}, void 0, !0)
|
|
41
|
+
]),
|
|
42
|
+
e("div", y, [
|
|
43
|
+
e("button", {
|
|
44
|
+
type: "button",
|
|
45
|
+
class: "btn-green",
|
|
46
|
+
"aria-label": "Close modal",
|
|
47
|
+
"aria-disabled": l.okDisabled ? "true" : "false",
|
|
48
|
+
disabled: l.okDisabled,
|
|
49
|
+
onClick: t[0] || (t[0] = (n) => o("submit"))
|
|
50
|
+
}, " OK ", 8, g),
|
|
51
|
+
e("button", {
|
|
52
|
+
type: "button",
|
|
53
|
+
class: "btn-green btn-gray",
|
|
54
|
+
"aria-label": "Close modal",
|
|
55
|
+
onClick: t[1] || (t[1] = (n) => o("close"))
|
|
56
|
+
}, " Cancel ")
|
|
57
|
+
])
|
|
65
58
|
])
|
|
59
|
+
], 8, h), [
|
|
60
|
+
[f, !0]
|
|
66
61
|
])
|
|
67
|
-
]
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
/* FORWARDED */
|
|
73
|
-
});
|
|
74
|
-
}
|
|
75
|
-
const x = /* @__PURE__ */ f(v, [["render", M], ["__scopeId", "data-v-e22b9a43"], ["__file", "/var/store/dev-space/repos-projects/chotto/chotto/src/components/2_modals/Modal/Modal.vue"]]);
|
|
62
|
+
]),
|
|
63
|
+
_: 3
|
|
64
|
+
}));
|
|
65
|
+
}
|
|
66
|
+
}, B = /* @__PURE__ */ _(C, [["__scopeId", "data-v-6f045439"]]);
|
|
76
67
|
export {
|
|
77
|
-
|
|
68
|
+
B as default
|
|
78
69
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { onMounted as
|
|
1
|
+
import { onMounted as m, onUnmounted as u, createElementBlock as d, openBlock as i, withKeys as _, createElementVNode as o, renderSlot as f, createCommentVNode as p, toDisplayString as v } from "vue";
|
|
2
2
|
/* empty css */
|
|
3
|
-
import
|
|
4
|
-
const k = {
|
|
3
|
+
import y from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
+
const k = ["data-theme"], h = { class: "modal__container" }, E = { class: "modal__header" }, g = ["title"], M = {
|
|
5
5
|
__name: "ModalFullscreen",
|
|
6
6
|
props: {
|
|
7
7
|
theme: {
|
|
@@ -16,56 +16,43 @@ const k = {
|
|
|
16
16
|
}
|
|
17
17
|
},
|
|
18
18
|
emits: ["close"],
|
|
19
|
-
setup(
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
i.key === "Escape" && l("close");
|
|
19
|
+
setup(s, { emit: a }) {
|
|
20
|
+
const n = a, c = (t) => {
|
|
21
|
+
t.target.classList.contains("modal__overlay") && n("close");
|
|
22
|
+
}, l = (t) => {
|
|
23
|
+
t.key === "Escape" && n("close");
|
|
25
24
|
};
|
|
26
|
-
|
|
27
|
-
document.addEventListener("keydown",
|
|
28
|
-
}),
|
|
29
|
-
document.removeEventListener("keydown",
|
|
30
|
-
})
|
|
31
|
-
|
|
32
|
-
|
|
25
|
+
return m(() => {
|
|
26
|
+
document.addEventListener("keydown", l);
|
|
27
|
+
}), u(() => {
|
|
28
|
+
document.removeEventListener("keydown", l);
|
|
29
|
+
}), (t, e) => (i(), d("div", {
|
|
30
|
+
class: "modal__overlay",
|
|
31
|
+
"data-theme": s.theme,
|
|
32
|
+
onClick: c,
|
|
33
|
+
onKeyup: e[1] || (e[1] = _((r) => n("close"), ["esc"]))
|
|
34
|
+
}, [
|
|
35
|
+
o("div", h, [
|
|
36
|
+
o("div", E, [
|
|
37
|
+
s.title ? (i(), d("div", {
|
|
38
|
+
key: 0,
|
|
39
|
+
class: "modal__caption",
|
|
40
|
+
title: s.title
|
|
41
|
+
}, v(s.title), 9, g)) : p("", !0),
|
|
42
|
+
o("button", {
|
|
43
|
+
class: "modal__close-button",
|
|
44
|
+
onClick: e[0] || (e[0] = (r) => n("close"))
|
|
45
|
+
}, [...e[2] || (e[2] = [
|
|
46
|
+
o("span", null, [
|
|
47
|
+
o("i", { class: "pi pi-times" })
|
|
48
|
+
], -1)
|
|
49
|
+
])])
|
|
50
|
+
]),
|
|
51
|
+
f(t.$slots, "default", {}, void 0, !0)
|
|
52
|
+
])
|
|
53
|
+
], 40, k));
|
|
33
54
|
}
|
|
34
|
-
},
|
|
35
|
-
function b(d, e, t, o, l, a) {
|
|
36
|
-
return u(), _("div", {
|
|
37
|
-
class: "modal__overlay",
|
|
38
|
-
"data-theme": t.theme,
|
|
39
|
-
onClick: o.closeModalOutside,
|
|
40
|
-
onKeyup: e[1] || (e[1] = p((s) => o.emit("close"), ["esc"]))
|
|
41
|
-
}, [
|
|
42
|
-
n("div", E, [
|
|
43
|
-
n("div", S, [
|
|
44
|
-
t.title ? (u(), _("div", {
|
|
45
|
-
key: 0,
|
|
46
|
-
class: "modal__caption",
|
|
47
|
-
title: t.title
|
|
48
|
-
}, y(t.title), 9, g)) : v("v-if", !0),
|
|
49
|
-
n("button", {
|
|
50
|
-
class: "modal__close-button",
|
|
51
|
-
onClick: e[0] || (e[0] = (s) => o.emit("close"))
|
|
52
|
-
}, [...e[2] || (e[2] = [
|
|
53
|
-
n(
|
|
54
|
-
"span",
|
|
55
|
-
null,
|
|
56
|
-
[
|
|
57
|
-
n("i", { class: "pi pi-times" })
|
|
58
|
-
],
|
|
59
|
-
-1
|
|
60
|
-
/* CACHED */
|
|
61
|
-
)
|
|
62
|
-
])])
|
|
63
|
-
]),
|
|
64
|
-
f(d.$slots, "default", {}, void 0, !0)
|
|
65
|
-
])
|
|
66
|
-
], 40, M);
|
|
67
|
-
}
|
|
68
|
-
const C = /* @__PURE__ */ h(k, [["render", b], ["__scopeId", "data-v-55a36031"], ["__file", "/var/store/dev-space/repos-projects/chotto/chotto/src/components/2_modals/ModalFullscreen/ModalFullscreen.vue"]]);
|
|
55
|
+
}, C = /* @__PURE__ */ y(M, [["__scopeId", "data-v-b7da79e5"]]);
|
|
69
56
|
export {
|
|
70
57
|
C as default
|
|
71
58
|
};
|