@onereach/ui-components 2.63.0-beta.1896.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-bb223cce.js → OrSelect-c6d0a69e.js} +13 -33
- 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-select-v3/OrSelect.vue.d.ts +2 -2
- package/dist/v2/components/or-tooltip-v3/styles.d.ts +2 -0
- package/dist/v2/directives/index.d.ts +2 -0
- package/dist/v2/dropdown-open-0d314aa4.js +28 -0
- package/dist/v2/index.d.ts +1 -0
- package/dist/v2/index.js +15 -13
- package/dist/v2/index2.js +15 -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 -306
- package/dist/v2/index63.js +2 -19
- package/dist/v2/index65.js +6 -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/index92.js +1 -6
- package/dist/v2/index93.js +5 -1
- package/dist/v2/index94.js +3 -0
- 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-63ada65d.js → OrSelect-52cfb10d.js} +12 -32
- 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-select-v3/OrSelect.vue.d.ts +2 -2
- package/dist/v3/components/or-tooltip-v3/styles.d.ts +2 -0
- package/dist/v3/directives/index.d.ts +2 -0
- package/dist/v3/dropdown-open-0d314aa4.js +28 -0
- package/dist/v3/index.d.ts +1 -0
- package/dist/v3/index.js +15 -13
- package/dist/v3/index2.js +15 -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 -280
- package/dist/v3/index63.js +2 -18
- package/dist/v3/index65.js +6 -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/index92.js +1 -6
- package/dist/v3/index93.js +5 -1
- package/dist/v3/index94.js +3 -0
- 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-avatar-v3/OrAvatar.docs.mdx +4 -0
- package/src/components/or-bottom-sheet-v3/OrBottomSheet.docs.mdx +4 -0
- package/src/components/or-button-v3/OrButton.docs.mdx +4 -0
- package/src/components/or-card-v3/OrCard.docs.mdx +4 -0
- package/src/components/or-checkbox-v3/OrCheckbox.docs.mdx +4 -0
- package/src/components/or-checkbox-v3/OrCheckbox.stories3.ts +1 -1
- package/src/components/or-confirm-v3/OrConfirm.docs.mdx +4 -0
- package/src/components/or-error-tag-v3/OrErrorTag.docs.mdx +5 -0
- package/src/components/or-error-v3/OrError.docs.mdx +4 -0
- package/src/components/or-expansion-panel-v3/OrExpansionPanel.docs.mdx +4 -0
- package/src/components/or-fab-v3/OrFab.docs.mdx +4 -0
- package/src/components/or-hint-v3/OrHint.docs.mdx +4 -0
- package/src/components/or-icon-button-v3/OrIconButton.docs.mdx +4 -0
- package/src/components/or-icon-v3/OrIcon.docs.mdx +4 -0
- package/src/components/or-inline-input-v3/OrInlineInput.docs.mdx +4 -0
- package/src/components/or-inline-input-v3/OrInlineInput.vue +2 -2
- package/src/components/or-inline-textarea-v3/OrInlineTextarea.docs.mdx +4 -0
- package/src/components/or-inline-textarea-v3/OrInlineTextarea.vue +2 -2
- package/src/components/or-input-v3/OrInput.docs.mdx +4 -0
- package/src/components/or-input-v3/OrInput.vue +21 -19
- package/src/components/or-label-v3/OrLabel.docs.mdx +4 -0
- package/src/components/or-link-v3/OrLink.docs.mdx +4 -0
- package/src/components/or-loader-v3/OrLoader.docs.mdx +4 -0
- package/src/components/or-menu-item-v3/OrMenuItem.docs.mdx +4 -0
- package/src/components/or-menu-v3/OrMenu.docs.mdx +4 -0
- package/src/components/or-modal-v3/OrModal.docs.mdx +4 -0
- package/src/components/or-notification-v3/OrNotification.docs.mdx +4 -0
- package/src/components/or-overlay-v3/OrOverlay.docs.mdx +4 -0
- package/src/components/or-popover-v3/OrPopover.docs.mdx +4 -0
- package/src/components/or-progress-v3/OrProgress.docs.mdx +4 -0
- package/src/components/or-radio-v3/OrRadio.docs.mdx +4 -0
- package/src/components/or-radio-v3/OrRadio.stories3.ts +1 -1
- package/src/components/or-search-v3/OrSearch.docs.mdx +4 -0
- 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-select-v3/OrSelect.docs.mdx +4 -0
- package/src/components/or-select-v3/OrSelect.vue +9 -6
- package/src/components/or-sidebar-v3/OrSidebar.docs.mdx +4 -0
- package/src/components/or-skeleton-v3/OrSkeleton.docs.mdx +8 -0
- package/src/components/or-switch-v3/OrSwitch.docs.mdx +4 -0
- package/src/components/or-switch-v3/OrSwitch.stories3.ts +1 -1
- package/src/components/or-tab-v3/OrTab.docs.mdx +4 -0
- package/src/components/or-tabs-v3/OrTabs.docs.mdx +4 -0
- 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-tag-v3/OrTag.docs.mdx +4 -0
- package/src/components/or-teleport-v3/OrTeleport.docs.mdx +4 -0
- package/src/components/or-text-v3/OrText.docs.mdx +4 -0
- package/src/components/or-textarea-v3/OrTextarea.docs.mdx +4 -0
- package/src/components/or-tooltip-v3/OrTooltip.docs.mdx +3 -0
- package/src/components/or-tooltip-v3/OrTooltip.vue +3 -2
- package/src/components/or-tooltip-v3/styles.ts +55 -0
- package/src/directives/index.ts +2 -0
- package/src/hooks/useClassAttribute.ts +1 -1
- package/src/index.ts +1 -0
- 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 -295
- 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/v3/index.js
CHANGED
|
@@ -15,7 +15,7 @@ export { s as OrCode, O as OrCodeLanguages } from './OrCode-feeec003.js';
|
|
|
15
15
|
export { s as OrCollapse } from './OrCollapse-37a52e8f.js';
|
|
16
16
|
export { s 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-0a944d25.js';
|
|
17
17
|
export { s as OrConfirm } from './OrConfirm-00134f53.js';
|
|
18
|
-
export { C as ConfirmType, s as OrConfirmV3 } from './OrConfirm-
|
|
18
|
+
export { C as ConfirmType, s as OrConfirmV3 } from './OrConfirm-371630a4.js';
|
|
19
19
|
export { D as DEFAULT_TEXT, s as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from './OrDateTimePicker-6c79a764.js';
|
|
20
20
|
export { s as OrError } from './OrError-f90296db.js';
|
|
21
21
|
export { s as OrErrorTagV3 } from './OrErrorTag-ceefd643.js';
|
|
@@ -26,14 +26,14 @@ export { s as OrFloating, a as OrFloatingHideStrategy, O as OrFloatingPlacements
|
|
|
26
26
|
export { s as OrHint } from './OrHint-1414c530.js';
|
|
27
27
|
export { s as OrHintV3 } from './OrHint-73835593.js';
|
|
28
28
|
export { s as OrIcon, O as OrIconColors, a as OrIconType } from './OrIcon-e23028f8.js';
|
|
29
|
-
export { I as IconButtonColor, s as OrIconButtonV3 } from './OrIconButton-
|
|
29
|
+
export { I as IconButtonColor, s as OrIconButtonV3 } from './OrIconButton-5fb3a9aa.js';
|
|
30
30
|
export { a as IconSize, I as IconVariant, s as OrIconV3 } from './OrIcon-b3906e35.js';
|
|
31
31
|
export { I as InlineInputBoxSize, I as InlineInputSize, s as OrInlineInputBoxV3 } from './OrInlineInputBox-1b473796.js';
|
|
32
|
-
export { I as InlineInputType, s as OrInlineInputV3 } from './OrInlineInput-
|
|
32
|
+
export { I as InlineInputType, s as OrInlineInputV3 } from './OrInlineInput-bac4abdd.js';
|
|
33
33
|
export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, s as OrInlineTextEdit } from './OrInlineTextEdit-455a2d64.js';
|
|
34
|
-
export { s as OrInlineTextareaV3 } from './OrInlineTextarea-
|
|
34
|
+
export { s as OrInlineTextareaV3 } from './OrInlineTextarea-d1ec1bba.js';
|
|
35
35
|
export { a as InputBoxSize, I as InputBoxVariant, a as InputSize, s as OrInputBoxV3, a as SearchSize, a as SelectSize, a as TextareaSize } from './OrInputBox-634230b1.js';
|
|
36
|
-
export { I as InputType, s as OrInputV3 } from './OrInput-
|
|
36
|
+
export { I as InputType, s as OrInputV3 } from './OrInput-256d2530.js';
|
|
37
37
|
export { a as OrInput, b as OrNumberInput, c as OrPassword, d as OrSearch, s as OrTextarea } from './OrSearch-2874026c.js';
|
|
38
38
|
export { s as OrLabel } from './OrLabel-876f8729.js';
|
|
39
39
|
export { L as LabelVariant, s as OrLabelV3 } from './OrLabel-7d4fe80b.js';
|
|
@@ -46,9 +46,9 @@ export { s as OrMenuItemV3 } from './OrMenuItem-8773d073.js';
|
|
|
46
46
|
export { s as OrMenuV3 } from './OrMenu-75ef8635.js';
|
|
47
47
|
export { P as MenuPlacement, s as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from './OrPopover-3525c670.js';
|
|
48
48
|
export { s as OrModal, O as OrModalSizes } from './OrModal-75c8e5b6.js';
|
|
49
|
-
export { M as ModalSize, s as OrModalV3 } from './OrModal-
|
|
49
|
+
export { M as ModalSize, s as OrModalV3 } from './OrModal-3a43b7e7.js';
|
|
50
50
|
export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, s as OrNotification } from './OrNotification-38664729.js';
|
|
51
|
-
export { N as NotificationVariant, s as OrNotificationV3 } from './OrNotification-
|
|
51
|
+
export { N as NotificationVariant, s as OrNotificationV3 } from './OrNotification-433d16f7.js';
|
|
52
52
|
export { s as OrOverflowMenu } from './OrOverflowMenu-7a177537.js';
|
|
53
53
|
export { s as OrOverlay } from './OrOverlay-451dce49.js';
|
|
54
54
|
export { s as OrOverlayV3 } from './OrOverlay-27050c19.js';
|
|
@@ -57,9 +57,10 @@ export { s as OrProgressV3, P as ProgressColor, a as ProgressType } from './OrPr
|
|
|
57
57
|
export { s as OrRadio } from './OrRadio-c3ab11f2.js';
|
|
58
58
|
export { s as OrRadioGroup } from './OrRadioGroup-00785e41.js';
|
|
59
59
|
export { s as OrRadioV3 } from './OrRadio-0c1883f2.js';
|
|
60
|
-
export { s as OrSearchV3 } from './OrSearch-
|
|
60
|
+
export { s as OrSearchV3 } from './OrSearch-375eab55.js';
|
|
61
|
+
export { s as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-2bbc0f22.js';
|
|
61
62
|
export { s as OrSelect } from './OrSelect-056731af.js';
|
|
62
|
-
export { s as OrSelectV3 } from './OrSelect-
|
|
63
|
+
export { s as OrSelectV3 } from './OrSelect-52cfb10d.js';
|
|
63
64
|
export { s as OrSidebar, O as OrSidebarSide } from './OrSidebar-375c85a3.js';
|
|
64
65
|
export { O as OrSidebarPlacement, s as OrSidebarV3 } from './OrSidebar-a62972f5.js';
|
|
65
66
|
export { s as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from './OrSkeletonText-2b1610ce.js';
|
|
@@ -72,9 +73,9 @@ export { s as OrTab } from './OrTab-bc98be02.js';
|
|
|
72
73
|
export { s as OrTabHeaderItem } from './OrTabHeaderItem-d668cc59.js';
|
|
73
74
|
export { s as OrTabV3 } from './OrTab-97044946.js';
|
|
74
75
|
export { s as OrTabs } from './OrTabs-d3812c11.js';
|
|
75
|
-
export { s as OrTabsV3, T as TabsVariant } from './OrTabs-
|
|
76
|
+
export { s as OrTabsV3, T as TabsVariant } from './OrTabs-ac0be933.js';
|
|
76
77
|
export { s as OrTag } from './OrTag-7e24fdbc.js';
|
|
77
|
-
export { s as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-
|
|
78
|
+
export { s as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-deaff080.js';
|
|
78
79
|
export { s as OrTeleport } from './OrTeleportVue3-ad639f12.js';
|
|
79
80
|
export { s as OrTeleportV3 } from './OrTeleport.vue3-8099178c.js';
|
|
80
81
|
export { s as OrTextV3 } from './OrText-ecb46923.js';
|
|
@@ -82,10 +83,11 @@ export { s as OrTextareaV3 } from './OrTextarea-09aa33dc.js';
|
|
|
82
83
|
export { s as OrTextbox, T as TextboxTypes } from './OrTextbox-faa4f81a.js';
|
|
83
84
|
export { s as OrToast, a as OrToastContainer } from './OrToastContainer-fe6abe90.js';
|
|
84
85
|
export { P as PositionsX, b as PositionsY, c as ToastType, T as TransitionType, a as useQueue, u as useToast } from './useToast-4fbe0e5a.js';
|
|
85
|
-
export { a as OrToastContainerV3, s as OrToastV3, t as TypesV3 } from './types-
|
|
86
|
+
export { a as OrToastContainerV3, s as OrToastV3, t as TypesV3 } from './types-d5d4ab32.js';
|
|
86
87
|
export { p as PropsV3, a as useQueueV3, u as useToastV3 } from './useToast-0665462d.js';
|
|
87
88
|
export { s as OrTooltip, a as OrTooltipContent } from './OrTooltip-121eae2b.js';
|
|
88
|
-
export { s as OrTooltipV3 } from './OrTooltip-
|
|
89
|
+
export { s as OrTooltipV3 } from './OrTooltip-36c6728c.js';
|
|
90
|
+
export { D as DropdownClose, a as DropdownOpen } from './dropdown-open-0d314aa4.js';
|
|
89
91
|
export { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
|
|
90
92
|
export { u as useElevation } from './useElevation-0e973238.js';
|
|
91
93
|
export { u as useOverflow } from './useOverflow-ac506c65.js';
|
package/dist/v3/index2.js
CHANGED
|
@@ -15,7 +15,7 @@ export { s as OrCode, O as OrCodeLanguages } from './OrCode-feeec003.js';
|
|
|
15
15
|
export { s as OrCollapse } from './OrCollapse-37a52e8f.js';
|
|
16
16
|
export { s 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-0a944d25.js';
|
|
17
17
|
export { s as OrConfirm } from './OrConfirm-00134f53.js';
|
|
18
|
-
export { C as ConfirmType, s as OrConfirmV3 } from './OrConfirm-
|
|
18
|
+
export { C as ConfirmType, s as OrConfirmV3 } from './OrConfirm-371630a4.js';
|
|
19
19
|
export { D as DEFAULT_TEXT, s as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from './OrDateTimePicker-6c79a764.js';
|
|
20
20
|
export { s as OrError } from './OrError-f90296db.js';
|
|
21
21
|
export { s as OrErrorTagV3 } from './OrErrorTag-ceefd643.js';
|
|
@@ -26,14 +26,14 @@ export { s as OrFloating, a as OrFloatingHideStrategy, O as OrFloatingPlacements
|
|
|
26
26
|
export { s as OrHint } from './OrHint-1414c530.js';
|
|
27
27
|
export { s as OrHintV3 } from './OrHint-73835593.js';
|
|
28
28
|
export { s as OrIcon, O as OrIconColors, a as OrIconType } from './OrIcon-e23028f8.js';
|
|
29
|
-
export { I as IconButtonColor, s as OrIconButtonV3 } from './OrIconButton-
|
|
29
|
+
export { I as IconButtonColor, s as OrIconButtonV3 } from './OrIconButton-5fb3a9aa.js';
|
|
30
30
|
export { a as IconSize, I as IconVariant, s as OrIconV3 } from './OrIcon-b3906e35.js';
|
|
31
31
|
export { I as InlineInputBoxSize, I as InlineInputSize, s as OrInlineInputBoxV3 } from './OrInlineInputBox-1b473796.js';
|
|
32
|
-
export { I as InlineInputType, s as OrInlineInputV3 } from './OrInlineInput-
|
|
32
|
+
export { I as InlineInputType, s as OrInlineInputV3 } from './OrInlineInput-bac4abdd.js';
|
|
33
33
|
export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, s as OrInlineTextEdit } from './OrInlineTextEdit-455a2d64.js';
|
|
34
|
-
export { s as OrInlineTextareaV3 } from './OrInlineTextarea-
|
|
34
|
+
export { s as OrInlineTextareaV3 } from './OrInlineTextarea-d1ec1bba.js';
|
|
35
35
|
export { a as InputBoxSize, I as InputBoxVariant, a as InputSize, s as OrInputBoxV3, a as SearchSize, a as SelectSize, a as TextareaSize } from './OrInputBox-634230b1.js';
|
|
36
|
-
export { I as InputType, s as OrInputV3 } from './OrInput-
|
|
36
|
+
export { I as InputType, s as OrInputV3 } from './OrInput-256d2530.js';
|
|
37
37
|
export { a as OrInput, b as OrNumberInput, c as OrPassword, d as OrSearch, s as OrTextarea } from './OrSearch-2874026c.js';
|
|
38
38
|
export { s as OrLabel } from './OrLabel-876f8729.js';
|
|
39
39
|
export { L as LabelVariant, s as OrLabelV3 } from './OrLabel-7d4fe80b.js';
|
|
@@ -46,9 +46,9 @@ export { s as OrMenuItemV3 } from './OrMenuItem-8773d073.js';
|
|
|
46
46
|
export { s as OrMenuV3 } from './OrMenu-75ef8635.js';
|
|
47
47
|
export { P as MenuPlacement, s as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from './OrPopover-3525c670.js';
|
|
48
48
|
export { s as OrModal, O as OrModalSizes } from './OrModal-75c8e5b6.js';
|
|
49
|
-
export { M as ModalSize, s as OrModalV3 } from './OrModal-
|
|
49
|
+
export { M as ModalSize, s as OrModalV3 } from './OrModal-3a43b7e7.js';
|
|
50
50
|
export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, s as OrNotification } from './OrNotification-38664729.js';
|
|
51
|
-
export { N as NotificationVariant, s as OrNotificationV3 } from './OrNotification-
|
|
51
|
+
export { N as NotificationVariant, s as OrNotificationV3 } from './OrNotification-433d16f7.js';
|
|
52
52
|
export { s as OrOverflowMenu } from './OrOverflowMenu-7a177537.js';
|
|
53
53
|
export { s as OrOverlay } from './OrOverlay-451dce49.js';
|
|
54
54
|
export { s as OrOverlayV3 } from './OrOverlay-27050c19.js';
|
|
@@ -57,9 +57,10 @@ export { s as OrProgressV3, P as ProgressColor, a as ProgressType } from './OrPr
|
|
|
57
57
|
export { s as OrRadio } from './OrRadio-c3ab11f2.js';
|
|
58
58
|
export { s as OrRadioGroup } from './OrRadioGroup-00785e41.js';
|
|
59
59
|
export { s as OrRadioV3 } from './OrRadio-0c1883f2.js';
|
|
60
|
-
export { s as OrSearchV3 } from './OrSearch-
|
|
60
|
+
export { s as OrSearchV3 } from './OrSearch-375eab55.js';
|
|
61
|
+
export { s as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-2bbc0f22.js';
|
|
61
62
|
export { s as OrSelect } from './OrSelect-056731af.js';
|
|
62
|
-
export { s as OrSelectV3 } from './OrSelect-
|
|
63
|
+
export { s as OrSelectV3 } from './OrSelect-52cfb10d.js';
|
|
63
64
|
export { s as OrSidebar, O as OrSidebarSide } from './OrSidebar-375c85a3.js';
|
|
64
65
|
export { O as OrSidebarPlacement, s as OrSidebarV3 } from './OrSidebar-a62972f5.js';
|
|
65
66
|
export { s as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from './OrSkeletonText-2b1610ce.js';
|
|
@@ -72,9 +73,9 @@ export { s as OrTab } from './OrTab-bc98be02.js';
|
|
|
72
73
|
export { s as OrTabHeaderItem } from './OrTabHeaderItem-d668cc59.js';
|
|
73
74
|
export { s as OrTabV3 } from './OrTab-97044946.js';
|
|
74
75
|
export { s as OrTabs } from './OrTabs-d3812c11.js';
|
|
75
|
-
export { s as OrTabsV3, T as TabsVariant } from './OrTabs-
|
|
76
|
+
export { s as OrTabsV3, T as TabsVariant } from './OrTabs-ac0be933.js';
|
|
76
77
|
export { s as OrTag } from './OrTag-7e24fdbc.js';
|
|
77
|
-
export { s as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-
|
|
78
|
+
export { s as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-deaff080.js';
|
|
78
79
|
export { s as OrTeleport } from './OrTeleportVue3-ad639f12.js';
|
|
79
80
|
export { s as OrTeleportV3 } from './OrTeleport.vue3-8099178c.js';
|
|
80
81
|
export { s as OrTextV3 } from './OrText-ecb46923.js';
|
|
@@ -82,10 +83,10 @@ export { s as OrTextareaV3 } from './OrTextarea-09aa33dc.js';
|
|
|
82
83
|
export { s as OrTextbox, T as TextboxTypes } from './OrTextbox-faa4f81a.js';
|
|
83
84
|
export { s as OrToast, a as OrToastContainer } from './OrToastContainer-fe6abe90.js';
|
|
84
85
|
export { P as PositionsX, b as PositionsY, c as ToastType, T as TransitionType, a as useQueue, u as useToast } from './useToast-4fbe0e5a.js';
|
|
85
|
-
export { a as OrToastContainerV3, s as OrToastV3, t as TypesV3 } from './types-
|
|
86
|
+
export { a as OrToastContainerV3, s as OrToastV3, t as TypesV3 } from './types-d5d4ab32.js';
|
|
86
87
|
export { p as PropsV3, a as useQueueV3, u as useToastV3 } from './useToast-0665462d.js';
|
|
87
88
|
export { s as OrTooltip, a as OrTooltipContent } from './OrTooltip-121eae2b.js';
|
|
88
|
-
export { s as OrTooltipV3 } from './OrTooltip-
|
|
89
|
+
export { s as OrTooltipV3 } from './OrTooltip-36c6728c.js';
|
|
89
90
|
import 'vue-demi';
|
|
90
91
|
import 'lodash';
|
|
91
92
|
import 'vue';
|
|
@@ -111,4 +112,5 @@ import 'sortablejs';
|
|
|
111
112
|
import './useElevation-0e973238.js';
|
|
112
113
|
import './useResponsive-a02e95b7.js';
|
|
113
114
|
import '@vueuse/integrations/useFocusTrap';
|
|
115
|
+
import './dropdown-open-0d314aa4.js';
|
|
114
116
|
import './useOverflow-ac506c65.js';
|
package/dist/v3/index20.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { C as ConfirmType, s as OrConfirmV3 } from './OrConfirm-
|
|
1
|
+
export { C as ConfirmType, s as OrConfirmV3 } from './OrConfirm-371630a4.js';
|
|
2
2
|
import 'vue-demi';
|
|
3
3
|
import './OrButton-12b36e89.js';
|
|
4
4
|
import './useClassAttribute-47fdb016.js';
|
|
@@ -8,12 +8,12 @@ import 'vue';
|
|
|
8
8
|
import './OrOverlay-27050c19.js';
|
|
9
9
|
import './useElevation-0e973238.js';
|
|
10
10
|
import './OrTeleport.vue3-8099178c.js';
|
|
11
|
-
import './OrInput-
|
|
11
|
+
import './OrInput-256d2530.js';
|
|
12
12
|
import './OrError-19a62a18.js';
|
|
13
13
|
import './OrHint-73835593.js';
|
|
14
|
-
import './OrIconButton-
|
|
14
|
+
import './OrIconButton-5fb3a9aa.js';
|
|
15
15
|
import './OrIcon-b3906e35.js';
|
|
16
|
-
import './OrTooltip-
|
|
16
|
+
import './OrTooltip-36c6728c.js';
|
|
17
17
|
import './OrPopover-3525c670.js';
|
|
18
18
|
import '@floating-ui/dom';
|
|
19
19
|
import './useResponsive-a02e95b7.js';
|
package/dist/v3/index31.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
export { I as IconButtonColor, s as OrIconButtonV3 } from './OrIconButton-
|
|
1
|
+
export { I as IconButtonColor, s as OrIconButtonV3 } from './OrIconButton-5fb3a9aa.js';
|
|
2
2
|
import 'vue-demi';
|
|
3
3
|
import './useClassAttribute-47fdb016.js';
|
|
4
4
|
import '@vueuse/core';
|
|
5
5
|
import './OrIcon-b3906e35.js';
|
|
6
6
|
import 'vue';
|
|
7
|
-
import './OrTooltip-
|
|
7
|
+
import './OrTooltip-36c6728c.js';
|
|
8
8
|
import './OrPopover-3525c670.js';
|
|
9
9
|
import '@floating-ui/dom';
|
|
10
10
|
import './useElevation-0e973238.js';
|
package/dist/v3/index34.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { I as InlineInputType, s as OrInlineInputV3 } from './OrInlineInput-
|
|
1
|
+
export { I as InlineInputType, s as OrInlineInputV3 } from './OrInlineInput-bac4abdd.js';
|
|
2
2
|
export { I as InlineInputSize } from './OrInlineInputBox-1b473796.js';
|
|
3
3
|
import 'vue-demi';
|
|
4
4
|
import './useClassAttribute-47fdb016.js';
|
|
@@ -6,9 +6,9 @@ import '@vueuse/core';
|
|
|
6
6
|
import './OrError-19a62a18.js';
|
|
7
7
|
import 'vue';
|
|
8
8
|
import './OrHint-73835593.js';
|
|
9
|
-
import './OrIconButton-
|
|
9
|
+
import './OrIconButton-5fb3a9aa.js';
|
|
10
10
|
import './OrIcon-b3906e35.js';
|
|
11
|
-
import './OrTooltip-
|
|
11
|
+
import './OrTooltip-36c6728c.js';
|
|
12
12
|
import './OrPopover-3525c670.js';
|
|
13
13
|
import '@floating-ui/dom';
|
|
14
14
|
import './useElevation-0e973238.js';
|
package/dist/v3/index36.js
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
export { s as OrInlineTextareaV3 } from './OrInlineTextarea-
|
|
1
|
+
export { s as OrInlineTextareaV3 } from './OrInlineTextarea-d1ec1bba.js';
|
|
2
2
|
import 'vue-demi';
|
|
3
3
|
import './useClassAttribute-47fdb016.js';
|
|
4
4
|
import '@vueuse/core';
|
|
5
5
|
import './OrError-19a62a18.js';
|
|
6
6
|
import 'vue';
|
|
7
7
|
import './OrHint-73835593.js';
|
|
8
|
-
import './OrIconButton-
|
|
8
|
+
import './OrIconButton-5fb3a9aa.js';
|
|
9
9
|
import './OrIcon-b3906e35.js';
|
|
10
|
-
import './OrTooltip-
|
|
10
|
+
import './OrTooltip-36c6728c.js';
|
|
11
11
|
import './OrPopover-3525c670.js';
|
|
12
12
|
import '@floating-ui/dom';
|
|
13
13
|
import './useElevation-0e973238.js';
|
package/dist/v3/index38.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { I as InputType, s as OrInputV3 } from './OrInput-
|
|
1
|
+
export { I as InputType, s as OrInputV3 } from './OrInput-256d2530.js';
|
|
2
2
|
export { a as InputSize } from './OrInputBox-634230b1.js';
|
|
3
3
|
import 'vue-demi';
|
|
4
4
|
import './useClassAttribute-47fdb016.js';
|
|
@@ -6,9 +6,9 @@ import '@vueuse/core';
|
|
|
6
6
|
import './OrError-19a62a18.js';
|
|
7
7
|
import 'vue';
|
|
8
8
|
import './OrHint-73835593.js';
|
|
9
|
-
import './OrIconButton-
|
|
9
|
+
import './OrIconButton-5fb3a9aa.js';
|
|
10
10
|
import './OrIcon-b3906e35.js';
|
|
11
|
-
import './OrTooltip-
|
|
11
|
+
import './OrTooltip-36c6728c.js';
|
|
12
12
|
import './OrPopover-3525c670.js';
|
|
13
13
|
import '@floating-ui/dom';
|
|
14
14
|
import './useElevation-0e973238.js';
|
package/dist/v3/index50.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
export { M as ModalSize, s as OrModalV3 } from './OrModal-
|
|
1
|
+
export { M as ModalSize, s as OrModalV3 } from './OrModal-3a43b7e7.js';
|
|
2
2
|
import 'vue-demi';
|
|
3
3
|
import './useClassAttribute-47fdb016.js';
|
|
4
4
|
import '@vueuse/core';
|
|
5
|
-
import './OrIconButton-
|
|
5
|
+
import './OrIconButton-5fb3a9aa.js';
|
|
6
6
|
import './OrIcon-b3906e35.js';
|
|
7
7
|
import 'vue';
|
|
8
|
-
import './OrTooltip-
|
|
8
|
+
import './OrTooltip-36c6728c.js';
|
|
9
9
|
import './OrPopover-3525c670.js';
|
|
10
10
|
import '@floating-ui/dom';
|
|
11
11
|
import './useElevation-0e973238.js';
|
package/dist/v3/index52.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
export { N as NotificationVariant, s as OrNotificationV3 } from './OrNotification-
|
|
1
|
+
export { N as NotificationVariant, s as OrNotificationV3 } from './OrNotification-433d16f7.js';
|
|
2
2
|
import 'vue-demi';
|
|
3
3
|
import './useClassAttribute-47fdb016.js';
|
|
4
4
|
import '@vueuse/core';
|
|
5
|
-
import './OrIconButton-
|
|
5
|
+
import './OrIconButton-5fb3a9aa.js';
|
|
6
6
|
import './OrIcon-b3906e35.js';
|
|
7
7
|
import 'vue';
|
|
8
|
-
import './OrTooltip-
|
|
8
|
+
import './OrTooltip-36c6728c.js';
|
|
9
9
|
import './OrPopover-3525c670.js';
|
|
10
10
|
import '@floating-ui/dom';
|
|
11
11
|
import './useElevation-0e973238.js';
|
package/dist/v3/index62.js
CHANGED
|
@@ -1,18 +1,15 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
export { s as OrSearchV3 } from './OrSearch-375eab55.js';
|
|
2
|
+
export { a as SearchSize } from './OrInputBox-634230b1.js';
|
|
3
|
+
import 'vue-demi';
|
|
3
4
|
import '@vueuse/core';
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import
|
|
9
|
-
import
|
|
10
|
-
import { s as script$2 } from './OrLabel-7d4fe80b.js';
|
|
11
|
-
import { flatMap } from 'lodash';
|
|
12
|
-
import { resolveComponent, openBlock, createElementBlock, mergeProps, createVNode, withCtx, createTextVNode, toDisplayString, createElementVNode, normalizeClass, Fragment, renderList } from 'vue';
|
|
13
|
-
import { s as styleInject } from './style-inject.es-4c6f2515.js';
|
|
5
|
+
import './useClassAttribute-47fdb016.js';
|
|
6
|
+
import './OrInput-256d2530.js';
|
|
7
|
+
import './OrError-19a62a18.js';
|
|
8
|
+
import 'vue';
|
|
9
|
+
import './OrHint-73835593.js';
|
|
10
|
+
import './OrIconButton-5fb3a9aa.js';
|
|
14
11
|
import './OrIcon-b3906e35.js';
|
|
15
|
-
import './OrTooltip-
|
|
12
|
+
import './OrTooltip-36c6728c.js';
|
|
16
13
|
import './OrPopover-3525c670.js';
|
|
17
14
|
import '@floating-ui/dom';
|
|
18
15
|
import './useElevation-0e973238.js';
|
|
@@ -20,270 +17,5 @@ import './useResponsive-a02e95b7.js';
|
|
|
20
17
|
import './OrBottomSheet-9de57dd0.js';
|
|
21
18
|
import './OrOverlay-27050c19.js';
|
|
22
19
|
import './OrTeleport.vue3-8099178c.js';
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
// Colors
|
|
26
|
-
'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',
|
|
27
|
-
// Sizing
|
|
28
|
-
'border-1', 'rounded-md'];
|
|
29
|
-
const EditorContainerFilled = [
|
|
30
|
-
//Colors
|
|
31
|
-
'bg-primary-opacity-0-08', 'dark:bg-primary-opacity-0-08-dark'];
|
|
32
|
-
const ToolbarContainer = [
|
|
33
|
-
// Layout
|
|
34
|
-
'flex',
|
|
35
|
-
//Spacing
|
|
36
|
-
'py-sm',
|
|
37
|
-
//Sizing
|
|
38
|
-
'border-b-1',
|
|
39
|
-
//Colors
|
|
40
|
-
'border-b-disabled', 'dark:border-b-outline-dark'];
|
|
41
|
-
const Toolbar = [
|
|
42
|
-
// Layout
|
|
43
|
-
'flex',
|
|
44
|
-
// Spacing
|
|
45
|
-
'px-sm', 'gap-md',
|
|
46
|
-
// Sizing
|
|
47
|
-
'border-r-1',
|
|
48
|
-
//Colors
|
|
49
|
-
'border-r-disabled', 'dark:border-r-outline-dark',
|
|
50
|
-
// Last child
|
|
51
|
-
'last-of-type:border-none'];
|
|
52
|
-
const ToolbarButton = [
|
|
53
|
-
// Typography
|
|
54
|
-
'text-on-disabled', 'dark:text-outline-dark'];
|
|
55
|
-
const ToolbarButtonActive = [
|
|
56
|
-
// Typography
|
|
57
|
-
'text-on-background', 'dark:text-on-background-dark'];
|
|
58
|
-
const EditorInput = [
|
|
59
|
-
// Spacing
|
|
60
|
-
'p-sm',
|
|
61
|
-
// Typography
|
|
62
|
-
'typography-body-2-regular', 'text-on-background', 'dark:text-on-background-dark',
|
|
63
|
-
// Sizing
|
|
64
|
-
'min-h-[88px]'];
|
|
65
|
-
|
|
66
|
-
var script = defineComponent({
|
|
67
|
-
name: 'OrRichTextEditor',
|
|
68
|
-
components: {
|
|
69
|
-
OrIconButton: script$1,
|
|
70
|
-
OrLabel: script$2
|
|
71
|
-
},
|
|
72
|
-
inheritAttrs: false,
|
|
73
|
-
props: {
|
|
74
|
-
modelValue: {
|
|
75
|
-
type: String,
|
|
76
|
-
default: '',
|
|
77
|
-
required: false
|
|
78
|
-
},
|
|
79
|
-
toolbar: {
|
|
80
|
-
type: Array,
|
|
81
|
-
default: () => [['bold', 'italic', 'strike'], ['underline', 'highlight'], ['bulletList', 'orderedList'], ['undo', 'redo']]
|
|
82
|
-
},
|
|
83
|
-
description: {
|
|
84
|
-
type: String,
|
|
85
|
-
default: ''
|
|
86
|
-
},
|
|
87
|
-
placeholder: {
|
|
88
|
-
type: String,
|
|
89
|
-
default: 'Write something...'
|
|
90
|
-
},
|
|
91
|
-
autofocus: {
|
|
92
|
-
type: Boolean,
|
|
93
|
-
default: false
|
|
94
|
-
}
|
|
95
|
-
},
|
|
96
|
-
emits: ['update:modelValue'],
|
|
97
|
-
setup(props, {
|
|
98
|
-
emit
|
|
99
|
-
}) {
|
|
100
|
-
// Refs
|
|
101
|
-
let editor = null;
|
|
102
|
-
const editorRef = ref();
|
|
103
|
-
const containerRef = ref();
|
|
104
|
-
const isActive = ref({});
|
|
105
|
-
const isFilled = ref(false);
|
|
106
|
-
const iconsEnum = ref({
|
|
107
|
-
bold: 'format_bold',
|
|
108
|
-
italic: 'format_italic',
|
|
109
|
-
underline: 'format_underlined',
|
|
110
|
-
strike: 'format_strikethrough',
|
|
111
|
-
bulletList: 'format_list_bulleted',
|
|
112
|
-
orderedList: 'format_list_numbered',
|
|
113
|
-
link: 'link',
|
|
114
|
-
highlight: 'highlight',
|
|
115
|
-
redo: 'redo',
|
|
116
|
-
undo: 'undo'
|
|
117
|
-
});
|
|
118
|
-
const iconTooltipsEnum = ref({
|
|
119
|
-
bold: 'Bold',
|
|
120
|
-
italic: 'Italic',
|
|
121
|
-
underline: 'Underline',
|
|
122
|
-
strike: 'Strike',
|
|
123
|
-
bulletList: 'Bulleted List',
|
|
124
|
-
orderedList: 'Numbered List',
|
|
125
|
-
link: 'Link',
|
|
126
|
-
highlight: 'Highlight',
|
|
127
|
-
redo: 'Redo',
|
|
128
|
-
undo: 'Undo'
|
|
129
|
-
});
|
|
130
|
-
onMounted(() => {
|
|
131
|
-
editor = new Editor({
|
|
132
|
-
onUpdate: ({
|
|
133
|
-
editor
|
|
134
|
-
}) => {
|
|
135
|
-
setActiveFormats();
|
|
136
|
-
const html = editor.getHTML();
|
|
137
|
-
const text = editor.getText();
|
|
138
|
-
emit('update:modelValue', text === '' ? text : html);
|
|
139
|
-
isFilled.value = text !== '';
|
|
140
|
-
},
|
|
141
|
-
element: editorRef.value,
|
|
142
|
-
content: props.modelValue,
|
|
143
|
-
autofocus: props.autofocus,
|
|
144
|
-
extensions: [StarterKit, Underline,
|
|
145
|
-
// Link.configure({
|
|
146
|
-
// openOnClick: true,
|
|
147
|
-
// linkOnPaste: true,
|
|
148
|
-
// protocols: ['ftp', 'mailto'],
|
|
149
|
-
// validate: href => /^https?:\/\//.test(href),
|
|
150
|
-
// HTMLAttributes: {
|
|
151
|
-
// class: 'text-primary cursor-pointer',
|
|
152
|
-
// },
|
|
153
|
-
// }),
|
|
154
|
-
Highlight, Placeholder.configure({
|
|
155
|
-
placeholder: props.placeholder,
|
|
156
|
-
emptyEditorClass: 'is-editor-empty text-outline'
|
|
157
|
-
})],
|
|
158
|
-
editorProps: {
|
|
159
|
-
attributes: {
|
|
160
|
-
class: 'focus:outline-none'
|
|
161
|
-
}
|
|
162
|
-
}
|
|
163
|
-
});
|
|
164
|
-
setActiveFormats();
|
|
165
|
-
isFilled.value = props.modelValue !== '';
|
|
166
|
-
});
|
|
167
|
-
onBeforeUnmount(() => {
|
|
168
|
-
editor === null || editor === void 0 ? void 0 : editor.destroy();
|
|
169
|
-
});
|
|
170
|
-
// Methods
|
|
171
|
-
const handleEditorClick = () => {
|
|
172
|
-
setActiveFormats();
|
|
173
|
-
editor === null || editor === void 0 ? void 0 : editor.commands.focus();
|
|
174
|
-
};
|
|
175
|
-
const handleToolbarClick = item => {
|
|
176
|
-
if (item === 'bulletList' || item === 'orderedList') {
|
|
177
|
-
item === 'bulletList' ? editor === null || editor === void 0 ? void 0 : editor.commands.toggleBulletList() : editor === null || editor === void 0 ? void 0 : editor.commands.toggleOrderedList();
|
|
178
|
-
} else if (item === 'undo' || item === 'redo') {
|
|
179
|
-
item === 'undo' ? editor === null || editor === void 0 ? void 0 : editor.commands.undo() : editor === null || editor === void 0 ? void 0 : editor.commands.redo();
|
|
180
|
-
} else {
|
|
181
|
-
editor === null || editor === void 0 ? void 0 : editor.chain().focus().toggleMark(item).run();
|
|
182
|
-
}
|
|
183
|
-
};
|
|
184
|
-
const setActiveFormats = () => {
|
|
185
|
-
const toolbarList = flatMap(props.toolbar);
|
|
186
|
-
toolbarList.forEach(item => {
|
|
187
|
-
isActive.value[item] = (editor === null || editor === void 0 ? void 0 : editor.isActive(item)) || false;
|
|
188
|
-
});
|
|
189
|
-
};
|
|
190
|
-
// Styles
|
|
191
|
-
const classAttribute = useClassAttribute();
|
|
192
|
-
const rootStyles = computed(() => {
|
|
193
|
-
return ['or-rich-text-editor', classAttribute.value];
|
|
194
|
-
});
|
|
195
|
-
const containerStyles = computed(() => {
|
|
196
|
-
return [...EditorContainer, ...(isFilled.value ? EditorContainerFilled : [])];
|
|
197
|
-
});
|
|
198
|
-
const toolbarContainerStyles = computed(() => {
|
|
199
|
-
return [...ToolbarContainer];
|
|
200
|
-
});
|
|
201
|
-
const toolbarStyles = computed(() => {
|
|
202
|
-
return [...Toolbar];
|
|
203
|
-
});
|
|
204
|
-
const editorInputStyles = computed(() => {
|
|
205
|
-
return ['tiptap-editor', ...EditorInput];
|
|
206
|
-
});
|
|
207
|
-
const toolbarButtonStyles = item => {
|
|
208
|
-
return [
|
|
209
|
-
// Layout
|
|
210
|
-
'flex',
|
|
211
|
-
// Spacing
|
|
212
|
-
'gap-md', ...(isActive.value[item] ? ToolbarButtonActive : ToolbarButton)];
|
|
213
|
-
};
|
|
214
|
-
//Effects
|
|
215
|
-
watch(() => props.modelValue, value => {
|
|
216
|
-
if (value !== (editor === null || editor === void 0 ? void 0 : editor.getHTML())) {
|
|
217
|
-
editor === null || editor === void 0 ? void 0 : editor.commands.setContent(value);
|
|
218
|
-
}
|
|
219
|
-
});
|
|
220
|
-
return {
|
|
221
|
-
editor,
|
|
222
|
-
editorRef,
|
|
223
|
-
containerRef,
|
|
224
|
-
iconsEnum,
|
|
225
|
-
handleToolbarClick,
|
|
226
|
-
handleEditorClick,
|
|
227
|
-
isActive,
|
|
228
|
-
iconTooltipsEnum,
|
|
229
|
-
containerStyles,
|
|
230
|
-
toolbarContainerStyles,
|
|
231
|
-
toolbarStyles,
|
|
232
|
-
rootStyles,
|
|
233
|
-
toolbarButtonStyles,
|
|
234
|
-
editorInputStyles
|
|
235
|
-
};
|
|
236
|
-
}
|
|
237
|
-
});
|
|
238
|
-
|
|
239
|
-
function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
240
|
-
const _component_or_label = resolveComponent("or-label");
|
|
241
|
-
const _component_or_icon_button = resolveComponent("or-icon-button");
|
|
242
|
-
return openBlock(), createElementBlock("div", mergeProps({
|
|
243
|
-
ref: "root"
|
|
244
|
-
}, _ctx.$attrs, {
|
|
245
|
-
class: _ctx.rootStyles
|
|
246
|
-
}), [createVNode(_component_or_label, null, {
|
|
247
|
-
default: withCtx(() => [createTextVNode(toDisplayString(_ctx.description), 1 /* TEXT */)]),
|
|
248
|
-
|
|
249
|
-
_: 1 /* STABLE */
|
|
250
|
-
}), createElementVNode("div", {
|
|
251
|
-
ref: "containerRef",
|
|
252
|
-
class: normalizeClass(_ctx.containerStyles),
|
|
253
|
-
onClick: _cache[0] || (_cache[0] = $event => _ctx.handleEditorClick())
|
|
254
|
-
}, [createElementVNode("div", {
|
|
255
|
-
class: normalizeClass(_ctx.toolbarContainerStyles)
|
|
256
|
-
}, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.toolbar, tool => {
|
|
257
|
-
return openBlock(), createElementBlock("div", {
|
|
258
|
-
key: tool,
|
|
259
|
-
class: normalizeClass(_ctx.toolbarStyles)
|
|
260
|
-
}, [(openBlock(true), createElementBlock(Fragment, null, renderList(tool, item => {
|
|
261
|
-
return openBlock(), createElementBlock("div", {
|
|
262
|
-
key: item,
|
|
263
|
-
class: normalizeClass(_ctx.toolbarButtonStyles(item))
|
|
264
|
-
}, [createVNode(_component_or_icon_button, {
|
|
265
|
-
tooltip: {
|
|
266
|
-
text: _ctx.iconTooltipsEnum[item],
|
|
267
|
-
placement: 'top'
|
|
268
|
-
},
|
|
269
|
-
icon: {
|
|
270
|
-
icon: _ctx.iconsEnum[item],
|
|
271
|
-
variant: 'inherit',
|
|
272
|
-
size: 's'
|
|
273
|
-
},
|
|
274
|
-
onClick: $event => _ctx.handleToolbarClick(item)
|
|
275
|
-
}, null, 8 /* PROPS */, ["tooltip", "icon", "onClick"])], 2 /* CLASS */);
|
|
276
|
-
}), 128 /* KEYED_FRAGMENT */))], 2 /* CLASS */);
|
|
277
|
-
}), 128 /* KEYED_FRAGMENT */))], 2 /* CLASS */), createElementVNode("div", {
|
|
278
|
-
ref: "editorRef",
|
|
279
|
-
class: normalizeClass(_ctx.editorInputStyles)
|
|
280
|
-
}, null, 2 /* CLASS */)], 2 /* CLASS */)], 16 /* FULL_PROPS */);
|
|
281
|
-
}
|
|
282
|
-
|
|
283
|
-
var css_248z = ".tiptap-editor ol {\n margin: 0 24px;\n list-style: decimal;\n}\n.tiptap-editor ul {\n margin: 0 24px;\n list-style: initial;\n}\n.tiptap-editor .is-editor-empty::before {\n content: attr(data-placeholder);\n height: 0;\n pointer-events: none;\n float: left;\n}";
|
|
284
|
-
styleInject(css_248z);
|
|
285
|
-
|
|
286
|
-
script.render = render;
|
|
287
|
-
script.__file = "src/components/or-rich-text-editor-v3/OrRichTextEditor.vue";
|
|
288
|
-
|
|
289
|
-
export { script as OrRichTextEditor };
|
|
20
|
+
import './OrLabel-7d4fe80b.js';
|
|
21
|
+
import './style-inject.es-4c6f2515.js';
|
package/dist/v3/index63.js
CHANGED
|
@@ -1,21 +1,5 @@
|
|
|
1
|
-
export { s as
|
|
2
|
-
export { a as SearchSize } from './OrInputBox-634230b1.js';
|
|
1
|
+
export { s as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-2bbc0f22.js';
|
|
3
2
|
import 'vue-demi';
|
|
4
|
-
import '@vueuse/core';
|
|
5
3
|
import './useClassAttribute-47fdb016.js';
|
|
6
|
-
import '
|
|
7
|
-
import './OrError-19a62a18.js';
|
|
4
|
+
import '@vueuse/core';
|
|
8
5
|
import 'vue';
|
|
9
|
-
import './OrHint-73835593.js';
|
|
10
|
-
import './OrIconButton-b8066b5d.js';
|
|
11
|
-
import './OrIcon-b3906e35.js';
|
|
12
|
-
import './OrTooltip-30e05f9e.js';
|
|
13
|
-
import './OrPopover-3525c670.js';
|
|
14
|
-
import '@floating-ui/dom';
|
|
15
|
-
import './useElevation-0e973238.js';
|
|
16
|
-
import './useResponsive-a02e95b7.js';
|
|
17
|
-
import './OrBottomSheet-9de57dd0.js';
|
|
18
|
-
import './OrOverlay-27050c19.js';
|
|
19
|
-
import './OrTeleport.vue3-8099178c.js';
|
|
20
|
-
import './OrLabel-7d4fe80b.js';
|
|
21
|
-
import './style-inject.es-4c6f2515.js';
|
package/dist/v3/index65.js
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
export { s as OrSelectV3 } from './OrSelect-
|
|
1
|
+
export { s as OrSelectV3 } from './OrSelect-52cfb10d.js';
|
|
2
2
|
export { a as SelectSize } from './OrInputBox-634230b1.js';
|
|
3
3
|
import 'vue-demi';
|
|
4
|
+
import './dropdown-open-0d314aa4.js';
|
|
4
5
|
import './useClassAttribute-47fdb016.js';
|
|
5
6
|
import './useOverflow-ac506c65.js';
|
|
6
7
|
import '@vueuse/core';
|
|
@@ -12,9 +13,9 @@ import './OrError-19a62a18.js';
|
|
|
12
13
|
import './OrExpansionPanel-1e2a6375.js';
|
|
13
14
|
import './OrIcon-b3906e35.js';
|
|
14
15
|
import './OrHint-73835593.js';
|
|
15
|
-
import './OrInput-
|
|
16
|
-
import './OrIconButton-
|
|
17
|
-
import './OrTooltip-
|
|
16
|
+
import './OrInput-256d2530.js';
|
|
17
|
+
import './OrIconButton-5fb3a9aa.js';
|
|
18
|
+
import './OrTooltip-36c6728c.js';
|
|
18
19
|
import './OrPopover-3525c670.js';
|
|
19
20
|
import '@floating-ui/dom';
|
|
20
21
|
import './useElevation-0e973238.js';
|
|
@@ -23,4 +24,4 @@ import './OrBottomSheet-9de57dd0.js';
|
|
|
23
24
|
import './OrOverlay-27050c19.js';
|
|
24
25
|
import './OrTeleport.vue3-8099178c.js';
|
|
25
26
|
import './OrMenuItem-8773d073.js';
|
|
26
|
-
import './OrTag-
|
|
27
|
+
import './OrTag-deaff080.js';
|
package/dist/v3/index78.js
CHANGED