@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.
Files changed (47) hide show
  1. package/dist/bundled/v2/components/OrCarousel/OrCarousel.js +6 -3
  2. package/dist/bundled/v2/components/OrCarousel/OrCarousel.vue.d.ts +1 -0
  3. package/dist/bundled/v2/components/OrCarousel/index.js +1 -1
  4. package/dist/bundled/v2/components/OrRichTextEditorV3/OrRichTextEditor.js +54 -20
  5. package/dist/bundled/v2/components/OrRichTextEditorV3/OrRichTextEditor.vue.d.ts +10 -0
  6. package/dist/bundled/v2/components/OrRichTextEditorV3/styles.js +1 -1
  7. package/dist/bundled/v2/components/OrSelectV3/OrSelect.js +2 -1
  8. package/dist/bundled/v2/index.js +1 -1
  9. package/dist/bundled/v3/{OrCarousel.vue_vue_type_script_lang-188ca513.js → OrCarousel.vue_vue_type_script_lang-5222cb8d.js} +4 -0
  10. package/dist/bundled/v3/{OrRichTextEditor.vue_vue_type_script_lang-6d5a6b7e.js → OrRichTextEditor.vue_vue_type_script_lang-6cfb065a.js} +18 -18
  11. package/dist/bundled/v3/components/OrCarousel/OrCarousel.js +3 -3
  12. package/dist/bundled/v3/components/OrCarousel/OrCarousel.vue.d.ts +1 -0
  13. package/dist/bundled/v3/components/OrCarousel/index.js +2 -2
  14. package/dist/bundled/v3/components/OrRichTextEditorV3/OrRichTextEditor.js +27 -18
  15. package/dist/bundled/v3/components/OrRichTextEditorV3/OrRichTextEditor.vue.d.ts +10 -0
  16. package/dist/bundled/v3/components/OrRichTextEditorV3/index.js +1 -1
  17. package/dist/bundled/v3/components/OrRichTextEditorV3/styles.js +1 -1
  18. package/dist/bundled/v3/components/OrSelectV3/OrSelect.js +2 -1
  19. package/dist/bundled/v3/components/index.js +2 -2
  20. package/dist/bundled/v3/index.js +3 -3
  21. package/dist/esm/v2/{OrCarousel-5c2b2d10.js → OrCarousel-76dc2b7b.js} +3 -2
  22. package/dist/esm/v2/{OrRichTextEditor-cb50c4f6.js → OrRichTextEditor-10dc8ee2.js} +55 -21
  23. package/dist/esm/v2/{OrSelect-9c8f96b2.js → OrSelect-9d6b3363.js} +2 -1
  24. package/dist/esm/v2/components/index.js +4 -3
  25. package/dist/esm/v2/components/or-carousel/OrCarousel.vue.d.ts +1 -0
  26. package/dist/esm/v2/components/or-carousel/index.js +2 -1
  27. package/dist/esm/v2/components/or-rich-text-editor-v3/OrRichTextEditor.vue.d.ts +10 -0
  28. package/dist/esm/v2/components/or-rich-text-editor-v3/index.js +1 -1
  29. package/dist/esm/v2/components/or-select-v3/index.js +1 -1
  30. package/dist/esm/v2/index.js +4 -3
  31. package/dist/esm/v3/{OrCarousel-4fb775f8.js → OrCarousel-40f069d5.js} +2 -1
  32. package/dist/esm/v3/{OrRichTextEditor-c3560ddb.js → OrRichTextEditor-809824b9.js} +44 -35
  33. package/dist/esm/v3/{OrSelect-b1d7651a.js → OrSelect-3dbddc6b.js} +2 -1
  34. package/dist/esm/v3/components/index.js +4 -3
  35. package/dist/esm/v3/components/or-carousel/OrCarousel.vue.d.ts +1 -0
  36. package/dist/esm/v3/components/or-carousel/index.js +2 -1
  37. package/dist/esm/v3/components/or-rich-text-editor-v3/OrRichTextEditor.vue.d.ts +10 -0
  38. package/dist/esm/v3/components/or-rich-text-editor-v3/index.js +1 -1
  39. package/dist/esm/v3/components/or-select-v3/index.js +1 -1
  40. package/dist/esm/v3/index.js +4 -3
  41. package/package.json +2 -2
  42. package/src/components/or-carousel/OrCarousel.vue +2 -2
  43. package/src/components/or-rich-text-editor-v3/OrRichTextEditor.stories3.ts +7 -3
  44. package/src/components/or-rich-text-editor-v3/OrRichTextEditor.vue +27 -20
  45. package/src/components/or-rich-text-editor-v3/styles.ts +1 -0
  46. package/src/components/or-select-v3/OrSelect.stories3.ts +39 -1
  47. 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
- editor === null || editor === void 0 ? void 0 : editor.setOptions({
1683
- enableInputRules: !disableMarkdown.value,
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 = (_a = editor.view.state.doc.nodeAt(cursorPosition)) === null || _a === void 0 ? void 0 : _a.marks.filter(mark => mark.type.name === 'link');
1710
- const existedText = (isLink === null || isLink === void 0 ? void 0 : isLink.length) ? ((_b = editor.view.state.doc.nodeAt(cursorPosition)) === null || _b === void 0 ? void 0 : _b.text) || '' : '';
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-188ca513.js';
2
- export { s as default } from '../../OrCarousel.vue_vue_type_script_lang-188ca513.js';
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 = "@import '~@splidejs/splide/dist/css/splide.min.css';\n.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}";
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-188ca513.js';
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-6d5a6b7e.js';
2
- export { s as default } from '../../OrRichTextEditor.vue_vue_type_script_lang-6d5a6b7e.js';
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 = /*#__PURE__*/createElementVNode("p", {
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 _hoisted_2 = {
93
+ const _hoisted_3 = {
93
94
  class: "flex ml-auto gap-md"
94
95
  };
95
- const _hoisted_3 = /*#__PURE__*/createElementVNode("p", null, "Cancel", -1 /* HOISTED */);
96
- const _hoisted_4 = /*#__PURE__*/createElementVNode("p", null, "Save", -1 /* HOISTED */);
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[2] || (_cache[2] = $event => _ctx.handleEditorClick())
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("div", {
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[3] || (_cache[3] = $event => _ctx.handleToolbarClick('heading'))
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(() => [_hoisted_1]),
238
- footer: withCtx(() => [createElementVNode("div", _hoisted_2, [createVNode(_component_or_button, {
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(() => [_hoisted_3]),
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(() => [_hoisted_4]),
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[4] || (_cache[4] = $event => _ctx.text = $event),
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[5] || (_cache[5] = $event => _ctx.link = $event),
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 #bad1ec;\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.08);\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.07);\n}";
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-6d5a6b7e.js';
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-188ca513.js';
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-6d5a6b7e.js';
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';