@youcan/celeste 0.6.29 → 0.6.31
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/celeste.css +4244 -0
- package/dist/cjs/alert.js +111 -0
- package/dist/cjs/alpha-slider.js +3 -0
- package/dist/cjs/badge.js +55 -0
- package/dist/cjs/button.js +39 -0
- package/dist/cjs/checkbox-label.js +112 -0
- package/dist/cjs/checkbox.js +3 -0
- package/dist/cjs/chunks/_plugin-vue_export-helper.js +9 -0
- package/dist/cjs/chunks/alpha-slider.js +127 -0
- package/dist/cjs/chunks/checkbox.vue_vue_type_style_index_0_lang.js +38 -0
- package/dist/cjs/chunks/clsx.js +15 -0
- package/dist/cjs/chunks/combobox-anchor.js +31 -0
- package/dist/cjs/chunks/content-divider.vue_vue_type_style_index_0_lang.js +52 -0
- package/dist/cjs/chunks/dropdown-menu-content.vue_vue_type_style_index_0_lang.js +51 -0
- package/dist/cjs/chunks/dropdown-menu-sub-content.vue_vue_type_style_index_0_lang.js +49 -0
- package/dist/cjs/chunks/dropdown-menu-sub-trigger.vue_vue_type_style_index_0_lang.js +32 -0
- package/dist/cjs/chunks/dropdown-menu-sub.js +25 -0
- package/dist/cjs/chunks/index.js +9300 -0
- package/dist/cjs/chunks/index2.js +1457 -0
- package/dist/cjs/chunks/index3.js +16457 -0
- package/dist/cjs/chunks/modal-close.js +22 -0
- package/dist/cjs/chunks/modal-trigger.js +22 -0
- package/dist/cjs/chunks/modal.js +26 -0
- package/dist/cjs/chunks/popover.js +26 -0
- package/dist/cjs/chunks/scroll-area.js +41 -0
- package/dist/cjs/chunks/select-group.js +22 -0
- package/dist/cjs/chunks/select.js +38 -0
- package/dist/cjs/chunks/slider.vue_vue_type_style_index_0_lang.js +52 -0
- package/dist/cjs/chunks/sonner.js +1153 -0
- package/dist/cjs/chunks/switch.vue_vue_type_style_index_0_lang.js +38 -0
- package/dist/cjs/chunks/use-color-model.js +992 -0
- package/dist/cjs/color-area.js +175 -0
- package/dist/cjs/color-picker.js +514 -0
- package/dist/cjs/color-swatch.js +59 -0
- package/dist/cjs/color.js +102 -0
- package/dist/cjs/combobox-anchor.js +3 -0
- package/dist/cjs/combobox-empty.js +32 -0
- package/dist/cjs/combobox-group.js +42 -0
- package/dist/cjs/combobox-input.js +63 -0
- package/dist/cjs/combobox-item.js +109 -0
- package/dist/cjs/combobox-list.js +62 -0
- package/dist/cjs/combobox-root.js +40 -0
- package/dist/cjs/combobox-separator.js +32 -0
- package/dist/cjs/combobox-trigger.js +47 -0
- package/dist/cjs/combobox.js +233 -0
- package/dist/cjs/command-group.js +41 -0
- package/dist/cjs/command-input.js +42 -0
- package/dist/cjs/command-item.js +34 -0
- package/dist/cjs/command-list.js +52 -0
- package/dist/cjs/command-root.js +45 -0
- package/dist/cjs/command-separator.js +32 -0
- package/dist/cjs/compact-button.js +42 -0
- package/dist/cjs/config.js +136 -0
- package/dist/cjs/content-divider.js +3 -0
- package/dist/cjs/context-menu-item.js +134 -0
- package/dist/cjs/crypto.js +8 -0
- package/dist/cjs/dropdown-item.js +99 -0
- package/dist/cjs/dropdown-menu-content.js +3 -0
- package/dist/cjs/dropdown-menu-group.js +24 -0
- package/dist/cjs/dropdown-menu-item.js +68 -0
- package/dist/cjs/dropdown-menu-label.js +31 -0
- package/dist/cjs/dropdown-menu-separator.js +25 -0
- package/dist/cjs/dropdown-menu-sub-content.js +3 -0
- package/dist/cjs/dropdown-menu-sub-trigger.js +3 -0
- package/dist/cjs/dropdown-menu-sub.js +3 -0
- package/dist/cjs/dropdown-menu-trigger.js +26 -0
- package/dist/cjs/dropdown-menu.js +32 -0
- package/dist/cjs/dropdown.js +291 -0
- package/dist/cjs/extra-settings.js +155 -0
- package/dist/cjs/fancy-button.js +38 -0
- package/dist/cjs/hint-text.js +36 -0
- package/dist/cjs/hue-slider.js +133 -0
- package/dist/cjs/index.js +229 -0
- package/dist/cjs/label.js +55 -0
- package/dist/cjs/link-bubble.js +228 -0
- package/dist/cjs/link-button.js +44 -0
- package/dist/cjs/modal-body.js +22 -0
- package/dist/cjs/modal-close.js +3 -0
- package/dist/cjs/modal-content.js +48 -0
- package/dist/cjs/modal-footer.js +22 -0
- package/dist/cjs/modal-header.js +81 -0
- package/dist/cjs/modal-trigger.js +3 -0
- package/dist/cjs/modal.js +3 -0
- package/dist/cjs/popover-content.js +104 -0
- package/dist/cjs/popover-trigger.js +24 -0
- package/dist/cjs/popover.js +3 -0
- package/dist/cjs/rich-editor.js +4996 -0
- package/dist/cjs/scroll-area.js +3 -0
- package/dist/cjs/scroll-bar.js +39 -0
- package/dist/cjs/segmented-control-item.js +41 -0
- package/dist/cjs/segmented-control.js +40 -0
- package/dist/cjs/select-content.js +61 -0
- package/dist/cjs/select-group.js +3 -0
- package/dist/cjs/select-icon.js +25 -0
- package/dist/cjs/select-item.js +44 -0
- package/dist/cjs/select-label.js +32 -0
- package/dist/cjs/select-separator.js +26 -0
- package/dist/cjs/select-trigger.js +40 -0
- package/dist/cjs/select-value.js +31 -0
- package/dist/cjs/select.js +3 -0
- package/dist/cjs/shims.js +1 -0
- package/dist/cjs/slider.js +3 -0
- package/dist/cjs/social-button.js +45 -0
- package/dist/cjs/sonner-alert.js +41 -0
- package/dist/cjs/sonner.js +3 -0
- package/dist/cjs/status-badge.js +49 -0
- package/dist/cjs/switch.js +3 -0
- package/dist/cjs/tab-menu-content.js +32 -0
- package/dist/cjs/tab-menu-item.js +44 -0
- package/dist/cjs/tab-menu-list.js +34 -0
- package/dist/cjs/tab-menu.js +32 -0
- package/dist/cjs/text-input-affix.js +27 -0
- package/dist/cjs/text-input-button.js +31 -0
- package/dist/cjs/text-input.js +119 -0
- package/dist/cjs/textarea.js +56 -0
- package/dist/cjs/tooltip.js +115 -0
- package/dist/cjs/types.js +1 -0
- package/dist/cjs/use-color-model.js +6 -0
- package/dist/cjs/use-delegated-props.js +14 -0
- package/dist/cjs/use-user-select.js +39 -0
- package/dist/components/alert/alert.d.ts +30 -0
- package/dist/components/alert/index.d.ts +2 -0
- package/dist/components/badge/badge.d.ts +17 -0
- package/dist/components/badge/index.d.ts +4 -0
- package/dist/components/badge/status-badge.d.ts +13 -0
- package/dist/components/button/button.d.ts +22 -0
- package/dist/components/button/compact-button.d.ts +15 -0
- package/dist/components/button/fancy-button.d.ts +20 -0
- package/dist/components/button/index.d.ts +10 -0
- package/dist/components/button/link-button.d.ts +22 -0
- package/dist/components/button/social-button.d.ts +10 -0
- package/dist/components/checkbox/checkbox-label.d.ts +32 -0
- package/dist/components/checkbox/checkbox.d.ts +11 -0
- package/dist/components/checkbox/index.d.ts +4 -0
- package/dist/components/color-picker/alpha-slider.d.ts +15 -0
- package/dist/components/color-picker/color-area.d.ts +9 -0
- package/dist/components/color-picker/color-picker.d.ts +47 -0
- package/dist/components/color-picker/color-swatch.d.ts +19 -0
- package/dist/components/color-picker/composable/use-color-model.d.ts +7 -0
- package/dist/components/color-picker/composable/use-user-select.d.ts +8 -0
- package/dist/components/color-picker/hue-slider.d.ts +14 -0
- package/dist/components/color-picker/index.d.ts +10 -0
- package/dist/components/combobox/combobox-anchor.d.ts +22 -0
- package/dist/components/combobox/combobox-empty.d.ts +22 -0
- package/dist/components/combobox/combobox-group.d.ts +23 -0
- package/dist/components/combobox/combobox-input.d.ts +17 -0
- package/dist/components/combobox/combobox-item.d.ts +31 -0
- package/dist/components/combobox/combobox-list.d.ts +36 -0
- package/dist/components/combobox/combobox-root.d.ts +29 -0
- package/dist/components/combobox/combobox-separator.d.ts +22 -0
- package/dist/components/combobox/combobox-trigger.d.ts +20 -0
- package/dist/components/combobox/combobox.d.ts +42 -0
- package/dist/components/combobox/index.d.ts +20 -0
- package/dist/components/content-divider/content-divider.d.ts +10 -0
- package/dist/components/content-divider/index.d.ts +2 -0
- package/dist/components/dropdown/context-menu-item.d.ts +39 -0
- package/dist/components/dropdown/dropdown-item.d.ts +30 -0
- package/dist/components/dropdown/dropdown.d.ts +55 -0
- package/dist/components/dropdown/index.d.ts +6 -0
- package/dist/components/dropdown-menu/dropdown-menu-content.d.ts +36 -0
- package/dist/components/dropdown-menu/dropdown-menu-group.d.ts +18 -0
- package/dist/components/dropdown-menu/dropdown-menu-item.d.ts +26 -0
- package/dist/components/dropdown-menu/dropdown-menu-label.d.ts +22 -0
- package/dist/components/dropdown-menu/dropdown-menu-separator.d.ts +7 -0
- package/dist/components/dropdown-menu/dropdown-menu-sub-content.d.ts +38 -0
- package/dist/components/dropdown-menu/dropdown-menu-sub-trigger.d.ts +22 -0
- package/dist/components/dropdown-menu/dropdown-menu-sub.d.ts +22 -0
- package/dist/components/dropdown-menu/dropdown-menu-trigger.d.ts +18 -0
- package/dist/components/dropdown-menu/dropdown-menu.d.ts +18 -0
- package/dist/components/dropdown-menu/index.d.ts +20 -0
- package/dist/components/hint-text/hint-text.d.ts +11 -0
- package/dist/components/hint-text/index.d.ts +2 -0
- package/dist/components/index.d.ts +23 -0
- package/dist/components/label/index.d.ts +2 -0
- package/dist/components/label/label.d.ts +29 -0
- package/dist/components/modal/index.d.ts +14 -0
- package/dist/components/modal/modal-body.d.ts +21 -0
- package/dist/components/modal/modal-close.d.ts +18 -0
- package/dist/components/modal/modal-content.d.ts +37 -0
- package/dist/components/modal/modal-footer.d.ts +21 -0
- package/dist/components/modal/modal-header.d.ts +16 -0
- package/dist/components/modal/modal-trigger.d.ts +18 -0
- package/dist/components/modal/modal.d.ts +22 -0
- package/dist/components/popover/index.d.ts +6 -0
- package/dist/components/popover/popover-content.d.ts +41 -0
- package/dist/components/popover/popover-trigger.d.ts +18 -0
- package/dist/components/popover/popover.d.ts +22 -0
- package/dist/components/rich-editor/config.d.ts +33 -0
- package/dist/components/rich-editor/extra-settings.d.ts +6 -0
- package/dist/components/rich-editor/index.d.ts +2 -0
- package/dist/components/rich-editor/link-bubble.d.ts +11 -0
- package/dist/components/rich-editor/rich-editor.d.ts +55 -0
- package/dist/components/rich-editor/types.d.ts +19 -0
- package/dist/components/scroll-area/index.d.ts +2 -0
- package/dist/components/scroll-area/scroll-area.d.ts +22 -0
- package/dist/components/scroll-area/scroll-bar.d.ts +9 -0
- package/dist/components/segmented-control/index.d.ts +4 -0
- package/dist/components/segmented-control/segmented-control-item.d.ts +22 -0
- package/dist/components/segmented-control/segmented-control.d.ts +26 -0
- package/dist/components/select/index.d.ts +18 -0
- package/dist/components/select/select-content.d.ts +33 -0
- package/dist/components/select/select-group.d.ts +18 -0
- package/dist/components/select/select-icon.d.ts +21 -0
- package/dist/components/select/select-item.d.ts +22 -0
- package/dist/components/select/select-label.d.ts +22 -0
- package/dist/components/select/select-separator.d.ts +7 -0
- package/dist/components/select/select-trigger.d.ts +28 -0
- package/dist/components/select/select-value.d.ts +22 -0
- package/dist/components/select/select.d.ts +28 -0
- package/dist/components/slider/index.d.ts +2 -0
- package/dist/components/slider/slider.d.ts +13 -0
- package/dist/components/sonner/index.d.ts +4 -0
- package/dist/components/sonner/sonner-alert.d.ts +13 -0
- package/dist/components/sonner/sonner.d.ts +5 -0
- package/dist/components/switch/index.d.ts +2 -0
- package/dist/components/switch/switch.d.ts +11 -0
- package/dist/components/tab-menu/index.d.ts +8 -0
- package/dist/components/tab-menu/tab-menu-content.d.ts +22 -0
- package/dist/components/tab-menu/tab-menu-item.d.ts +24 -0
- package/dist/components/tab-menu/tab-menu-list.d.ts +22 -0
- package/dist/components/tab-menu/tab-menu.d.ts +23 -0
- package/dist/components/text-input/index.d.ts +6 -0
- package/dist/components/text-input/text-input-affix.d.ts +23 -0
- package/dist/components/text-input/text-input-button.d.ts +23 -0
- package/dist/components/text-input/text-input.d.ts +32 -0
- package/dist/components/textarea/index.d.ts +2 -0
- package/dist/components/textarea/textarea.d.ts +22 -0
- package/dist/components/tooltip/index.d.ts +2 -0
- package/dist/components/tooltip/tooltip.d.ts +29 -0
- package/dist/composables/use-delegated-props.d.ts +2 -0
- package/dist/es/alert.js +112 -0
- package/dist/es/alpha-slider.js +4 -0
- package/dist/es/badge.js +56 -0
- package/dist/es/button.js +40 -0
- package/dist/es/checkbox-label.js +113 -0
- package/dist/es/checkbox.js +4 -0
- package/dist/es/chunks/_plugin-vue_export-helper.js +10 -0
- package/dist/es/chunks/alpha-slider.js +128 -0
- package/dist/es/chunks/checkbox.vue_vue_type_style_index_0_lang.js +39 -0
- package/dist/es/chunks/clsx.js +16 -0
- package/dist/es/chunks/combobox-anchor.js +32 -0
- package/dist/es/chunks/content-divider.vue_vue_type_style_index_0_lang.js +53 -0
- package/dist/es/chunks/dropdown-menu-content.vue_vue_type_style_index_0_lang.js +52 -0
- package/dist/es/chunks/dropdown-menu-sub-content.vue_vue_type_style_index_0_lang.js +50 -0
- package/dist/es/chunks/dropdown-menu-sub-trigger.vue_vue_type_style_index_0_lang.js +33 -0
- package/dist/es/chunks/dropdown-menu-sub.js +26 -0
- package/dist/es/chunks/index.js +9285 -0
- package/dist/es/chunks/index2.js +1457 -0
- package/dist/es/chunks/index3.js +16458 -0
- package/dist/es/chunks/modal-close.js +23 -0
- package/dist/es/chunks/modal-trigger.js +23 -0
- package/dist/es/chunks/modal.js +27 -0
- package/dist/es/chunks/popover.js +27 -0
- package/dist/es/chunks/scroll-area.js +42 -0
- package/dist/es/chunks/select-group.js +23 -0
- package/dist/es/chunks/select.js +39 -0
- package/dist/es/chunks/slider.vue_vue_type_style_index_0_lang.js +53 -0
- package/dist/es/chunks/sonner.js +1154 -0
- package/dist/es/chunks/switch.vue_vue_type_style_index_0_lang.js +39 -0
- package/dist/es/chunks/use-color-model.js +993 -0
- package/dist/es/color-area.js +176 -0
- package/dist/es/color-picker.js +515 -0
- package/dist/es/color-swatch.js +60 -0
- package/dist/es/color.js +102 -0
- package/dist/es/combobox-anchor.js +4 -0
- package/dist/es/combobox-empty.js +33 -0
- package/dist/es/combobox-group.js +43 -0
- package/dist/es/combobox-input.js +64 -0
- package/dist/es/combobox-item.js +110 -0
- package/dist/es/combobox-list.js +63 -0
- package/dist/es/combobox-root.js +41 -0
- package/dist/es/combobox-separator.js +33 -0
- package/dist/es/combobox-trigger.js +48 -0
- package/dist/es/combobox.js +234 -0
- package/dist/es/command-group.js +42 -0
- package/dist/es/command-input.js +43 -0
- package/dist/es/command-item.js +35 -0
- package/dist/es/command-list.js +53 -0
- package/dist/es/command-root.js +46 -0
- package/dist/es/command-separator.js +33 -0
- package/dist/es/compact-button.js +43 -0
- package/dist/es/config.js +136 -0
- package/dist/es/content-divider.js +4 -0
- package/dist/es/context-menu-item.js +135 -0
- package/dist/es/crypto.js +8 -0
- package/dist/es/dropdown-item.js +100 -0
- package/dist/es/dropdown-menu-content.js +4 -0
- package/dist/es/dropdown-menu-group.js +25 -0
- package/dist/es/dropdown-menu-item.js +69 -0
- package/dist/es/dropdown-menu-label.js +32 -0
- package/dist/es/dropdown-menu-separator.js +26 -0
- package/dist/es/dropdown-menu-sub-content.js +4 -0
- package/dist/es/dropdown-menu-sub-trigger.js +4 -0
- package/dist/es/dropdown-menu-sub.js +4 -0
- package/dist/es/dropdown-menu-trigger.js +27 -0
- package/dist/es/dropdown-menu.js +33 -0
- package/dist/es/dropdown.js +292 -0
- package/dist/es/extra-settings.js +156 -0
- package/dist/es/fancy-button.js +39 -0
- package/dist/es/hint-text.js +37 -0
- package/dist/es/hue-slider.js +134 -0
- package/dist/es/index.js +229 -0
- package/dist/es/label.js +56 -0
- package/dist/es/link-bubble.js +229 -0
- package/dist/es/link-button.js +45 -0
- package/dist/es/modal-body.js +23 -0
- package/dist/es/modal-close.js +4 -0
- package/dist/es/modal-content.js +49 -0
- package/dist/es/modal-footer.js +23 -0
- package/dist/es/modal-header.js +82 -0
- package/dist/es/modal-trigger.js +4 -0
- package/dist/es/modal.js +4 -0
- package/dist/es/popover-content.js +105 -0
- package/dist/es/popover-trigger.js +25 -0
- package/dist/es/popover.js +4 -0
- package/dist/es/rich-editor.js +4997 -0
- package/dist/es/scroll-area.js +4 -0
- package/dist/es/scroll-bar.js +40 -0
- package/dist/es/segmented-control-item.js +42 -0
- package/dist/es/segmented-control.js +41 -0
- package/dist/es/select-content.js +62 -0
- package/dist/es/select-group.js +4 -0
- package/dist/es/select-icon.js +26 -0
- package/dist/es/select-item.js +45 -0
- package/dist/es/select-label.js +33 -0
- package/dist/es/select-separator.js +27 -0
- package/dist/es/select-trigger.js +41 -0
- package/dist/es/select-value.js +32 -0
- package/dist/es/select.js +4 -0
- package/dist/es/shims.js +1 -0
- package/dist/es/slider.js +4 -0
- package/dist/es/social-button.js +46 -0
- package/dist/es/sonner-alert.js +42 -0
- package/dist/es/sonner.js +4 -0
- package/dist/es/status-badge.js +50 -0
- package/dist/es/switch.js +4 -0
- package/dist/es/tab-menu-content.js +33 -0
- package/dist/es/tab-menu-item.js +45 -0
- package/dist/es/tab-menu-list.js +35 -0
- package/dist/es/tab-menu.js +33 -0
- package/dist/es/text-input-affix.js +28 -0
- package/dist/es/text-input-button.js +32 -0
- package/dist/es/text-input.js +120 -0
- package/dist/es/textarea.js +57 -0
- package/dist/es/tooltip.js +116 -0
- package/dist/es/types.js +1 -0
- package/dist/es/use-color-model.js +6 -0
- package/dist/es/use-delegated-props.js +14 -0
- package/dist/es/use-user-select.js +39 -0
- package/dist/index.d.ts +5 -0
- package/dist/utils/color.d.ts +26 -0
- package/dist/utils/crypto.d.ts +1 -0
- package/dist/utils/index.d.ts +3 -0
- package/dist/utils/sonner.d.ts +19 -0
- package/package.json +15 -4
- package/src/components/index.ts +2 -0
- package/src/components/rich-editor/config.ts +150 -0
- package/src/components/rich-editor/extra-settings.vue +151 -0
- package/src/components/rich-editor/index.ts +2 -0
- package/src/components/rich-editor/link-bubble.vue +288 -0
- package/src/components/rich-editor/rich-editor.vue +428 -0
- package/src/components/rich-editor/stories/rich-editor.stories.ts +87 -0
- package/src/components/rich-editor/types.ts +21 -0
- package/src/components/sonner/index.ts +5 -0
- package/src/components/sonner/sonner-alert.vue +54 -0
- package/src/components/sonner/sonner.vue +13 -0
- package/src/components/sonner/stories/sonner.stories.ts +194 -0
- package/src/utils/index.ts +3 -0
- package/src/utils/sonner.ts +72 -0
|
@@ -0,0 +1,228 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
const Mo = require("vue");
|
|
3
|
+
const button = require("./button.js");
|
|
4
|
+
const compactButton = require("./compact-button.js");
|
|
5
|
+
const linkButton = require("./link-button.js");
|
|
6
|
+
const label = require("./label.js");
|
|
7
|
+
const switch_vue_vue_type_style_index_0_lang = require("./chunks/switch.vue_vue_type_style_index_0_lang.js");
|
|
8
|
+
const textInputAffix = require("./text-input-affix.js");
|
|
9
|
+
const textInput = require("./text-input.js");
|
|
10
|
+
const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
|
|
11
|
+
const _hoisted_1 = {
|
|
12
|
+
key: 0,
|
|
13
|
+
class: "set-mode"
|
|
14
|
+
};
|
|
15
|
+
const _hoisted_2 = { class: "set-link" };
|
|
16
|
+
const _hoisted_3 = { class: "switch-button-box" };
|
|
17
|
+
const _hoisted_4 = {
|
|
18
|
+
key: 1,
|
|
19
|
+
class: "edit-mode"
|
|
20
|
+
};
|
|
21
|
+
const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
|
|
22
|
+
__name: "link-bubble",
|
|
23
|
+
props: {
|
|
24
|
+
editor: {},
|
|
25
|
+
showSetLinkFromToolbar: { type: Boolean }
|
|
26
|
+
},
|
|
27
|
+
emits: ["set-link-closed"],
|
|
28
|
+
setup(__props, { emit: __emit }) {
|
|
29
|
+
const props = __props;
|
|
30
|
+
const emit = __emit;
|
|
31
|
+
const BubbleMenu = Mo.defineAsyncComponent(
|
|
32
|
+
() => Promise.resolve().then(() => require("./chunks/index2.js")).then((m) => m.BubbleMenu)
|
|
33
|
+
);
|
|
34
|
+
const href = Mo.ref("");
|
|
35
|
+
const openInNewTab = Mo.ref(false);
|
|
36
|
+
const editing = Mo.ref(false);
|
|
37
|
+
const isTextSelected = () => props.editor.state.selection.from !== props.editor.state.selection.to;
|
|
38
|
+
const showBubble = Mo.computed(() => {
|
|
39
|
+
return editing.value || props.editor.isActive("link") || props.showSetLinkFromToolbar && isTextSelected();
|
|
40
|
+
});
|
|
41
|
+
function startEdit() {
|
|
42
|
+
editing.value = true;
|
|
43
|
+
const attrs = props.editor.getAttributes("link");
|
|
44
|
+
href.value = attrs.href || "";
|
|
45
|
+
openInNewTab.value = attrs.target === "_blank";
|
|
46
|
+
}
|
|
47
|
+
function removeLink() {
|
|
48
|
+
props.editor.chain().focus().unsetLink().run();
|
|
49
|
+
reset();
|
|
50
|
+
}
|
|
51
|
+
function reset() {
|
|
52
|
+
editing.value = false;
|
|
53
|
+
href.value = "";
|
|
54
|
+
openInNewTab.value = false;
|
|
55
|
+
emit("set-link-closed");
|
|
56
|
+
}
|
|
57
|
+
function truncateMiddleUrl(str) {
|
|
58
|
+
const maxLength = 40;
|
|
59
|
+
if (str.length <= maxLength) {
|
|
60
|
+
return str;
|
|
61
|
+
}
|
|
62
|
+
const startChars = Math.ceil((maxLength - 3) / 2);
|
|
63
|
+
const endChars = Math.floor((maxLength - 3) / 2);
|
|
64
|
+
return `${str.slice(0, startChars)}...${str.slice(-endChars)}`;
|
|
65
|
+
}
|
|
66
|
+
function isAllowedUri() {
|
|
67
|
+
const url = href.value.trim();
|
|
68
|
+
if (!url || url.includes(" ")) {
|
|
69
|
+
return false;
|
|
70
|
+
}
|
|
71
|
+
if (url.startsWith("/")) {
|
|
72
|
+
return true;
|
|
73
|
+
}
|
|
74
|
+
if (url.startsWith("./") || url.startsWith("../")) {
|
|
75
|
+
return false;
|
|
76
|
+
}
|
|
77
|
+
const allowedProtocols = /^(?:https?:|mailto:)/i;
|
|
78
|
+
const disallowedProtocols = /^(?:javascript:|data:)/i;
|
|
79
|
+
if (disallowedProtocols.test(url)) {
|
|
80
|
+
return false;
|
|
81
|
+
}
|
|
82
|
+
if (allowedProtocols.test(url)) {
|
|
83
|
+
return true;
|
|
84
|
+
}
|
|
85
|
+
return false;
|
|
86
|
+
}
|
|
87
|
+
const isValidUrl = Mo.computed(() => isAllowedUri());
|
|
88
|
+
function applyLink() {
|
|
89
|
+
if (!href.value || !isValidUrl.value) {
|
|
90
|
+
return;
|
|
91
|
+
}
|
|
92
|
+
props.editor.chain().focus().extendMarkRange("link").setLink({
|
|
93
|
+
href: href.value,
|
|
94
|
+
target: openInNewTab.value ? "_blank" : null
|
|
95
|
+
}).run();
|
|
96
|
+
reset();
|
|
97
|
+
}
|
|
98
|
+
const bubbleRef = Mo.ref(null);
|
|
99
|
+
function handleClickOutside(event) {
|
|
100
|
+
const target = event.target;
|
|
101
|
+
if (!bubbleRef.value) {
|
|
102
|
+
return;
|
|
103
|
+
}
|
|
104
|
+
if (bubbleRef.value && bubbleRef.value.contains(target)) {
|
|
105
|
+
return;
|
|
106
|
+
}
|
|
107
|
+
if (target.closest(".i-celeste-link")) {
|
|
108
|
+
return;
|
|
109
|
+
}
|
|
110
|
+
emit("set-link-closed");
|
|
111
|
+
}
|
|
112
|
+
Mo.onMounted(() => {
|
|
113
|
+
props.editor.on("selectionUpdate", () => {
|
|
114
|
+
if (props.editor.isActive("link") || props.showSetLinkFromToolbar) {
|
|
115
|
+
const attrs = props.editor.getAttributes("link");
|
|
116
|
+
href.value = attrs.href || "";
|
|
117
|
+
openInNewTab.value = attrs.target === "_blank";
|
|
118
|
+
} else {
|
|
119
|
+
reset();
|
|
120
|
+
}
|
|
121
|
+
});
|
|
122
|
+
document.addEventListener("click", handleClickOutside);
|
|
123
|
+
});
|
|
124
|
+
Mo.onUnmounted(() => {
|
|
125
|
+
document.removeEventListener("click", handleClickOutside);
|
|
126
|
+
});
|
|
127
|
+
return (_ctx, _cache) => {
|
|
128
|
+
return Mo.openBlock(), Mo.createBlock(Mo.unref(BubbleMenu), {
|
|
129
|
+
"should-show": () => true,
|
|
130
|
+
editor: _ctx.editor,
|
|
131
|
+
options: {
|
|
132
|
+
placement: "bottom",
|
|
133
|
+
offset: {
|
|
134
|
+
mainAxis: 0,
|
|
135
|
+
crossAxis: 12
|
|
136
|
+
}
|
|
137
|
+
}
|
|
138
|
+
}, {
|
|
139
|
+
default: Mo.withCtx(() => [
|
|
140
|
+
showBubble.value ? (Mo.openBlock(), Mo.createElementBlock("div", {
|
|
141
|
+
key: 0,
|
|
142
|
+
ref_key: "bubbleRef",
|
|
143
|
+
ref: bubbleRef,
|
|
144
|
+
class: "link-bubble"
|
|
145
|
+
}, [
|
|
146
|
+
editing.value || props.showSetLinkFromToolbar && isTextSelected() ? (Mo.openBlock(), Mo.createElementBlock("div", _hoisted_1, [
|
|
147
|
+
Mo.createElementVNode("div", _hoisted_2, [
|
|
148
|
+
Mo.createVNode(textInput, {
|
|
149
|
+
modelValue: href.value,
|
|
150
|
+
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => href.value = $event),
|
|
151
|
+
type: "url",
|
|
152
|
+
size: "xs",
|
|
153
|
+
placeholder: "Paste or type a link",
|
|
154
|
+
class: "link-input",
|
|
155
|
+
onKeydown: [
|
|
156
|
+
Mo.withKeys(applyLink, ["enter"]),
|
|
157
|
+
Mo.withKeys(reset, ["esc"])
|
|
158
|
+
]
|
|
159
|
+
}, {
|
|
160
|
+
leadingNode: Mo.withCtx(() => [
|
|
161
|
+
Mo.createVNode(textInputAffix, null, {
|
|
162
|
+
default: Mo.withCtx(() => _cache[2] || (_cache[2] = [
|
|
163
|
+
Mo.createElementVNode("i", { class: "i-celeste-link" }, null, -1)
|
|
164
|
+
])),
|
|
165
|
+
_: 1
|
|
166
|
+
})
|
|
167
|
+
]),
|
|
168
|
+
_: 1
|
|
169
|
+
}, 8, ["modelValue"]),
|
|
170
|
+
Mo.createVNode(button, {
|
|
171
|
+
intent: "neutral",
|
|
172
|
+
size: "xs",
|
|
173
|
+
variant: "stroke",
|
|
174
|
+
disabled: !isValidUrl.value,
|
|
175
|
+
onClick: applyLink
|
|
176
|
+
}, {
|
|
177
|
+
default: Mo.withCtx(() => _cache[3] || (_cache[3] = [
|
|
178
|
+
Mo.createTextVNode(" Set link ")
|
|
179
|
+
])),
|
|
180
|
+
_: 1
|
|
181
|
+
}, 8, ["disabled"])
|
|
182
|
+
]),
|
|
183
|
+
Mo.createElementVNode("div", _hoisted_3, [
|
|
184
|
+
Mo.createVNode(label, { for: "open-in-new-tab" }, {
|
|
185
|
+
default: Mo.withCtx(() => _cache[4] || (_cache[4] = [
|
|
186
|
+
Mo.createTextVNode(" Open in new tab ")
|
|
187
|
+
])),
|
|
188
|
+
_: 1
|
|
189
|
+
}),
|
|
190
|
+
Mo.createVNode(switch_vue_vue_type_style_index_0_lang._sfc_main, {
|
|
191
|
+
id: "open-in-new-tab",
|
|
192
|
+
checked: openInNewTab.value,
|
|
193
|
+
"onUpdate:checked": _cache[1] || (_cache[1] = ($event) => openInNewTab.value = $event)
|
|
194
|
+
}, null, 8, ["checked"])
|
|
195
|
+
])
|
|
196
|
+
])) : props.editor.isActive("link") ? (Mo.openBlock(), Mo.createElementBlock("div", _hoisted_4, [
|
|
197
|
+
Mo.createVNode(linkButton, {
|
|
198
|
+
href: _ctx.editor.getAttributes("link").href,
|
|
199
|
+
target: _ctx.editor.getAttributes("link").target
|
|
200
|
+
}, {
|
|
201
|
+
default: Mo.withCtx(() => [
|
|
202
|
+
Mo.createTextVNode(Mo.toDisplayString(truncateMiddleUrl(_ctx.editor.getAttributes("link").href)), 1)
|
|
203
|
+
]),
|
|
204
|
+
_: 1
|
|
205
|
+
}, 8, ["href", "target"]),
|
|
206
|
+
_cache[5] || (_cache[5] = Mo.createElementVNode("div", { class: "divider" }, null, -1)),
|
|
207
|
+
Mo.createVNode(compactButton, {
|
|
208
|
+
icon: "i-celeste-edit-line",
|
|
209
|
+
size: "lg",
|
|
210
|
+
variant: "ghost",
|
|
211
|
+
onClick: startEdit
|
|
212
|
+
}),
|
|
213
|
+
Mo.createVNode(compactButton, {
|
|
214
|
+
icon: "i-celeste-delete-bin-line",
|
|
215
|
+
size: "lg",
|
|
216
|
+
variant: "ghost",
|
|
217
|
+
onClick: removeLink
|
|
218
|
+
})
|
|
219
|
+
])) : Mo.createCommentVNode("", true)
|
|
220
|
+
], 512)) : Mo.createCommentVNode("", true)
|
|
221
|
+
]),
|
|
222
|
+
_: 1
|
|
223
|
+
}, 8, ["editor"]);
|
|
224
|
+
};
|
|
225
|
+
}
|
|
226
|
+
});
|
|
227
|
+
const LinkBubble = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-c63c1d92"]]);
|
|
228
|
+
module.exports = LinkBubble;
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
const Mo = require("vue");
|
|
3
|
+
const clsx = require("./chunks/clsx.js");
|
|
4
|
+
const index = require("./chunks/index.js");
|
|
5
|
+
;/* empty css */
|
|
6
|
+
const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
|
|
7
|
+
const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
|
|
8
|
+
__name: "link-button",
|
|
9
|
+
props: {
|
|
10
|
+
class: {},
|
|
11
|
+
size: { default: "md" },
|
|
12
|
+
intent: { default: "primary" },
|
|
13
|
+
underline: { type: Boolean },
|
|
14
|
+
disabled: { type: Boolean },
|
|
15
|
+
asChild: { type: Boolean },
|
|
16
|
+
as: { default: "a" }
|
|
17
|
+
},
|
|
18
|
+
setup(__props) {
|
|
19
|
+
const props = __props;
|
|
20
|
+
return (_ctx, _cache) => {
|
|
21
|
+
return Mo.openBlock(), Mo.createBlock(Mo.unref(index.O), {
|
|
22
|
+
as: _ctx.as,
|
|
23
|
+
disabled: _ctx.disabled,
|
|
24
|
+
"as-child": _ctx.asChild,
|
|
25
|
+
class: Mo.normalizeClass(Mo.unref(clsx.clsx)(
|
|
26
|
+
"celeste-link-button",
|
|
27
|
+
`celeste-link-button-${_ctx.intent}`,
|
|
28
|
+
`celeste-link-button-${_ctx.size}`,
|
|
29
|
+
_ctx.disabled && "celeste-link-button-disabled",
|
|
30
|
+
_ctx.underline && "celeste-link-button-underline",
|
|
31
|
+
props.class
|
|
32
|
+
)),
|
|
33
|
+
role: _ctx.as === "a" ? "link" : "button"
|
|
34
|
+
}, {
|
|
35
|
+
default: Mo.withCtx(() => [
|
|
36
|
+
Mo.renderSlot(_ctx.$slots, "default", {}, void 0, true)
|
|
37
|
+
]),
|
|
38
|
+
_: 3
|
|
39
|
+
}, 8, ["as", "disabled", "as-child", "class", "role"]);
|
|
40
|
+
};
|
|
41
|
+
}
|
|
42
|
+
});
|
|
43
|
+
const LinkButton = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-82b3b1ab"]]);
|
|
44
|
+
module.exports = LinkButton;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
const Mo = require("vue");
|
|
3
|
+
const clsx = require("./chunks/clsx.js");
|
|
4
|
+
const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
|
|
5
|
+
const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
|
|
6
|
+
__name: "modal-body",
|
|
7
|
+
props: {
|
|
8
|
+
class: {}
|
|
9
|
+
},
|
|
10
|
+
setup(__props) {
|
|
11
|
+
const props = __props;
|
|
12
|
+
return (_ctx, _cache) => {
|
|
13
|
+
return Mo.openBlock(), Mo.createElementBlock("div", {
|
|
14
|
+
class: Mo.normalizeClass(Mo.unref(clsx.clsx)("celeste-modal-body", props.class))
|
|
15
|
+
}, [
|
|
16
|
+
Mo.renderSlot(_ctx.$slots, "default", {}, void 0, true)
|
|
17
|
+
], 2);
|
|
18
|
+
};
|
|
19
|
+
}
|
|
20
|
+
});
|
|
21
|
+
const modalBody = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-8872ed90"]]);
|
|
22
|
+
module.exports = modalBody;
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
const Mo = require("vue");
|
|
3
|
+
const useDelegatedProps = require("./use-delegated-props.js");
|
|
4
|
+
const clsx = require("./chunks/clsx.js");
|
|
5
|
+
const index = require("./chunks/index.js");
|
|
6
|
+
const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
|
|
7
|
+
const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
|
|
8
|
+
__name: "modal-content",
|
|
9
|
+
props: {
|
|
10
|
+
forceMount: { type: Boolean },
|
|
11
|
+
trapFocus: { type: Boolean },
|
|
12
|
+
disableOutsidePointerEvents: { type: Boolean },
|
|
13
|
+
asChild: { type: Boolean },
|
|
14
|
+
as: {},
|
|
15
|
+
class: {},
|
|
16
|
+
style: {}
|
|
17
|
+
},
|
|
18
|
+
emits: ["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "openAutoFocus", "closeAutoFocus"],
|
|
19
|
+
setup(__props, { emit: __emit }) {
|
|
20
|
+
const props = __props;
|
|
21
|
+
const emits = __emit;
|
|
22
|
+
const delegatedProps = useDelegatedProps.useDelegatedProps(props, "class");
|
|
23
|
+
const forwarded = index.xe(delegatedProps, emits);
|
|
24
|
+
return (_ctx, _cache) => {
|
|
25
|
+
return Mo.openBlock(), Mo.createBlock(Mo.unref(index.Dv), null, {
|
|
26
|
+
default: Mo.withCtx(() => [
|
|
27
|
+
Mo.createVNode(Mo.unref(index.Eu), { class: "celeste-modal-overlay" }),
|
|
28
|
+
Mo.createVNode(Mo.Transition, { name: "fade" }, {
|
|
29
|
+
default: Mo.withCtx(() => [
|
|
30
|
+
Mo.createVNode(Mo.unref(index.xu), Mo.mergeProps(Mo.unref(forwarded), {
|
|
31
|
+
class: Mo.unref(clsx.clsx)("celeste-modal-content", props.class)
|
|
32
|
+
}), {
|
|
33
|
+
default: Mo.withCtx(() => [
|
|
34
|
+
Mo.renderSlot(_ctx.$slots, "default", {}, void 0, true)
|
|
35
|
+
]),
|
|
36
|
+
_: 3
|
|
37
|
+
}, 16, ["class"])
|
|
38
|
+
]),
|
|
39
|
+
_: 3
|
|
40
|
+
})
|
|
41
|
+
]),
|
|
42
|
+
_: 3
|
|
43
|
+
});
|
|
44
|
+
};
|
|
45
|
+
}
|
|
46
|
+
});
|
|
47
|
+
const modalContent = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-bdcae06b"]]);
|
|
48
|
+
module.exports = modalContent;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
const Mo = require("vue");
|
|
3
|
+
const clsx = require("./chunks/clsx.js");
|
|
4
|
+
const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
|
|
5
|
+
const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
|
|
6
|
+
__name: "modal-footer",
|
|
7
|
+
props: {
|
|
8
|
+
class: {}
|
|
9
|
+
},
|
|
10
|
+
setup(__props) {
|
|
11
|
+
const props = __props;
|
|
12
|
+
return (_ctx, _cache) => {
|
|
13
|
+
return Mo.openBlock(), Mo.createElementBlock("div", {
|
|
14
|
+
class: Mo.normalizeClass(Mo.unref(clsx.clsx)("celeste-modal-footer", props.class))
|
|
15
|
+
}, [
|
|
16
|
+
Mo.renderSlot(_ctx.$slots, "default", {}, void 0, true)
|
|
17
|
+
], 2);
|
|
18
|
+
};
|
|
19
|
+
}
|
|
20
|
+
});
|
|
21
|
+
const modalFooter = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-f3331df1"]]);
|
|
22
|
+
module.exports = modalFooter;
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
const Mo = require("vue");
|
|
3
|
+
const compactButton = require("./compact-button.js");
|
|
4
|
+
const clsx = require("./chunks/clsx.js");
|
|
5
|
+
const index = require("./chunks/index.js");
|
|
6
|
+
const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
|
|
7
|
+
const _hoisted_1 = ["data-dismissible", "data-alignment", "data-type"];
|
|
8
|
+
const _hoisted_2 = {
|
|
9
|
+
key: 0,
|
|
10
|
+
class: "icon"
|
|
11
|
+
};
|
|
12
|
+
const _hoisted_3 = {
|
|
13
|
+
key: 1,
|
|
14
|
+
class: "content"
|
|
15
|
+
};
|
|
16
|
+
const _hoisted_4 = { class: "title" };
|
|
17
|
+
const _hoisted_5 = { class: "description" };
|
|
18
|
+
const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
|
|
19
|
+
__name: "modal-header",
|
|
20
|
+
props: {
|
|
21
|
+
title: {},
|
|
22
|
+
icon: {},
|
|
23
|
+
description: {},
|
|
24
|
+
dismissible: { type: Boolean, default: true },
|
|
25
|
+
alignment: { default: "horizontal" },
|
|
26
|
+
type: { default: "default" },
|
|
27
|
+
class: {}
|
|
28
|
+
},
|
|
29
|
+
setup(__props) {
|
|
30
|
+
const props = __props;
|
|
31
|
+
return (_ctx, _cache) => {
|
|
32
|
+
return Mo.openBlock(), Mo.createElementBlock("div", {
|
|
33
|
+
class: Mo.normalizeClass(Mo.unref(clsx.clsx)("celeste-modal-header", props.class)),
|
|
34
|
+
"data-dismissible": _ctx.dismissible,
|
|
35
|
+
"data-alignment": _ctx.alignment,
|
|
36
|
+
"data-type": _ctx.type
|
|
37
|
+
}, [
|
|
38
|
+
_ctx.icon ? (Mo.openBlock(), Mo.createElementBlock("div", _hoisted_2, [
|
|
39
|
+
Mo.createElementVNode("i", {
|
|
40
|
+
class: Mo.normalizeClass(_ctx.icon)
|
|
41
|
+
}, null, 2)
|
|
42
|
+
])) : Mo.createCommentVNode("", true),
|
|
43
|
+
_ctx.title || _ctx.description ? (Mo.openBlock(), Mo.createElementBlock("div", _hoisted_3, [
|
|
44
|
+
_ctx.title ? (Mo.openBlock(), Mo.createBlock(Mo.unref(index.Pu), {
|
|
45
|
+
key: 0,
|
|
46
|
+
"as-child": ""
|
|
47
|
+
}, {
|
|
48
|
+
default: Mo.withCtx(() => [
|
|
49
|
+
Mo.createElementVNode("h2", _hoisted_4, Mo.toDisplayString(_ctx.title), 1)
|
|
50
|
+
]),
|
|
51
|
+
_: 1
|
|
52
|
+
})) : Mo.createCommentVNode("", true),
|
|
53
|
+
_ctx.description ? (Mo.openBlock(), Mo.createBlock(Mo.unref(index.Du), {
|
|
54
|
+
key: 1,
|
|
55
|
+
"as-child": ""
|
|
56
|
+
}, {
|
|
57
|
+
default: Mo.withCtx(() => [
|
|
58
|
+
Mo.createElementVNode("p", _hoisted_5, Mo.toDisplayString(_ctx.description), 1)
|
|
59
|
+
]),
|
|
60
|
+
_: 1
|
|
61
|
+
})) : Mo.createCommentVNode("", true)
|
|
62
|
+
])) : Mo.createCommentVNode("", true),
|
|
63
|
+
_ctx.dismissible ? (Mo.openBlock(), Mo.createBlock(Mo.unref(index.Gl), {
|
|
64
|
+
key: 2,
|
|
65
|
+
"as-child": ""
|
|
66
|
+
}, {
|
|
67
|
+
default: Mo.withCtx(() => [
|
|
68
|
+
Mo.createVNode(compactButton, {
|
|
69
|
+
class: "close",
|
|
70
|
+
icon: "i-celeste-close-line",
|
|
71
|
+
variant: "ghost"
|
|
72
|
+
})
|
|
73
|
+
]),
|
|
74
|
+
_: 1
|
|
75
|
+
})) : Mo.createCommentVNode("", true)
|
|
76
|
+
], 10, _hoisted_1);
|
|
77
|
+
};
|
|
78
|
+
}
|
|
79
|
+
});
|
|
80
|
+
const modalHeader = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-a655071e"]]);
|
|
81
|
+
module.exports = modalHeader;
|
|
@@ -0,0 +1,104 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
const Mo = require("vue");
|
|
3
|
+
const compactButton = require("./compact-button.js");
|
|
4
|
+
const useDelegatedProps = require("./use-delegated-props.js");
|
|
5
|
+
const clsx = require("./chunks/clsx.js");
|
|
6
|
+
const index = require("./chunks/index.js");
|
|
7
|
+
const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
|
|
8
|
+
const _hoisted_1 = ["data-icon-size"];
|
|
9
|
+
const _hoisted_2 = { class: "celeste-popover-title" };
|
|
10
|
+
const _hoisted_3 = { class: "celeste-popover-description" };
|
|
11
|
+
const _hoisted_4 = {
|
|
12
|
+
key: 2,
|
|
13
|
+
class: "celeste-popover-footer"
|
|
14
|
+
};
|
|
15
|
+
const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
|
|
16
|
+
...{
|
|
17
|
+
inheritAttrs: false
|
|
18
|
+
},
|
|
19
|
+
__name: "popover-content",
|
|
20
|
+
props: {
|
|
21
|
+
class: {},
|
|
22
|
+
side: { default: "bottom" },
|
|
23
|
+
title: {},
|
|
24
|
+
description: {},
|
|
25
|
+
showTail: { type: Boolean, default: true },
|
|
26
|
+
dismissible: { type: Boolean, default: true },
|
|
27
|
+
icon: {},
|
|
28
|
+
iconSize: { default: "lg" }
|
|
29
|
+
},
|
|
30
|
+
emits: ["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "openAutoFocus", "closeAutoFocus"],
|
|
31
|
+
setup(__props, { emit: __emit }) {
|
|
32
|
+
const props = __props;
|
|
33
|
+
const emits = __emit;
|
|
34
|
+
const delegatedProps = useDelegatedProps.useDelegatedProps(props, ["class", "title"]);
|
|
35
|
+
const forwarded = index.xe(delegatedProps, emits);
|
|
36
|
+
return (_ctx, _cache) => {
|
|
37
|
+
return Mo.openBlock(), Mo.createBlock(Mo.unref(index.bs), null, {
|
|
38
|
+
default: Mo.withCtx(() => [
|
|
39
|
+
Mo.createVNode(Mo.unref(index.ws), Mo.mergeProps({ ...Mo.unref(forwarded), ..._ctx.$attrs }, {
|
|
40
|
+
"side-offset": _ctx.showTail ? 0 : 8,
|
|
41
|
+
class: Mo.unref(clsx.clsx)(
|
|
42
|
+
"celeste-popover-content-wrapper",
|
|
43
|
+
props.class
|
|
44
|
+
)
|
|
45
|
+
}), {
|
|
46
|
+
default: Mo.withCtx(() => [
|
|
47
|
+
Mo.createElementVNode("div", {
|
|
48
|
+
class: "celeste-popover-content",
|
|
49
|
+
style: Mo.normalizeStyle({ padding: !_ctx.$slots.default ? "var(--spacing-16)" : "" })
|
|
50
|
+
}, [
|
|
51
|
+
!_ctx.$slots.default ? (Mo.openBlock(), Mo.createElementBlock(Mo.Fragment, { key: 0 }, [
|
|
52
|
+
_ctx.icon ? (Mo.openBlock(), Mo.createElementBlock("span", {
|
|
53
|
+
key: 0,
|
|
54
|
+
class: "celeste-popover-icon",
|
|
55
|
+
"data-icon-size": _ctx.iconSize
|
|
56
|
+
}, [
|
|
57
|
+
Mo.createElementVNode("i", {
|
|
58
|
+
class: Mo.normalizeClass(_ctx.icon)
|
|
59
|
+
}, null, 2)
|
|
60
|
+
], 8, _hoisted_1)) : Mo.createCommentVNode("", true),
|
|
61
|
+
Mo.createElementVNode("p", _hoisted_2, Mo.toDisplayString(_ctx.title), 1),
|
|
62
|
+
Mo.createElementVNode("p", _hoisted_3, Mo.toDisplayString(_ctx.description), 1)
|
|
63
|
+
], 64)) : Mo.renderSlot(_ctx.$slots, "default", { key: 1 }, void 0, true)
|
|
64
|
+
], 4),
|
|
65
|
+
_ctx.showTail ? (Mo.openBlock(), Mo.createBlock(Mo.unref(index._s), {
|
|
66
|
+
key: 0,
|
|
67
|
+
"as-child": "",
|
|
68
|
+
width: 16,
|
|
69
|
+
height: 8
|
|
70
|
+
}, {
|
|
71
|
+
default: Mo.withCtx(() => _cache[0] || (_cache[0] = [
|
|
72
|
+
Mo.createElementVNode("span", { class: "celeste-popover-arrow" }, null, -1)
|
|
73
|
+
])),
|
|
74
|
+
_: 1
|
|
75
|
+
})) : Mo.createCommentVNode("", true),
|
|
76
|
+
_ctx.dismissible ? (Mo.openBlock(), Mo.createBlock(Mo.unref(index.xs), {
|
|
77
|
+
key: 1,
|
|
78
|
+
"as-child": "",
|
|
79
|
+
class: "PopoverClose",
|
|
80
|
+
"aria-label": "Close"
|
|
81
|
+
}, {
|
|
82
|
+
default: Mo.withCtx(() => [
|
|
83
|
+
Mo.createVNode(compactButton, {
|
|
84
|
+
variant: "ghost",
|
|
85
|
+
icon: "i-celeste-close-line",
|
|
86
|
+
class: "celeste-popover-close-button"
|
|
87
|
+
})
|
|
88
|
+
]),
|
|
89
|
+
_: 1
|
|
90
|
+
})) : Mo.createCommentVNode("", true),
|
|
91
|
+
_ctx.$slots.footer ? (Mo.openBlock(), Mo.createElementBlock("div", _hoisted_4, [
|
|
92
|
+
Mo.renderSlot(_ctx.$slots, "footer", {}, void 0, true)
|
|
93
|
+
])) : Mo.createCommentVNode("", true)
|
|
94
|
+
]),
|
|
95
|
+
_: 3
|
|
96
|
+
}, 16, ["side-offset", "class"])
|
|
97
|
+
]),
|
|
98
|
+
_: 3
|
|
99
|
+
});
|
|
100
|
+
};
|
|
101
|
+
}
|
|
102
|
+
});
|
|
103
|
+
const PopoverContent = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-fae157b1"]]);
|
|
104
|
+
module.exports = PopoverContent;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
const Mo = require("vue");
|
|
3
|
+
const index = require("./chunks/index.js");
|
|
4
|
+
const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
|
|
5
|
+
const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
|
|
6
|
+
__name: "popover-trigger",
|
|
7
|
+
props: {
|
|
8
|
+
asChild: { type: Boolean },
|
|
9
|
+
as: {}
|
|
10
|
+
},
|
|
11
|
+
setup(__props) {
|
|
12
|
+
const props = __props;
|
|
13
|
+
return (_ctx, _cache) => {
|
|
14
|
+
return Mo.openBlock(), Mo.createBlock(Mo.unref(index.gs), Mo.mergeProps({ class: "celeste-popover-trigger" }, props, { as: "div" }), {
|
|
15
|
+
default: Mo.withCtx(() => [
|
|
16
|
+
Mo.renderSlot(_ctx.$slots, "default", {}, void 0, true)
|
|
17
|
+
]),
|
|
18
|
+
_: 3
|
|
19
|
+
}, 16);
|
|
20
|
+
};
|
|
21
|
+
}
|
|
22
|
+
});
|
|
23
|
+
const PopoverTrigger = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-2664c4cb"]]);
|
|
24
|
+
module.exports = PopoverTrigger;
|