@onereach/ui-components 4.4.0-beta.2680.0 → 4.4.0-beta.2690.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/bundled/v2/components/OrCarousel/OrCarousel.js +6 -3
- package/dist/bundled/v2/components/OrCarousel/OrCarousel.vue.d.ts +1 -0
- package/dist/bundled/v2/components/OrCarousel/index.js +1 -1
- package/dist/bundled/v2/components/OrRichTextEditorV3/OrRichTextEditor.js +54 -20
- package/dist/bundled/v2/components/OrRichTextEditorV3/OrRichTextEditor.vue.d.ts +10 -0
- package/dist/bundled/v2/components/OrRichTextEditorV3/styles.js +1 -1
- package/dist/bundled/v2/components/OrSelectV3/OrSelect.js +2 -1
- package/dist/bundled/v2/index.js +1 -1
- package/dist/bundled/v3/{OrCarousel.vue_vue_type_script_lang-188ca513.js → OrCarousel.vue_vue_type_script_lang-5222cb8d.js} +4 -0
- package/dist/bundled/v3/{OrRichTextEditor.vue_vue_type_script_lang-6d5a6b7e.js → OrRichTextEditor.vue_vue_type_script_lang-6cfb065a.js} +18 -18
- package/dist/bundled/v3/components/OrCarousel/OrCarousel.js +3 -3
- package/dist/bundled/v3/components/OrCarousel/OrCarousel.vue.d.ts +1 -0
- package/dist/bundled/v3/components/OrCarousel/index.js +2 -2
- package/dist/bundled/v3/components/OrRichTextEditorV3/OrRichTextEditor.js +27 -18
- package/dist/bundled/v3/components/OrRichTextEditorV3/OrRichTextEditor.vue.d.ts +10 -0
- package/dist/bundled/v3/components/OrRichTextEditorV3/index.js +1 -1
- package/dist/bundled/v3/components/OrRichTextEditorV3/styles.js +1 -1
- package/dist/bundled/v3/components/OrSelectV3/OrSelect.js +2 -1
- package/dist/bundled/v3/components/index.js +2 -2
- package/dist/bundled/v3/index.js +3 -3
- package/dist/esm/v2/{OrCarousel-5c2b2d10.js → OrCarousel-76dc2b7b.js} +3 -2
- package/dist/esm/v2/{OrRichTextEditor-cb50c4f6.js → OrRichTextEditor-10dc8ee2.js} +55 -21
- package/dist/esm/v2/{OrSelect-9c8f96b2.js → OrSelect-9d6b3363.js} +2 -1
- package/dist/esm/v2/components/index.js +4 -3
- package/dist/esm/v2/components/or-carousel/OrCarousel.vue.d.ts +1 -0
- package/dist/esm/v2/components/or-carousel/index.js +2 -1
- package/dist/esm/v2/components/or-rich-text-editor-v3/OrRichTextEditor.vue.d.ts +10 -0
- package/dist/esm/v2/components/or-rich-text-editor-v3/index.js +1 -1
- package/dist/esm/v2/components/or-select-v3/index.js +1 -1
- package/dist/esm/v2/index.js +4 -3
- package/dist/esm/v3/{OrCarousel-4fb775f8.js → OrCarousel-40f069d5.js} +2 -1
- package/dist/esm/v3/{OrRichTextEditor-c3560ddb.js → OrRichTextEditor-809824b9.js} +44 -35
- package/dist/esm/v3/{OrSelect-b1d7651a.js → OrSelect-3dbddc6b.js} +2 -1
- package/dist/esm/v3/components/index.js +4 -3
- package/dist/esm/v3/components/or-carousel/OrCarousel.vue.d.ts +1 -0
- package/dist/esm/v3/components/or-carousel/index.js +2 -1
- package/dist/esm/v3/components/or-rich-text-editor-v3/OrRichTextEditor.vue.d.ts +10 -0
- package/dist/esm/v3/components/or-rich-text-editor-v3/index.js +1 -1
- package/dist/esm/v3/components/or-select-v3/index.js +1 -1
- package/dist/esm/v3/index.js +4 -3
- package/package.json +2 -2
- package/src/components/or-carousel/OrCarousel.vue +2 -2
- package/src/components/or-rich-text-editor-v3/OrRichTextEditor.stories3.ts +7 -3
- package/src/components/or-rich-text-editor-v3/OrRichTextEditor.vue +27 -20
- package/src/components/or-rich-text-editor-v3/styles.ts +1 -0
- package/src/components/or-select-v3/OrSelect.stories3.ts +39 -1
- package/src/components/or-select-v3/OrSelect.vue +1 -0
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { s as styleInject } from './style-inject.es-4c6f2515.js';
|
|
1
2
|
import { defineComponent, ref } from 'vue-demi';
|
|
2
3
|
import { EVENTS } from './components/OrCarousel/constants.js';
|
|
3
4
|
import './components/OrIcon/OrIcon.js';
|
|
@@ -2641,6 +2642,9 @@ var Splide = _Splide;
|
|
|
2641
2642
|
Splide.defaults = {};
|
|
2642
2643
|
Splide.STATES = STATES;
|
|
2643
2644
|
|
|
2645
|
+
var css_248z = ".splide__container{box-sizing:border-box;position:relative}.splide__list{margin:0!important;padding:0!important}.splide__list{backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{list-style-type:none!important}.splide__slide{backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list{display:block}.splide__track--fade>.splide__list>.splide__slide{left:0;opacity:0;position:absolute;top:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;position:relative;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__arrow{-ms-flex-align:center;align-items:center;background:#ccc;border:0;border-radius:50%;cursor:pointer;display:-ms-flexbox;display:flex;height:2em;-ms-flex-pack:center;justify-content:center;opacity:.7;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:2em;z-index:1}.splide__arrow svg{fill:#000;height:1.2em;width:1.2em}.splide__arrow:hover:not(:disabled){opacity:.9}.splide__arrow:disabled{opacity:.3}.splide__arrow.focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide__arrow:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide.is-focus-in .splide__arrow:focus{outline:3px solid #0bf;outline-offset:3px}.splide__pagination{bottom:.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}.splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:8px;margin:3px;opacity:.7;padding:0;position:relative;transition:transform .2s linear;width:8px}.splide__pagination__page.is-active{background:#fff;transform:scale(1.4);z-index:1}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide__pagination__page.focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide__pagination__page:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__pagination__page:focus{outline:3px solid #0bf;outline-offset:3px}.splide__progress__bar{background:#ccc;height:3px}.splide__slide{-webkit-tap-highlight-color:transparent}.splide__slide:focus{outline:0}@supports(outline-offset:-3px){.splide__slide.focus-visible{outline:3px solid #0bf;outline-offset:-3px}.splide__slide:focus-visible{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide__slide.focus-visible{border:3px solid #0bf}.splide__slide:focus-visible{border:3px solid #0bf}}@supports(outline-offset:-3px){.splide.is-focus-in .splide__slide:focus{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide.is-focus-in .splide__slide:focus{border:3px solid #0bf}.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus{border-color:#0bf}}.splide__toggle{cursor:pointer}.splide__toggle.focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide__toggle:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__toggle:focus{outline:3px solid #0bf;outline-offset:3px}.splide__track--nav>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer}.splide__track--nav>.splide__list>.splide__slide.is-active{border:3px solid #000}.splide__arrows--rtl .splide__arrow--prev{left:auto;right:1em}.splide__arrows--rtl .splide__arrow--prev svg{transform:scaleX(1)}.splide__arrows--rtl .splide__arrow--next{left:1em;right:auto}.splide__arrows--rtl .splide__arrow--next svg{transform:scaleX(-1)}.splide__arrows--ttb .splide__arrow{left:50%;transform:translate(-50%)}.splide__arrows--ttb .splide__arrow--prev{top:1em}.splide__arrows--ttb .splide__arrow--prev svg{transform:rotate(-90deg)}.splide__arrows--ttb .splide__arrow--next{bottom:1em;top:auto}.splide__arrows--ttb .splide__arrow--next svg{transform:rotate(90deg)}.splide__pagination--ttb{bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;left:auto;padding:1em 0;right:.5em;top:0}";
|
|
2646
|
+
styleInject(css_248z);
|
|
2647
|
+
|
|
2644
2648
|
var script = defineComponent({
|
|
2645
2649
|
name: 'OrCarousel',
|
|
2646
2650
|
components: {
|
|
@@ -1477,6 +1477,7 @@ var script = defineComponent({
|
|
|
1477
1477
|
const root = ref();
|
|
1478
1478
|
let editor = null;
|
|
1479
1479
|
const editorRef = ref();
|
|
1480
|
+
const textareaRef = ref();
|
|
1480
1481
|
const containerRef = ref();
|
|
1481
1482
|
const toolbarRef = ref();
|
|
1482
1483
|
const moreButtonRef = ref();
|
|
@@ -1493,6 +1494,7 @@ var script = defineComponent({
|
|
|
1493
1494
|
const text = ref('');
|
|
1494
1495
|
const link = ref('');
|
|
1495
1496
|
const countOfNotVisibleTools = ref(0);
|
|
1497
|
+
const sourceValue = ref('');
|
|
1496
1498
|
let trap = useFocusTrap(editorRef, {
|
|
1497
1499
|
immediate: true,
|
|
1498
1500
|
fallbackFocus: '.container',
|
|
@@ -1674,25 +1676,18 @@ var script = defineComponent({
|
|
|
1674
1676
|
}
|
|
1675
1677
|
return !notVisibleTools.value.includes(value);
|
|
1676
1678
|
};
|
|
1679
|
+
const handleInput = event => {
|
|
1680
|
+
const target = event.target;
|
|
1681
|
+
const value = target.value;
|
|
1682
|
+
editor === null || editor === void 0 ? void 0 : editor.commands.setContent(deserialize(editor === null || editor === void 0 ? void 0 : editor.schema, value));
|
|
1683
|
+
};
|
|
1677
1684
|
const handleToolbarClick = (item, level) => {
|
|
1678
|
-
var _a, _b;
|
|
1685
|
+
var _a, _b, _c;
|
|
1679
1686
|
switch (item) {
|
|
1680
1687
|
case 'source':
|
|
1681
1688
|
disableMarkdown.value = !disableMarkdown.value;
|
|
1682
|
-
|
|
1683
|
-
|
|
1684
|
-
enablePasteRules: !disableMarkdown.value
|
|
1685
|
-
});
|
|
1686
|
-
editor === null || editor === void 0 ? void 0 : editor.view.updateState(editor === null || editor === void 0 ? void 0 : editor.state.reconfigure({
|
|
1687
|
-
plugins: editor.extensionManager.plugins
|
|
1688
|
-
}));
|
|
1689
|
-
if (disableMarkdown.value) {
|
|
1690
|
-
const content = serialize(editor === null || editor === void 0 ? void 0 : editor.schema, editor === null || editor === void 0 ? void 0 : editor.getJSON());
|
|
1691
|
-
editor === null || editor === void 0 ? void 0 : editor.commands.clearContent();
|
|
1692
|
-
editor === null || editor === void 0 ? void 0 : editor.commands.insertContent(content);
|
|
1693
|
-
} else {
|
|
1694
|
-
editor === null || editor === void 0 ? void 0 : editor.commands.setContent(deserialize(editor === null || editor === void 0 ? void 0 : editor.schema, editor === null || editor === void 0 ? void 0 : editor.getText()));
|
|
1695
|
-
}
|
|
1689
|
+
(_a = textareaRef.value) === null || _a === void 0 ? void 0 : _a.focus();
|
|
1690
|
+
sourceValue.value = serialize(editor === null || editor === void 0 ? void 0 : editor.schema, editor === null || editor === void 0 ? void 0 : editor.getJSON());
|
|
1696
1691
|
break;
|
|
1697
1692
|
case 'bulletList':
|
|
1698
1693
|
case 'orderedList':
|
|
@@ -1706,8 +1701,8 @@ var script = defineComponent({
|
|
|
1706
1701
|
to,
|
|
1707
1702
|
empty
|
|
1708
1703
|
} = editor.state.selection;
|
|
1709
|
-
const isLink = (
|
|
1710
|
-
const existedText = (isLink === null || isLink === void 0 ? void 0 : isLink.length) ? ((
|
|
1704
|
+
const isLink = (_b = editor.view.state.doc.nodeAt(cursorPosition)) === null || _b === void 0 ? void 0 : _b.marks.filter(mark => mark.type.name === 'link');
|
|
1705
|
+
const existedText = (isLink === null || isLink === void 0 ? void 0 : isLink.length) ? ((_c = editor.view.state.doc.nodeAt(cursorPosition)) === null || _c === void 0 ? void 0 : _c.text) || '' : '';
|
|
1711
1706
|
text.value = empty ? existedText : editor.state.doc.textBetween(from, to, ' ');
|
|
1712
1707
|
link.value = editor.getAttributes('link').href || '';
|
|
1713
1708
|
}
|
|
@@ -1837,6 +1832,7 @@ var script = defineComponent({
|
|
|
1837
1832
|
containerRef,
|
|
1838
1833
|
toolbarButtonRef,
|
|
1839
1834
|
moreButtonRef,
|
|
1835
|
+
textareaRef,
|
|
1840
1836
|
moreRef,
|
|
1841
1837
|
menuRef,
|
|
1842
1838
|
iconsEnum,
|
|
@@ -1861,7 +1857,11 @@ var script = defineComponent({
|
|
|
1861
1857
|
isFocused,
|
|
1862
1858
|
isVisible,
|
|
1863
1859
|
countOfNotVisibleTools,
|
|
1864
|
-
notVisibleTools
|
|
1860
|
+
notVisibleTools,
|
|
1861
|
+
handleInput,
|
|
1862
|
+
proxyModelValue,
|
|
1863
|
+
disableMarkdown,
|
|
1864
|
+
sourceValue
|
|
1865
1865
|
};
|
|
1866
1866
|
}
|
|
1867
1867
|
});
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { s as script } from '../../OrCarousel.vue_vue_type_script_lang-
|
|
2
|
-
export { s as default } from '../../OrCarousel.vue_vue_type_script_lang-
|
|
1
|
+
import { s as script } from '../../OrCarousel.vue_vue_type_script_lang-5222cb8d.js';
|
|
2
|
+
export { s as default } from '../../OrCarousel.vue_vue_type_script_lang-5222cb8d.js';
|
|
3
3
|
import { resolveComponent, openBlock, createElementBlock, createElementVNode, renderSlot, createVNode, createCommentVNode } from 'vue';
|
|
4
4
|
import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
|
|
5
5
|
import 'vue-demi';
|
|
@@ -54,7 +54,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
54
54
|
})])])])) : createCommentVNode("v-if", true), createElementVNode("div", _hoisted_6, [createElementVNode("div", _hoisted_7, [createElementVNode("ul", _hoisted_8, [renderSlot(_ctx.$slots, "default")])])])], 512 /* NEED_PATCH */)]);
|
|
55
55
|
}
|
|
56
56
|
|
|
57
|
-
var css_248z = "
|
|
57
|
+
var css_248z = ".or-carousel[data-v-1a3da3b8] {\n line-height: 1;\n text-align: center;\n}\n.or-carousel__track-container[data-v-1a3da3b8] {\n position: relative;\n}\n.or-carousel .splide__arrow[data-v-1a3da3b8].focus-visible {\n outline: none;\n}\n.or-carousel .splide__arrow[data-v-1a3da3b8]:focus-visible {\n outline: none;\n}\n.or-carousel[data-v-1a3da3b8] .splide__pagination__page {\n background: #64b2da;\n}";
|
|
58
58
|
styleInject(css_248z);
|
|
59
59
|
|
|
60
60
|
script.render = render;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { Splide, ResponsiveOptions } from '@splidejs/splide';
|
|
2
|
+
import '@splidejs/splide/dist/css/splide.min.css';
|
|
2
3
|
import { PropType } from 'vue-demi';
|
|
3
4
|
import { Direction, KeyBoard, Type } from './constants';
|
|
4
5
|
declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
export { s as OrCarousel } from '../../OrCarousel.vue_vue_type_script_lang-
|
|
1
|
+
export { s as OrCarousel } from '../../OrCarousel.vue_vue_type_script_lang-5222cb8d.js';
|
|
2
2
|
export { s as OrCarouselItem } from '../../OrCarouselItem.vue_vue_type_script_lang-42da2f4a.js';
|
|
3
|
+
import '../../style-inject.es-4c6f2515.js';
|
|
3
4
|
import 'vue-demi';
|
|
4
5
|
import './constants.js';
|
|
5
6
|
import '../OrIcon/OrIcon.js';
|
|
@@ -10,7 +11,6 @@ import '../../utils/functions/px-to-rem.js';
|
|
|
10
11
|
import '../OrTooltipContent/OrTooltipContent.js';
|
|
11
12
|
import '../../OrTooltipContent.vue_vue_type_script_lang-969c20ed.js';
|
|
12
13
|
import 'vue';
|
|
13
|
-
import '../../style-inject.es-4c6f2515.js';
|
|
14
14
|
import '../OrFloating/OrFloating.js';
|
|
15
15
|
import '../../OrFloating.vue_vue_type_script_lang-d64ad4a7.js';
|
|
16
16
|
import '../../floating-ui.dom.esm-83eba816.js';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { s as script } from '../../OrRichTextEditor.vue_vue_type_script_lang-
|
|
2
|
-
export { s as default } from '../../OrRichTextEditor.vue_vue_type_script_lang-
|
|
3
|
-
import { resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, withCtx, createTextVNode, toDisplayString, createElementVNode, Fragment, renderList, createBlock, createCommentVNode, renderSlot } from 'vue';
|
|
1
|
+
import { s as script } from '../../OrRichTextEditor.vue_vue_type_script_lang-6cfb065a.js';
|
|
2
|
+
export { s as default } from '../../OrRichTextEditor.vue_vue_type_script_lang-6cfb065a.js';
|
|
3
|
+
import { resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, withCtx, createTextVNode, toDisplayString, createElementVNode, Fragment, renderList, createBlock, createCommentVNode, withDirectives, vShow, vModelText, renderSlot } from 'vue';
|
|
4
4
|
import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
|
|
5
5
|
import 'vue-demi';
|
|
6
6
|
import '../../useFocusTrap-48767a70.js';
|
|
@@ -86,14 +86,15 @@ import '../../OrButton.vue_vue_type_script_lang-f58fa1b8.js';
|
|
|
86
86
|
import '../OrButtonV3/props.js';
|
|
87
87
|
import '../OrButtonV3/styles.js';
|
|
88
88
|
|
|
89
|
-
const _hoisted_1 =
|
|
89
|
+
const _hoisted_1 = ["activated"];
|
|
90
|
+
const _hoisted_2 = /*#__PURE__*/createElementVNode("p", {
|
|
90
91
|
class: "text-headline-2"
|
|
91
92
|
}, " Add Link ", -1 /* HOISTED */);
|
|
92
|
-
const
|
|
93
|
+
const _hoisted_3 = {
|
|
93
94
|
class: "flex ml-auto gap-md"
|
|
94
95
|
};
|
|
95
|
-
const
|
|
96
|
-
const
|
|
96
|
+
const _hoisted_4 = /*#__PURE__*/createElementVNode("p", null, "Cancel", -1 /* HOISTED */);
|
|
97
|
+
const _hoisted_5 = /*#__PURE__*/createElementVNode("p", null, "Save", -1 /* HOISTED */);
|
|
97
98
|
|
|
98
99
|
function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
99
100
|
const _component_or_label = resolveComponent("or-label");
|
|
@@ -113,7 +114,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
113
114
|
}), createElementVNode("div", {
|
|
114
115
|
ref: "containerRef",
|
|
115
116
|
class: normalizeClass(_ctx.containerStyles),
|
|
116
|
-
onClick: _cache[
|
|
117
|
+
onClick: _cache[4] || (_cache[4] = $event => _ctx.handleEditorClick())
|
|
117
118
|
}, [createElementVNode("div", {
|
|
118
119
|
ref: "toolbarRef",
|
|
119
120
|
class: normalizeClass(_ctx.toolbarContainerStyles)
|
|
@@ -176,10 +177,18 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
176
177
|
class: normalizeClass(['p-sm', {
|
|
177
178
|
'h-[calc(100%-32px)] md:h-[calc(100%-36px)]': _ctx.fullHeight
|
|
178
179
|
}])
|
|
179
|
-
}, [createElementVNode("
|
|
180
|
+
}, [withDirectives(createElementVNode("textarea", {
|
|
181
|
+
ref: "textareaRef",
|
|
182
|
+
"onUpdate:modelValue": _cache[2] || (_cache[2] = $event => _ctx.sourceValue = $event),
|
|
183
|
+
activated: _ctx.disableMarkdown,
|
|
184
|
+
class: "w-full h-full resize-none border-none outline-none bg-transparent",
|
|
185
|
+
onInput: _cache[3] || (_cache[3] = function () {
|
|
186
|
+
return _ctx.handleInput && _ctx.handleInput(...arguments);
|
|
187
|
+
})
|
|
188
|
+
}, null, 40 /* PROPS, HYDRATE_EVENTS */, _hoisted_1), [[vShow, _ctx.disableMarkdown], [vModelText, _ctx.sourceValue]]), withDirectives(createElementVNode("div", {
|
|
180
189
|
ref: "editorRef",
|
|
181
190
|
class: normalizeClass(_ctx.editorInputStyles)
|
|
182
|
-
}, null, 2 /* CLASS */), renderSlot(_ctx.$slots, "files")], 2 /* CLASS */)], 2 /* CLASS */), _ctx.moreButtonRef ? (openBlock(), createBlock(_component_or_menu, {
|
|
191
|
+
}, null, 2 /* CLASS */), [[vShow, !_ctx.disableMarkdown]]), renderSlot(_ctx.$slots, "files")], 2 /* CLASS */)], 2 /* CLASS */), _ctx.moreButtonRef ? (openBlock(), createBlock(_component_or_menu, {
|
|
183
192
|
key: 0,
|
|
184
193
|
ref: "moreRef",
|
|
185
194
|
trigger: _ctx.moreButtonRef.root
|
|
@@ -223,7 +232,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
223
232
|
_: 2 /* DYNAMIC */
|
|
224
233
|
}, 1032 /* PROPS, DYNAMIC_SLOTS */, ["onClick"]);
|
|
225
234
|
}), 128 /* KEYED_FRAGMENT */)), createVNode(_component_or_menu_item, {
|
|
226
|
-
onClick: _cache[
|
|
235
|
+
onClick: _cache[5] || (_cache[5] = $event => _ctx.handleToolbarClick('heading'))
|
|
227
236
|
}, {
|
|
228
237
|
default: withCtx(() => [createTextVNode(" None ")]),
|
|
229
238
|
_: 1 /* STABLE */
|
|
@@ -234,17 +243,17 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
234
243
|
"is-open": _ctx.isOpenLinkModal,
|
|
235
244
|
size: "s"
|
|
236
245
|
}, {
|
|
237
|
-
header: withCtx(() => [
|
|
238
|
-
footer: withCtx(() => [createElementVNode("div",
|
|
246
|
+
header: withCtx(() => [_hoisted_2]),
|
|
247
|
+
footer: withCtx(() => [createElementVNode("div", _hoisted_3, [createVNode(_component_or_button, {
|
|
239
248
|
variant: "outlined",
|
|
240
249
|
onClick: _ctx.discardLink
|
|
241
250
|
}, {
|
|
242
|
-
default: withCtx(() => [
|
|
251
|
+
default: withCtx(() => [_hoisted_4]),
|
|
243
252
|
_: 1 /* STABLE */
|
|
244
253
|
}, 8 /* PROPS */, ["onClick"]), createVNode(_component_or_button, {
|
|
245
254
|
onClick: _ctx.attachLink
|
|
246
255
|
}, {
|
|
247
|
-
default: withCtx(() => [
|
|
256
|
+
default: withCtx(() => [_hoisted_5]),
|
|
248
257
|
_: 1 /* STABLE */
|
|
249
258
|
}, 8 /* PROPS */, ["onClick"])])]),
|
|
250
259
|
default: withCtx(() => [createElementVNode("div", null, [createVNode(_component_or_label, null, {
|
|
@@ -252,7 +261,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
252
261
|
_: 1 /* STABLE */
|
|
253
262
|
}), createVNode(_component_or_input, {
|
|
254
263
|
modelValue: _ctx.text,
|
|
255
|
-
"onUpdate:modelValue": _cache[
|
|
264
|
+
"onUpdate:modelValue": _cache[6] || (_cache[6] = $event => _ctx.text = $event),
|
|
256
265
|
placeholder: "Placeholder",
|
|
257
266
|
class: "pb-md"
|
|
258
267
|
}, null, 8 /* PROPS */, ["modelValue"]), createVNode(_component_or_label, null, {
|
|
@@ -260,14 +269,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
260
269
|
_: 1 /* STABLE */
|
|
261
270
|
}), createVNode(_component_or_input, {
|
|
262
271
|
modelValue: _ctx.link,
|
|
263
|
-
"onUpdate:modelValue": _cache[
|
|
272
|
+
"onUpdate:modelValue": _cache[7] || (_cache[7] = $event => _ctx.link = $event),
|
|
264
273
|
placeholder: "Placeholder"
|
|
265
274
|
}, null, 8 /* PROPS */, ["modelValue"])])]),
|
|
266
275
|
_: 1 /* STABLE */
|
|
267
276
|
}, 8 /* PROPS */, ["is-open"])], 2 /* CLASS */);
|
|
268
277
|
}
|
|
269
278
|
|
|
270
|
-
var css_248z = ".tiptap-editor-v3 ol {\n margin: 0 24px;\n list-style: decimal;\n}\n.tiptap-editor-v3 .ProseMirror p {\n margin: 4px;\n}\n.tiptap-editor-v3 .ProseMirror h1, .tiptap-editor-v3 .ProseMirror h2, .tiptap-editor-v3 .ProseMirror h3, .tiptap-editor-v3 .ProseMirror h4, .tiptap-editor-v3 .ProseMirror h5, .tiptap-editor-v3 .ProseMirror h6 {\n margin: 4px;\n}\n.tiptap-editor-v3 ul {\n margin: 0 24px;\n list-style: disc outside none;\n list-style: initial;\n}\n.tiptap-editor-v3 blockquote {\n margin: 8px 24px;\n padding: 0 24px;\n border-left: 4px solid
|
|
279
|
+
var css_248z = ".tiptap-editor-v3 ol {\n margin: 0 24px;\n list-style: decimal;\n}\n.tiptap-editor-v3 .ProseMirror p {\n margin: 4px;\n}\n.tiptap-editor-v3 .ProseMirror h1, .tiptap-editor-v3 .ProseMirror h2, .tiptap-editor-v3 .ProseMirror h3, .tiptap-editor-v3 .ProseMirror h4, .tiptap-editor-v3 .ProseMirror h5, .tiptap-editor-v3 .ProseMirror h6 {\n margin: 4px;\n}\n.tiptap-editor-v3 ul {\n margin: 0 24px;\n list-style: disc outside none;\n list-style: initial;\n}\n.tiptap-editor-v3 blockquote {\n margin: 8px 24px;\n padding: 0 24px;\n border-left: 4px solid rgba(0, 95, 177, 0.16);\n}\n.tiptap-editor-v3 .is-editor-empty::before {\n content: attr(data-placeholder);\n height: 0;\n pointer-events: none;\n float: left;\n}\n.tiptap-editor-v3 .cm-editor {\n border: none;\n border-radius: 4px;\n}\n.tiptap-editor-v3 .cm-editor .cm-scroller {\n border-radius: 4px;\n}\n.tiptap-editor-v3 .cm-editor.cm-focused {\n outline: none;\n}\n.tiptap-editor-v3 .cm-editor .cm-gutters {\n background-color: rgba(0, 95, 177, 0.12);\n border: none;\n}\n.tiptap-editor-v3 .cm-editor .cm-gutters .cm-gutterElement {\n padding: 0 10px;\n}\n.tiptap-editor-v3 .cm-editor .cm-gutters .cm-gutterElement.cm-activeLineGutter {\n background-color: rgba(0, 95, 177, 0.16);\n}";
|
|
271
280
|
styleInject(css_248z);
|
|
272
281
|
|
|
273
282
|
script.render = render;
|
|
@@ -13,6 +13,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
|
|
|
13
13
|
[x: number]: string;
|
|
14
14
|
} | {}, true> | undefined>;
|
|
15
15
|
moreButtonRef: import("@vue/composition-api").Ref<HTMLDivElement | undefined>;
|
|
16
|
+
textareaRef: import("@vue/composition-api").Ref<HTMLTextAreaElement | undefined>;
|
|
16
17
|
moreRef: import("@vue/composition-api").Ref<HTMLDivElement | undefined>;
|
|
17
18
|
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, {
|
|
18
19
|
[x: string]: ((...args: any[]) => any) | null;
|
|
@@ -48,6 +49,10 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
|
|
|
48
49
|
isVisible: (value: string | Array<string>) => boolean;
|
|
49
50
|
countOfNotVisibleTools: import("@vue/composition-api").Ref<number>;
|
|
50
51
|
notVisibleTools: import("@vue/composition-api").ComputedRef<string[]>;
|
|
52
|
+
handleInput: (event: InputEvent) => void;
|
|
53
|
+
proxyModelValue: import("@vue/composition-api").WritableComputedRef<string>;
|
|
54
|
+
disableMarkdown: import("@vue/composition-api").Ref<boolean>;
|
|
55
|
+
sourceValue: import("@vue/composition-api").Ref<string>;
|
|
51
56
|
}> & import("@vue/composition-api").Data, {}, {}, {
|
|
52
57
|
modelValue: {
|
|
53
58
|
type: StringConstructor;
|
|
@@ -153,6 +158,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
|
|
|
153
158
|
[x: number]: string;
|
|
154
159
|
} | {}, true> | undefined>;
|
|
155
160
|
moreButtonRef: import("@vue/composition-api").Ref<HTMLDivElement | undefined>;
|
|
161
|
+
textareaRef: import("@vue/composition-api").Ref<HTMLTextAreaElement | undefined>;
|
|
156
162
|
moreRef: import("@vue/composition-api").Ref<HTMLDivElement | undefined>;
|
|
157
163
|
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, {
|
|
158
164
|
[x: string]: ((...args: any[]) => any) | null;
|
|
@@ -188,6 +194,10 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
|
|
|
188
194
|
isVisible: (value: string | Array<string>) => boolean;
|
|
189
195
|
countOfNotVisibleTools: import("@vue/composition-api").Ref<number>;
|
|
190
196
|
notVisibleTools: import("@vue/composition-api").ComputedRef<string[]>;
|
|
197
|
+
handleInput: (event: InputEvent) => void;
|
|
198
|
+
proxyModelValue: import("@vue/composition-api").WritableComputedRef<string>;
|
|
199
|
+
disableMarkdown: import("@vue/composition-api").Ref<boolean>;
|
|
200
|
+
sourceValue: import("@vue/composition-api").Ref<string>;
|
|
191
201
|
}>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
|
|
192
202
|
modelValue: string;
|
|
193
203
|
toolbar: string[][];
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { s as OrRichTextEditorV3 } from '../../OrRichTextEditor.vue_vue_type_script_lang-
|
|
1
|
+
export { s as OrRichTextEditorV3 } from '../../OrRichTextEditor.vue_vue_type_script_lang-6cfb065a.js';
|
|
2
2
|
import 'vue-demi';
|
|
3
3
|
import '../../useFocusTrap-48767a70.js';
|
|
4
4
|
import '@vueuse/core';
|
|
@@ -31,7 +31,7 @@ const ToolbarButtonFocused = [
|
|
|
31
31
|
'text-outline'];
|
|
32
32
|
const EditorInput = [
|
|
33
33
|
// Typography
|
|
34
|
-
'typography-body-2-regular', 'text-on-background',
|
|
34
|
+
'typography-body-2-regular', 'text-on-background', 'dark:text-on-background-dark',
|
|
35
35
|
// Sizing
|
|
36
36
|
'min-h-[88px]'];
|
|
37
37
|
|
|
@@ -143,12 +143,13 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
143
143
|
return openBlock(), createBlock(_component_OrTag, {
|
|
144
144
|
key: option.value,
|
|
145
145
|
variant: 'reset',
|
|
146
|
+
disabled: _ctx.disabled || _ctx.readonly,
|
|
146
147
|
onReset: $event => _ctx.deselect(option)
|
|
147
148
|
}, {
|
|
148
149
|
default: withCtx(() => [createTextVNode(toDisplayString(option.label), 1 /* TEXT */)]),
|
|
149
150
|
|
|
150
151
|
_: 2 /* DYNAMIC */
|
|
151
|
-
}, 1032 /* PROPS, DYNAMIC_SLOTS */, ["onReset"]);
|
|
152
|
+
}, 1032 /* PROPS, DYNAMIC_SLOTS */, ["disabled", "onReset"]);
|
|
152
153
|
}), 128 /* KEYED_FRAGMENT */)) : (openBlock(), createElementBlock("span", {
|
|
153
154
|
key: 1,
|
|
154
155
|
class: normalizeClass(_ctx.placeholderStyles)
|
|
@@ -17,7 +17,7 @@ export { s as OrCardCollection } from '../OrCardCollection.vue_vue_type_script_l
|
|
|
17
17
|
export { s as OrCardCollectionV3 } from '../OrCardCollection.vue_vue_type_script_lang-86a02f38.js';
|
|
18
18
|
export { DefaultCardCollectionViews, defaultViewModes, gridView, listView } from './OrCardCollectionV3/props.js';
|
|
19
19
|
export { s as OrCardV3 } from '../OrCard.vue_vue_type_script_lang-b204e541.js';
|
|
20
|
-
export { s as OrCarousel } from '../OrCarousel.vue_vue_type_script_lang-
|
|
20
|
+
export { s as OrCarousel } from '../OrCarousel.vue_vue_type_script_lang-5222cb8d.js';
|
|
21
21
|
export { s as OrCarouselItem } from '../OrCarouselItem.vue_vue_type_script_lang-42da2f4a.js';
|
|
22
22
|
export { s as OrCheckbox } from '../OrCheckbox.vue_vue_type_script_lang-ba11d80f.js';
|
|
23
23
|
export { s as OrCheckboxV3 } from '../OrCheckbox.vue_vue_type_script_lang-75c6053a.js';
|
|
@@ -155,7 +155,7 @@ export { p as PropsV3 } from '../props-7be029c7.js';
|
|
|
155
155
|
export { s as OrTooltip } from '../OrTooltip.vue_vue_type_script_lang-76a6b7f4.js';
|
|
156
156
|
export { s as OrTooltipContent } from '../OrTooltipContent.vue_vue_type_script_lang-969c20ed.js';
|
|
157
157
|
export { s as OrTooltipV3 } from '../OrTooltip.vue_vue_type_script_lang-56496d67.js';
|
|
158
|
-
export { s as OrRichTextEditorV3 } from '../OrRichTextEditor.vue_vue_type_script_lang-
|
|
158
|
+
export { s as OrRichTextEditorV3 } from '../OrRichTextEditor.vue_vue_type_script_lang-6cfb065a.js';
|
|
159
159
|
import 'vue-demi';
|
|
160
160
|
import 'lodash';
|
|
161
161
|
import './OrIcon/OrIcon.js';
|