@onereach/ui-components 6.1.2 → 6.2.0-beta.3261.0

package/dist/bundled/v3/components/OrProgressV3/OrProgress.vue.d.ts

@@ -1,6 +1,27 @@
 import { PropType } from 'vue-demi';
 import { ProgressColor, ProgressType } from './props';
-declare const _default: import("vue-demi").DefineComponent<{
+declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
+    root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
+    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    headerStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    labelStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    percentStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    footerStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    progressBarBackgroundStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    progressBarMainPartStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    strokeDasharray: import("@vue/composition-api").ComputedRef<number>;
+    strokeDashoffset: import("@vue/composition-api").ComputedRef<number | undefined>;
+    strokeWidth: import("@vue/composition-api").ComputedRef<number | "100%">;
+    localProgress: import("@vue/composition-api").ComputedRef<number>;
+    localValue: import("@vue/composition-api").ComputedRef<number>;
+    percent: import("@vue/composition-api").ComputedRef<string>;
+    isLinearType: import("@vue/composition-api").ComputedRef<boolean>;
+    isCircleType: import("@vue/composition-api").ComputedRef<boolean>;
+    isShowingHeader: import("@vue/composition-api").ComputedRef<boolean>;
+    isShowingFooter: import("@vue/composition-api").ComputedRef<boolean>;
+    localColor: import("@vue/composition-api").ComputedRef<ProgressColor.Primary | ProgressColor.Success | ProgressColor.Warning | ProgressColor.Error>;
+    computedSize: import("@vue/composition-api").ComputedRef<20 | 16>;
+}> & import("@vue/composition-api").Data, {}, {}, {
     maxValue: {
         type: NumberConstructor;
         required: false;
@@ -36,28 +57,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         required: false;
         default: boolean;
     };
-}, {
-    root: import("vue-demi").Ref<HTMLElement | undefined>;
-    rootStyles: import("vue-demi").ComputedRef<string[]>;
-    headerStyles: import("vue-demi").ComputedRef<string[]>;
-    labelStyles: import("vue-demi").ComputedRef<string[]>;
-    percentStyles: import("vue-demi").ComputedRef<string[]>;
-    footerStyles: import("vue-demi").ComputedRef<string[]>;
-    progressBarBackgroundStyles: import("vue-demi").ComputedRef<string[]>;
-    progressBarMainPartStyles: import("vue-demi").ComputedRef<string[]>;
-    strokeDasharray: import("vue-demi").ComputedRef<number>;
-    strokeDashoffset: import("vue-demi").ComputedRef<number | undefined>;
-    strokeWidth: import("vue-demi").ComputedRef<number | "100%">;
-    localProgress: import("vue-demi").ComputedRef<number>;
-    localValue: import("vue-demi").ComputedRef<number>;
-    percent: import("vue-demi").ComputedRef<string>;
-    isLinearType: import("vue-demi").ComputedRef<boolean>;
-    isCircleType: import("vue-demi").ComputedRef<boolean>;
-    isShowingHeader: import("vue-demi").ComputedRef<boolean>;
-    isShowingFooter: import("vue-demi").ComputedRef<boolean>;
-    localColor: import("vue-demi").ComputedRef<ProgressColor.Primary | ProgressColor.Success | ProgressColor.Warning | ProgressColor.Error>;
-    computedSize: import("vue-demi").ComputedRef<16 | 20>;
-}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, {}, string, import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
+}, import("@vue/composition-api").ExtractPropTypes<{
     maxValue: {
         type: NumberConstructor;
         required: false;
@@ -93,7 +93,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         required: false;
         default: boolean;
     };
-}>>, {
+}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
     maxValue: number;
     value: number;
     progress: number;
@@ -101,5 +101,42 @@ declare const _default: import("vue-demi").DefineComponent<{
     type: ProgressType;
     color: ProgressColor;
     loading: boolean;
-}>;
+} & {}, import("@vue/composition-api").ShallowUnwrapRef<{
+    root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
+    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    headerStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    labelStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    percentStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    footerStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    progressBarBackgroundStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    progressBarMainPartStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    strokeDasharray: import("@vue/composition-api").ComputedRef<number>;
+    strokeDashoffset: import("@vue/composition-api").ComputedRef<number | undefined>;
+    strokeWidth: import("@vue/composition-api").ComputedRef<number | "100%">;
+    localProgress: import("@vue/composition-api").ComputedRef<number>;
+    localValue: import("@vue/composition-api").ComputedRef<number>;
+    percent: import("@vue/composition-api").ComputedRef<string>;
+    isLinearType: import("@vue/composition-api").ComputedRef<boolean>;
+    isCircleType: import("@vue/composition-api").ComputedRef<boolean>;
+    isShowingHeader: import("@vue/composition-api").ComputedRef<boolean>;
+    isShowingFooter: import("@vue/composition-api").ComputedRef<boolean>;
+    localColor: import("@vue/composition-api").ComputedRef<ProgressColor.Primary | ProgressColor.Success | ProgressColor.Warning | ProgressColor.Error>;
+    computedSize: import("@vue/composition-api").ComputedRef<20 | 16>;
+}>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {
+    maxValue: number;
+    value: number;
+    progress: number;
+    precision: number;
+    type: ProgressType;
+    color: ProgressColor;
+    loading: boolean;
+} & {}, {
+    maxValue: number;
+    value: number;
+    progress: number;
+    precision: number;
+    type: ProgressType;
+    color: ProgressColor;
+    loading: boolean;
+}, true>);
 export default _default;

package/dist/bundled/v3/components/OrProgressV3/index.js

@@ -1,2 +1,2 @@
 export { ProgressColor, ProgressType } from './props.js';
-export { s as OrProgressV3 } from '../../OrProgress.vue_vue_type_script_lang-32e6da23.js';
+export { s as OrProgressV3 } from '../../OrProgress.vue_vue_type_script_lang-56b4a5da.js';

package/dist/bundled/v3/components/OrRadio/OrRadio.js

@@ -1,5 +1,5 @@
-import { s as script } from '../../OrRadio.vue_vue_type_script_lang-3a551734.js';
-export { s as default } from '../../OrRadio.vue_vue_type_script_lang-3a551734.js';
+import { s as script } from '../../OrRadio.vue_vue_type_script_lang-a4f043e9.js';
+export { s as default } from '../../OrRadio.vue_vue_type_script_lang-a4f043e9.js';
 import { openBlock, createElementBlock, normalizeClass, createElementVNode, mergeProps, renderSlot, createTextVNode, toDisplayString, pushScopeId, popScopeId } from 'vue';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 

package/dist/bundled/v3/components/OrRadio/OrRadio.vue.d.ts

@@ -1,5 +1,13 @@
 import { PropType } from 'vue-demi';
-declare const _default: import("vue-demi").DefineComponent<{
+declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
+    modifiedIsDisabled: import("@vue/composition-api").ComputedRef<boolean>;
+    modifiedIsUncheckable: import("@vue/composition-api").ComputedRef<boolean>;
+    isChecked: import("@vue/composition-api").ComputedRef<boolean>;
+    onClick: () => void;
+}> & import("@vue/composition-api").Data, {}, {
+    rootClasses(): any;
+    localAttrs(): any;
+}, {
     modelValue: {
         type: any;
         default: null;
@@ -24,15 +32,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: boolean;
         required: false;
     };
-}, {
-    modifiedIsDisabled: import("vue-demi").ComputedRef<boolean>;
-    modifiedIsUncheckable: import("vue-demi").ComputedRef<boolean>;
-    isChecked: import("vue-demi").ComputedRef<boolean>;
-    onClick: () => void;
-}, unknown, {
-    rootClasses(): any;
-    localAttrs(): any;
-}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
+}, import("@vue/composition-api").ExtractPropTypes<{
     modelValue: {
         type: any;
         default: null;
@@ -57,12 +57,34 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: boolean;
         required: false;
     };
-}>> & {
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+    modelValue: any;
+    value: any;
+    label: string;
+    isDisabled: boolean;
+    isUncheckable: boolean;
+} & {} & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}, import("@vue/composition-api").ShallowUnwrapRef<{
+    modifiedIsDisabled: import("@vue/composition-api").ComputedRef<boolean>;
+    modifiedIsUncheckable: import("@vue/composition-api").ComputedRef<boolean>;
+    isChecked: import("@vue/composition-api").ComputedRef<boolean>;
+    onClick: () => void;
+}>, import("@vue/composition-api").Data, {
+    rootClasses(): any;
+    localAttrs(): any;
+}, {}, {}, {}, string[], {
+    modelValue: any;
+    value: any;
+    label: string;
+    isDisabled: boolean;
+    isUncheckable: boolean;
+} & {} & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
     modelValue: any;
     label: string;
     isDisabled: boolean;
     isUncheckable: boolean;
-}>;
+}, true>);
 export default _default;

package/dist/bundled/v3/components/OrRadio/index.js

@@ -1 +1 @@
-export { s as OrRadio } from '../../OrRadio.vue_vue_type_script_lang-3a551734.js';
+export { s as OrRadio } from '../../OrRadio.vue_vue_type_script_lang-a4f043e9.js';

package/dist/bundled/v3/components/OrRadioGroup/OrRadioGroup.vue.d.ts

@@ -1,5 +1,10 @@
 import { PropType } from 'vue-demi';
-declare const _default: import("vue-demi").DefineComponent<{
+declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
+    rootClasses: import("@vue/composition-api").ComputedRef<(string | {
+        "is-column": boolean;
+        "is-row": boolean;
+    })[]>;
+}> & import("@vue/composition-api").Data, {}, {}, {
     modelValue: {
         type: any;
         default: null;
@@ -24,12 +29,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: boolean;
         required: false;
     };
-}, {
-    rootClasses: import("vue-demi").ComputedRef<(string | {
-        "is-column": boolean;
-        "is-row": boolean;
-    })[]>;
-}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, {}, string, import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
+}, import("@vue/composition-api").ExtractPropTypes<{
     modelValue: {
         type: any;
         default: null;
@@ -54,11 +54,28 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: boolean;
         required: false;
     };
-}>>, {
+}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+    modelValue: any;
+    isColumn: boolean;
+    isRow: boolean;
+    isDisabled: boolean;
+    isUncheckable: boolean;
+} & {}, import("@vue/composition-api").ShallowUnwrapRef<{
+    rootClasses: import("@vue/composition-api").ComputedRef<(string | {
+        "is-column": boolean;
+        "is-row": boolean;
+    })[]>;
+}>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {
+    modelValue: any;
+    isColumn: boolean;
+    isRow: boolean;
+    isDisabled: boolean;
+    isUncheckable: boolean;
+} & {}, {
     modelValue: any;
     isColumn: boolean;
     isRow: boolean;
     isDisabled: boolean;
     isUncheckable: boolean;
-}>;
+}, true>);
 export default _default;

package/dist/bundled/v3/components/OrRadioGroupV3/OrRadioGroup.vue.d.ts

@@ -1,6 +1,8 @@
 import { PropType } from 'vue-demi';
 import { FormGroupDirection } from '../or-form-group-v3';
-declare const _default: import("vue-demi").DefineComponent<{
+declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
+    proxyModelValue: import("../../hooks").UseProxyModelValueReturn<any>;
+}> & import("@vue/composition-api").Data, {}, {}, {
     modelValue: {
         type: any;
         default: null;
@@ -33,9 +35,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}, {
-    proxyModelValue: import("../../hooks").UseProxyModelValueReturn<any>;
-}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, {}, string, import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
+}, import("@vue/composition-api").ExtractPropTypes<{
     modelValue: {
         type: any;
         default: null;
@@ -68,7 +68,33 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}>>, {
+}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+    modelValue: any;
+    direction: FormGroupDirection;
+    label: string;
+    options: {
+        label: string;
+        value: any;
+        disabled?: boolean | undefined;
+    }[];
+    error: string;
+    hint: string;
+    disabled: boolean;
+} & {}, import("@vue/composition-api").ShallowUnwrapRef<{
+    proxyModelValue: import("../../hooks").UseProxyModelValueReturn<any>;
+}>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {
+    modelValue: any;
+    direction: FormGroupDirection;
+    label: string;
+    options: {
+        label: string;
+        value: any;
+        disabled?: boolean | undefined;
+    }[];
+    error: string;
+    hint: string;
+    disabled: boolean;
+} & {}, {
     modelValue: any;
     direction: FormGroupDirection;
     label: string;
@@ -80,5 +106,5 @@ declare const _default: import("vue-demi").DefineComponent<{
     error: string;
     hint: string;
     disabled: boolean;
-}>;
+}, true>);
 export default _default;

package/dist/bundled/v3/components/OrRadioV3/OrRadio.vue.d.ts

@@ -1,6 +1,20 @@
 import { PropType } from 'vue-demi';
 import { LabelVariant } from '../or-label-v3';
-declare const _default: import("vue-demi").DefineComponent<{
+declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
+    root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
+    control: import("@vue/composition-api").Ref<HTMLInputElement | undefined>;
+    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    controlStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    controlAttributes: {
+        readonly: boolean | undefined;
+        disabled: boolean | undefined;
+        'force-state': string | undefined;
+        id: string | undefined;
+    };
+    proxyModelValue: import("../../hooks").UseProxyModelValueReturn<string>;
+    focus: () => void;
+    blur: () => void;
+}> & import("@vue/composition-api").Data, {}, {}, {
     modelValue: {
         type: StringConstructor;
         default: undefined;
@@ -25,21 +39,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}, {
-    root: import("vue-demi").Ref<HTMLElement | undefined>;
-    control: import("vue-demi").Ref<HTMLInputElement | undefined>;
-    rootStyles: import("vue-demi").ComputedRef<string[]>;
-    controlStyles: import("vue-demi").ComputedRef<string[]>;
-    controlAttributes: {
-        readonly: boolean | undefined;
-        disabled: boolean | undefined;
-        'force-state': string | undefined;
-        id: string | undefined;
-    };
-    proxyModelValue: import("../../hooks").UseProxyModelValueReturn<string | undefined>;
-    focus: () => void;
-    blur: () => void;
-}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("update:modelValue" | "focus" | "blur")[], "update:modelValue" | "focus" | "blur", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
+}, import("@vue/composition-api").ExtractPropTypes<{
     modelValue: {
         type: StringConstructor;
         default: undefined;
@@ -64,15 +64,43 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}>> & {
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    onFocus?: ((...args: any[]) => any) | undefined;
-    onBlur?: ((...args: any[]) => any) | undefined;
+}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+    modelValue: string;
+    value: string;
+    label: string;
+    labelVariant: LabelVariant;
+    required: boolean;
+    disabled: boolean;
+} & {} & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}, import("@vue/composition-api").ShallowUnwrapRef<{
+    root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
+    control: import("@vue/composition-api").Ref<HTMLInputElement | undefined>;
+    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    controlStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    controlAttributes: {
+        readonly: boolean | undefined;
+        disabled: boolean | undefined;
+        'force-state': string | undefined;
+        id: string | undefined;
+    };
+    proxyModelValue: import("../../hooks").UseProxyModelValueReturn<string>;
+    focus: () => void;
+    blur: () => void;
+}>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
+    modelValue: string;
+    value: string;
+    label: string;
+    labelVariant: LabelVariant;
+    required: boolean;
+    disabled: boolean;
+} & {} & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
     modelValue: string;
     label: string;
     labelVariant: LabelVariant;
     required: boolean;
     disabled: boolean;
-}>;
+}, true>);
 export default _default;

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

@@ -0,0 +1,202 @@
+import { s as script } from '../../OrRichTextEditor.vue_vue_type_script_lang-0b0d7afe.js';
+export { s as default } from '../../OrRichTextEditor.vue_vue_type_script_lang-0b0d7afe.js';
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, withCtx, createTextVNode, toDisplayString, createElementVNode, Fragment, renderList, createBlock, createCommentVNode, withDirectives, vShow, vModelText, renderSlot } from 'vue';
+import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
+
+const _hoisted_1 = ["activated"];
+const _hoisted_2 = {
+  class: "flex p-sm gap-md bg-on-primary"
+};
+const _hoisted_3 = /*#__PURE__*/createElementVNode("p", {
+  class: "text-headline-2"
+}, " Add Link ", -1 /* HOISTED */);
+const _hoisted_4 = {
+  class: "flex ml-auto gap-md"
+};
+const _hoisted_5 = /*#__PURE__*/createElementVNode("p", null, "Cancel", -1 /* HOISTED */);
+const _hoisted_6 = /*#__PURE__*/createElementVNode("p", null, "Save", -1 /* HOISTED */);
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_or_label = resolveComponent("or-label");
+  const _component_or_icon_button = resolveComponent("or-icon-button");
+  const _component_or_popover = resolveComponent("or-popover");
+  const _component_or_menu_item = resolveComponent("or-menu-item");
+  const _component_or_menu = resolveComponent("or-menu");
+  const _component_or_input = resolveComponent("or-input");
+  const _component_or_button = resolveComponent("or-button");
+  const _component_or_modal = resolveComponent("or-modal");
+  return openBlock(), createElementBlock("div", {
+    ref: "root",
+    class: normalizeClass(_ctx.rootStyles)
+  }, [createVNode(_component_or_label, null, {
+    default: withCtx(() => [createTextVNode(toDisplayString(_ctx.description), 1 /* TEXT */)]),
+
+    _: 1 /* STABLE */
+  }), createElementVNode("div", {
+    ref: "containerRef",
+    class: normalizeClass(_ctx.containerStyles),
+    onClick: _cache[4] || (_cache[4] = $event => _ctx.handleEditorClick())
+  }, [createElementVNode("div", {
+    ref: "toolbarRef",
+    class: normalizeClass(_ctx.toolbarContainerStyles)
+  }, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.toolbar, (tools, index) => {
+    return openBlock(), createElementBlock("div", {
+      key: index,
+      class: normalizeClass([..._ctx.toolbarStyles, {
+        'hidden': _ctx.isVisible(tools)
+      }])
+    }, [(openBlock(true), createElementBlock(Fragment, null, renderList(tools, item => {
+      return openBlock(), createElementBlock("div", {
+        key: item,
+        class: normalizeClass(['flex gap-md', {
+          'hidden': !_ctx.isVisible(item)
+        }])
+      }, [item === 'heading' ? (openBlock(), createBlock(_component_or_icon_button, {
+        key: 0,
+        ref_for: true,
+        ref: "toolbarButtonRef",
+        selected: _ctx.isActive[item],
+        disabled: !_ctx.isFocused,
+        tooltip: {
+          text: item,
+          placement: 'top'
+        },
+        icon: {
+          icon: _ctx.headingIcon,
+          variant: 'inherit',
+          size: 'm'
+        },
+        onClick: _cache[0] || (_cache[0] = $event => _ctx.menuRef.open())
+      }, null, 8 /* PROPS */, ["selected", "disabled", "tooltip", "icon"])) : _ctx.isVisible(item) ? (openBlock(), createBlock(_component_or_icon_button, {
+        key: 1,
+        tooltip: {
+          text: _ctx.iconTooltipsEnum[item],
+          placement: 'top'
+        },
+        selected: _ctx.isActive[item],
+        disabled: !_ctx.isFocused,
+        icon: {
+          icon: _ctx.iconsEnum[item],
+          variant: 'inherit',
+          size: 'm'
+        },
+        onClick: $event => _ctx.handleToolbarClick(item)
+      }, null, 8 /* PROPS */, ["tooltip", "selected", "disabled", "icon", "onClick"])) : createCommentVNode("v-if", true)], 2 /* CLASS */);
+    }), 128 /* KEYED_FRAGMENT */))], 2 /* CLASS */);
+  }), 128 /* KEYED_FRAGMENT */)), _ctx.countOfNotVisibleTools > 0 ? (openBlock(), createBlock(_component_or_icon_button, {
+    key: 0,
+    ref: "moreButtonRef",
+    disabled: !_ctx.isFocused,
+    icon: {
+      icon: 'more_horiz',
+      variant: 'inherit',
+      size: 'm'
+    },
+    class: "px-sm",
+    onClick: _cache[1] || (_cache[1] = $event => _ctx.moreRef.open())
+  }, null, 8 /* PROPS */, ["disabled"])) : createCommentVNode("v-if", true)], 2 /* CLASS */), createElementVNode("div", {
+    class: normalizeClass(['p-sm', {
+      'h-[calc(100%-32px)] md:h-[calc(100%-36px)]': _ctx.fullHeight
+    }])
+  }, [withDirectives(createElementVNode("textarea", {
+    ref: "textareaRef",
+    "onUpdate:modelValue": _cache[2] || (_cache[2] = $event => _ctx.sourceValue = $event),
+    "auto-focus": "",
+    activated: _ctx.disableMarkdown,
+    class: "w-full h-full resize-none border-none outline-none bg-transparent typography-body-2-regular",
+    onInput: _cache[3] || (_cache[3] = function () {
+      return _ctx.handleInput && _ctx.handleInput(...arguments);
+    })
+  }, null, 40 /* PROPS, HYDRATE_EVENTS */, _hoisted_1), [[vShow, _ctx.disableMarkdown], [vModelText, _ctx.sourceValue]]), withDirectives(createElementVNode("div", {
+    ref: "editorRef",
+    class: normalizeClass(_ctx.editorInputStyles)
+  }, null, 2 /* CLASS */), [[vShow, !_ctx.disableMarkdown]]), renderSlot(_ctx.$slots, "files")], 2 /* CLASS */)], 2 /* CLASS */), _ctx.moreButtonRef ? (openBlock(), createBlock(_component_or_popover, {
+    key: 0,
+    ref: "moreRef",
+    trigger: _ctx.moreButtonRef.root,
+    placement: "top-end"
+  }, {
+    default: withCtx(() => [createElementVNode("div", _hoisted_2, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.notVisibleTools, item => {
+      return openBlock(), createBlock(_component_or_icon_button, {
+        key: item,
+        tooltip: {
+          text: _ctx.iconTooltipsEnum[item],
+          placement: 'top'
+        },
+        selected: _ctx.isActive[item],
+        icon: {
+          icon: _ctx.iconsEnum[item],
+          variant: 'inherit',
+          size: 'm'
+        },
+        onClick: $event => _ctx.handleToolbarClick(item)
+      }, null, 8 /* PROPS */, ["tooltip", "selected", "icon", "onClick"]);
+    }), 128 /* KEYED_FRAGMENT */))])]),
+
+    _: 1 /* STABLE */
+  }, 8 /* PROPS */, ["trigger"])) : createCommentVNode("v-if", true), _ctx.toolbarButtonRef ? (openBlock(), createBlock(_component_or_menu, {
+    key: 1,
+    ref: "menuRef",
+    trigger: _ctx.toolbarButtonRef[_ctx.getIndexOfHeading].root,
+    placement: "bottom-start",
+    class: "bg-on-primary"
+  }, {
+    default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.headingLevels, heading => {
+      return openBlock(), createBlock(_component_or_menu_item, {
+        key: heading,
+        onClick: $event => _ctx.handleToolbarClick('heading', heading)
+      }, {
+        default: withCtx(() => [createTextVNode(" Heading " + toDisplayString(heading), 1 /* TEXT */)]),
+
+        _: 2 /* DYNAMIC */
+      }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["onClick"]);
+    }), 128 /* KEYED_FRAGMENT */)), createVNode(_component_or_menu_item, {
+      onClick: _cache[5] || (_cache[5] = $event => _ctx.handleToolbarClick('heading'))
+    }, {
+      default: withCtx(() => [createTextVNode(" None ")]),
+      _: 1 /* STABLE */
+    })]),
+
+    _: 1 /* STABLE */
+  }, 8 /* PROPS */, ["trigger"])) : createCommentVNode("v-if", true), createVNode(_component_or_modal, {
+    "is-open": _ctx.isOpenLinkModal,
+    size: "s"
+  }, {
+    header: withCtx(() => [_hoisted_3]),
+    footer: withCtx(() => [createElementVNode("div", _hoisted_4, [createVNode(_component_or_button, {
+      variant: "outlined",
+      onClick: _ctx.discardLink
+    }, {
+      default: withCtx(() => [_hoisted_5]),
+      _: 1 /* STABLE */
+    }, 8 /* PROPS */, ["onClick"]), createVNode(_component_or_button, {
+      onClick: _ctx.attachLink
+    }, {
+      default: withCtx(() => [_hoisted_6]),
+      _: 1 /* STABLE */
+    }, 8 /* PROPS */, ["onClick"])])]),
+    default: withCtx(() => [createElementVNode("div", null, [createVNode(_component_or_label, null, {
+      default: withCtx(() => [createTextVNode(" Text ")]),
+      _: 1 /* STABLE */
+    }), createVNode(_component_or_input, {
+      modelValue: _ctx.text,
+      "onUpdate:modelValue": _cache[6] || (_cache[6] = $event => _ctx.text = $event),
+      placeholder: "Placeholder",
+      class: "pb-md"
+    }, null, 8 /* PROPS */, ["modelValue"]), createVNode(_component_or_label, null, {
+      default: withCtx(() => [createTextVNode(" Link ")]),
+      _: 1 /* STABLE */
+    }), createVNode(_component_or_input, {
+      modelValue: _ctx.link,
+      "onUpdate:modelValue": _cache[7] || (_cache[7] = $event => _ctx.link = $event),
+      placeholder: "Placeholder"
+    }, null, 8 /* PROPS */, ["modelValue"])])]),
+    _: 1 /* STABLE */
+  }, 8 /* PROPS */, ["is-open"])], 2 /* CLASS */);
+}
+
+var css_248z = ".tiptap-editor-v3 .is-editor-empty::before {\n  float: left;\n  height: 0;\n  pointer-events: none;\n  content: attr(data-placeholder);\n}";
+styleInject(css_248z);
+
+script.render = render;
+script.__file = "src/components/or-rich-text-editor-v3/OrRichTextEditor.vue";