@onereach/ui-components 4.4.0-beta.2680.0 → 4.4.0-beta.2690.0

package/dist/bundled/v2/components/OrCarousel/OrCarousel.js

@@ -1,7 +1,7 @@
+import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import { defineComponent, ref } from 'vue-demi';
 import { EVENTS } from './constants.js';
 import __vue_component__$1 from '../OrIcon/OrIcon.js';
-import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 import 'lodash';
 import '../OrIcon/constants.js';
@@ -2653,6 +2653,9 @@ var Splide = _Splide;
 Splide.defaults = {};
 Splide.STATES = STATES;
 
+var css_248z$1 = ".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}";
+styleInject(css_248z$1);
+
 var script = defineComponent({
   name: 'OrCarousel',
   components: {
@@ -2814,7 +2817,7 @@ var script = defineComponent({
   }
 });
 
-var css_248z = ".or-carousel[data-v-53c22bd2]{line-height:1;text-align:center}.or-carousel__track-container[data-v-53c22bd2]{position:relative}.or-carousel .splide__arrow[data-v-53c22bd2].focus-visible{outline:0}.or-carousel .splide__arrow[data-v-53c22bd2]:focus-visible{outline:0}.or-carousel[data-v-53c22bd2]  .splide__pagination__page{background:#64b2da}";
+var css_248z = ".or-carousel[data-v-79a6ba5c]{line-height:1;text-align:center}.or-carousel__track-container[data-v-79a6ba5c]{position:relative}.or-carousel .splide__arrow[data-v-79a6ba5c].focus-visible{outline:0}.or-carousel .splide__arrow[data-v-79a6ba5c]:focus-visible{outline:0}.or-carousel[data-v-79a6ba5c]  .splide__pagination__page{background:#64b2da}";
 styleInject(css_248z);
 
 /* script */
@@ -2860,7 +2863,7 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = undefined;
 /* scoped */
-const __vue_scope_id__ = "data-v-53c22bd2";
+const __vue_scope_id__ = "data-v-79a6ba5c";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

package/dist/bundled/v2/components/OrCarousel/OrCarousel.vue.d.ts

@@ -1,4 +1,5 @@
 import { Splide, ResponsiveOptions } from '@splidejs/splide';
+import '@splidejs/splide/dist/css/splide.min.css';
 import { PropType } from 'vue-demi';
 import { Direction, KeyBoard, Type } from './constants';
 declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{

package/dist/bundled/v2/components/OrCarousel/index.js

@@ -1,5 +1,6 @@
 export { default as OrCarousel } from './OrCarousel.js';
 export { default as OrCarouselItem } from '../OrCarouselItem/OrCarouselItem.js';
+import '../../style-inject.es-4c6f2515.js';
 import 'vue-demi';
 import './constants.js';
 import '../OrIcon/OrIcon.js';
@@ -7,7 +8,6 @@ import 'lodash';
 import '../OrIcon/constants.js';
 import '../../utils/functions/px-to-rem.js';
 import '../OrTooltipContent/OrTooltipContent.js';
-import '../../style-inject.es-4c6f2515.js';
 import '../../normalize-component-6e8e3d80.js';
 import '../OrFloating/OrFloating.js';
 import '../../floating-ui.dom.esm-83eba816.js';

package/dist/bundled/v2/components/OrRichTextEditorV3/OrRichTextEditor.js

@@ -1523,6 +1523,7 @@ var script = defineComponent({
     const root = ref();
     let editor = null;
     const editorRef = ref();
+    const textareaRef = ref();
     const containerRef = ref();
     const toolbarRef = ref();
     const moreButtonRef = ref();
@@ -1539,6 +1540,7 @@ var script = defineComponent({
     const text = ref('');
     const link = ref('');
     const countOfNotVisibleTools = ref(0);
+    const sourceValue = ref('');
     let trap = useFocusTrap(editorRef, {
       immediate: true,
       fallbackFocus: '.container',
@@ -1720,25 +1722,18 @@ var script = defineComponent({
       }
       return !notVisibleTools.value.includes(value);
     };
+    const handleInput = event => {
+      const target = event.target;
+      const value = target.value;
+      editor === null || editor === void 0 ? void 0 : editor.commands.setContent(deserialize(editor === null || editor === void 0 ? void 0 : editor.schema, value));
+    };
     const handleToolbarClick = (item, level) => {
-      var _a, _b;
+      var _a, _b, _c;
       switch (item) {
         case 'source':
           disableMarkdown.value = !disableMarkdown.value;
-          editor === null || editor === void 0 ? void 0 : editor.setOptions({
-            enableInputRules: !disableMarkdown.value,
-            enablePasteRules: !disableMarkdown.value
-          });
-          editor === null || editor === void 0 ? void 0 : editor.view.updateState(editor === null || editor === void 0 ? void 0 : editor.state.reconfigure({
-            plugins: editor.extensionManager.plugins
-          }));
-          if (disableMarkdown.value) {
-            const content = serialize(editor === null || editor === void 0 ? void 0 : editor.schema, editor === null || editor === void 0 ? void 0 : editor.getJSON());
-            editor === null || editor === void 0 ? void 0 : editor.commands.clearContent();
-            editor === null || editor === void 0 ? void 0 : editor.commands.insertContent(content);
-          } else {
-            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()));
-          }
+          (_a = textareaRef.value) === null || _a === void 0 ? void 0 : _a.focus();
+          sourceValue.value = serialize(editor === null || editor === void 0 ? void 0 : editor.schema, editor === null || editor === void 0 ? void 0 : editor.getJSON());
           break;
         case 'bulletList':
         case 'orderedList':
@@ -1752,8 +1747,8 @@ var script = defineComponent({
               to,
               empty
             } = editor.state.selection;
-            const isLink = (_a = editor.view.state.doc.nodeAt(cursorPosition)) === null || _a === void 0 ? void 0 : _a.marks.filter(mark => mark.type.name === 'link');
-            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) || '' : '';
+            const isLink = (_b = editor.view.state.doc.nodeAt(cursorPosition)) === null || _b === void 0 ? void 0 : _b.marks.filter(mark => mark.type.name === 'link');
+            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) || '' : '';
             text.value = empty ? existedText : editor.state.doc.textBetween(from, to, ' ');
             link.value = editor.getAttributes('link').href || '';
           }
@@ -1883,6 +1878,7 @@ var script = defineComponent({
       containerRef,
       toolbarButtonRef,
       moreButtonRef,
+      textareaRef,
       moreRef,
       menuRef,
       iconsEnum,
@@ -1907,12 +1903,16 @@ var script = defineComponent({
       isFocused,
       isVisible,
       countOfNotVisibleTools,
-      notVisibleTools
+      notVisibleTools,
+      handleInput,
+      proxyModelValue,
+      disableMarkdown,
+      sourceValue
     };
   }
 });
 
-var css_248z = ".tiptap-editor-v3 ol{margin:0 24px;list-style:decimal}.tiptap-editor-v3 .ProseMirror p{margin:4px}.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{margin:4px}.tiptap-editor-v3 ul{margin:0 24px;list-style:disc outside none;list-style:initial}.tiptap-editor-v3 blockquote{margin:8px 24px;padding:0 24px;border-left:4px solid #bad1ec}.tiptap-editor-v3 .is-editor-empty::before{content:attr(data-placeholder);height:0;pointer-events:none;float:left}.tiptap-editor-v3 .cm-editor{border:none;border-radius:4px}.tiptap-editor-v3 .cm-editor .cm-scroller{border-radius:4px}.tiptap-editor-v3 .cm-editor.cm-focused{outline:0}.tiptap-editor-v3 .cm-editor .cm-gutters{background-color:rgba(0,95,177,.08);border:none}.tiptap-editor-v3 .cm-editor .cm-gutters .cm-gutterElement{padding:0 10px}.tiptap-editor-v3 .cm-editor .cm-gutters .cm-gutterElement.cm-activeLineGutter{background-color:rgba(0,95,177,.07)}";
+var css_248z = ".tiptap-editor-v3 ol{margin:0 24px;list-style:decimal}.tiptap-editor-v3 .ProseMirror p{margin:4px}.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{margin:4px}.tiptap-editor-v3 ul{margin:0 24px;list-style:disc outside none;list-style:initial}.tiptap-editor-v3 blockquote{margin:8px 24px;padding:0 24px;border-left:4px solid rgba(0, 95, 177, 0.16)}.tiptap-editor-v3 .is-editor-empty::before{content:attr(data-placeholder);height:0;pointer-events:none;float:left}.tiptap-editor-v3 .cm-editor{border:none;border-radius:4px}.tiptap-editor-v3 .cm-editor .cm-scroller{border-radius:4px}.tiptap-editor-v3 .cm-editor.cm-focused{outline:0}.tiptap-editor-v3 .cm-editor .cm-gutters{background-color:rgba(0, 95, 177, 0.12);border:none}.tiptap-editor-v3 .cm-editor .cm-gutters .cm-gutterElement{padding:0 10px}.tiptap-editor-v3 .cm-editor .cm-gutters .cm-gutterElement.cm-activeLineGutter{background-color:rgba(0, 95, 177, 0.16)}";
 styleInject(css_248z);
 
 /* script */
@@ -2010,7 +2010,41 @@ var __vue_render__ = function () {
     class: ['p-sm', {
       'h-[calc(100%-32px)] md:h-[calc(100%-36px)]': _vm.fullHeight
     }]
-  }, [_c('div', {
+  }, [_c('textarea', {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.disableMarkdown,
+      expression: "disableMarkdown"
+    }, {
+      name: "model",
+      rawName: "v-model",
+      value: _vm.sourceValue,
+      expression: "sourceValue"
+    }],
+    ref: "textareaRef",
+    staticClass: "w-full h-full resize-none border-none outline-none bg-transparent",
+    attrs: {
+      "activated": _vm.disableMarkdown
+    },
+    domProps: {
+      "value": _vm.sourceValue
+    },
+    on: {
+      "input": [function ($event) {
+        if ($event.target.composing) {
+          return;
+        }
+        _vm.sourceValue = $event.target.value;
+      }, _vm.handleInput]
+    }
+  }), _vm._v(" "), _c('div', {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: !_vm.disableMarkdown,
+      expression: "!disableMarkdown"
+    }],
     ref: "editorRef",
     class: _vm.editorInputStyles
   }), _vm._v(" "), _vm._t("files")], 2)]), _vm._v(" "), _vm.moreButtonRef ? _c('or-menu', {

package/dist/bundled/v2/components/OrRichTextEditorV3/OrRichTextEditor.vue.d.ts

@@ -13,6 +13,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         [x: number]: string;
     } | {}, true> | undefined>;
     moreButtonRef: import("@vue/composition-api").Ref<HTMLDivElement | undefined>;
+    textareaRef: import("@vue/composition-api").Ref<HTMLTextAreaElement | undefined>;
     moreRef: import("@vue/composition-api").Ref<HTMLDivElement | undefined>;
     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, {
         [x: string]: ((...args: any[]) => any) | null;
@@ -48,6 +49,10 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     isVisible: (value: string | Array<string>) => boolean;
     countOfNotVisibleTools: import("@vue/composition-api").Ref<number>;
     notVisibleTools: import("@vue/composition-api").ComputedRef<string[]>;
+    handleInput: (event: InputEvent) => void;
+    proxyModelValue: import("@vue/composition-api").WritableComputedRef<string>;
+    disableMarkdown: import("@vue/composition-api").Ref<boolean>;
+    sourceValue: import("@vue/composition-api").Ref<string>;
 }> & import("@vue/composition-api").Data, {}, {}, {
     modelValue: {
         type: StringConstructor;
@@ -153,6 +158,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         [x: number]: string;
     } | {}, true> | undefined>;
     moreButtonRef: import("@vue/composition-api").Ref<HTMLDivElement | undefined>;
+    textareaRef: import("@vue/composition-api").Ref<HTMLTextAreaElement | undefined>;
     moreRef: import("@vue/composition-api").Ref<HTMLDivElement | undefined>;
     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, {
         [x: string]: ((...args: any[]) => any) | null;
@@ -188,6 +194,10 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     isVisible: (value: string | Array<string>) => boolean;
     countOfNotVisibleTools: import("@vue/composition-api").Ref<number>;
     notVisibleTools: import("@vue/composition-api").ComputedRef<string[]>;
+    handleInput: (event: InputEvent) => void;
+    proxyModelValue: import("@vue/composition-api").WritableComputedRef<string>;
+    disableMarkdown: import("@vue/composition-api").Ref<boolean>;
+    sourceValue: import("@vue/composition-api").Ref<string>;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
     modelValue: string;
     toolbar: string[][];

package/dist/bundled/v2/components/OrRichTextEditorV3/styles.js

@@ -31,7 +31,7 @@ const ToolbarButtonFocused = [
 'text-outline'];
 const EditorInput = [
 // Typography
-'typography-body-2-regular', 'text-on-background',
+'typography-body-2-regular', 'text-on-background', 'dark:text-on-background-dark',
 // Sizing
 'min-h-[88px]'];
 

package/dist/bundled/v2/components/OrSelectV3/OrSelect.js

@@ -360,7 +360,8 @@ var __vue_render__ = function () {
       return _c('OrTag', {
         key: option.value,
         attrs: {
-          "variant": 'reset'
+          "variant": 'reset',
+          "disabled": _vm.disabled || _vm.readonly
         },
         on: {
           "reset": function ($event) {