@onereach/ui-components 2.68.0-beta.2008.0 → 2.68.0-beta.2016.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.
Files changed (81) hide show
  1. package/dist/bundled/v2/{OrCode-b9332066.js → OrCode-edc7a1f5.js} +115 -2
  2. package/dist/bundled/v2/{OrConfirm-19758dae.js → OrConfirm-56d01cff.js} +1 -1
  3. package/dist/bundled/{v3/useFocusTrap-d21726e3.js → v2/OrModal-a5411b0d.js} +200 -3
  4. package/dist/bundled/v2/components/index.d.ts +0 -1
  5. package/dist/bundled/v2/components/index.js +3 -7
  6. package/dist/bundled/v2/components/or-code/index.js +2 -4
  7. package/dist/bundled/v2/components/or-confirm/index.js +2 -3
  8. package/dist/bundled/v2/components/or-input-box-v3/OrInputBox.vue.d.ts +1 -1
  9. package/dist/bundled/v2/components/or-modal/index.js +1 -2
  10. package/dist/bundled/v2/index.js +4 -8
  11. package/dist/bundled/v3/{OrCode.vue_vue_type_script_lang-5fe573eb.js → OrCode.vue_vue_type_script_lang-ef5e7f04.js} +116 -3
  12. package/dist/bundled/v3/{OrConfirm.vue_vue_type_script_lang-4451e782.js → OrConfirm.vue_vue_type_script_lang-0f16fc67.js} +2 -2
  13. package/dist/bundled/v3/{OrModal-bbabef06.js → OrModal-868160ef.js} +1 -1
  14. package/dist/bundled/{v2/useFocusTrap-d744652a.js → v3/OrModal.vue_vue_type_script_lang-a1ed2ebb.js} +126 -4
  15. package/dist/bundled/v3/{OrTabs.vue_vue_type_script_lang-2fdbd2f2.js → OrTabs.vue_vue_type_script_lang-ca57f9d9.js} +36 -10
  16. package/dist/bundled/v3/components/index.d.ts +0 -1
  17. package/dist/bundled/v3/components/index.js +5 -10
  18. package/dist/bundled/v3/components/or-code/index.js +3 -5
  19. package/dist/bundled/v3/components/or-confirm/index.js +3 -4
  20. package/dist/bundled/v3/components/or-input-box-v3/OrInputBox.vue.d.ts +1 -1
  21. package/dist/bundled/v3/components/or-modal/index.js +1 -2
  22. package/dist/bundled/v3/components/or-tabs-v3/index.js +1 -2
  23. package/dist/bundled/v3/index.js +182 -278
  24. package/dist/esm/v2/components/index.d.ts +0 -1
  25. package/dist/esm/v2/components/index.js +0 -19
  26. package/dist/esm/v2/components/or-input-box-v3/OrInputBox.vue.d.ts +1 -1
  27. package/dist/esm/v2/index.js +0 -19
  28. package/dist/esm/v3/OrInput-4f55c0eb.js +1 -1
  29. package/dist/esm/v3/{OrInputBox-634230b1.js → OrInputBox-542d2f2c.js} +1 -1
  30. package/dist/esm/v3/OrSearch-d74891a5.js +1 -1
  31. package/dist/esm/v3/OrSelect-b3a233cc.js +1 -1
  32. package/dist/esm/v3/OrTextarea-98895b2a.js +1 -1
  33. package/dist/esm/v3/components/index.d.ts +0 -1
  34. package/dist/esm/v3/components/index.js +1 -20
  35. package/dist/esm/v3/components/or-card-collection-v3/index.js +1 -1
  36. package/dist/esm/v3/components/or-confirm-v3/index.js +1 -1
  37. package/dist/esm/v3/components/or-input-box-v3/OrInputBox.vue.d.ts +1 -1
  38. package/dist/esm/v3/components/or-input-box-v3/index.js +2 -2
  39. package/dist/esm/v3/components/or-input-v3/index.js +1 -1
  40. package/dist/esm/v3/components/or-search-v3/index.js +1 -1
  41. package/dist/esm/v3/components/or-select-v3/index.js +1 -1
  42. package/dist/esm/v3/components/or-textarea-v3/index.js +1 -1
  43. package/dist/esm/v3/index.js +1 -20
  44. package/package.json +10 -20
  45. package/src/components/index.ts +0 -1
  46. package/src/components/or-input-box-v3/OrInputBox.vue +1 -1
  47. package/src/utils/functions/text.ts +2 -2
  48. package/dist/bundled/v2/OrModal-71d33219.js +0 -202
  49. package/dist/bundled/v2/OrRichTextEditor-4a41e294.js +0 -36832
  50. package/dist/bundled/v2/components/or-rich-text-editor-v3/OrRichTextEditor.stories3.d.ts +0 -12
  51. package/dist/bundled/v2/components/or-rich-text-editor-v3/OrRichTextEditor.vue.d.ts +0 -149
  52. package/dist/bundled/v2/components/or-rich-text-editor-v3/index.d.ts +0 -1
  53. package/dist/bundled/v2/components/or-rich-text-editor-v3/index.js +0 -25
  54. package/dist/bundled/v2/components/or-rich-text-editor-v3/styles.d.ts +0 -6
  55. package/dist/bundled/v2/index.es-3f39f316.js +0 -115
  56. package/dist/bundled/v3/OrMenu-08aa60de.js +0 -29
  57. package/dist/bundled/v3/OrModal.vue_vue_type_script_lang-a599dfe7.js +0 -128
  58. package/dist/bundled/v3/OrRichTextEditor.vue_vue_type_script_lang-f5d3e39b.js +0 -36712
  59. package/dist/bundled/v3/components/or-rich-text-editor-v3/OrRichTextEditor.stories3.d.ts +0 -12
  60. package/dist/bundled/v3/components/or-rich-text-editor-v3/OrRichTextEditor.vue.d.ts +0 -149
  61. package/dist/bundled/v3/components/or-rich-text-editor-v3/index.d.ts +0 -1
  62. package/dist/bundled/v3/components/or-rich-text-editor-v3/index.js +0 -26
  63. package/dist/bundled/v3/components/or-rich-text-editor-v3/styles.d.ts +0 -6
  64. package/dist/bundled/v3/index.es-3f39f316.js +0 -115
  65. package/dist/esm/v2/OrRichTextEditor-11967cd9.js +0 -520
  66. package/dist/esm/v2/components/or-rich-text-editor-v3/OrRichTextEditor.stories3.d.ts +0 -12
  67. package/dist/esm/v2/components/or-rich-text-editor-v3/OrRichTextEditor.vue.d.ts +0 -149
  68. package/dist/esm/v2/components/or-rich-text-editor-v3/index.d.ts +0 -1
  69. package/dist/esm/v2/components/or-rich-text-editor-v3/index.js +0 -39
  70. package/dist/esm/v2/components/or-rich-text-editor-v3/styles.d.ts +0 -6
  71. package/dist/esm/v3/OrRichTextEditor-ad5f24ba.js +0 -490
  72. package/dist/esm/v3/components/or-rich-text-editor-v3/OrRichTextEditor.stories3.d.ts +0 -12
  73. package/dist/esm/v3/components/or-rich-text-editor-v3/OrRichTextEditor.vue.d.ts +0 -149
  74. package/dist/esm/v3/components/or-rich-text-editor-v3/index.d.ts +0 -1
  75. package/dist/esm/v3/components/or-rich-text-editor-v3/index.js +0 -38
  76. package/dist/esm/v3/components/or-rich-text-editor-v3/styles.d.ts +0 -6
  77. package/src/components/or-rich-text-editor-v3/OrRichTextEditor.docs.mdx +0 -16
  78. package/src/components/or-rich-text-editor-v3/OrRichTextEditor.stories3.ts +0 -62
  79. package/src/components/or-rich-text-editor-v3/OrRichTextEditor.vue +0 -526
  80. package/src/components/or-rich-text-editor-v3/index.ts +0 -1
  81. package/src/components/or-rich-text-editor-v3/styles.ts +0 -65
@@ -1,520 +0,0 @@
1
- import { defineComponent, ref, onMounted, onBeforeUnmount, computed, watch } from 'vue-demi';
2
- import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
3
- import '@vueuse/core';
4
- import { useFocusTrap } from '@vueuse/integrations/useFocusTrap';
5
- import { defaultMarkdownSerializer, MarkdownSerializer } from 'prosemirror-markdown';
6
- import { DOMParser as DOMParser$1 } from 'prosemirror-model';
7
- import { marked } from 'marked';
8
- import { _ as __vue_component__$1 } from './OrIconButton-a7764de4.js';
9
- import { _ as __vue_component__$2 } from './OrLabel-5670468e.js';
10
- import { _ as __vue_component__$4 } from './OrMenu-e7210edc.js';
11
- import './OrPopover-ef8c91f1.js';
12
- import { _ as __vue_component__$3 } from './OrMenuItem-038641b7.js';
13
- import { Editor, mergeAttributes } from '@tiptap/core';
14
- import StarterKit from '@tiptap/starter-kit';
15
- import Underline from '@tiptap/extension-underline';
16
- import Link from '@tiptap/extension-link';
17
- import Highlight from '@tiptap/extension-highlight';
18
- import Heading from '@tiptap/extension-heading';
19
- import Placeholder from '@tiptap/extension-placeholder';
20
- import Paragraph from '@tiptap/extension-paragraph';
21
- import BulletList from '@tiptap/extension-bullet-list';
22
- import ListItem from '@tiptap/extension-list-item';
23
- import OrderedList from '@tiptap/extension-ordered-list';
24
- import Strike from '@tiptap/extension-strike';
25
- import Italic from '@tiptap/extension-italic';
26
- import HardBreak from '@tiptap/extension-hard-break';
27
- import Bold from '@tiptap/extension-bold';
28
- import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
29
- import { c as createInjector } from './browser-82dea9ed.js';
30
-
31
- const EditorContainer = [
32
- // Colors
33
- 'border-outline', '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',
34
- // Sizing
35
- 'border-1', 'rounded-md'];
36
- const ToolbarContainer = [
37
- // Layout
38
- 'flex',
39
- //Spacing
40
- 'py-sm',
41
- //Sizing
42
- 'border-b-1',
43
- //Colors
44
- 'border-b-outline', 'dark:border-b-outline-dark'];
45
- const Toolbar = [
46
- // Layout
47
- 'flex',
48
- // Spacing
49
- 'px-sm', 'gap-md',
50
- // Sizing
51
- 'border-r-1',
52
- //Colors
53
- 'border-r-disabled', 'dark:border-r-outline-dark',
54
- // Last child
55
- 'last-of-type:border-none'];
56
- const ToolbarButton = [
57
- // Typography
58
- 'text-on-disabled', 'dark:text-outline-dark'];
59
- const ToolbarButtonActive = [
60
- // Typography
61
- 'text-on-background', 'dark:text-on-background-dark'];
62
- const EditorInput = [
63
- // Spacing
64
- 'p-sm',
65
- // Typography
66
- 'typography-body-2-regular', 'text-on-background', 'dark:text-on-background-dark',
67
- // Sizing
68
- 'min-h-[88px]'];
69
-
70
- var script = defineComponent({
71
- name: 'OrRichTextEditor',
72
- components: {
73
- OrIconButton: __vue_component__$1,
74
- OrLabel: __vue_component__$2,
75
- OrMenuItem: __vue_component__$3,
76
- OrMenu: __vue_component__$4
77
- },
78
- inheritAttrs: false,
79
- props: {
80
- modelValue: {
81
- type: String,
82
- default: '',
83
- required: false
84
- },
85
- toolbar: {
86
- type: Array,
87
- default: () => [['heading'], ['bold', 'italic', 'strike'], ['underline', 'highlight'], ['link'], ['bulletList', 'orderedList'], ['undo', 'redo']]
88
- },
89
- description: {
90
- type: String,
91
- default: ''
92
- },
93
- placeholder: {
94
- type: String,
95
- default: 'Write something...'
96
- },
97
- autofocus: {
98
- type: Boolean,
99
- default: false
100
- },
101
- markdownFormat: {
102
- type: Boolean,
103
- default: true
104
- }
105
- },
106
- emits: ['update:modelValue'],
107
- setup(props, {
108
- emit
109
- }) {
110
- // Refs
111
- let editor = null;
112
- const editorRef = ref();
113
- const containerRef = ref();
114
- const toolbarButtonRef = ref();
115
- const menuRef = ref();
116
- const isActive = ref({});
117
- const headingLevels = [1, 2, 3, 4];
118
- const previousHeadingLevel = ref();
119
- const activeHeadingLevel = ref(0);
120
- const markdownOutput = ref('');
121
- let trap = useFocusTrap(editorRef, {
122
- immediate: true,
123
- fallbackFocus: '.container',
124
- allowOutsideClick: true
125
- });
126
- const iconsEnum = ref({
127
- bold: 'format_bold',
128
- italic: 'format_italic',
129
- underline: 'format_underlined',
130
- strike: 'format_strikethrough',
131
- bulletList: 'format_list_bulleted',
132
- orderedList: 'format_list_numbered',
133
- link: 'link',
134
- highlight: 'highlight',
135
- redo: 'redo',
136
- undo: 'undo'
137
- });
138
- const iconTooltipsEnum = ref({
139
- bold: 'Bold',
140
- italic: 'Italic',
141
- underline: 'Underline',
142
- strike: 'Strike',
143
- bulletList: 'Bulleted List',
144
- orderedList: 'Numbered List',
145
- link: 'Link',
146
- highlight: 'Highlight',
147
- redo: 'Redo',
148
- undo: 'Undo'
149
- });
150
- const serializerMarks = {
151
- ...defaultMarkdownSerializer.marks,
152
- [Bold.name]: defaultMarkdownSerializer.marks.strong,
153
- [Strike.name]: {
154
- open: '~~',
155
- close: '~~',
156
- mixable: true,
157
- expelEnclosingWhitespace: true
158
- },
159
- [Italic.name]: {
160
- open: '_',
161
- close: '_',
162
- mixable: true,
163
- expelEnclosingWhitespace: true
164
- },
165
- [Highlight.name]: {
166
- open: '==',
167
- close: '==',
168
- mixable: true,
169
- expelEnclosingWhitespace: true
170
- },
171
- [Link.name]: {
172
- open(state, mark, parent, index) {
173
- return isPlainURL(mark, parent, index, 1) ? '<' : '[';
174
- },
175
- close(state, mark, parent, index) {
176
- const href = mark.attrs.canonicalSrc || mark.attrs.href;
177
- return isPlainURL(mark, parent, index, -1) ? '>' : `](${state.esc(href)}${mark.attrs.title ? ` ${state.quote(mark.attrs.title)}` : ''})`;
178
- }
179
- }
180
- };
181
- const serializerNodes = {
182
- ...defaultMarkdownSerializer.nodes,
183
- [Paragraph.name]: defaultMarkdownSerializer.nodes.paragraph,
184
- [BulletList.name]: defaultMarkdownSerializer.nodes.bullet_list,
185
- [ListItem.name]: defaultMarkdownSerializer.nodes.list_item,
186
- [OrderedList.name]: defaultMarkdownSerializer.nodes.ordered_list,
187
- [HardBreak.name]: defaultMarkdownSerializer.nodes.hard_break
188
- };
189
- onMounted(() => {
190
- editor = new Editor({
191
- onUpdate: ({
192
- editor
193
- }) => {
194
- setActiveFormats();
195
- const html = editor.getHTML();
196
- const text = editor.getText();
197
- if (props.markdownFormat) {
198
- markdownOutput.value = serialize(editor.schema, editor.getJSON());
199
- emit('update:modelValue', markdownOutput.value);
200
- } else {
201
- emit('update:modelValue', text === '' ? text : html);
202
- }
203
- },
204
- onCreate: ({
205
- editor
206
- }) => {
207
- if (props.markdownFormat) {
208
- const deserialized = deserialize(editor.schema, props.modelValue);
209
- editor.commands.setContent(deserialized);
210
- } else {
211
- editor.commands.setContent(props.modelValue);
212
- }
213
- },
214
- element: editorRef.value,
215
- autofocus: props.autofocus,
216
- extensions: [StarterKit.configure({
217
- heading: false
218
- }), Heading.configure({
219
- levels: headingLevels
220
- }).extend({
221
- levels: headingLevels,
222
- renderHTML({
223
- node,
224
- HTMLAttributes
225
- }) {
226
- return ['h' + node.attrs.level, mergeAttributes(HTMLAttributes, {
227
- class: `typography-headline-${node.attrs.level}`
228
- }), 0];
229
- }
230
- }), Underline, Link.configure({
231
- openOnClick: true,
232
- linkOnPaste: true,
233
- autolink: false,
234
- protocols: ['ftp', 'mailto', 'http', 'https'],
235
- validate: href => /^https?:\/\//.test(href),
236
- HTMLAttributes: {
237
- class: 'text-primary cursor-pointer'
238
- }
239
- }), Highlight, Placeholder.configure({
240
- placeholder: props.placeholder,
241
- emptyEditorClass: 'is-editor-empty text-outline'
242
- })],
243
- editorProps: {
244
- attributes: {
245
- class: 'focus:outline-none'
246
- }
247
- }
248
- });
249
- setActiveFormats();
250
- });
251
- onBeforeUnmount(() => {
252
- editor === null || editor === void 0 ? void 0 : editor.destroy();
253
- });
254
- trap.activate();
255
- // Computed
256
- const getIndexOfHeading = computed(() => {
257
- return props.toolbar.flat().indexOf('heading');
258
- });
259
- const headingIcon = computed(() => {
260
- if (activeHeadingLevel.value && isActive.value.heading) {
261
- return `format_h${activeHeadingLevel.value}`;
262
- }
263
- return 'format_paragraph';
264
- });
265
- // Methods
266
- const handleEditorClick = () => {
267
- setActiveFormats();
268
- editor === null || editor === void 0 ? void 0 : editor.commands.focus();
269
- };
270
- const handleToolbarClick = (item, level) => {
271
- if (item === 'bulletList' || item === 'orderedList') {
272
- item === 'bulletList' ? editor === null || editor === void 0 ? void 0 : editor.commands.toggleBulletList() : editor === null || editor === void 0 ? void 0 : editor.commands.toggleOrderedList();
273
- } else if (item === 'link') {
274
- setLink();
275
- } else if (item === 'heading') {
276
- if (!level) {
277
- editor === null || editor === void 0 ? void 0 : editor.commands.toggleHeading({
278
- level: previousHeadingLevel.value
279
- });
280
- activeHeadingLevel.value = 0;
281
- } else {
282
- activeHeadingLevel.value = level;
283
- previousHeadingLevel.value = level;
284
- editor === null || editor === void 0 ? void 0 : editor.commands.toggleHeading({
285
- level: level
286
- });
287
- }
288
- editor === null || editor === void 0 ? void 0 : editor.commands.focus();
289
- } else if (item === 'undo' || item === 'redo') {
290
- item === 'undo' ? editor === null || editor === void 0 ? void 0 : editor.commands.undo() : editor === null || editor === void 0 ? void 0 : editor.commands.redo();
291
- } else {
292
- editor === null || editor === void 0 ? void 0 : editor.chain().focus().toggleMark(item).run();
293
- }
294
- };
295
- const setLink = () => {
296
- const previousUrl = editor === null || editor === void 0 ? void 0 : editor.getAttributes('link').href;
297
- const url = window.prompt('URL', previousUrl);
298
- // cancelled
299
- if (url === null) {
300
- return;
301
- }
302
- // empty
303
- if (url === '') {
304
- editor === null || editor === void 0 ? void 0 : editor.chain().focus().extendMarkRange('link').unsetLink().run();
305
- return;
306
- }
307
- // update link
308
- editor === null || editor === void 0 ? void 0 : editor.chain().focus().extendMarkRange('link').setLink({
309
- href: url
310
- }).run();
311
- };
312
- const setActiveFormats = () => {
313
- const toolbarList = props.toolbar.flat();
314
- toolbarList.forEach(item => {
315
- isActive.value[item] = (editor === null || editor === void 0 ? void 0 : editor.isActive(item)) || false;
316
- });
317
- };
318
- // Styles
319
- const classAttribute = useClassAttribute();
320
- const rootStyles = computed(() => {
321
- return ['or-rich-text-editor', classAttribute.value];
322
- });
323
- const containerStyles = computed(() => {
324
- return [...EditorContainer];
325
- });
326
- const toolbarContainerStyles = computed(() => {
327
- return [...ToolbarContainer];
328
- });
329
- const toolbarStyles = computed(() => {
330
- return [...Toolbar];
331
- });
332
- const editorInputStyles = computed(() => {
333
- return ['tiptap-editor', ...EditorInput];
334
- });
335
- const toolbarButtonStyles = item => {
336
- return [
337
- // Layout
338
- 'flex',
339
- // Spacing
340
- 'gap-md', ...(isActive.value[item] ? ToolbarButtonActive : ToolbarButton)];
341
- };
342
- const isPlainURL = (link, parent, index, side) => {
343
- if (link.attrs.title || !/^\w+:/.test(link.attrs.href)) return false;
344
- const content = parent.child(index + (side < 0 ? -1 : 0));
345
- if (!content.isText || content.text !== link.attrs.href || content.marks[content.marks.length - 1] !== link) return false;
346
- if (index === (side < 0 ? 1 : parent.childCount - 1)) return true;
347
- const next = parent.child(index + (side < 0 ? -2 : 1));
348
- return !link.isInSet(next.marks);
349
- };
350
- const serialize = (schema, content) => {
351
- const proseMirrorDocument = schema.nodeFromJSON(content);
352
- const serializer = new MarkdownSerializer(serializerNodes, serializerMarks);
353
- return serializer.serialize(proseMirrorDocument);
354
- };
355
- const deserialize = (schema, content) => {
356
- const html = marked.parse(content);
357
- if (!html) return null;
358
- const parser = new DOMParser();
359
- const {
360
- body
361
- } = parser.parseFromString(html, 'text/html');
362
- // append original source as a comment that nodes can access
363
- body.append(document.createComment(content));
364
- const state = DOMParser$1.fromSchema(schema).parse(body);
365
- return state.toJSON();
366
- };
367
- //Effects
368
- watch(() => props.modelValue, value => {
369
- if (value !== (editor === null || editor === void 0 ? void 0 : editor.getHTML()) && !props.markdownFormat) {
370
- editor === null || editor === void 0 ? void 0 : editor.commands.setContent(value);
371
- }
372
- if (props.markdownFormat && value !== markdownOutput.value) {
373
- editor === null || editor === void 0 ? void 0 : editor.commands.setContent(markdownOutput.value);
374
- }
375
- });
376
- return {
377
- editor,
378
- editorRef,
379
- containerRef,
380
- toolbarButtonRef,
381
- menuRef,
382
- iconsEnum,
383
- handleToolbarClick,
384
- handleEditorClick,
385
- isActive,
386
- iconTooltipsEnum,
387
- containerStyles,
388
- toolbarContainerStyles,
389
- toolbarStyles,
390
- rootStyles,
391
- toolbarButtonStyles,
392
- editorInputStyles,
393
- getIndexOfHeading,
394
- headingLevels,
395
- headingIcon
396
- };
397
- }
398
- });
399
-
400
- /* script */
401
- const __vue_script__ = script;
402
-
403
- /* template */
404
- var __vue_render__ = function () {
405
- var _vm = this;
406
- var _h = _vm.$createElement;
407
- var _c = _vm._self._c || _h;
408
- return _c('div', _vm._b({
409
- ref: "root",
410
- class: _vm.rootStyles
411
- }, 'div', _vm.$attrs, false), [_c('or-label', [_vm._v("\n " + _vm._s(_vm.description) + "\n ")]), _vm._v(" "), _c('div', {
412
- ref: "containerRef",
413
- class: _vm.containerStyles,
414
- on: {
415
- "click": function ($event) {
416
- return _vm.handleEditorClick();
417
- }
418
- }
419
- }, [_c('div', {
420
- class: _vm.toolbarContainerStyles
421
- }, _vm._l(_vm.toolbar, function (tool) {
422
- return _c('div', {
423
- key: tool,
424
- class: _vm.toolbarStyles
425
- }, _vm._l(tool, function (item) {
426
- return _c('div', {
427
- key: item,
428
- staticClass: "-my-xs",
429
- class: _vm.toolbarButtonStyles(item)
430
- }, [item === 'heading' ? _c('or-icon-button', {
431
- ref: "toolbarButtonRef",
432
- refInFor: true,
433
- attrs: {
434
- "tooltip": {
435
- text: item,
436
- placement: 'top'
437
- },
438
- "icon": {
439
- icon: _vm.headingIcon,
440
- variant: 'inherit',
441
- size: 'm'
442
- }
443
- },
444
- on: {
445
- "click": function ($event) {
446
- return _vm.menuRef.open();
447
- }
448
- }
449
- }) : _c('or-icon-button', {
450
- attrs: {
451
- "tooltip": {
452
- text: _vm.iconTooltipsEnum[item],
453
- placement: 'top'
454
- },
455
- "icon": {
456
- icon: _vm.iconsEnum[item],
457
- variant: 'inherit',
458
- size: 'm'
459
- }
460
- },
461
- on: {
462
- "click": function ($event) {
463
- return _vm.handleToolbarClick(item);
464
- }
465
- }
466
- })], 1);
467
- }), 0);
468
- }), 0), _vm._v(" "), _c('div', {
469
- ref: "editorRef",
470
- class: _vm.editorInputStyles
471
- })]), _vm._v(" "), _vm.toolbarButtonRef ? _c('or-menu', {
472
- ref: "menuRef",
473
- attrs: {
474
- "trigger": _vm.toolbarButtonRef[_vm.getIndexOfHeading].root,
475
- "placement": "bottom-start"
476
- }
477
- }, [_vm._l(_vm.headingLevels, function (heading) {
478
- return _c('or-menu-item', {
479
- key: heading,
480
- on: {
481
- "click": function ($event) {
482
- return _vm.handleToolbarClick('heading', heading);
483
- }
484
- }
485
- }, [_vm._v("\n Heading " + _vm._s(heading) + "\n ")]);
486
- }), _vm._v(" "), _c('or-menu-item', {
487
- on: {
488
- "click": function ($event) {
489
- return _vm.handleToolbarClick('heading');
490
- }
491
- }
492
- }, [_vm._v("\n None\n ")])], 2) : _vm._e()], 1);
493
- };
494
- var __vue_staticRenderFns__ = [];
495
-
496
- /* style */
497
- const __vue_inject_styles__ = function (inject) {
498
- if (!inject) return;
499
- inject("data-v-2c13389b_0", {
500
- source: ".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}",
501
- map: undefined,
502
- media: undefined
503
- });
504
- };
505
- /* scoped */
506
- const __vue_scope_id__ = undefined;
507
- /* module identifier */
508
- const __vue_module_identifier__ = undefined;
509
- /* functional template */
510
- const __vue_is_functional_template__ = false;
511
- /* style inject SSR */
512
-
513
- /* style inject shadow dom */
514
-
515
- const __vue_component__ = /*#__PURE__*/normalizeComponent({
516
- render: __vue_render__,
517
- staticRenderFns: __vue_staticRenderFns__
518
- }, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, createInjector, undefined, undefined);
519
-
520
- export { __vue_component__ as _ };
@@ -1,12 +0,0 @@
1
- import { Meta, StoryFn } from '@storybook/vue3';
2
- declare const _default: Meta<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
3
- [x: string]: ((...args: any[]) => any) | null;
4
- } | string[], {} & {}, {
5
- [x: number]: string;
6
- } | {}, true>)>;
7
- export default _default;
8
- export declare const RichTextEditor: StoryFn<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
9
- [x: string]: ((...args: any[]) => any) | null;
10
- } | string[], {} & {}, {
11
- [x: number]: string;
12
- } | {}, true>)>;
@@ -1,149 +0,0 @@
1
- import { Editor } from '@tiptap/core';
2
- import { Level } from '@tiptap/extension-heading';
3
- declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
4
- editor: Editor | null;
5
- editorRef: import("@vue/composition-api").Ref<HTMLDivElement | undefined>;
6
- containerRef: import("@vue/composition-api").Ref<HTMLDivElement | undefined>;
7
- toolbarButtonRef: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
8
- [x: string]: ((...args: any[]) => any) | null;
9
- } | string[], {} & {}, {
10
- [x: number]: string;
11
- } | {}, true> | undefined>;
12
- menuRef: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
13
- [x: string]: ((...args: any[]) => any) | null;
14
- } | string[], {} & {}, {
15
- [x: number]: string;
16
- } | {}, true> | undefined>;
17
- iconsEnum: import("@vue/composition-api").Ref<{
18
- [x: string]: string;
19
- }>;
20
- handleToolbarClick: (item: string, level?: number | undefined) => void;
21
- handleEditorClick: () => void;
22
- isActive: import("@vue/composition-api").Ref<{
23
- [x: string]: boolean;
24
- }>;
25
- iconTooltipsEnum: import("@vue/composition-api").Ref<{
26
- [x: string]: string;
27
- }>;
28
- containerStyles: import("@vue/composition-api").ComputedRef<string[]>;
29
- toolbarContainerStyles: import("@vue/composition-api").ComputedRef<string[]>;
30
- toolbarStyles: import("@vue/composition-api").ComputedRef<string[]>;
31
- rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
32
- toolbarButtonStyles: (item: string) => string[];
33
- editorInputStyles: import("@vue/composition-api").ComputedRef<string[]>;
34
- getIndexOfHeading: import("@vue/composition-api").ComputedRef<number>;
35
- headingLevels: Level[];
36
- headingIcon: import("@vue/composition-api").ComputedRef<string>;
37
- }> & import("@vue/composition-api").Data, {}, {}, {
38
- modelValue: {
39
- type: StringConstructor;
40
- default: string;
41
- required: false;
42
- };
43
- toolbar: {
44
- type: ArrayConstructor;
45
- default: () => string[][];
46
- };
47
- description: {
48
- type: StringConstructor;
49
- default: string;
50
- };
51
- placeholder: {
52
- type: StringConstructor;
53
- default: string;
54
- };
55
- autofocus: {
56
- type: BooleanConstructor;
57
- default: boolean;
58
- };
59
- markdownFormat: {
60
- type: BooleanConstructor;
61
- default: boolean;
62
- };
63
- }, import("@vue/composition-api").ExtractPropTypes<{
64
- modelValue: {
65
- type: StringConstructor;
66
- default: string;
67
- required: false;
68
- };
69
- toolbar: {
70
- type: ArrayConstructor;
71
- default: () => string[][];
72
- };
73
- description: {
74
- type: StringConstructor;
75
- default: string;
76
- };
77
- placeholder: {
78
- type: StringConstructor;
79
- default: string;
80
- };
81
- autofocus: {
82
- type: BooleanConstructor;
83
- default: boolean;
84
- };
85
- markdownFormat: {
86
- type: BooleanConstructor;
87
- default: boolean;
88
- };
89
- }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
90
- modelValue: string;
91
- toolbar: unknown[];
92
- description: string;
93
- placeholder: string;
94
- autofocus: boolean;
95
- markdownFormat: boolean;
96
- } & {} & {
97
- [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
98
- }, import("@vue/composition-api").ShallowUnwrapRef<{
99
- editor: Editor | null;
100
- editorRef: import("@vue/composition-api").Ref<HTMLDivElement | undefined>;
101
- containerRef: import("@vue/composition-api").Ref<HTMLDivElement | undefined>;
102
- toolbarButtonRef: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
103
- [x: string]: ((...args: any[]) => any) | null;
104
- } | string[], {} & {}, {
105
- [x: number]: string;
106
- } | {}, true> | undefined>;
107
- menuRef: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
108
- [x: string]: ((...args: any[]) => any) | null;
109
- } | string[], {} & {}, {
110
- [x: number]: string;
111
- } | {}, true> | undefined>;
112
- iconsEnum: import("@vue/composition-api").Ref<{
113
- [x: string]: string;
114
- }>;
115
- handleToolbarClick: (item: string, level?: number | undefined) => void;
116
- handleEditorClick: () => void;
117
- isActive: import("@vue/composition-api").Ref<{
118
- [x: string]: boolean;
119
- }>;
120
- iconTooltipsEnum: import("@vue/composition-api").Ref<{
121
- [x: string]: string;
122
- }>;
123
- containerStyles: import("@vue/composition-api").ComputedRef<string[]>;
124
- toolbarContainerStyles: import("@vue/composition-api").ComputedRef<string[]>;
125
- toolbarStyles: import("@vue/composition-api").ComputedRef<string[]>;
126
- rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
127
- toolbarButtonStyles: (item: string) => string[];
128
- editorInputStyles: import("@vue/composition-api").ComputedRef<string[]>;
129
- getIndexOfHeading: import("@vue/composition-api").ComputedRef<number>;
130
- headingLevels: Level[];
131
- headingIcon: import("@vue/composition-api").ComputedRef<string>;
132
- }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
133
- modelValue: string;
134
- toolbar: unknown[];
135
- description: string;
136
- placeholder: string;
137
- autofocus: boolean;
138
- markdownFormat: boolean;
139
- } & {} & {
140
- [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
141
- }, {
142
- modelValue: string;
143
- toolbar: unknown[];
144
- description: string;
145
- placeholder: string;
146
- autofocus: boolean;
147
- markdownFormat: boolean;
148
- }, true>);
149
- export default _default;
@@ -1 +0,0 @@
1
- export { default as OrRichTextEditorV3 } from './OrRichTextEditor.vue';