@onereach/ui-components 2.62.3-beta.1902.0 → 2.63.0-beta.1894.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/v2/{OrConfirm-f3aed6d3.js → OrConfirm-8d149ece.js} +1 -1
- package/dist/v2/{OrIconButton-94c69467.js → OrIconButton-5883eba0.js} +2 -2
- package/dist/v2/{OrInlineInput-50da2b1f.js → OrInlineInput-16a343c1.js} +1 -1
- package/dist/v2/{OrInlineTextarea-94253b64.js → OrInlineTextarea-f154bdf5.js} +1 -1
- package/dist/v2/{OrInput-040147f3.js → OrInput-4a50fe57.js} +1 -1
- package/dist/v2/{OrModal-e4439825.js → OrModal-64c5ae2e.js} +1 -1
- package/dist/v2/{OrNotification-be6132e6.js → OrNotification-9c164908.js} +1 -1
- package/dist/v2/{OrSearch-375ad422.js → OrSearch-a247f072.js} +1 -1
- package/dist/v2/{OrSelect-846e9a87.js → OrSelect-bb223cce.js} +2 -2
- package/dist/v2/{OrTag-02320f5f.js → OrTag-ab03c4f7.js} +1 -1
- package/dist/v2/{OrTooltip-afe7030b.js → OrTooltip-caeac590.js} +3 -33
- package/dist/v2/components/or-rich-text-editor-v3/OrRichTextEditor.stories3.d.ts +12 -0
- package/dist/v2/components/or-rich-text-editor-v3/OrRichTextEditor.vue.d.ts +111 -0
- package/dist/v2/components/or-rich-text-editor-v3/index.d.ts +1 -0
- package/dist/v2/components/or-rich-text-editor-v3/styles.d.ts +7 -0
- package/dist/v2/components/or-tooltip-v3/styles.d.ts +0 -2
- package/dist/v2/index.js +12 -12
- package/dist/v2/index2.js +12 -12
- package/dist/v2/index20.js +4 -4
- package/dist/v2/index31.js +2 -2
- package/dist/v2/index34.js +3 -3
- package/dist/v2/index36.js +3 -3
- package/dist/v2/index38.js +3 -3
- package/dist/v2/index50.js +3 -3
- package/dist/v2/index52.js +3 -3
- package/dist/v2/index62.js +306 -12
- package/dist/v2/index63.js +18 -15
- package/dist/v2/index64.js +15 -23
- package/dist/v2/index65.js +25 -4
- package/dist/v2/index66.js +2 -1
- package/dist/v2/index67.js +3 -4
- package/dist/v2/index68.js +3 -4
- package/dist/v2/index69.js +3 -10
- package/dist/v2/index70.js +3 -6
- package/dist/v2/index71.js +13 -2
- package/dist/v2/index72.js +4 -6
- package/dist/v2/index73.js +6 -4
- package/dist/v2/index74.js +2 -1
- package/dist/v2/index75.js +3 -3
- package/dist/v2/index76.js +3 -4
- package/dist/v2/index77.js +4 -15
- package/dist/v2/index78.js +14 -11
- package/dist/v2/index79.js +11 -13
- package/dist/v2/index80.js +14 -2
- package/dist/v2/index81.js +2 -2
- package/dist/v2/index82.js +2 -3
- package/dist/v2/index83.js +1 -6
- package/dist/v2/index84.js +7 -20
- package/dist/v2/index85.js +12 -9
- package/dist/v2/index86.js +18 -1
- package/dist/v2/index87.js +2 -18
- package/dist/v2/index88.js +18 -2
- package/dist/v2/index89.js +2 -10
- package/dist/v2/index90.js +9 -11
- package/dist/v2/index91.js +12 -6
- package/dist/v2/index92.js +5 -1
- package/dist/v2/index93.js +3 -0
- package/dist/v2/{types-dd4c7282.js → types-fb93ea4e.js} +1 -1
- package/dist/v3/{OrConfirm-58aa4260.js → OrConfirm-456ddee1.js} +1 -1
- package/dist/v3/{OrIconButton-eef9eb43.js → OrIconButton-b8066b5d.js} +2 -2
- package/dist/v3/{OrInlineInput-0c87838c.js → OrInlineInput-280768ba.js} +1 -1
- package/dist/v3/{OrInlineTextarea-d50f03b7.js → OrInlineTextarea-0f63f344.js} +1 -1
- package/dist/v3/{OrInput-d34c8571.js → OrInput-3eef7945.js} +1 -1
- package/dist/v3/{OrModal-179f5a1a.js → OrModal-f67d37d3.js} +1 -1
- package/dist/v3/{OrNotification-4a0dc24a.js → OrNotification-fefa1cb4.js} +1 -1
- package/dist/v3/{OrSearch-95d4e098.js → OrSearch-15a70678.js} +1 -1
- package/dist/v3/{OrSelect-32f188bd.js → OrSelect-63ada65d.js} +2 -2
- package/dist/v3/{OrTag-d1f3a0d0.js → OrTag-144b4ab8.js} +1 -1
- package/dist/v3/{OrTooltip-36c6728c.js → OrTooltip-30e05f9e.js} +3 -33
- package/dist/v3/components/or-rich-text-editor-v3/OrRichTextEditor.stories3.d.ts +12 -0
- package/dist/v3/components/or-rich-text-editor-v3/OrRichTextEditor.vue.d.ts +111 -0
- package/dist/v3/components/or-rich-text-editor-v3/index.d.ts +1 -0
- package/dist/v3/components/or-rich-text-editor-v3/styles.d.ts +7 -0
- package/dist/v3/components/or-tooltip-v3/styles.d.ts +0 -2
- package/dist/v3/index.js +12 -12
- package/dist/v3/index2.js +12 -12
- package/dist/v3/index20.js +4 -4
- package/dist/v3/index31.js +2 -2
- package/dist/v3/index34.js +3 -3
- package/dist/v3/index36.js +3 -3
- package/dist/v3/index38.js +3 -3
- package/dist/v3/index50.js +3 -3
- package/dist/v3/index52.js +3 -3
- package/dist/v3/index62.js +280 -12
- package/dist/v3/index63.js +17 -14
- package/dist/v3/index64.js +13 -21
- package/dist/v3/index65.js +23 -3
- package/dist/v3/index66.js +2 -1
- package/dist/v3/index67.js +3 -4
- package/dist/v3/index68.js +3 -4
- package/dist/v3/index69.js +3 -9
- package/dist/v3/index70.js +3 -4
- package/dist/v3/index71.js +10 -2
- package/dist/v3/index72.js +3 -5
- package/dist/v3/index73.js +5 -3
- package/dist/v3/index74.js +2 -1
- package/dist/v3/index75.js +3 -3
- package/dist/v3/index76.js +3 -4
- package/dist/v3/index77.js +4 -14
- package/dist/v3/index78.js +13 -10
- package/dist/v3/index79.js +10 -12
- package/dist/v3/index80.js +13 -1
- package/dist/v3/index81.js +1 -1
- package/dist/v3/index82.js +1 -3
- package/dist/v3/index83.js +1 -6
- package/dist/v3/index84.js +6 -16
- package/dist/v3/index85.js +12 -9
- package/dist/v3/index86.js +15 -1
- package/dist/v3/index87.js +2 -17
- package/dist/v3/index88.js +17 -2
- package/dist/v3/index89.js +2 -8
- package/dist/v3/index90.js +6 -9
- package/dist/v3/index91.js +11 -6
- package/dist/v3/index92.js +5 -1
- package/dist/v3/index93.js +3 -0
- package/dist/v3/{types-8ff779b1.js → types-a2a8f948.js} +1 -1
- package/package.json +7 -1
- package/src/components/or-avatar-v3/OrAvatar.docs.mdx +0 -4
- package/src/components/or-bottom-sheet-v3/OrBottomSheet.docs.mdx +0 -4
- package/src/components/or-button-v3/OrButton.docs.mdx +0 -4
- package/src/components/or-card-v3/OrCard.docs.mdx +0 -4
- package/src/components/or-checkbox-v3/OrCheckbox.docs.mdx +0 -4
- package/src/components/or-confirm-v3/OrConfirm.docs.mdx +0 -4
- package/src/components/or-error-tag-v3/OrErrorTag.docs.mdx +0 -5
- package/src/components/or-error-v3/OrError.docs.mdx +0 -4
- package/src/components/or-expansion-panel-v3/OrExpansionPanel.docs.mdx +0 -4
- package/src/components/or-fab-v3/OrFab.docs.mdx +0 -4
- package/src/components/or-hint-v3/OrHint.docs.mdx +0 -4
- package/src/components/or-icon-button-v3/OrIconButton.docs.mdx +0 -4
- package/src/components/or-icon-button-v3/styles.ts +1 -0
- package/src/components/or-icon-v3/OrIcon.docs.mdx +0 -4
- package/src/components/or-inline-input-v3/OrInlineInput.docs.mdx +0 -4
- package/src/components/or-inline-textarea-v3/OrInlineTextarea.docs.mdx +0 -4
- package/src/components/or-input-v3/OrInput.docs.mdx +0 -4
- package/src/components/or-label-v3/OrLabel.docs.mdx +0 -4
- package/src/components/or-link-v3/OrLink.docs.mdx +0 -4
- package/src/components/or-loader-v3/OrLoader.docs.mdx +0 -4
- package/src/components/or-menu-item-v3/OrMenuItem.docs.mdx +0 -4
- package/src/components/or-menu-v3/OrMenu.docs.mdx +0 -4
- package/src/components/or-modal-v3/OrModal.docs.mdx +0 -4
- package/src/components/or-notification-v3/OrNotification.docs.mdx +0 -4
- package/src/components/or-overlay-v3/OrOverlay.docs.mdx +0 -4
- package/src/components/or-popover-v3/OrPopover.docs.mdx +0 -4
- package/src/components/or-progress-v3/OrProgress.docs.mdx +0 -4
- package/src/components/or-radio-v3/OrRadio.docs.mdx +0 -4
- package/src/components/or-rich-text-editor-v3/OrRichTextEditor.docs.mdx +16 -0
- package/src/components/or-rich-text-editor-v3/OrRichTextEditor.stories3.ts +57 -0
- package/src/components/or-rich-text-editor-v3/OrRichTextEditor.vue +295 -0
- package/src/components/or-rich-text-editor-v3/index.ts +1 -0
- package/src/components/or-rich-text-editor-v3/styles.ts +71 -0
- package/src/components/or-search-v3/OrSearch.docs.mdx +0 -4
- package/src/components/or-select-v3/OrSelect.docs.mdx +0 -4
- package/src/components/or-sidebar-v3/OrSidebar.docs.mdx +0 -4
- package/src/components/or-skeleton-v3/OrSkeleton.docs.mdx +0 -8
- package/src/components/or-switch-v3/OrSwitch.docs.mdx +0 -4
- package/src/components/or-tab-v3/OrTab.docs.mdx +0 -4
- package/src/components/or-tabs-v3/OrTabs.docs.mdx +0 -4
- package/src/components/or-tag-v3/OrTag.docs.mdx +0 -4
- package/src/components/or-teleport-v3/OrTeleport.docs.mdx +0 -4
- package/src/components/or-text-v3/OrText.docs.mdx +0 -4
- package/src/components/or-textarea-v3/OrTextarea.docs.mdx +0 -4
- package/src/components/or-tooltip-v3/OrTooltip.docs.mdx +0 -3
- package/src/components/or-tooltip-v3/OrTooltip.vue +2 -3
- package/src/components/or-tooltip-v3/styles.ts +0 -55
package/dist/v2/index62.js
CHANGED
|
@@ -1,15 +1,18 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
import 'vue-demi';
|
|
1
|
+
import { defineComponent, ref, onMounted, onBeforeUnmount, computed, watch } from 'vue-demi';
|
|
2
|
+
import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
|
|
4
3
|
import '@vueuse/core';
|
|
5
|
-
import '
|
|
6
|
-
import '
|
|
7
|
-
import '
|
|
8
|
-
import '
|
|
9
|
-
import '
|
|
10
|
-
import './OrIconButton-
|
|
4
|
+
import { Editor } from '@tiptap/core';
|
|
5
|
+
import StarterKit from '@tiptap/starter-kit';
|
|
6
|
+
import Underline from '@tiptap/extension-underline';
|
|
7
|
+
import Highlight from '@tiptap/extension-highlight';
|
|
8
|
+
import Placeholder from '@tiptap/extension-placeholder';
|
|
9
|
+
import { _ as __vue_component__$1 } from './OrIconButton-5883eba0.js';
|
|
10
|
+
import { _ as __vue_component__$2 } from './OrLabel-5670468e.js';
|
|
11
|
+
import { flatMap } from 'lodash';
|
|
12
|
+
import { s as styleInject } from './style-inject.es-4c6f2515.js';
|
|
13
|
+
import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
|
|
11
14
|
import './OrIcon-124f3bad.js';
|
|
12
|
-
import './OrTooltip-
|
|
15
|
+
import './OrTooltip-caeac590.js';
|
|
13
16
|
import './OrPopover-9080fc00.js';
|
|
14
17
|
import '@floating-ui/dom';
|
|
15
18
|
import './useElevation-0e973238.js';
|
|
@@ -18,5 +21,296 @@ import './OrBottomSheet-f09adbbb.js';
|
|
|
18
21
|
import './OrOverlay-4838a9b0.js';
|
|
19
22
|
import './OrTeleport.vue2-fb92f29f.js';
|
|
20
23
|
import 'portal-vue';
|
|
21
|
-
|
|
22
|
-
|
|
24
|
+
|
|
25
|
+
const EditorContainer = [
|
|
26
|
+
// Colors
|
|
27
|
+
'border-disabled', 'dark:border-outline-dark', 'focus-within:theme-border-1-primary', 'dark:focus-within:theme-border-1-primary-dark', 'focus-within:bg-primary-opacity-0-08', 'dark:focus-within:bg-primary-opacity-0-08-dark', 'focus-within:theme-outline-primary', 'dark:focus-within:theme-outline-primary-dark',
|
|
28
|
+
// Sizing
|
|
29
|
+
'border-1', 'rounded-md'];
|
|
30
|
+
const EditorContainerFilled = [
|
|
31
|
+
//Colors
|
|
32
|
+
'bg-primary-opacity-0-08', 'dark:bg-primary-opacity-0-08-dark'];
|
|
33
|
+
const ToolbarContainer = [
|
|
34
|
+
// Layout
|
|
35
|
+
'flex',
|
|
36
|
+
//Spacing
|
|
37
|
+
'py-sm',
|
|
38
|
+
//Sizing
|
|
39
|
+
'border-b-1',
|
|
40
|
+
//Colors
|
|
41
|
+
'border-b-disabled', 'dark:border-b-outline-dark'];
|
|
42
|
+
const Toolbar = [
|
|
43
|
+
// Layout
|
|
44
|
+
'flex',
|
|
45
|
+
// Spacing
|
|
46
|
+
'px-sm', 'gap-md',
|
|
47
|
+
// Sizing
|
|
48
|
+
'border-r-1',
|
|
49
|
+
//Colors
|
|
50
|
+
'border-r-disabled', 'dark:border-r-outline-dark',
|
|
51
|
+
// Last child
|
|
52
|
+
'last-of-type:border-none'];
|
|
53
|
+
const ToolbarButton = [
|
|
54
|
+
// Typography
|
|
55
|
+
'text-on-disabled', 'dark:text-outline-dark'];
|
|
56
|
+
const ToolbarButtonActive = [
|
|
57
|
+
// Typography
|
|
58
|
+
'text-on-background', 'dark:text-on-background-dark'];
|
|
59
|
+
const EditorInput = [
|
|
60
|
+
// Spacing
|
|
61
|
+
'p-sm',
|
|
62
|
+
// Typography
|
|
63
|
+
'typography-body-2-regular', 'text-on-background', 'dark:text-on-background-dark',
|
|
64
|
+
// Sizing
|
|
65
|
+
'min-h-[88px]'];
|
|
66
|
+
|
|
67
|
+
var script = defineComponent({
|
|
68
|
+
name: 'OrRichTextEditor',
|
|
69
|
+
components: {
|
|
70
|
+
OrIconButton: __vue_component__$1,
|
|
71
|
+
OrLabel: __vue_component__$2
|
|
72
|
+
},
|
|
73
|
+
inheritAttrs: false,
|
|
74
|
+
props: {
|
|
75
|
+
modelValue: {
|
|
76
|
+
type: String,
|
|
77
|
+
default: '',
|
|
78
|
+
required: false
|
|
79
|
+
},
|
|
80
|
+
toolbar: {
|
|
81
|
+
type: Array,
|
|
82
|
+
default: () => [['bold', 'italic', 'strike'], ['underline', 'highlight'], ['bulletList', 'orderedList'], ['undo', 'redo']]
|
|
83
|
+
},
|
|
84
|
+
description: {
|
|
85
|
+
type: String,
|
|
86
|
+
default: ''
|
|
87
|
+
},
|
|
88
|
+
placeholder: {
|
|
89
|
+
type: String,
|
|
90
|
+
default: 'Write something...'
|
|
91
|
+
},
|
|
92
|
+
autofocus: {
|
|
93
|
+
type: Boolean,
|
|
94
|
+
default: false
|
|
95
|
+
}
|
|
96
|
+
},
|
|
97
|
+
emits: ['update:modelValue'],
|
|
98
|
+
setup(props, {
|
|
99
|
+
emit
|
|
100
|
+
}) {
|
|
101
|
+
// Refs
|
|
102
|
+
let editor = null;
|
|
103
|
+
const editorRef = ref();
|
|
104
|
+
const containerRef = ref();
|
|
105
|
+
const isActive = ref({});
|
|
106
|
+
const isFilled = ref(false);
|
|
107
|
+
const iconsEnum = ref({
|
|
108
|
+
bold: 'format_bold',
|
|
109
|
+
italic: 'format_italic',
|
|
110
|
+
underline: 'format_underlined',
|
|
111
|
+
strike: 'format_strikethrough',
|
|
112
|
+
bulletList: 'format_list_bulleted',
|
|
113
|
+
orderedList: 'format_list_numbered',
|
|
114
|
+
link: 'link',
|
|
115
|
+
highlight: 'highlight',
|
|
116
|
+
redo: 'redo',
|
|
117
|
+
undo: 'undo'
|
|
118
|
+
});
|
|
119
|
+
const iconTooltipsEnum = ref({
|
|
120
|
+
bold: 'Bold',
|
|
121
|
+
italic: 'Italic',
|
|
122
|
+
underline: 'Underline',
|
|
123
|
+
strike: 'Strike',
|
|
124
|
+
bulletList: 'Bulleted List',
|
|
125
|
+
orderedList: 'Numbered List',
|
|
126
|
+
link: 'Link',
|
|
127
|
+
highlight: 'Highlight',
|
|
128
|
+
redo: 'Redo',
|
|
129
|
+
undo: 'Undo'
|
|
130
|
+
});
|
|
131
|
+
onMounted(() => {
|
|
132
|
+
editor = new Editor({
|
|
133
|
+
onUpdate: ({
|
|
134
|
+
editor
|
|
135
|
+
}) => {
|
|
136
|
+
setActiveFormats();
|
|
137
|
+
const html = editor.getHTML();
|
|
138
|
+
const text = editor.getText();
|
|
139
|
+
emit('update:modelValue', text === '' ? text : html);
|
|
140
|
+
isFilled.value = text !== '';
|
|
141
|
+
},
|
|
142
|
+
element: editorRef.value,
|
|
143
|
+
content: props.modelValue,
|
|
144
|
+
autofocus: props.autofocus,
|
|
145
|
+
extensions: [StarterKit, Underline,
|
|
146
|
+
// Link.configure({
|
|
147
|
+
// openOnClick: true,
|
|
148
|
+
// linkOnPaste: true,
|
|
149
|
+
// protocols: ['ftp', 'mailto'],
|
|
150
|
+
// validate: href => /^https?:\/\//.test(href),
|
|
151
|
+
// HTMLAttributes: {
|
|
152
|
+
// class: 'text-primary cursor-pointer',
|
|
153
|
+
// },
|
|
154
|
+
// }),
|
|
155
|
+
Highlight, Placeholder.configure({
|
|
156
|
+
placeholder: props.placeholder,
|
|
157
|
+
emptyEditorClass: 'is-editor-empty text-outline'
|
|
158
|
+
})],
|
|
159
|
+
editorProps: {
|
|
160
|
+
attributes: {
|
|
161
|
+
class: 'focus:outline-none'
|
|
162
|
+
}
|
|
163
|
+
}
|
|
164
|
+
});
|
|
165
|
+
setActiveFormats();
|
|
166
|
+
isFilled.value = props.modelValue !== '';
|
|
167
|
+
});
|
|
168
|
+
onBeforeUnmount(() => {
|
|
169
|
+
editor === null || editor === void 0 ? void 0 : editor.destroy();
|
|
170
|
+
});
|
|
171
|
+
// Methods
|
|
172
|
+
const handleEditorClick = () => {
|
|
173
|
+
setActiveFormats();
|
|
174
|
+
editor === null || editor === void 0 ? void 0 : editor.commands.focus();
|
|
175
|
+
};
|
|
176
|
+
const handleToolbarClick = item => {
|
|
177
|
+
if (item === 'bulletList' || item === 'orderedList') {
|
|
178
|
+
item === 'bulletList' ? editor === null || editor === void 0 ? void 0 : editor.commands.toggleBulletList() : editor === null || editor === void 0 ? void 0 : editor.commands.toggleOrderedList();
|
|
179
|
+
} else if (item === 'undo' || item === 'redo') {
|
|
180
|
+
item === 'undo' ? editor === null || editor === void 0 ? void 0 : editor.commands.undo() : editor === null || editor === void 0 ? void 0 : editor.commands.redo();
|
|
181
|
+
} else {
|
|
182
|
+
editor === null || editor === void 0 ? void 0 : editor.chain().focus().toggleMark(item).run();
|
|
183
|
+
}
|
|
184
|
+
};
|
|
185
|
+
const setActiveFormats = () => {
|
|
186
|
+
const toolbarList = flatMap(props.toolbar);
|
|
187
|
+
toolbarList.forEach(item => {
|
|
188
|
+
isActive.value[item] = (editor === null || editor === void 0 ? void 0 : editor.isActive(item)) || false;
|
|
189
|
+
});
|
|
190
|
+
};
|
|
191
|
+
// Styles
|
|
192
|
+
const classAttribute = useClassAttribute();
|
|
193
|
+
const rootStyles = computed(() => {
|
|
194
|
+
return ['or-rich-text-editor', classAttribute.value];
|
|
195
|
+
});
|
|
196
|
+
const containerStyles = computed(() => {
|
|
197
|
+
return [...EditorContainer, ...(isFilled.value ? EditorContainerFilled : [])];
|
|
198
|
+
});
|
|
199
|
+
const toolbarContainerStyles = computed(() => {
|
|
200
|
+
return [...ToolbarContainer];
|
|
201
|
+
});
|
|
202
|
+
const toolbarStyles = computed(() => {
|
|
203
|
+
return [...Toolbar];
|
|
204
|
+
});
|
|
205
|
+
const editorInputStyles = computed(() => {
|
|
206
|
+
return ['tiptap-editor', ...EditorInput];
|
|
207
|
+
});
|
|
208
|
+
const toolbarButtonStyles = item => {
|
|
209
|
+
return [
|
|
210
|
+
// Layout
|
|
211
|
+
'flex',
|
|
212
|
+
// Spacing
|
|
213
|
+
'gap-md', ...(isActive.value[item] ? ToolbarButtonActive : ToolbarButton)];
|
|
214
|
+
};
|
|
215
|
+
//Effects
|
|
216
|
+
watch(() => props.modelValue, value => {
|
|
217
|
+
if (value !== (editor === null || editor === void 0 ? void 0 : editor.getHTML())) {
|
|
218
|
+
editor === null || editor === void 0 ? void 0 : editor.commands.setContent(value);
|
|
219
|
+
}
|
|
220
|
+
});
|
|
221
|
+
return {
|
|
222
|
+
editor,
|
|
223
|
+
editorRef,
|
|
224
|
+
containerRef,
|
|
225
|
+
iconsEnum,
|
|
226
|
+
handleToolbarClick,
|
|
227
|
+
handleEditorClick,
|
|
228
|
+
isActive,
|
|
229
|
+
iconTooltipsEnum,
|
|
230
|
+
containerStyles,
|
|
231
|
+
toolbarContainerStyles,
|
|
232
|
+
toolbarStyles,
|
|
233
|
+
rootStyles,
|
|
234
|
+
toolbarButtonStyles,
|
|
235
|
+
editorInputStyles
|
|
236
|
+
};
|
|
237
|
+
}
|
|
238
|
+
});
|
|
239
|
+
|
|
240
|
+
var css_248z = ".tiptap-editor ol{margin:0 24px;list-style:decimal}.tiptap-editor ul{margin:0 24px;list-style:initial}.tiptap-editor .is-editor-empty::before{content:attr(data-placeholder);height:0;pointer-events:none;float:left}";
|
|
241
|
+
styleInject(css_248z);
|
|
242
|
+
|
|
243
|
+
/* script */
|
|
244
|
+
const __vue_script__ = script;
|
|
245
|
+
/* template */
|
|
246
|
+
var __vue_render__ = function () {
|
|
247
|
+
var _vm = this;
|
|
248
|
+
var _h = _vm.$createElement;
|
|
249
|
+
var _c = _vm._self._c || _h;
|
|
250
|
+
return _c('div', _vm._b({
|
|
251
|
+
ref: "root",
|
|
252
|
+
class: _vm.rootStyles
|
|
253
|
+
}, 'div', _vm.$attrs, false), [_c('or-label', [_vm._v("\n " + _vm._s(_vm.description) + "\n ")]), _vm._v(" "), _c('div', {
|
|
254
|
+
ref: "containerRef",
|
|
255
|
+
class: _vm.containerStyles,
|
|
256
|
+
on: {
|
|
257
|
+
"click": function ($event) {
|
|
258
|
+
return _vm.handleEditorClick();
|
|
259
|
+
}
|
|
260
|
+
}
|
|
261
|
+
}, [_c('div', {
|
|
262
|
+
class: _vm.toolbarContainerStyles
|
|
263
|
+
}, _vm._l(_vm.toolbar, function (tool) {
|
|
264
|
+
return _c('div', {
|
|
265
|
+
key: tool,
|
|
266
|
+
class: _vm.toolbarStyles
|
|
267
|
+
}, _vm._l(tool, function (item) {
|
|
268
|
+
return _c('div', {
|
|
269
|
+
key: item,
|
|
270
|
+
class: _vm.toolbarButtonStyles(item)
|
|
271
|
+
}, [_c('or-icon-button', {
|
|
272
|
+
attrs: {
|
|
273
|
+
"tooltip": {
|
|
274
|
+
text: _vm.iconTooltipsEnum[item],
|
|
275
|
+
placement: 'top'
|
|
276
|
+
},
|
|
277
|
+
"icon": {
|
|
278
|
+
icon: _vm.iconsEnum[item],
|
|
279
|
+
variant: 'inherit',
|
|
280
|
+
size: 's'
|
|
281
|
+
}
|
|
282
|
+
},
|
|
283
|
+
on: {
|
|
284
|
+
"click": function ($event) {
|
|
285
|
+
return _vm.handleToolbarClick(item);
|
|
286
|
+
}
|
|
287
|
+
}
|
|
288
|
+
})], 1);
|
|
289
|
+
}), 0);
|
|
290
|
+
}), 0), _vm._v(" "), _c('div', {
|
|
291
|
+
ref: "editorRef",
|
|
292
|
+
class: _vm.editorInputStyles
|
|
293
|
+
})])], 1);
|
|
294
|
+
};
|
|
295
|
+
var __vue_staticRenderFns__ = [];
|
|
296
|
+
|
|
297
|
+
/* style */
|
|
298
|
+
const __vue_inject_styles__ = undefined;
|
|
299
|
+
/* scoped */
|
|
300
|
+
const __vue_scope_id__ = undefined;
|
|
301
|
+
/* module identifier */
|
|
302
|
+
const __vue_module_identifier__ = undefined;
|
|
303
|
+
/* functional template */
|
|
304
|
+
const __vue_is_functional_template__ = false;
|
|
305
|
+
/* style inject */
|
|
306
|
+
|
|
307
|
+
/* style inject SSR */
|
|
308
|
+
|
|
309
|
+
/* style inject shadow dom */
|
|
310
|
+
|
|
311
|
+
const __vue_component__ = /*#__PURE__*/normalizeComponent({
|
|
312
|
+
render: __vue_render__,
|
|
313
|
+
staticRenderFns: __vue_staticRenderFns__
|
|
314
|
+
}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
|
|
315
|
+
|
|
316
|
+
export { __vue_component__ as OrRichTextEditor };
|
package/dist/v2/index63.js
CHANGED
|
@@ -1,19 +1,22 @@
|
|
|
1
|
-
export { _ as
|
|
1
|
+
export { _ as OrSearchV3 } from './OrSearch-a247f072.js';
|
|
2
|
+
export { a as SearchSize } from './OrInputBox-208dceac.js';
|
|
2
3
|
import 'vue-demi';
|
|
3
4
|
import '@vueuse/core';
|
|
4
|
-
import '
|
|
5
|
-
import './
|
|
6
|
-
import './
|
|
7
|
-
import './style-inject.es-4c6f2515.js';
|
|
5
|
+
import './useClassAttribute-47fdb016.js';
|
|
6
|
+
import './OrInput-4a50fe57.js';
|
|
7
|
+
import './OrError-be656098.js';
|
|
8
8
|
import './normalize-component-6e8e3d80.js';
|
|
9
|
-
import './
|
|
9
|
+
import './OrHint-44356417.js';
|
|
10
|
+
import './OrIconButton-5883eba0.js';
|
|
11
|
+
import './OrIcon-124f3bad.js';
|
|
12
|
+
import './OrTooltip-caeac590.js';
|
|
13
|
+
import './OrPopover-9080fc00.js';
|
|
10
14
|
import '@floating-ui/dom';
|
|
11
|
-
import './
|
|
12
|
-
import '
|
|
13
|
-
import './
|
|
14
|
-
import './
|
|
15
|
-
import './
|
|
16
|
-
import '
|
|
17
|
-
import './
|
|
18
|
-
import './
|
|
19
|
-
import './OrCheckbox-ed1f2666.js';
|
|
15
|
+
import './useElevation-0e973238.js';
|
|
16
|
+
import './useResponsive-a02e95b7.js';
|
|
17
|
+
import './OrBottomSheet-f09adbbb.js';
|
|
18
|
+
import './OrOverlay-4838a9b0.js';
|
|
19
|
+
import './OrTeleport.vue2-fb92f29f.js';
|
|
20
|
+
import 'portal-vue';
|
|
21
|
+
import './OrLabel-5670468e.js';
|
|
22
|
+
import './style-inject.es-4c6f2515.js';
|
package/dist/v2/index64.js
CHANGED
|
@@ -1,27 +1,19 @@
|
|
|
1
|
-
export { _ as
|
|
2
|
-
export { a as SelectSize } from './OrInputBox-208dceac.js';
|
|
1
|
+
export { _ as OrSelect } from './OrSelect-ea27a70e.js';
|
|
3
2
|
import 'vue-demi';
|
|
4
|
-
import './useClassAttribute-47fdb016.js';
|
|
5
|
-
import './useOverflow-ac506c65.js';
|
|
6
3
|
import '@vueuse/core';
|
|
7
|
-
import '
|
|
8
|
-
import './
|
|
9
|
-
import './
|
|
4
|
+
import 'lodash';
|
|
5
|
+
import './OrIcon-7cd10497.js';
|
|
6
|
+
import './OrTooltip.vue_rollup-plugin-vue_styles.0-54c17910.js';
|
|
10
7
|
import './style-inject.es-4c6f2515.js';
|
|
11
|
-
import './
|
|
12
|
-
import './
|
|
13
|
-
import './OrIcon-124f3bad.js';
|
|
14
|
-
import './OrHint-44356417.js';
|
|
15
|
-
import './OrInput-040147f3.js';
|
|
16
|
-
import './OrIconButton-94c69467.js';
|
|
17
|
-
import './OrTooltip-afe7030b.js';
|
|
18
|
-
import './OrPopover-9080fc00.js';
|
|
8
|
+
import './normalize-component-6e8e3d80.js';
|
|
9
|
+
import './OrFloating-b15309d1.js';
|
|
19
10
|
import '@floating-ui/dom';
|
|
20
|
-
import './
|
|
21
|
-
import '
|
|
22
|
-
import './
|
|
23
|
-
import './
|
|
24
|
-
import './
|
|
25
|
-
import '
|
|
26
|
-
import './
|
|
27
|
-
import './
|
|
11
|
+
import './OrTeleportVue2-fce4676d.js';
|
|
12
|
+
import 'vue';
|
|
13
|
+
import './dom-7a41831b.js';
|
|
14
|
+
import './px-to-rem-0b26b83e.js';
|
|
15
|
+
import './OrChips.vue_rollup-plugin-vue_styles.0-c780c5eb.js';
|
|
16
|
+
import './OrLabel-931394a5.js';
|
|
17
|
+
import './OrError-efc74907.js';
|
|
18
|
+
import './OrLoader-212ef381.js';
|
|
19
|
+
import './OrCheckbox-ed1f2666.js';
|
package/dist/v2/index65.js
CHANGED
|
@@ -1,6 +1,27 @@
|
|
|
1
|
-
export { _ as
|
|
2
|
-
|
|
3
|
-
import 'lodash';
|
|
1
|
+
export { _ as OrSelectV3 } from './OrSelect-bb223cce.js';
|
|
2
|
+
export { a as SelectSize } from './OrInputBox-208dceac.js';
|
|
4
3
|
import 'vue-demi';
|
|
5
|
-
import './
|
|
4
|
+
import './useClassAttribute-47fdb016.js';
|
|
5
|
+
import './useOverflow-ac506c65.js';
|
|
6
|
+
import '@vueuse/core';
|
|
7
|
+
import './OrCheckbox-eb833bab.js';
|
|
8
|
+
import './OrLabel-5670468e.js';
|
|
6
9
|
import './normalize-component-6e8e3d80.js';
|
|
10
|
+
import './style-inject.es-4c6f2515.js';
|
|
11
|
+
import './OrError-be656098.js';
|
|
12
|
+
import './OrExpansionPanel-ce82a6fd.js';
|
|
13
|
+
import './OrIcon-124f3bad.js';
|
|
14
|
+
import './OrHint-44356417.js';
|
|
15
|
+
import './OrInput-4a50fe57.js';
|
|
16
|
+
import './OrIconButton-5883eba0.js';
|
|
17
|
+
import './OrTooltip-caeac590.js';
|
|
18
|
+
import './OrPopover-9080fc00.js';
|
|
19
|
+
import '@floating-ui/dom';
|
|
20
|
+
import './useElevation-0e973238.js';
|
|
21
|
+
import './useResponsive-a02e95b7.js';
|
|
22
|
+
import './OrBottomSheet-f09adbbb.js';
|
|
23
|
+
import './OrOverlay-4838a9b0.js';
|
|
24
|
+
import './OrTeleport.vue2-fb92f29f.js';
|
|
25
|
+
import 'portal-vue';
|
|
26
|
+
import './OrMenuItem-3a28db7b.js';
|
|
27
|
+
import './OrTag-ab03c4f7.js';
|
package/dist/v2/index66.js
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
export {
|
|
1
|
+
export { _ as OrSidebar, O as OrSidebarSide } from './OrSidebar-feacf13a.js';
|
|
2
2
|
import '@vueuse/core';
|
|
3
3
|
import 'lodash';
|
|
4
4
|
import 'vue-demi';
|
|
5
|
+
import './style-inject.es-4c6f2515.js';
|
|
5
6
|
import './normalize-component-6e8e3d80.js';
|
package/dist/v2/index67.js
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
export {
|
|
2
|
-
import '
|
|
3
|
-
import './px-to-rem-0b26b83e.js';
|
|
1
|
+
export { O as OrSidebarPlacement, _ as OrSidebarV3 } from './OrSidebar-fabc7bc9.js';
|
|
2
|
+
import '@vueuse/core';
|
|
4
3
|
import 'lodash';
|
|
5
|
-
import '
|
|
4
|
+
import 'vue-demi';
|
|
6
5
|
import './normalize-component-6e8e3d80.js';
|
package/dist/v2/index68.js
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
export { _ as
|
|
1
|
+
export { _ as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from './OrSkeletonText-38aef640.js';
|
|
2
2
|
import 'vue-demi';
|
|
3
|
-
import 'lodash';
|
|
4
3
|
import './px-to-rem-0b26b83e.js';
|
|
5
|
-
import '
|
|
6
|
-
import '
|
|
4
|
+
import 'lodash';
|
|
5
|
+
import './style-inject.es-4c6f2515.js';
|
|
7
6
|
import './normalize-component-6e8e3d80.js';
|
package/dist/v2/index69.js
CHANGED
|
@@ -1,14 +1,7 @@
|
|
|
1
|
-
export { _ as
|
|
2
|
-
import './OrIcon-7cd10497.js';
|
|
1
|
+
export { _ as OrSkeletonCircleV3, a as OrSkeletonRectV3, b as OrSkeletonTextV3 } from './OrSkeletonText-950be6a2.js';
|
|
3
2
|
import 'vue-demi';
|
|
4
3
|
import 'lodash';
|
|
5
|
-
import './OrTooltip.vue_rollup-plugin-vue_styles.0-54c17910.js';
|
|
6
|
-
import './style-inject.es-4c6f2515.js';
|
|
7
|
-
import './normalize-component-6e8e3d80.js';
|
|
8
|
-
import './OrFloating-b15309d1.js';
|
|
9
|
-
import '@floating-ui/dom';
|
|
10
|
-
import './OrTeleportVue2-fce4676d.js';
|
|
11
|
-
import 'vue';
|
|
12
|
-
import './dom-7a41831b.js';
|
|
13
4
|
import './px-to-rem-0b26b83e.js';
|
|
5
|
+
import './useClassAttribute-47fdb016.js';
|
|
14
6
|
import '@vueuse/core';
|
|
7
|
+
import './normalize-component-6e8e3d80.js';
|
package/dist/v2/index70.js
CHANGED
|
@@ -1,8 +1,6 @@
|
|
|
1
|
-
export { _ as
|
|
2
|
-
import 'vue-demi';
|
|
3
|
-
import './OrButton-56baef5e.js';
|
|
4
|
-
import './OrIconButton.vue_rollup-plugin-vue_styles.0-dc224e53.js';
|
|
1
|
+
export { _ as OrSlider } from './OrSlider-021736ec.js';
|
|
5
2
|
import './OrIcon-7cd10497.js';
|
|
3
|
+
import 'vue-demi';
|
|
6
4
|
import 'lodash';
|
|
7
5
|
import './OrTooltip.vue_rollup-plugin-vue_styles.0-54c17910.js';
|
|
8
6
|
import './style-inject.es-4c6f2515.js';
|
|
@@ -13,5 +11,4 @@ import './OrTeleportVue2-fce4676d.js';
|
|
|
13
11
|
import 'vue';
|
|
14
12
|
import './dom-7a41831b.js';
|
|
15
13
|
import './px-to-rem-0b26b83e.js';
|
|
16
|
-
import '
|
|
17
|
-
import './OrTooltip-b31bd78d.js';
|
|
14
|
+
import '@vueuse/core';
|
package/dist/v2/index71.js
CHANGED
|
@@ -1,6 +1,17 @@
|
|
|
1
|
-
export { _ as
|
|
1
|
+
export { _ as OrStepper } from './OrStepper-a0b4da52.js';
|
|
2
2
|
import 'vue-demi';
|
|
3
|
+
import './OrButton-56baef5e.js';
|
|
4
|
+
import './OrIconButton.vue_rollup-plugin-vue_styles.0-dc224e53.js';
|
|
5
|
+
import './OrIcon-7cd10497.js';
|
|
3
6
|
import 'lodash';
|
|
4
|
-
import './
|
|
7
|
+
import './OrTooltip.vue_rollup-plugin-vue_styles.0-54c17910.js';
|
|
5
8
|
import './style-inject.es-4c6f2515.js';
|
|
6
9
|
import './normalize-component-6e8e3d80.js';
|
|
10
|
+
import './OrFloating-b15309d1.js';
|
|
11
|
+
import '@floating-ui/dom';
|
|
12
|
+
import './OrTeleportVue2-fce4676d.js';
|
|
13
|
+
import 'vue';
|
|
14
|
+
import './dom-7a41831b.js';
|
|
15
|
+
import './px-to-rem-0b26b83e.js';
|
|
16
|
+
import './OrLoader-212ef381.js';
|
|
17
|
+
import './OrTooltip-b31bd78d.js';
|
package/dist/v2/index72.js
CHANGED
|
@@ -1,8 +1,6 @@
|
|
|
1
|
-
export { _ as
|
|
1
|
+
export { _ as OrSwitch } from './OrSwitch-cd24ee40.js';
|
|
2
2
|
import 'vue-demi';
|
|
3
|
-
import '
|
|
4
|
-
import '
|
|
5
|
-
import './OrLabel-5670468e.js';
|
|
6
|
-
import './normalize-component-6e8e3d80.js';
|
|
7
|
-
import './OrLoader-bd088836.js';
|
|
3
|
+
import 'lodash';
|
|
4
|
+
import './OrLoader-212ef381.js';
|
|
8
5
|
import './style-inject.es-4c6f2515.js';
|
|
6
|
+
import './normalize-component-6e8e3d80.js';
|
package/dist/v2/index73.js
CHANGED
|
@@ -1,6 +1,8 @@
|
|
|
1
|
-
export { _ as
|
|
1
|
+
export { _ as OrSwitchV3 } from './OrSwitch-21a7e693.js';
|
|
2
2
|
import 'vue-demi';
|
|
3
|
-
import '
|
|
4
|
-
import '
|
|
5
|
-
import './
|
|
3
|
+
import './useClassAttribute-47fdb016.js';
|
|
4
|
+
import '@vueuse/core';
|
|
5
|
+
import './OrLabel-5670468e.js';
|
|
6
6
|
import './normalize-component-6e8e3d80.js';
|
|
7
|
+
import './OrLoader-bd088836.js';
|
|
8
|
+
import './style-inject.es-4c6f2515.js';
|
package/dist/v2/index74.js
CHANGED
package/dist/v2/index75.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
export { _ as
|
|
1
|
+
export { _ as OrTabHeaderItem } from './OrTabHeaderItem-6a08756e.js';
|
|
2
2
|
import 'vue-demi';
|
|
3
|
-
import '
|
|
4
|
-
import '
|
|
3
|
+
import 'lodash';
|
|
4
|
+
import './style-inject.es-4c6f2515.js';
|
|
5
5
|
import './normalize-component-6e8e3d80.js';
|
package/dist/v2/index76.js
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
export { _ as
|
|
1
|
+
export { _ as OrTabV3 } from './OrTab-4e6ff742.js';
|
|
2
2
|
import 'vue-demi';
|
|
3
|
-
import './
|
|
4
|
-
import '
|
|
5
|
-
import './style-inject.es-4c6f2515.js';
|
|
3
|
+
import './useClassAttribute-47fdb016.js';
|
|
4
|
+
import '@vueuse/core';
|
|
6
5
|
import './normalize-component-6e8e3d80.js';
|
package/dist/v2/index77.js
CHANGED
|
@@ -1,17 +1,6 @@
|
|
|
1
|
-
export { _ as
|
|
2
|
-
import '@vueuse/core';
|
|
1
|
+
export { _ as OrTabs } from './OrTabs-12138346.js';
|
|
3
2
|
import 'vue-demi';
|
|
4
|
-
import './
|
|
5
|
-
import '
|
|
3
|
+
import './OrTabHeaderItem-6a08756e.js';
|
|
4
|
+
import 'lodash';
|
|
5
|
+
import './style-inject.es-4c6f2515.js';
|
|
6
6
|
import './normalize-component-6e8e3d80.js';
|
|
7
|
-
import './OrMenuItem-3a28db7b.js';
|
|
8
|
-
import './OrMenu-bb81644d.js';
|
|
9
|
-
import './OrPopover-9080fc00.js';
|
|
10
|
-
import '@floating-ui/dom';
|
|
11
|
-
import './useElevation-0e973238.js';
|
|
12
|
-
import './useResponsive-a02e95b7.js';
|
|
13
|
-
import './OrBottomSheet-f09adbbb.js';
|
|
14
|
-
import './OrOverlay-4838a9b0.js';
|
|
15
|
-
import './OrTeleport.vue2-fb92f29f.js';
|
|
16
|
-
import 'portal-vue';
|
|
17
|
-
import './OrTab-4e6ff742.js';
|
package/dist/v2/index78.js
CHANGED
|
@@ -1,14 +1,17 @@
|
|
|
1
|
-
export { _ as
|
|
1
|
+
export { _ as OrTabsV3, T as TabsVariant } from './OrTabs-b4a9740b.js';
|
|
2
|
+
import '@vueuse/core';
|
|
2
3
|
import 'vue-demi';
|
|
3
|
-
import './
|
|
4
|
-
import '
|
|
5
|
-
import './OrTooltip.vue_rollup-plugin-vue_styles.0-54c17910.js';
|
|
6
|
-
import './style-inject.es-4c6f2515.js';
|
|
4
|
+
import './useClassAttribute-47fdb016.js';
|
|
5
|
+
import './OrIcon-124f3bad.js';
|
|
7
6
|
import './normalize-component-6e8e3d80.js';
|
|
8
|
-
import './
|
|
7
|
+
import './OrMenuItem-3a28db7b.js';
|
|
8
|
+
import './OrMenu-bb81644d.js';
|
|
9
|
+
import './OrPopover-9080fc00.js';
|
|
9
10
|
import '@floating-ui/dom';
|
|
10
|
-
import './
|
|
11
|
-
import '
|
|
12
|
-
import './
|
|
13
|
-
import './
|
|
14
|
-
import './
|
|
11
|
+
import './useElevation-0e973238.js';
|
|
12
|
+
import './useResponsive-a02e95b7.js';
|
|
13
|
+
import './OrBottomSheet-f09adbbb.js';
|
|
14
|
+
import './OrOverlay-4838a9b0.js';
|
|
15
|
+
import './OrTeleport.vue2-fb92f29f.js';
|
|
16
|
+
import 'portal-vue';
|
|
17
|
+
import './OrTab-4e6ff742.js';
|