@onereach/ui-components 2.63.0-beta.1907.0 → 2.63.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/v2/{OrConfirm-8d149ece.js → OrConfirm-24e2a1a2.js} +1 -1
- package/dist/v2/{OrIconButton-5883eba0.js → OrIconButton-2088a37f.js} +1 -1
- package/dist/v2/{OrInlineInput-16a343c1.js → OrInlineInput-f00cba5e.js} +6 -5
- package/dist/v2/{OrInlineTextarea-f154bdf5.js → OrInlineTextarea-75de33d0.js} +6 -5
- package/dist/v2/{OrInput-4a50fe57.js → OrInput-24028f23.js} +7 -5
- package/dist/v2/{OrModal-64c5ae2e.js → OrModal-a1452b11.js} +1 -1
- package/dist/v2/{OrNotification-9c164908.js → OrNotification-ac420f39.js} +1 -1
- package/dist/v2/{OrSearch-a247f072.js → OrSearch-978a3a6e.js} +1 -1
- package/dist/v2/OrSegmentedControl-17df63b8.js +236 -0
- package/dist/v2/{OrSelect-f416b7aa.js → OrSelect-c6d0a69e.js} +2 -2
- package/dist/v2/{OrTabs-b4a9740b.js → OrTabs-f2a60b41.js} +1 -1
- package/dist/v2/{OrTag-ab03c4f7.js → OrTag-1ced4e58.js} +1 -1
- package/dist/v2/{OrTooltip-caeac590.js → OrTooltip-afe7030b.js} +33 -3
- package/dist/v2/components/index.d.ts +1 -0
- package/dist/v2/components/{or-rich-text-editor-v3/OrRichTextEditor.stories3.d.ts → or-segmented-control-v3/OrSegmentedControl.stories3.d.ts} +1 -1
- package/dist/v2/components/or-segmented-control-v3/OrSegmentedControl.vue.d.ts +77 -0
- package/dist/v2/components/or-segmented-control-v3/components/or-segmented-control-item/OrSegmentedControlItem.vue.d.ts +47 -0
- package/dist/v2/components/or-segmented-control-v3/components/or-segmented-control-item/styles.d.ts +3 -0
- package/dist/v2/components/or-segmented-control-v3/index.d.ts +3 -0
- package/dist/v2/components/or-segmented-control-v3/props.d.ts +4 -0
- package/dist/v2/components/or-segmented-control-v3/styles.d.ts +3 -0
- package/dist/v2/components/or-segmented-control-v3/types.d.ts +4 -0
- package/dist/v2/components/or-tooltip-v3/styles.d.ts +2 -0
- package/dist/v2/index.js +14 -13
- package/dist/v2/index2.js +14 -13
- package/dist/v2/index20.js +4 -4
- package/dist/v2/index31.js +2 -2
- package/dist/v2/index34.js +3 -3
- package/dist/v2/index36.js +3 -3
- package/dist/v2/index38.js +3 -3
- package/dist/v2/index50.js +3 -3
- package/dist/v2/index52.js +3 -3
- package/dist/v2/index62.js +12 -325
- package/dist/v2/index63.js +2 -19
- package/dist/v2/index65.js +5 -5
- package/dist/v2/index78.js +1 -1
- package/dist/v2/index80.js +3 -3
- package/dist/v2/index88.js +3 -3
- package/dist/v2/index91.js +1 -1
- package/dist/v2/{types-fb93ea4e.js → types-89aad7fb.js} +1 -1
- package/dist/v3/{OrConfirm-456ddee1.js → OrConfirm-371630a4.js} +1 -1
- package/dist/v3/{OrIconButton-b8066b5d.js → OrIconButton-5fb3a9aa.js} +1 -1
- package/dist/v3/{OrInlineInput-280768ba.js → OrInlineInput-bac4abdd.js} +4 -3
- package/dist/v3/{OrInlineTextarea-0f63f344.js → OrInlineTextarea-d1ec1bba.js} +4 -3
- package/dist/v3/{OrInput-3eef7945.js → OrInput-256d2530.js} +6 -3
- package/dist/v3/{OrModal-f67d37d3.js → OrModal-3a43b7e7.js} +1 -1
- package/dist/v3/{OrNotification-fefa1cb4.js → OrNotification-433d16f7.js} +1 -1
- package/dist/v3/{OrSearch-15a70678.js → OrSearch-375eab55.js} +1 -1
- package/dist/v3/OrSegmentedControl-2bbc0f22.js +184 -0
- package/dist/v3/{OrSelect-9d300f55.js → OrSelect-52cfb10d.js} +2 -2
- package/dist/v3/{OrTabs-194ca950.js → OrTabs-ac0be933.js} +1 -1
- package/dist/v3/{OrTag-144b4ab8.js → OrTag-deaff080.js} +1 -1
- package/dist/v3/{OrTooltip-30e05f9e.js → OrTooltip-36c6728c.js} +33 -3
- package/dist/v3/components/index.d.ts +1 -0
- package/dist/v3/components/{or-rich-text-editor-v3/OrRichTextEditor.stories3.d.ts → or-segmented-control-v3/OrSegmentedControl.stories3.d.ts} +1 -1
- package/dist/v3/components/or-segmented-control-v3/OrSegmentedControl.vue.d.ts +77 -0
- package/dist/v3/components/or-segmented-control-v3/components/or-segmented-control-item/OrSegmentedControlItem.vue.d.ts +47 -0
- package/dist/v3/components/or-segmented-control-v3/components/or-segmented-control-item/styles.d.ts +3 -0
- package/dist/v3/components/or-segmented-control-v3/index.d.ts +3 -0
- package/dist/v3/components/or-segmented-control-v3/props.d.ts +4 -0
- package/dist/v3/components/or-segmented-control-v3/styles.d.ts +3 -0
- package/dist/v3/components/or-segmented-control-v3/types.d.ts +4 -0
- package/dist/v3/components/or-tooltip-v3/styles.d.ts +2 -0
- package/dist/v3/index.js +14 -13
- package/dist/v3/index2.js +14 -13
- package/dist/v3/index20.js +4 -4
- package/dist/v3/index31.js +2 -2
- package/dist/v3/index34.js +3 -3
- package/dist/v3/index36.js +3 -3
- package/dist/v3/index38.js +3 -3
- package/dist/v3/index50.js +3 -3
- package/dist/v3/index52.js +3 -3
- package/dist/v3/index62.js +12 -299
- package/dist/v3/index63.js +2 -18
- package/dist/v3/index65.js +5 -5
- package/dist/v3/index78.js +1 -1
- package/dist/v3/index80.js +3 -3
- package/dist/v3/index88.js +3 -3
- package/dist/v3/index91.js +1 -1
- package/dist/v3/{types-a2a8f948.js → types-d5d4ab32.js} +1 -1
- package/package.json +4 -9
- package/src/components/index.ts +1 -0
- package/src/components/or-checkbox-v3/OrCheckbox.stories3.ts +1 -1
- package/src/components/or-inline-input-v3/OrInlineInput.vue +2 -2
- package/src/components/or-inline-textarea-v3/OrInlineTextarea.vue +2 -2
- package/src/components/or-input-v3/OrInput.vue +21 -19
- package/src/components/or-radio-v3/OrRadio.stories3.ts +1 -1
- package/src/components/or-segmented-control-v3/OrSegmentedControl.docs.mdx +7 -0
- package/src/components/or-segmented-control-v3/OrSegmentedControl.stories3.ts +106 -0
- package/src/components/or-segmented-control-v3/OrSegmentedControl.vue +107 -0
- package/src/components/or-segmented-control-v3/components/or-segmented-control-item/OrSegmentedControlItem.vue +64 -0
- package/src/components/or-segmented-control-v3/components/or-segmented-control-item/styles.ts +50 -0
- package/src/components/or-segmented-control-v3/index.ts +3 -0
- package/src/components/or-segmented-control-v3/props.ts +4 -0
- package/src/components/or-segmented-control-v3/styles.ts +24 -0
- package/src/components/or-segmented-control-v3/types.ts +4 -0
- package/src/components/or-switch-v3/OrSwitch.stories3.ts +1 -1
- package/src/components/or-tabs-v3/OrTabs.stories3.ts +9 -4
- package/src/components/or-tabs-v3/OrTabs.vue +1 -1
- package/src/components/or-tooltip-v3/OrTooltip.vue +3 -2
- package/src/components/or-tooltip-v3/styles.ts +55 -0
- package/src/hooks/useClassAttribute.ts +1 -1
- package/dist/v2/components/or-rich-text-editor-v3/OrRichTextEditor.vue.d.ts +0 -111
- package/dist/v2/components/or-rich-text-editor-v3/index.d.ts +0 -1
- package/dist/v2/components/or-rich-text-editor-v3/styles.d.ts +0 -7
- package/dist/v3/components/or-rich-text-editor-v3/OrRichTextEditor.vue.d.ts +0 -111
- package/dist/v3/components/or-rich-text-editor-v3/index.d.ts +0 -1
- package/dist/v3/components/or-rich-text-editor-v3/styles.d.ts +0 -7
- package/src/components/or-rich-text-editor-v3/OrRichTextEditor.docs.mdx +0 -16
- package/src/components/or-rich-text-editor-v3/OrRichTextEditor.stories3.ts +0 -57
- package/src/components/or-rich-text-editor-v3/OrRichTextEditor.vue +0 -322
- package/src/components/or-rich-text-editor-v3/index.ts +0 -1
- package/src/components/or-rich-text-editor-v3/styles.ts +0 -71
package/dist/v2/index.js
CHANGED
|
@@ -18,7 +18,7 @@ export { _ as OrCode, O as OrCodeLanguages } from './OrCode-da64b7ee.js';
|
|
|
18
18
|
export { _ as OrCollapse } from './OrCollapse-50e3914c.js';
|
|
19
19
|
export { _ as OrColorPicker, h as amber, n as black, b as blue, m as blueGrey, k as brown, c as cyan, j as deepOrange, d as deepPurple, g as green, i as indigo, l as lightBlue, e as lightGreen, f as lime, o as orange, p as pink, a as purple, r as red, t as teal, w as white, y as yellow } from './OrColorPicker-0abe3636.js';
|
|
20
20
|
export { _ as OrConfirm } from './OrConfirm-812badbf.js';
|
|
21
|
-
export { C as ConfirmType, _ as OrConfirmV3 } from './OrConfirm-
|
|
21
|
+
export { C as ConfirmType, _ as OrConfirmV3 } from './OrConfirm-24e2a1a2.js';
|
|
22
22
|
export { D as DEFAULT_TEXT, _ as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from './OrDateTimePicker-63b2d841.js';
|
|
23
23
|
export { _ as OrError } from './OrError-efc74907.js';
|
|
24
24
|
export { _ as OrErrorTagV3 } from './OrErrorTag-9d592185.js';
|
|
@@ -29,14 +29,14 @@ export { _ as OrFloating, a as OrFloatingHideStrategy, O as OrFloatingPlacements
|
|
|
29
29
|
export { _ as OrHint } from './OrHint-fe65fbe6.js';
|
|
30
30
|
export { _ as OrHintV3 } from './OrHint-44356417.js';
|
|
31
31
|
export { _ as OrIcon, O as OrIconColors, a as OrIconType } from './OrIcon-7cd10497.js';
|
|
32
|
-
export { I as IconButtonColor, _ as OrIconButtonV3 } from './OrIconButton-
|
|
32
|
+
export { I as IconButtonColor, _ as OrIconButtonV3 } from './OrIconButton-2088a37f.js';
|
|
33
33
|
export { a as IconSize, I as IconVariant, _ as OrIconV3 } from './OrIcon-124f3bad.js';
|
|
34
34
|
export { I as InlineInputBoxSize, I as InlineInputSize, _ as OrInlineInputBoxV3 } from './OrInlineInputBox-6a15ea2b.js';
|
|
35
|
-
export { I as InlineInputType, _ as OrInlineInputV3 } from './OrInlineInput-
|
|
35
|
+
export { I as InlineInputType, _ as OrInlineInputV3 } from './OrInlineInput-f00cba5e.js';
|
|
36
36
|
export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, _ as OrInlineTextEdit } from './OrInlineTextEdit-60227e46.js';
|
|
37
|
-
export { _ as OrInlineTextareaV3 } from './OrInlineTextarea-
|
|
37
|
+
export { _ as OrInlineTextareaV3 } from './OrInlineTextarea-75de33d0.js';
|
|
38
38
|
export { a as InputBoxSize, I as InputBoxVariant, a as InputSize, _ as OrInputBoxV3, a as SearchSize, a as SelectSize, a as TextareaSize } from './OrInputBox-208dceac.js';
|
|
39
|
-
export { I as InputType, _ as OrInputV3 } from './OrInput-
|
|
39
|
+
export { I as InputType, _ as OrInputV3 } from './OrInput-24028f23.js';
|
|
40
40
|
export { a as OrNumberInput, b as OrPassword, _ as OrTextarea } from './OrPassword-a8b36c5b.js';
|
|
41
41
|
export { _ as OrInput } from './OrSearch.vue_rollup-plugin-vue_styles.0-aafbcd86.js';
|
|
42
42
|
export { _ as OrSearch } from './OrSearch-b228915a.js';
|
|
@@ -51,9 +51,9 @@ export { _ as OrMenuItemV3 } from './OrMenuItem-3a28db7b.js';
|
|
|
51
51
|
export { _ as OrMenuV3 } from './OrMenu-bb81644d.js';
|
|
52
52
|
export { P as MenuPlacement, _ as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from './OrPopover-9080fc00.js';
|
|
53
53
|
export { _ as OrModal, O as OrModalSizes } from './OrModal-5c491f46.js';
|
|
54
|
-
export { M as ModalSize, _ as OrModalV3 } from './OrModal-
|
|
54
|
+
export { M as ModalSize, _ as OrModalV3 } from './OrModal-a1452b11.js';
|
|
55
55
|
export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, _ as OrNotification } from './OrNotification-3294cb13.js';
|
|
56
|
-
export { N as NotificationVariant, _ as OrNotificationV3 } from './OrNotification-
|
|
56
|
+
export { N as NotificationVariant, _ as OrNotificationV3 } from './OrNotification-ac420f39.js';
|
|
57
57
|
export { _ as OrOverflowMenu } from './OrOverflowMenu-572ba5ac.js';
|
|
58
58
|
export { _ as OrOverlay } from './OrOverlay-ccec2218.js';
|
|
59
59
|
export { _ as OrOverlayV3 } from './OrOverlay-4838a9b0.js';
|
|
@@ -62,9 +62,10 @@ export { _ as OrProgressV3, P as ProgressColor, a as ProgressType } from './OrPr
|
|
|
62
62
|
export { _ as OrRadio } from './OrRadio-514e8de8.js';
|
|
63
63
|
export { _ as OrRadioGroup } from './OrRadioGroup-11424644.js';
|
|
64
64
|
export { _ as OrRadioV3 } from './OrRadio-4ba56887.js';
|
|
65
|
-
export { _ as OrSearchV3 } from './OrSearch-
|
|
65
|
+
export { _ as OrSearchV3 } from './OrSearch-978a3a6e.js';
|
|
66
|
+
export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-17df63b8.js';
|
|
66
67
|
export { _ as OrSelect } from './OrSelect-ea27a70e.js';
|
|
67
|
-
export { _ as OrSelectV3 } from './OrSelect-
|
|
68
|
+
export { _ as OrSelectV3 } from './OrSelect-c6d0a69e.js';
|
|
68
69
|
export { _ as OrSidebar, O as OrSidebarSide } from './OrSidebar-feacf13a.js';
|
|
69
70
|
export { O as OrSidebarPlacement, _ as OrSidebarV3 } from './OrSidebar-fabc7bc9.js';
|
|
70
71
|
export { _ as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from './OrSkeletonText-38aef640.js';
|
|
@@ -77,9 +78,9 @@ export { _ as OrTab } from './OrTab-8dfdeca0.js';
|
|
|
77
78
|
export { _ as OrTabHeaderItem } from './OrTabHeaderItem-6a08756e.js';
|
|
78
79
|
export { _ as OrTabV3 } from './OrTab-4e6ff742.js';
|
|
79
80
|
export { _ as OrTabs } from './OrTabs-12138346.js';
|
|
80
|
-
export { _ as OrTabsV3, T as TabsVariant } from './OrTabs-
|
|
81
|
+
export { _ as OrTabsV3, T as TabsVariant } from './OrTabs-f2a60b41.js';
|
|
81
82
|
export { _ as OrTag } from './OrTag-140d4f72.js';
|
|
82
|
-
export { _ as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-
|
|
83
|
+
export { _ as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-1ced4e58.js';
|
|
83
84
|
export { _ as OrTeleport } from './OrTeleportVue2-fce4676d.js';
|
|
84
85
|
export { _ as OrTeleportV3 } from './OrTeleport.vue2-fb92f29f.js';
|
|
85
86
|
export { _ as OrTextV3 } from './OrText-ba5a2b6c.js';
|
|
@@ -87,11 +88,11 @@ export { _ as OrTextareaV3 } from './OrTextarea-8773d494.js';
|
|
|
87
88
|
export { _ as OrTextbox, T as TextboxTypes } from './OrTextbox-91382d58.js';
|
|
88
89
|
export { _ as OrToast, a as OrToastContainer } from './OrToastContainer-e285a86c.js';
|
|
89
90
|
export { P as PositionsX, b as PositionsY, c as ToastType, T as TransitionType, a as useQueue, u as useToast } from './useToast-4fbe0e5a.js';
|
|
90
|
-
export { a as OrToastContainerV3, _ as OrToastV3, t as TypesV3 } from './types-
|
|
91
|
+
export { a as OrToastContainerV3, _ as OrToastV3, t as TypesV3 } from './types-89aad7fb.js';
|
|
91
92
|
export { p as PropsV3, a as useQueueV3, u as useToastV3 } from './useToast-0665462d.js';
|
|
92
93
|
export { _ as OrTooltip } from './OrTooltip-b31bd78d.js';
|
|
93
94
|
export { _ as OrTooltipContent } from './OrTooltip.vue_rollup-plugin-vue_styles.0-54c17910.js';
|
|
94
|
-
export { _ as OrTooltipV3 } from './OrTooltip-
|
|
95
|
+
export { _ as OrTooltipV3 } from './OrTooltip-afe7030b.js';
|
|
95
96
|
export { D as DropdownClose, a as DropdownOpen } from './dropdown-open-0d314aa4.js';
|
|
96
97
|
export { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
|
|
97
98
|
export { u as useElevation } from './useElevation-0e973238.js';
|
package/dist/v2/index2.js
CHANGED
|
@@ -18,7 +18,7 @@ export { _ as OrCode, O as OrCodeLanguages } from './OrCode-da64b7ee.js';
|
|
|
18
18
|
export { _ as OrCollapse } from './OrCollapse-50e3914c.js';
|
|
19
19
|
export { _ as OrColorPicker, h as amber, n as black, b as blue, m as blueGrey, k as brown, c as cyan, j as deepOrange, d as deepPurple, g as green, i as indigo, l as lightBlue, e as lightGreen, f as lime, o as orange, p as pink, a as purple, r as red, t as teal, w as white, y as yellow } from './OrColorPicker-0abe3636.js';
|
|
20
20
|
export { _ as OrConfirm } from './OrConfirm-812badbf.js';
|
|
21
|
-
export { C as ConfirmType, _ as OrConfirmV3 } from './OrConfirm-
|
|
21
|
+
export { C as ConfirmType, _ as OrConfirmV3 } from './OrConfirm-24e2a1a2.js';
|
|
22
22
|
export { D as DEFAULT_TEXT, _ as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from './OrDateTimePicker-63b2d841.js';
|
|
23
23
|
export { _ as OrError } from './OrError-efc74907.js';
|
|
24
24
|
export { _ as OrErrorTagV3 } from './OrErrorTag-9d592185.js';
|
|
@@ -29,14 +29,14 @@ export { _ as OrFloating, a as OrFloatingHideStrategy, O as OrFloatingPlacements
|
|
|
29
29
|
export { _ as OrHint } from './OrHint-fe65fbe6.js';
|
|
30
30
|
export { _ as OrHintV3 } from './OrHint-44356417.js';
|
|
31
31
|
export { _ as OrIcon, O as OrIconColors, a as OrIconType } from './OrIcon-7cd10497.js';
|
|
32
|
-
export { I as IconButtonColor, _ as OrIconButtonV3 } from './OrIconButton-
|
|
32
|
+
export { I as IconButtonColor, _ as OrIconButtonV3 } from './OrIconButton-2088a37f.js';
|
|
33
33
|
export { a as IconSize, I as IconVariant, _ as OrIconV3 } from './OrIcon-124f3bad.js';
|
|
34
34
|
export { I as InlineInputBoxSize, I as InlineInputSize, _ as OrInlineInputBoxV3 } from './OrInlineInputBox-6a15ea2b.js';
|
|
35
|
-
export { I as InlineInputType, _ as OrInlineInputV3 } from './OrInlineInput-
|
|
35
|
+
export { I as InlineInputType, _ as OrInlineInputV3 } from './OrInlineInput-f00cba5e.js';
|
|
36
36
|
export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, _ as OrInlineTextEdit } from './OrInlineTextEdit-60227e46.js';
|
|
37
|
-
export { _ as OrInlineTextareaV3 } from './OrInlineTextarea-
|
|
37
|
+
export { _ as OrInlineTextareaV3 } from './OrInlineTextarea-75de33d0.js';
|
|
38
38
|
export { a as InputBoxSize, I as InputBoxVariant, a as InputSize, _ as OrInputBoxV3, a as SearchSize, a as SelectSize, a as TextareaSize } from './OrInputBox-208dceac.js';
|
|
39
|
-
export { I as InputType, _ as OrInputV3 } from './OrInput-
|
|
39
|
+
export { I as InputType, _ as OrInputV3 } from './OrInput-24028f23.js';
|
|
40
40
|
export { a as OrNumberInput, b as OrPassword, _ as OrTextarea } from './OrPassword-a8b36c5b.js';
|
|
41
41
|
export { _ as OrInput } from './OrSearch.vue_rollup-plugin-vue_styles.0-aafbcd86.js';
|
|
42
42
|
export { _ as OrSearch } from './OrSearch-b228915a.js';
|
|
@@ -51,9 +51,9 @@ export { _ as OrMenuItemV3 } from './OrMenuItem-3a28db7b.js';
|
|
|
51
51
|
export { _ as OrMenuV3 } from './OrMenu-bb81644d.js';
|
|
52
52
|
export { P as MenuPlacement, _ as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from './OrPopover-9080fc00.js';
|
|
53
53
|
export { _ as OrModal, O as OrModalSizes } from './OrModal-5c491f46.js';
|
|
54
|
-
export { M as ModalSize, _ as OrModalV3 } from './OrModal-
|
|
54
|
+
export { M as ModalSize, _ as OrModalV3 } from './OrModal-a1452b11.js';
|
|
55
55
|
export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, _ as OrNotification } from './OrNotification-3294cb13.js';
|
|
56
|
-
export { N as NotificationVariant, _ as OrNotificationV3 } from './OrNotification-
|
|
56
|
+
export { N as NotificationVariant, _ as OrNotificationV3 } from './OrNotification-ac420f39.js';
|
|
57
57
|
export { _ as OrOverflowMenu } from './OrOverflowMenu-572ba5ac.js';
|
|
58
58
|
export { _ as OrOverlay } from './OrOverlay-ccec2218.js';
|
|
59
59
|
export { _ as OrOverlayV3 } from './OrOverlay-4838a9b0.js';
|
|
@@ -62,9 +62,10 @@ export { _ as OrProgressV3, P as ProgressColor, a as ProgressType } from './OrPr
|
|
|
62
62
|
export { _ as OrRadio } from './OrRadio-514e8de8.js';
|
|
63
63
|
export { _ as OrRadioGroup } from './OrRadioGroup-11424644.js';
|
|
64
64
|
export { _ as OrRadioV3 } from './OrRadio-4ba56887.js';
|
|
65
|
-
export { _ as OrSearchV3 } from './OrSearch-
|
|
65
|
+
export { _ as OrSearchV3 } from './OrSearch-978a3a6e.js';
|
|
66
|
+
export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-17df63b8.js';
|
|
66
67
|
export { _ as OrSelect } from './OrSelect-ea27a70e.js';
|
|
67
|
-
export { _ as OrSelectV3 } from './OrSelect-
|
|
68
|
+
export { _ as OrSelectV3 } from './OrSelect-c6d0a69e.js';
|
|
68
69
|
export { _ as OrSidebar, O as OrSidebarSide } from './OrSidebar-feacf13a.js';
|
|
69
70
|
export { O as OrSidebarPlacement, _ as OrSidebarV3 } from './OrSidebar-fabc7bc9.js';
|
|
70
71
|
export { _ as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from './OrSkeletonText-38aef640.js';
|
|
@@ -77,9 +78,9 @@ export { _ as OrTab } from './OrTab-8dfdeca0.js';
|
|
|
77
78
|
export { _ as OrTabHeaderItem } from './OrTabHeaderItem-6a08756e.js';
|
|
78
79
|
export { _ as OrTabV3 } from './OrTab-4e6ff742.js';
|
|
79
80
|
export { _ as OrTabs } from './OrTabs-12138346.js';
|
|
80
|
-
export { _ as OrTabsV3, T as TabsVariant } from './OrTabs-
|
|
81
|
+
export { _ as OrTabsV3, T as TabsVariant } from './OrTabs-f2a60b41.js';
|
|
81
82
|
export { _ as OrTag } from './OrTag-140d4f72.js';
|
|
82
|
-
export { _ as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-
|
|
83
|
+
export { _ as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-1ced4e58.js';
|
|
83
84
|
export { _ as OrTeleport } from './OrTeleportVue2-fce4676d.js';
|
|
84
85
|
export { _ as OrTeleportV3 } from './OrTeleport.vue2-fb92f29f.js';
|
|
85
86
|
export { _ as OrTextV3 } from './OrText-ba5a2b6c.js';
|
|
@@ -87,11 +88,11 @@ export { _ as OrTextareaV3 } from './OrTextarea-8773d494.js';
|
|
|
87
88
|
export { _ as OrTextbox, T as TextboxTypes } from './OrTextbox-91382d58.js';
|
|
88
89
|
export { _ as OrToast, a as OrToastContainer } from './OrToastContainer-e285a86c.js';
|
|
89
90
|
export { P as PositionsX, b as PositionsY, c as ToastType, T as TransitionType, a as useQueue, u as useToast } from './useToast-4fbe0e5a.js';
|
|
90
|
-
export { a as OrToastContainerV3, _ as OrToastV3, t as TypesV3 } from './types-
|
|
91
|
+
export { a as OrToastContainerV3, _ as OrToastV3, t as TypesV3 } from './types-89aad7fb.js';
|
|
91
92
|
export { p as PropsV3, a as useQueueV3, u as useToastV3 } from './useToast-0665462d.js';
|
|
92
93
|
export { _ as OrTooltip } from './OrTooltip-b31bd78d.js';
|
|
93
94
|
export { _ as OrTooltipContent } from './OrTooltip.vue_rollup-plugin-vue_styles.0-54c17910.js';
|
|
94
|
-
export { _ as OrTooltipV3 } from './OrTooltip-
|
|
95
|
+
export { _ as OrTooltipV3 } from './OrTooltip-afe7030b.js';
|
|
95
96
|
import 'vue-demi';
|
|
96
97
|
import 'lodash';
|
|
97
98
|
import './style-inject.es-4c6f2515.js';
|
package/dist/v2/index20.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { C as ConfirmType, _ as OrConfirmV3 } from './OrConfirm-
|
|
1
|
+
export { C as ConfirmType, _ as OrConfirmV3 } from './OrConfirm-24e2a1a2.js';
|
|
2
2
|
import 'vue-demi';
|
|
3
3
|
import './OrButton-eb895669.js';
|
|
4
4
|
import './useClassAttribute-47fdb016.js';
|
|
@@ -9,12 +9,12 @@ import './OrOverlay-4838a9b0.js';
|
|
|
9
9
|
import './useElevation-0e973238.js';
|
|
10
10
|
import './OrTeleport.vue2-fb92f29f.js';
|
|
11
11
|
import 'portal-vue';
|
|
12
|
-
import './OrInput-
|
|
12
|
+
import './OrInput-24028f23.js';
|
|
13
13
|
import './OrError-be656098.js';
|
|
14
14
|
import './OrHint-44356417.js';
|
|
15
|
-
import './OrIconButton-
|
|
15
|
+
import './OrIconButton-2088a37f.js';
|
|
16
16
|
import './OrIcon-124f3bad.js';
|
|
17
|
-
import './OrTooltip-
|
|
17
|
+
import './OrTooltip-afe7030b.js';
|
|
18
18
|
import './OrPopover-9080fc00.js';
|
|
19
19
|
import '@floating-ui/dom';
|
|
20
20
|
import './useResponsive-a02e95b7.js';
|
package/dist/v2/index31.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
export { I as IconButtonColor, _ as OrIconButtonV3 } from './OrIconButton-
|
|
1
|
+
export { I as IconButtonColor, _ as OrIconButtonV3 } from './OrIconButton-2088a37f.js';
|
|
2
2
|
import 'vue-demi';
|
|
3
3
|
import './useClassAttribute-47fdb016.js';
|
|
4
4
|
import '@vueuse/core';
|
|
5
5
|
import './OrIcon-124f3bad.js';
|
|
6
6
|
import './normalize-component-6e8e3d80.js';
|
|
7
|
-
import './OrTooltip-
|
|
7
|
+
import './OrTooltip-afe7030b.js';
|
|
8
8
|
import './OrPopover-9080fc00.js';
|
|
9
9
|
import '@floating-ui/dom';
|
|
10
10
|
import './useElevation-0e973238.js';
|
package/dist/v2/index34.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { I as InlineInputType, _ as OrInlineInputV3 } from './OrInlineInput-
|
|
1
|
+
export { I as InlineInputType, _ as OrInlineInputV3 } from './OrInlineInput-f00cba5e.js';
|
|
2
2
|
export { I as InlineInputSize } from './OrInlineInputBox-6a15ea2b.js';
|
|
3
3
|
import 'vue-demi';
|
|
4
4
|
import './useClassAttribute-47fdb016.js';
|
|
@@ -6,9 +6,9 @@ import '@vueuse/core';
|
|
|
6
6
|
import './OrError-be656098.js';
|
|
7
7
|
import './normalize-component-6e8e3d80.js';
|
|
8
8
|
import './OrHint-44356417.js';
|
|
9
|
-
import './OrIconButton-
|
|
9
|
+
import './OrIconButton-2088a37f.js';
|
|
10
10
|
import './OrIcon-124f3bad.js';
|
|
11
|
-
import './OrTooltip-
|
|
11
|
+
import './OrTooltip-afe7030b.js';
|
|
12
12
|
import './OrPopover-9080fc00.js';
|
|
13
13
|
import '@floating-ui/dom';
|
|
14
14
|
import './useElevation-0e973238.js';
|
package/dist/v2/index36.js
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
export { _ as OrInlineTextareaV3 } from './OrInlineTextarea-
|
|
1
|
+
export { _ as OrInlineTextareaV3 } from './OrInlineTextarea-75de33d0.js';
|
|
2
2
|
import 'vue-demi';
|
|
3
3
|
import './useClassAttribute-47fdb016.js';
|
|
4
4
|
import '@vueuse/core';
|
|
5
5
|
import './OrError-be656098.js';
|
|
6
6
|
import './normalize-component-6e8e3d80.js';
|
|
7
7
|
import './OrHint-44356417.js';
|
|
8
|
-
import './OrIconButton-
|
|
8
|
+
import './OrIconButton-2088a37f.js';
|
|
9
9
|
import './OrIcon-124f3bad.js';
|
|
10
|
-
import './OrTooltip-
|
|
10
|
+
import './OrTooltip-afe7030b.js';
|
|
11
11
|
import './OrPopover-9080fc00.js';
|
|
12
12
|
import '@floating-ui/dom';
|
|
13
13
|
import './useElevation-0e973238.js';
|
package/dist/v2/index38.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { I as InputType, _ as OrInputV3 } from './OrInput-
|
|
1
|
+
export { I as InputType, _ as OrInputV3 } from './OrInput-24028f23.js';
|
|
2
2
|
export { a as InputSize } from './OrInputBox-208dceac.js';
|
|
3
3
|
import 'vue-demi';
|
|
4
4
|
import './useClassAttribute-47fdb016.js';
|
|
@@ -6,9 +6,9 @@ import '@vueuse/core';
|
|
|
6
6
|
import './OrError-be656098.js';
|
|
7
7
|
import './normalize-component-6e8e3d80.js';
|
|
8
8
|
import './OrHint-44356417.js';
|
|
9
|
-
import './OrIconButton-
|
|
9
|
+
import './OrIconButton-2088a37f.js';
|
|
10
10
|
import './OrIcon-124f3bad.js';
|
|
11
|
-
import './OrTooltip-
|
|
11
|
+
import './OrTooltip-afe7030b.js';
|
|
12
12
|
import './OrPopover-9080fc00.js';
|
|
13
13
|
import '@floating-ui/dom';
|
|
14
14
|
import './useElevation-0e973238.js';
|
package/dist/v2/index50.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
export { M as ModalSize, _ as OrModalV3 } from './OrModal-
|
|
1
|
+
export { M as ModalSize, _ as OrModalV3 } from './OrModal-a1452b11.js';
|
|
2
2
|
import 'vue-demi';
|
|
3
3
|
import './useClassAttribute-47fdb016.js';
|
|
4
4
|
import '@vueuse/core';
|
|
5
|
-
import './OrIconButton-
|
|
5
|
+
import './OrIconButton-2088a37f.js';
|
|
6
6
|
import './OrIcon-124f3bad.js';
|
|
7
7
|
import './normalize-component-6e8e3d80.js';
|
|
8
|
-
import './OrTooltip-
|
|
8
|
+
import './OrTooltip-afe7030b.js';
|
|
9
9
|
import './OrPopover-9080fc00.js';
|
|
10
10
|
import '@floating-ui/dom';
|
|
11
11
|
import './useElevation-0e973238.js';
|
package/dist/v2/index52.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
export { N as NotificationVariant, _ as OrNotificationV3 } from './OrNotification-
|
|
1
|
+
export { N as NotificationVariant, _ as OrNotificationV3 } from './OrNotification-ac420f39.js';
|
|
2
2
|
import 'vue-demi';
|
|
3
3
|
import './useClassAttribute-47fdb016.js';
|
|
4
4
|
import '@vueuse/core';
|
|
5
|
-
import './OrIconButton-
|
|
5
|
+
import './OrIconButton-2088a37f.js';
|
|
6
6
|
import './OrIcon-124f3bad.js';
|
|
7
7
|
import './normalize-component-6e8e3d80.js';
|
|
8
|
-
import './OrTooltip-
|
|
8
|
+
import './OrTooltip-afe7030b.js';
|
|
9
9
|
import './OrPopover-9080fc00.js';
|
|
10
10
|
import '@floating-ui/dom';
|
|
11
11
|
import './useElevation-0e973238.js';
|
package/dist/v2/index62.js
CHANGED
|
@@ -1,19 +1,15 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
export { _ as OrSearchV3 } from './OrSearch-978a3a6e.js';
|
|
2
|
+
export { a as SearchSize } from './OrInputBox-208dceac.js';
|
|
3
|
+
import 'vue-demi';
|
|
3
4
|
import '@vueuse/core';
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import
|
|
9
|
-
import
|
|
10
|
-
import { _ as __vue_component__$1 } from './OrIconButton-5883eba0.js';
|
|
11
|
-
import { _ as __vue_component__$2 } from './OrLabel-5670468e.js';
|
|
12
|
-
import { flatMap } from 'lodash';
|
|
13
|
-
import { s as styleInject } from './style-inject.es-4c6f2515.js';
|
|
14
|
-
import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
|
|
5
|
+
import './useClassAttribute-47fdb016.js';
|
|
6
|
+
import './OrInput-24028f23.js';
|
|
7
|
+
import './OrError-be656098.js';
|
|
8
|
+
import './normalize-component-6e8e3d80.js';
|
|
9
|
+
import './OrHint-44356417.js';
|
|
10
|
+
import './OrIconButton-2088a37f.js';
|
|
15
11
|
import './OrIcon-124f3bad.js';
|
|
16
|
-
import './OrTooltip-
|
|
12
|
+
import './OrTooltip-afe7030b.js';
|
|
17
13
|
import './OrPopover-9080fc00.js';
|
|
18
14
|
import '@floating-ui/dom';
|
|
19
15
|
import './useElevation-0e973238.js';
|
|
@@ -22,314 +18,5 @@ import './OrBottomSheet-f09adbbb.js';
|
|
|
22
18
|
import './OrOverlay-4838a9b0.js';
|
|
23
19
|
import './OrTeleport.vue2-fb92f29f.js';
|
|
24
20
|
import 'portal-vue';
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
// Colors
|
|
28
|
-
'border-disabled', 'dark:border-outline-dark', 'focus-within:theme-border-1-primary', 'dark:focus-within:theme-border-1-primary-dark', 'focus-within:bg-primary-opacity-0-08', 'dark:focus-within:bg-primary-opacity-0-08-dark', 'focus-within:theme-outline-primary', 'dark:focus-within:theme-outline-primary-dark',
|
|
29
|
-
// Sizing
|
|
30
|
-
'border-1', 'rounded-md'];
|
|
31
|
-
const EditorContainerFilled = [
|
|
32
|
-
//Colors
|
|
33
|
-
'bg-primary-opacity-0-08', 'dark:bg-primary-opacity-0-08-dark'];
|
|
34
|
-
const ToolbarContainer = [
|
|
35
|
-
// Layout
|
|
36
|
-
'flex',
|
|
37
|
-
//Spacing
|
|
38
|
-
'py-sm',
|
|
39
|
-
//Sizing
|
|
40
|
-
'border-b-1',
|
|
41
|
-
//Colors
|
|
42
|
-
'border-b-disabled', 'dark:border-b-outline-dark'];
|
|
43
|
-
const Toolbar = [
|
|
44
|
-
// Layout
|
|
45
|
-
'flex',
|
|
46
|
-
// Spacing
|
|
47
|
-
'px-sm', 'gap-md',
|
|
48
|
-
// Sizing
|
|
49
|
-
'border-r-1',
|
|
50
|
-
//Colors
|
|
51
|
-
'border-r-disabled', 'dark:border-r-outline-dark',
|
|
52
|
-
// Last child
|
|
53
|
-
'last-of-type:border-none'];
|
|
54
|
-
const ToolbarButton = [
|
|
55
|
-
// Typography
|
|
56
|
-
'text-on-disabled', 'dark:text-outline-dark'];
|
|
57
|
-
const ToolbarButtonActive = [
|
|
58
|
-
// Typography
|
|
59
|
-
'text-on-background', 'dark:text-on-background-dark'];
|
|
60
|
-
const EditorInput = [
|
|
61
|
-
// Spacing
|
|
62
|
-
'p-sm',
|
|
63
|
-
// Typography
|
|
64
|
-
'typography-body-2-regular', 'text-on-background', 'dark:text-on-background-dark',
|
|
65
|
-
// Sizing
|
|
66
|
-
'min-h-[88px]'];
|
|
67
|
-
|
|
68
|
-
var script = defineComponent({
|
|
69
|
-
name: 'OrRichTextEditor',
|
|
70
|
-
components: {
|
|
71
|
-
OrIconButton: __vue_component__$1,
|
|
72
|
-
OrLabel: __vue_component__$2
|
|
73
|
-
},
|
|
74
|
-
inheritAttrs: false,
|
|
75
|
-
props: {
|
|
76
|
-
modelValue: {
|
|
77
|
-
type: String,
|
|
78
|
-
default: '',
|
|
79
|
-
required: false
|
|
80
|
-
},
|
|
81
|
-
toolbar: {
|
|
82
|
-
type: Array,
|
|
83
|
-
default: () => [['bold', 'italic', 'strike'], ['underline', 'highlight'], ['link'], ['bulletList', 'orderedList'], ['undo', 'redo']]
|
|
84
|
-
},
|
|
85
|
-
description: {
|
|
86
|
-
type: String,
|
|
87
|
-
default: ''
|
|
88
|
-
},
|
|
89
|
-
placeholder: {
|
|
90
|
-
type: String,
|
|
91
|
-
default: 'Write something...'
|
|
92
|
-
},
|
|
93
|
-
autofocus: {
|
|
94
|
-
type: Boolean,
|
|
95
|
-
default: false
|
|
96
|
-
}
|
|
97
|
-
},
|
|
98
|
-
emits: ['update:modelValue'],
|
|
99
|
-
setup(props, {
|
|
100
|
-
emit
|
|
101
|
-
}) {
|
|
102
|
-
// Refs
|
|
103
|
-
let editor = null;
|
|
104
|
-
const editorRef = ref();
|
|
105
|
-
const containerRef = ref();
|
|
106
|
-
const isActive = ref({});
|
|
107
|
-
const isFilled = ref(false);
|
|
108
|
-
const iconsEnum = ref({
|
|
109
|
-
bold: 'format_bold',
|
|
110
|
-
italic: 'format_italic',
|
|
111
|
-
underline: 'format_underlined',
|
|
112
|
-
strike: 'format_strikethrough',
|
|
113
|
-
bulletList: 'format_list_bulleted',
|
|
114
|
-
orderedList: 'format_list_numbered',
|
|
115
|
-
link: 'link',
|
|
116
|
-
highlight: 'highlight',
|
|
117
|
-
redo: 'redo',
|
|
118
|
-
undo: 'undo'
|
|
119
|
-
});
|
|
120
|
-
const iconTooltipsEnum = ref({
|
|
121
|
-
bold: 'Bold',
|
|
122
|
-
italic: 'Italic',
|
|
123
|
-
underline: 'Underline',
|
|
124
|
-
strike: 'Strike',
|
|
125
|
-
bulletList: 'Bulleted List',
|
|
126
|
-
orderedList: 'Numbered List',
|
|
127
|
-
link: 'Link',
|
|
128
|
-
highlight: 'Highlight',
|
|
129
|
-
redo: 'Redo',
|
|
130
|
-
undo: 'Undo'
|
|
131
|
-
});
|
|
132
|
-
onMounted(() => {
|
|
133
|
-
editor = new Editor({
|
|
134
|
-
onUpdate: ({
|
|
135
|
-
editor
|
|
136
|
-
}) => {
|
|
137
|
-
setActiveFormats();
|
|
138
|
-
const html = editor.getHTML();
|
|
139
|
-
const text = editor.getText();
|
|
140
|
-
emit('update:modelValue', text === '' ? text : html);
|
|
141
|
-
isFilled.value = text !== '';
|
|
142
|
-
},
|
|
143
|
-
element: editorRef.value,
|
|
144
|
-
content: props.modelValue,
|
|
145
|
-
autofocus: props.autofocus,
|
|
146
|
-
extensions: [StarterKit, Underline, Link.configure({
|
|
147
|
-
openOnClick: true,
|
|
148
|
-
linkOnPaste: true,
|
|
149
|
-
autolink: false,
|
|
150
|
-
protocols: ['ftp', 'mailto', 'http', 'https'],
|
|
151
|
-
validate: href => /^https?:\/\//.test(href),
|
|
152
|
-
HTMLAttributes: {
|
|
153
|
-
class: 'text-primary cursor-pointer'
|
|
154
|
-
}
|
|
155
|
-
}), Highlight, Placeholder.configure({
|
|
156
|
-
placeholder: props.placeholder,
|
|
157
|
-
emptyEditorClass: 'is-editor-empty text-outline'
|
|
158
|
-
})],
|
|
159
|
-
editorProps: {
|
|
160
|
-
attributes: {
|
|
161
|
-
class: 'focus:outline-none'
|
|
162
|
-
}
|
|
163
|
-
}
|
|
164
|
-
});
|
|
165
|
-
setActiveFormats();
|
|
166
|
-
isFilled.value = props.modelValue !== '';
|
|
167
|
-
});
|
|
168
|
-
onBeforeUnmount(() => {
|
|
169
|
-
editor === null || editor === void 0 ? void 0 : editor.destroy();
|
|
170
|
-
});
|
|
171
|
-
// Methods
|
|
172
|
-
const handleEditorClick = () => {
|
|
173
|
-
setActiveFormats();
|
|
174
|
-
editor === null || editor === void 0 ? void 0 : editor.commands.focus();
|
|
175
|
-
};
|
|
176
|
-
const handleToolbarClick = item => {
|
|
177
|
-
if (item === 'bulletList' || item === 'orderedList') {
|
|
178
|
-
item === 'bulletList' ? editor === null || editor === void 0 ? void 0 : editor.commands.toggleBulletList() : editor === null || editor === void 0 ? void 0 : editor.commands.toggleOrderedList();
|
|
179
|
-
} else if (item === 'link') {
|
|
180
|
-
setLink();
|
|
181
|
-
} else if (item === 'undo' || item === 'redo') {
|
|
182
|
-
item === 'undo' ? editor === null || editor === void 0 ? void 0 : editor.commands.undo() : editor === null || editor === void 0 ? void 0 : editor.commands.redo();
|
|
183
|
-
} else {
|
|
184
|
-
editor === null || editor === void 0 ? void 0 : editor.chain().focus().toggleMark(item).run();
|
|
185
|
-
}
|
|
186
|
-
};
|
|
187
|
-
const setLink = () => {
|
|
188
|
-
const previousUrl = editor === null || editor === void 0 ? void 0 : editor.getAttributes('link').href;
|
|
189
|
-
const url = window.prompt('URL', previousUrl);
|
|
190
|
-
// cancelled
|
|
191
|
-
if (url === null) {
|
|
192
|
-
return;
|
|
193
|
-
}
|
|
194
|
-
// empty
|
|
195
|
-
if (url === '') {
|
|
196
|
-
editor === null || editor === void 0 ? void 0 : editor.chain().focus().extendMarkRange('link').unsetLink().run();
|
|
197
|
-
return;
|
|
198
|
-
}
|
|
199
|
-
// update link
|
|
200
|
-
editor === null || editor === void 0 ? void 0 : editor.chain().focus().extendMarkRange('link').setLink({
|
|
201
|
-
href: url
|
|
202
|
-
}).run();
|
|
203
|
-
};
|
|
204
|
-
const setActiveFormats = () => {
|
|
205
|
-
const toolbarList = flatMap(props.toolbar);
|
|
206
|
-
toolbarList.forEach(item => {
|
|
207
|
-
isActive.value[item] = (editor === null || editor === void 0 ? void 0 : editor.isActive(item)) || false;
|
|
208
|
-
});
|
|
209
|
-
};
|
|
210
|
-
// Styles
|
|
211
|
-
const classAttribute = useClassAttribute();
|
|
212
|
-
const rootStyles = computed(() => {
|
|
213
|
-
return ['or-rich-text-editor', classAttribute.value];
|
|
214
|
-
});
|
|
215
|
-
const containerStyles = computed(() => {
|
|
216
|
-
return [...EditorContainer, ...(isFilled.value ? EditorContainerFilled : [])];
|
|
217
|
-
});
|
|
218
|
-
const toolbarContainerStyles = computed(() => {
|
|
219
|
-
return [...ToolbarContainer];
|
|
220
|
-
});
|
|
221
|
-
const toolbarStyles = computed(() => {
|
|
222
|
-
return [...Toolbar];
|
|
223
|
-
});
|
|
224
|
-
const editorInputStyles = computed(() => {
|
|
225
|
-
return ['tiptap-editor', ...EditorInput];
|
|
226
|
-
});
|
|
227
|
-
const toolbarButtonStyles = item => {
|
|
228
|
-
return [
|
|
229
|
-
// Layout
|
|
230
|
-
'flex',
|
|
231
|
-
// Spacing
|
|
232
|
-
'gap-md', ...(isActive.value[item] ? ToolbarButtonActive : ToolbarButton)];
|
|
233
|
-
};
|
|
234
|
-
//Effects
|
|
235
|
-
watch(() => props.modelValue, value => {
|
|
236
|
-
if (value !== (editor === null || editor === void 0 ? void 0 : editor.getHTML())) {
|
|
237
|
-
editor === null || editor === void 0 ? void 0 : editor.commands.setContent(value);
|
|
238
|
-
}
|
|
239
|
-
});
|
|
240
|
-
return {
|
|
241
|
-
editor,
|
|
242
|
-
editorRef,
|
|
243
|
-
containerRef,
|
|
244
|
-
iconsEnum,
|
|
245
|
-
handleToolbarClick,
|
|
246
|
-
handleEditorClick,
|
|
247
|
-
isActive,
|
|
248
|
-
iconTooltipsEnum,
|
|
249
|
-
containerStyles,
|
|
250
|
-
toolbarContainerStyles,
|
|
251
|
-
toolbarStyles,
|
|
252
|
-
rootStyles,
|
|
253
|
-
toolbarButtonStyles,
|
|
254
|
-
editorInputStyles
|
|
255
|
-
};
|
|
256
|
-
}
|
|
257
|
-
});
|
|
258
|
-
|
|
259
|
-
var css_248z = ".tiptap-editor ol{margin:0 24px;list-style:decimal}.tiptap-editor ul{margin:0 24px;list-style:initial}.tiptap-editor .is-editor-empty::before{content:attr(data-placeholder);height:0;pointer-events:none;float:left}";
|
|
260
|
-
styleInject(css_248z);
|
|
261
|
-
|
|
262
|
-
/* script */
|
|
263
|
-
const __vue_script__ = script;
|
|
264
|
-
/* template */
|
|
265
|
-
var __vue_render__ = function () {
|
|
266
|
-
var _vm = this;
|
|
267
|
-
var _h = _vm.$createElement;
|
|
268
|
-
var _c = _vm._self._c || _h;
|
|
269
|
-
return _c('div', _vm._b({
|
|
270
|
-
ref: "root",
|
|
271
|
-
class: _vm.rootStyles
|
|
272
|
-
}, 'div', _vm.$attrs, false), [_c('or-label', [_vm._v("\n " + _vm._s(_vm.description) + "\n ")]), _vm._v(" "), _c('div', {
|
|
273
|
-
ref: "containerRef",
|
|
274
|
-
class: _vm.containerStyles,
|
|
275
|
-
on: {
|
|
276
|
-
"click": function ($event) {
|
|
277
|
-
return _vm.handleEditorClick();
|
|
278
|
-
}
|
|
279
|
-
}
|
|
280
|
-
}, [_c('div', {
|
|
281
|
-
class: _vm.toolbarContainerStyles
|
|
282
|
-
}, _vm._l(_vm.toolbar, function (tool) {
|
|
283
|
-
return _c('div', {
|
|
284
|
-
key: tool,
|
|
285
|
-
class: _vm.toolbarStyles
|
|
286
|
-
}, _vm._l(tool, function (item) {
|
|
287
|
-
return _c('div', {
|
|
288
|
-
key: item,
|
|
289
|
-
class: _vm.toolbarButtonStyles(item)
|
|
290
|
-
}, [_c('or-icon-button', {
|
|
291
|
-
attrs: {
|
|
292
|
-
"tooltip": {
|
|
293
|
-
text: _vm.iconTooltipsEnum[item],
|
|
294
|
-
placement: 'top'
|
|
295
|
-
},
|
|
296
|
-
"icon": {
|
|
297
|
-
icon: _vm.iconsEnum[item],
|
|
298
|
-
variant: 'inherit',
|
|
299
|
-
size: 's'
|
|
300
|
-
}
|
|
301
|
-
},
|
|
302
|
-
on: {
|
|
303
|
-
"click": function ($event) {
|
|
304
|
-
return _vm.handleToolbarClick(item);
|
|
305
|
-
}
|
|
306
|
-
}
|
|
307
|
-
})], 1);
|
|
308
|
-
}), 0);
|
|
309
|
-
}), 0), _vm._v(" "), _c('div', {
|
|
310
|
-
ref: "editorRef",
|
|
311
|
-
class: _vm.editorInputStyles
|
|
312
|
-
})])], 1);
|
|
313
|
-
};
|
|
314
|
-
var __vue_staticRenderFns__ = [];
|
|
315
|
-
|
|
316
|
-
/* style */
|
|
317
|
-
const __vue_inject_styles__ = undefined;
|
|
318
|
-
/* scoped */
|
|
319
|
-
const __vue_scope_id__ = undefined;
|
|
320
|
-
/* module identifier */
|
|
321
|
-
const __vue_module_identifier__ = undefined;
|
|
322
|
-
/* functional template */
|
|
323
|
-
const __vue_is_functional_template__ = false;
|
|
324
|
-
/* style inject */
|
|
325
|
-
|
|
326
|
-
/* style inject SSR */
|
|
327
|
-
|
|
328
|
-
/* style inject shadow dom */
|
|
329
|
-
|
|
330
|
-
const __vue_component__ = /*#__PURE__*/normalizeComponent({
|
|
331
|
-
render: __vue_render__,
|
|
332
|
-
staticRenderFns: __vue_staticRenderFns__
|
|
333
|
-
}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
|
|
334
|
-
|
|
335
|
-
export { __vue_component__ as OrRichTextEditor };
|
|
21
|
+
import './OrLabel-5670468e.js';
|
|
22
|
+
import './style-inject.es-4c6f2515.js';
|