@onereach/ui-components 20.2.0-beta.5166.0 → 20.2.0-beta.5169.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/esm/components/{OrAutocompleteV3-8c6de221.js → OrAutocompleteV3-754aaf61.js} +68 -57
- package/dist/esm/components/{OrEditorTabsV3-7f1eb4be.js → OrEditorTabsV3-e185c515.js} +1 -1
- package/dist/esm/components/{OrInlineInputV3-061441a3.js → OrInlineInputV3-3a13a2c7.js} +3 -3
- package/dist/esm/components/index.js +3 -3
- package/dist/esm/components/or-autocomplete-v3/index.js +2 -2
- package/dist/esm/components/or-avatar-v3/index.js +2 -2
- package/dist/esm/components/or-bottom-sheet-v3/index.js +2 -2
- package/dist/esm/components/or-button-group-v3/index.js +2 -2
- package/dist/esm/components/or-button-v3/index.js +2 -2
- package/dist/esm/components/or-card-collection-v3/index.js +2 -2
- package/dist/esm/components/or-checkbox-group-v3/index.js +2 -2
- package/dist/esm/components/or-checkbox-tree-v3/index.js +2 -2
- package/dist/esm/components/or-checkbox-v3/index.js +4 -4
- package/dist/esm/components/or-code-v3/index.js +4 -4
- package/dist/esm/components/or-confirm-v3/index.js +2 -2
- package/dist/esm/components/or-context-menu-v3/index.js +2 -2
- package/dist/esm/components/or-data-grid-v3/index.js +3 -3
- package/dist/esm/components/or-date-format-v3/index.js +3 -3
- package/dist/esm/components/or-date-picker-v3/index.js +3 -3
- package/dist/esm/components/or-date-range-picker-v3/index.js +3 -3
- package/dist/esm/components/or-date-time-format-v3/index.js +3 -3
- package/dist/esm/components/or-date-time-picker-v3/index.js +4 -4
- package/dist/esm/components/or-drawer-v3/index.js +2 -2
- package/dist/esm/components/or-drop-area-v3/index.js +2 -2
- package/dist/esm/components/or-editor-tabs-v3/index.js +3 -3
- package/dist/esm/components/or-expansion-panel-v3/index.js +2 -2
- package/dist/esm/components/or-fab-v3/index.js +2 -2
- package/dist/esm/components/or-filter-popover-v3/index.js +2 -2
- package/dist/esm/components/or-filter-trigger-v3/index.js +2 -2
- package/dist/esm/components/or-filter-v3/index.js +2 -2
- package/dist/esm/components/or-icon-button-v3/index.js +2 -2
- package/dist/esm/components/or-inline-input-v3/index.js +2 -2
- package/dist/esm/components/or-inline-textarea-v3/index.js +4 -4
- package/dist/esm/components/or-input-v3/index.js +4 -4
- package/dist/esm/components/or-list-v3/index.js +2 -2
- package/dist/esm/components/or-menu-item-v3/index.js +2 -2
- package/dist/esm/components/or-menu-v3/index.js +2 -2
- package/dist/esm/components/or-modal-v3/index.js +2 -2
- package/dist/esm/components/or-notification-v3/index.js +2 -2
- package/dist/esm/components/or-overlay-v3/index.js +3 -3
- package/dist/esm/components/or-pagination-v3/index.js +2 -2
- package/dist/esm/components/or-popover-v3/index.js +7 -5
- package/dist/esm/components/or-progress-v3/index.js +2 -2
- package/dist/esm/components/or-radio-group-v3/index.js +2 -2
- package/dist/esm/components/or-radio-v3/index.js +4 -4
- package/dist/esm/components/or-range-slider-v3/index.js +2 -2
- package/dist/esm/components/or-rating-v3/index.js +2 -2
- package/dist/esm/components/or-resizeable-panel-v3/index.js +2 -2
- package/dist/esm/components/or-rich-text-editor-v3/index.js +2 -2
- package/dist/esm/components/or-rich-tooltip-v3/index.js +2 -2
- package/dist/esm/components/or-search-v3/index.js +4 -4
- package/dist/esm/components/or-segmented-control-v3/index.js +2 -2
- package/dist/esm/components/or-select-v3/index.js +3 -3
- package/dist/esm/components/or-sidebar-v3/index.js +2 -2
- package/dist/esm/components/or-skeleton-v3/index.js +2 -2
- package/dist/esm/components/or-slider-v3/index.js +2 -2
- package/dist/esm/components/or-sorting-v3/index.js +2 -2
- package/dist/esm/components/or-switch-v3/index.js +4 -4
- package/dist/esm/components/or-tabs-v3/index.js +2 -2
- package/dist/esm/components/or-tag-input-v3/index.js +4 -4
- package/dist/esm/components/or-tag-v3/index.js +2 -2
- package/dist/esm/components/or-tags-v3/index.js +2 -2
- package/dist/esm/components/or-textarea-v3/index.js +8 -8
- package/dist/esm/components/or-time-format-v3/index.js +2 -2
- package/dist/esm/components/or-time-picker-v3/index.js +2 -2
- package/dist/esm/components/or-time-range-picker-v3/index.js +2 -2
- package/dist/esm/components/or-toast-v3/index.js +3 -3
- package/dist/esm/components/or-tooltip-v3/index.js +2 -2
- package/dist/esm/components/or-tree-v3/index.js +2 -2
- package/dist/esm/index.js +3 -3
- package/package.json +3 -3
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defineComponent, reactive, ref, computed, toRef, watch, resolveComponent, openBlock, createBlock, mergeProps } from 'vue';
|
|
2
2
|
import { watchDebounced } from '@vueuse/core';
|
|
3
|
-
import {
|
|
3
|
+
import { N, k, c as ie, r as re } from '../OrAutocompleteV3-754aaf61.js';
|
|
4
4
|
import { OrInputV3 as script$1 } from '../or-input-v3/index.js';
|
|
5
5
|
import { InputBoxVariant } from '../or-input-box-v3/index.js';
|
|
6
6
|
import '@onereach/styles/screens.json';
|
|
@@ -17,7 +17,7 @@ import '@floating-ui/dom';
|
|
|
17
17
|
import '../or-bottom-sheet-v3/index.js';
|
|
18
18
|
import '../or-overlay-v3/index.js';
|
|
19
19
|
import '../or-teleport-v3/index.js';
|
|
20
|
-
import '../OrInlineInputV3-
|
|
20
|
+
import '../OrInlineInputV3-3a13a2c7.js';
|
|
21
21
|
import '../or-inline-input-box-v3/index.js';
|
|
22
22
|
import '../or-text-v3/index.js';
|
|
23
23
|
import '../or-label-v3/index.js';
|
|
@@ -63,8 +63,8 @@ var script = defineComponent({
|
|
|
63
63
|
expose: ['root', 'clear', 'focus', 'blur'],
|
|
64
64
|
setup(props, context) {
|
|
65
65
|
const controlAttributes = reactive({
|
|
66
|
-
id:
|
|
67
|
-
...
|
|
66
|
+
id: N(),
|
|
67
|
+
...k(),
|
|
68
68
|
...ie()
|
|
69
69
|
});
|
|
70
70
|
// Refs & Styles
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent, ref, computed, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, toRef, resolveComponent, Fragment, renderList, createBlock, withModifiers, withCtx, createTextVNode, toDisplayString } from 'vue';
|
|
2
|
-
import { r as re } from '../OrAutocompleteV3-
|
|
2
|
+
import { r as re } from '../OrAutocompleteV3-754aaf61.js';
|
|
3
3
|
import '@vueuse/core';
|
|
4
4
|
import '@onereach/styles/screens.json';
|
|
5
5
|
import '@onereach/styles/tailwind.config.json';
|
|
@@ -17,7 +17,7 @@ import '../or-overlay-v3/index.js';
|
|
|
17
17
|
import '../or-teleport-v3/index.js';
|
|
18
18
|
import '../or-input-box-v3/index.js';
|
|
19
19
|
import '../or-input-v3/index.js';
|
|
20
|
-
import '../OrInlineInputV3-
|
|
20
|
+
import '../OrInlineInputV3-3a13a2c7.js';
|
|
21
21
|
import '../or-inline-input-box-v3/index.js';
|
|
22
22
|
import '../or-text-v3/index.js';
|
|
23
23
|
import '../or-label-v3/index.js';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defineComponent, ref, toRefs, computed, withDirectives, openBlock, createElementBlock, normalizeStyle, normalizeClass, vModelDynamic, renderSlot, watch, resolveComponent, createVNode, createSlots, withCtx, createTextVNode, toDisplayString, createElementVNode, vShow, createBlock, createCommentVNode, Fragment, getCurrentInstance, resolveDirective, withModifiers, renderList } from 'vue';
|
|
2
|
-
import { r as re, T, F as Fs, m as d, y as ys, s, g as c, n as ne, $ as $s, d as ds } from '../OrAutocompleteV3-
|
|
3
|
-
import { l } from '../OrEditorTabsV3-
|
|
2
|
+
import { r as re, T, F as Fs, m as d, y as ys, s, g as c, n as ne, $ as $s, d as ds } from '../OrAutocompleteV3-754aaf61.js';
|
|
3
|
+
import { l } from '../OrEditorTabsV3-e185c515.js';
|
|
4
4
|
import { useFocus } from '@vueuse/core';
|
|
5
5
|
import { OrTagsV3 as script$5, TagsOverflow } from '../or-tags-v3/index.js';
|
|
6
6
|
import { OrTooltipV3 as script$6 } from '../or-tooltip-v3/index.js';
|
|
@@ -21,7 +21,7 @@ import '@onereach/styles/tailwind.config.json';
|
|
|
21
21
|
import 'lodash/get';
|
|
22
22
|
import 'lodash/isElement';
|
|
23
23
|
import '../or-tag-input-v3/index.js';
|
|
24
|
-
import '../OrInlineInputV3-
|
|
24
|
+
import '../OrInlineInputV3-3a13a2c7.js';
|
|
25
25
|
import '../or-inline-input-box-v3/index.js';
|
|
26
26
|
import '../or-text-v3/index.js';
|
|
27
27
|
import '../or-tag-v3/index.js';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent, ref, computed, toRef, resolveComponent, openBlock, createBlock, createSlots, withCtx, createElementVNode, normalizeClass, createElementBlock, renderSlot, createCommentVNode } from 'vue';
|
|
2
|
-
import { t as te } from '../OrAutocompleteV3-
|
|
2
|
+
import { t as te } from '../OrAutocompleteV3-754aaf61.js';
|
|
3
3
|
import { ResizeablePanelPadding, OrResizeablePanelV3 as script$1 } from '../or-resizeable-panel-v3/index.js';
|
|
4
4
|
import '@vueuse/core';
|
|
5
5
|
import '@onereach/styles/screens.json';
|
|
@@ -18,7 +18,7 @@ import '../or-overlay-v3/index.js';
|
|
|
18
18
|
import '../or-teleport-v3/index.js';
|
|
19
19
|
import '../or-input-box-v3/index.js';
|
|
20
20
|
import '../or-input-v3/index.js';
|
|
21
|
-
import '../OrInlineInputV3-
|
|
21
|
+
import '../OrInlineInputV3-3a13a2c7.js';
|
|
22
22
|
import '../or-inline-input-box-v3/index.js';
|
|
23
23
|
import '../or-text-v3/index.js';
|
|
24
24
|
import '../or-label-v3/index.js';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent, ref, computed, openBlock, createElementBlock, normalizeClass, normalizeStyle, Fragment, renderList } from 'vue';
|
|
2
|
-
import { q as hs } from '../OrAutocompleteV3-
|
|
2
|
+
import { q as hs } from '../OrAutocompleteV3-754aaf61.js';
|
|
3
3
|
import range from 'lodash/range';
|
|
4
4
|
import '@vueuse/core';
|
|
5
5
|
import '@onereach/styles/screens.json';
|
|
@@ -18,7 +18,7 @@ import '../or-overlay-v3/index.js';
|
|
|
18
18
|
import '../or-teleport-v3/index.js';
|
|
19
19
|
import '../or-input-box-v3/index.js';
|
|
20
20
|
import '../or-input-v3/index.js';
|
|
21
|
-
import '../OrInlineInputV3-
|
|
21
|
+
import '../OrInlineInputV3-3a13a2c7.js';
|
|
22
22
|
import '../or-inline-input-box-v3/index.js';
|
|
23
23
|
import '../or-text-v3/index.js';
|
|
24
24
|
import '../or-label-v3/index.js';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defineComponent, ref, computed, toRef, watch, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, createVNode, mergeProps, withCtx, renderSlot, createTextVNode, toDisplayString, Fragment, renderList, createCommentVNode } from 'vue';
|
|
2
2
|
import { useElementBounding, useElementHover, useDraggable, clamp } from '@vueuse/core';
|
|
3
|
-
import { r as re } from '../OrAutocompleteV3-
|
|
3
|
+
import { r as re } from '../OrAutocompleteV3-754aaf61.js';
|
|
4
4
|
import { OrTooltipV3 as script$1 } from '../or-tooltip-v3/index.js';
|
|
5
5
|
import '@onereach/styles/screens.json';
|
|
6
6
|
import '@onereach/styles/tailwind.config.json';
|
|
@@ -12,7 +12,7 @@ import '../or-icon-button-v3/index.js';
|
|
|
12
12
|
import '../or-icon-v3/index.js';
|
|
13
13
|
import '../or-input-box-v3/index.js';
|
|
14
14
|
import '../or-input-v3/index.js';
|
|
15
|
-
import '../OrInlineInputV3-
|
|
15
|
+
import '../OrInlineInputV3-3a13a2c7.js';
|
|
16
16
|
import '../or-inline-input-box-v3/index.js';
|
|
17
17
|
import '../or-text-v3/index.js';
|
|
18
18
|
import '../or-label-v3/index.js';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent, ref, computed, toRef, resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, withCtx, createElementVNode, toDisplayString, createBlock, createCommentVNode, Fragment, renderList, createTextVNode } from 'vue';
|
|
2
|
-
import { r as re } from '../OrAutocompleteV3-
|
|
2
|
+
import { r as re } from '../OrAutocompleteV3-754aaf61.js';
|
|
3
3
|
import { OrButtonV3 as script$1 } from '../or-button-v3/index.js';
|
|
4
4
|
import { OrIconV3 as script$2 } from '../or-icon-v3/index.js';
|
|
5
5
|
import { OrMenuV3 as script$3 } from '../or-menu-v3/index.js';
|
|
@@ -20,7 +20,7 @@ import '../or-overlay-v3/index.js';
|
|
|
20
20
|
import '../or-teleport-v3/index.js';
|
|
21
21
|
import '../or-input-box-v3/index.js';
|
|
22
22
|
import '../or-input-v3/index.js';
|
|
23
|
-
import '../OrInlineInputV3-
|
|
23
|
+
import '../OrInlineInputV3-3a13a2c7.js';
|
|
24
24
|
import '../or-inline-input-box-v3/index.js';
|
|
25
25
|
import '../or-text-v3/index.js';
|
|
26
26
|
import '../or-label-v3/index.js';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defineComponent, reactive, ref, computed, toRef, resolveComponent, openBlock, createElementBlock, normalizeClass, mergeProps, createVNode, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
|
|
2
|
-
import { s as styleInject } from '../OrInlineInputV3-
|
|
3
|
-
import {
|
|
2
|
+
import { s as styleInject } from '../OrInlineInputV3-3a13a2c7.js';
|
|
3
|
+
import { N, k, r as re, e, b as i, $ as $s, d as ds } from '../OrAutocompleteV3-754aaf61.js';
|
|
4
4
|
import { OrLabelV3 as script$1, LabelVariant } from '../or-label-v3/index.js';
|
|
5
5
|
import { OrLoaderV3 as script$2 } from '../or-loader-v3/index.js';
|
|
6
6
|
import '../or-inline-input-box-v3/index.js';
|
|
@@ -122,8 +122,8 @@ var script = defineComponent({
|
|
|
122
122
|
expose: ['root', 'focus', 'blur'],
|
|
123
123
|
setup(props, context) {
|
|
124
124
|
const attributes = reactive({
|
|
125
|
-
id:
|
|
126
|
-
...
|
|
125
|
+
id: N(),
|
|
126
|
+
...k()
|
|
127
127
|
});
|
|
128
128
|
// Refs & Styles
|
|
129
129
|
const root = ref();
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defineComponent, ref, computed, reactive, toRef, watch, nextTick, onMounted, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, Fragment, renderList, createBlock, withModifiers, withCtx, renderSlot, createTextVNode, toDisplayString, createVNode, createCommentVNode, withDirectives, vShow } from 'vue';
|
|
2
2
|
import { useResizeObserver } from '@vueuse/core';
|
|
3
|
-
import { r as re } from '../OrAutocompleteV3-
|
|
3
|
+
import { r as re } from '../OrAutocompleteV3-754aaf61.js';
|
|
4
4
|
import { OrIconV3 as script$1 } from '../or-icon-v3/index.js';
|
|
5
5
|
import { OrMenuV3 as script$2 } from '../or-menu-v3/index.js';
|
|
6
6
|
import { OrMenuItemV3 as script$3 } from '../or-menu-item-v3/index.js';
|
|
@@ -20,7 +20,7 @@ import '../or-overlay-v3/index.js';
|
|
|
20
20
|
import '../or-teleport-v3/index.js';
|
|
21
21
|
import '../or-input-box-v3/index.js';
|
|
22
22
|
import '../or-input-v3/index.js';
|
|
23
|
-
import '../OrInlineInputV3-
|
|
23
|
+
import '../OrInlineInputV3-3a13a2c7.js';
|
|
24
24
|
import '../or-inline-input-box-v3/index.js';
|
|
25
25
|
import '../or-text-v3/index.js';
|
|
26
26
|
import '../or-label-v3/index.js';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { defineComponent, ref, toRefs, computed, reactive, watch, nextTick, resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createVNode, createSlots, createElementVNode, withDirectives, mergeProps, withKeys, vModelDynamic, vShow } from 'vue';
|
|
2
|
-
import { s as styleInject } from '../OrInlineInputV3-
|
|
2
|
+
import { s as styleInject } from '../OrInlineInputV3-3a13a2c7.js';
|
|
3
3
|
import { onClickOutside } from '@vueuse/core';
|
|
4
|
-
import { n as ne,
|
|
4
|
+
import { n as ne, N, k, c as ie, r as re, F as Fs, $ as $s, d as ds } from '../OrAutocompleteV3-754aaf61.js';
|
|
5
5
|
import { OrErrorV3 as script$1 } from '../or-error-v3/index.js';
|
|
6
6
|
import { OrHintV3 as script$2 } from '../or-hint-v3/index.js';
|
|
7
7
|
import { OrIconButtonV3 as script$3 } from '../or-icon-button-v3/index.js';
|
|
@@ -145,8 +145,8 @@ var script = defineComponent({
|
|
|
145
145
|
const inputBoxStyles = computed(() => ['interactivity-select', ...props.additionalInputBoxStyles]);
|
|
146
146
|
// State
|
|
147
147
|
const controlAttributes = reactive({
|
|
148
|
-
id:
|
|
149
|
-
...
|
|
148
|
+
id: N(),
|
|
149
|
+
...k(),
|
|
150
150
|
...ie()
|
|
151
151
|
});
|
|
152
152
|
const activated = ref(false);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defineComponent, ref, computed, watchPostEffect, unref, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createVNode, withModifiers, createCommentVNode } from 'vue';
|
|
2
2
|
import { OrIconButtonV3 as script$1 } from '../or-icon-button-v3/index.js';
|
|
3
|
-
import '../OrAutocompleteV3-
|
|
3
|
+
import '../OrAutocompleteV3-754aaf61.js';
|
|
4
4
|
import '@vueuse/core';
|
|
5
5
|
import '@onereach/styles/screens.json';
|
|
6
6
|
import '@onereach/styles/tailwind.config.json';
|
|
@@ -10,7 +10,7 @@ import '../or-error-v3/index.js';
|
|
|
10
10
|
import '../or-hint-v3/index.js';
|
|
11
11
|
import '../or-input-box-v3/index.js';
|
|
12
12
|
import '../or-input-v3/index.js';
|
|
13
|
-
import '../OrInlineInputV3-
|
|
13
|
+
import '../OrInlineInputV3-3a13a2c7.js';
|
|
14
14
|
import '../or-inline-input-box-v3/index.js';
|
|
15
15
|
import '../or-text-v3/index.js';
|
|
16
16
|
import '../or-icon-v3/index.js';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent, ref, computed, nextTick, resolveComponent, openBlock, createElementBlock, normalizeClass, Fragment, renderList, createBlock, mergeProps, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createVNode, withModifiers, createElementVNode } from 'vue';
|
|
2
|
-
import { v as ee } from '../OrAutocompleteV3-
|
|
2
|
+
import { v as ee } from '../OrAutocompleteV3-754aaf61.js';
|
|
3
3
|
import { OrButtonV3 as script$1 } from '../or-button-v3/index.js';
|
|
4
4
|
import { OrPopoverV3 as script$2 } from '../or-popover-v3/index.js';
|
|
5
5
|
import { OrTagV3 as script$3 } from '../or-tag-v3/index.js';
|
|
@@ -15,7 +15,7 @@ import '../or-icon-v3/index.js';
|
|
|
15
15
|
import '../or-tooltip-v3/index.js';
|
|
16
16
|
import '../or-input-box-v3/index.js';
|
|
17
17
|
import '../or-input-v3/index.js';
|
|
18
|
-
import '../OrInlineInputV3-
|
|
18
|
+
import '../OrInlineInputV3-3a13a2c7.js';
|
|
19
19
|
import '../or-inline-input-box-v3/index.js';
|
|
20
20
|
import '../or-text-v3/index.js';
|
|
21
21
|
import '../or-label-v3/index.js';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { defineComponent, reactive, ref, computed, toRef, resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createVNode, withDirectives, createElementVNode, mergeProps, vModelText, createSlots, vShow } from 'vue';
|
|
2
|
-
import { s as styleInject } from '../OrInlineInputV3-
|
|
2
|
+
import { s as styleInject } from '../OrInlineInputV3-3a13a2c7.js';
|
|
3
3
|
import { useTextareaAutosize } from '@vueuse/core';
|
|
4
|
-
import {
|
|
4
|
+
import { N, k, c as ie, _, r as re } from '../OrAutocompleteV3-754aaf61.js';
|
|
5
5
|
import { InputBoxSize, OrInputBoxV3 as script$3, InputBoxVariant } from '../or-input-box-v3/index.js';
|
|
6
6
|
import { OrErrorV3 as script$1 } from '../or-error-v3/index.js';
|
|
7
7
|
import { OrHintV3 as script$2 } from '../or-hint-v3/index.js';
|
|
@@ -119,23 +119,23 @@ var script = defineComponent({
|
|
|
119
119
|
expose: ['root', 'focus', 'blur'],
|
|
120
120
|
setup(props, context) {
|
|
121
121
|
const attributes = reactive({
|
|
122
|
-
id:
|
|
123
|
-
...
|
|
122
|
+
id: N(),
|
|
123
|
+
...k(),
|
|
124
124
|
...ie()
|
|
125
125
|
});
|
|
126
126
|
// Refs & Styles
|
|
127
127
|
const root = ref();
|
|
128
128
|
const rootStyles = computed(() => ['or-textarea-v3', ...Textarea, ...(props.variant === InputBoxVariant.Embedded ? ['grow'] : [])]);
|
|
129
129
|
const control = ref();
|
|
130
|
-
const controlStyles = computed(() => [...TextareaControl, ...TextareaControlSizes[props.size], ...(_
|
|
130
|
+
const controlStyles = computed(() => [...TextareaControl, ...TextareaControlSizes[props.size], ...(_(props.rows) ? ['resize-none'] : [])]);
|
|
131
131
|
const controlInlineStyles = computed(() => {
|
|
132
132
|
if (control.value) {
|
|
133
133
|
const paddingTop = Number(getComputedStyle(control.value).getPropertyValue('padding-top').match(/^(?<value>\d+)px$/).groups.value);
|
|
134
134
|
const paddingBottom = Number(getComputedStyle(control.value).getPropertyValue('padding-bottom').match(/^(?<value>\d+)px$/).groups.value);
|
|
135
135
|
const lineHeight = Number(getComputedStyle(control.value).getPropertyValue('line-height').match(/^(?<value>\d+)px$/).groups.value);
|
|
136
136
|
return {
|
|
137
|
-
minHeight: `${paddingTop + paddingBottom + (_
|
|
138
|
-
maxHeight: _
|
|
137
|
+
minHeight: `${paddingTop + paddingBottom + (_(props.rows) ? props.rows.min : props.rows) * lineHeight}px`,
|
|
138
|
+
maxHeight: _(props.rows) && props.rows.max ? `${paddingTop + paddingBottom + props.rows.max * lineHeight}px` : undefined
|
|
139
139
|
};
|
|
140
140
|
}
|
|
141
141
|
return {};
|
|
@@ -161,7 +161,7 @@ var script = defineComponent({
|
|
|
161
161
|
(_a = control.value) === null || _a === void 0 ? void 0 : _a.blur();
|
|
162
162
|
}
|
|
163
163
|
// Effects
|
|
164
|
-
if (_
|
|
164
|
+
if (_(props.rows)) {
|
|
165
165
|
// Unluckily, `useTextareaAutosize` doesn't have a teardown function
|
|
166
166
|
// So, dynamically changed `rows` won't have any effect
|
|
167
167
|
useTextareaAutosize({
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent, ref, computed, toRef, openBlock, createElementBlock, normalizeClass, Fragment, createTextVNode, toDisplayString } from 'vue';
|
|
2
|
-
import { o as oe, f as X } from '../OrAutocompleteV3-
|
|
2
|
+
import { o as oe, f as X } from '../OrAutocompleteV3-754aaf61.js';
|
|
3
3
|
import { formatTime } from '../or-date-time-picker-v3/index.js';
|
|
4
4
|
import '@vueuse/core';
|
|
5
5
|
import '@onereach/styles/screens.json';
|
|
@@ -18,7 +18,7 @@ import '../or-overlay-v3/index.js';
|
|
|
18
18
|
import '../or-teleport-v3/index.js';
|
|
19
19
|
import '../or-input-box-v3/index.js';
|
|
20
20
|
import '../or-input-v3/index.js';
|
|
21
|
-
import '../OrInlineInputV3-
|
|
21
|
+
import '../OrInlineInputV3-3a13a2c7.js';
|
|
22
22
|
import '../or-inline-input-box-v3/index.js';
|
|
23
23
|
import '../or-text-v3/index.js';
|
|
24
24
|
import '../or-label-v3/index.js';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent, ref, computed, toRef, watch, resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, withModifiers, createVNode, vShow, createElementVNode } from 'vue';
|
|
2
|
-
import { s, g as c, o as oe, f as X, r as re } from '../OrAutocompleteV3-
|
|
2
|
+
import { s, g as c, o as oe, f as X, r as re } from '../OrAutocompleteV3-754aaf61.js';
|
|
3
3
|
import { OrDateTimePickerMobileControl as script$1, OrDateTimePickerPopoverFooter as script$2, OrDateTimePickerPopoverHeader as script$3, OrDateTimePickerTimeControl as script$4, OrDateTimePickerTimeSelect as script$5, getCurrentDate, formatMobileTime } from '../or-date-time-picker-v3/index.js';
|
|
4
4
|
import { OrErrorV3 as script$6 } from '../or-error-v3/index.js';
|
|
5
5
|
import { OrHintV3 as script$7 } from '../or-hint-v3/index.js';
|
|
@@ -14,7 +14,7 @@ import '@onereach/styles/tailwind.config.json';
|
|
|
14
14
|
import 'lodash/get';
|
|
15
15
|
import 'lodash/isElement';
|
|
16
16
|
import '../or-input-v3/index.js';
|
|
17
|
-
import '../OrInlineInputV3-
|
|
17
|
+
import '../OrInlineInputV3-3a13a2c7.js';
|
|
18
18
|
import '../or-inline-input-box-v3/index.js';
|
|
19
19
|
import '../or-text-v3/index.js';
|
|
20
20
|
import '../or-loader-v3/index.js';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent, ref, computed, toRef, watch, resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, withModifiers, createVNode, createElementVNode, vShow } from 'vue';
|
|
2
|
-
import { s, g as c, o as oe, f as X, r as re, n as ne } from '../OrAutocompleteV3-
|
|
2
|
+
import { s, g as c, o as oe, f as X, r as re, n as ne } from '../OrAutocompleteV3-754aaf61.js';
|
|
3
3
|
import { OrDateTimePickerMobileControl as script$1, OrDateTimePickerPopoverFooter as script$2, OrDateTimePickerPopoverHeader as script$3, OrDateTimePickerTimeControl as script$4, OrDateTimePickerTimeSelect as script$5, getCurrentDate, formatMobileTime } from '../or-date-time-picker-v3/index.js';
|
|
4
4
|
import { OrErrorV3 as script$6 } from '../or-error-v3/index.js';
|
|
5
5
|
import { OrHintV3 as script$7 } from '../or-hint-v3/index.js';
|
|
@@ -14,7 +14,7 @@ import '@onereach/styles/tailwind.config.json';
|
|
|
14
14
|
import 'lodash/get';
|
|
15
15
|
import 'lodash/isElement';
|
|
16
16
|
import '../or-input-v3/index.js';
|
|
17
|
-
import '../OrInlineInputV3-
|
|
17
|
+
import '../OrInlineInputV3-3a13a2c7.js';
|
|
18
18
|
import '../or-inline-input-box-v3/index.js';
|
|
19
19
|
import '../or-text-v3/index.js';
|
|
20
20
|
import '../or-loader-v3/index.js';
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { defineComponent, ref, computed, resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, createCommentVNode, createVNode, createElementVNode, toDisplayString, createBlock, withModifiers, onBeforeMount, onBeforeUnmount, nextTick, withCtx, TransitionGroup, Fragment, renderList, mergeProps } from 'vue';
|
|
2
|
-
import { s as styleInject } from '../OrInlineInputV3-
|
|
2
|
+
import { s as styleInject } from '../OrInlineInputV3-3a13a2c7.js';
|
|
3
3
|
import { createSharedComposable, useEventBus, useToggle, noop } from '@vueuse/core';
|
|
4
4
|
import { OrIconButtonV3 as script$2 } from '../or-icon-button-v3/index.js';
|
|
5
5
|
import { OrLoaderV3 as script$3 } from '../or-loader-v3/index.js';
|
|
6
|
-
import {
|
|
6
|
+
import { K } from '../OrAutocompleteV3-754aaf61.js';
|
|
7
7
|
import { OrTeleportV3 as script$4 } from '../or-teleport-v3/index.js';
|
|
8
8
|
import '../or-inline-input-box-v3/index.js';
|
|
9
9
|
import '../or-error-v3/index.js';
|
|
@@ -414,7 +414,7 @@ var script = defineComponent({
|
|
|
414
414
|
off('toastUpdate', toastUpdate);
|
|
415
415
|
off('toastCloseAll', clearAll);
|
|
416
416
|
});
|
|
417
|
-
|
|
417
|
+
K(root, isActive);
|
|
418
418
|
return {
|
|
419
419
|
on,
|
|
420
420
|
off,
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent, ref, computed, toRef, resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, createBlock, withCtx, createElementVNode, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
|
|
2
|
-
import { t as te } from '../OrAutocompleteV3-
|
|
2
|
+
import { t as te } from '../OrAutocompleteV3-754aaf61.js';
|
|
3
3
|
import { PopoverPlacement, OrPopoverV3 as script$1 } from '../or-popover-v3/index.js';
|
|
4
4
|
import '@vueuse/core';
|
|
5
5
|
import '@onereach/styles/screens.json';
|
|
@@ -13,7 +13,7 @@ import '../or-icon-v3/index.js';
|
|
|
13
13
|
import './index.js';
|
|
14
14
|
import '../or-input-box-v3/index.js';
|
|
15
15
|
import '../or-input-v3/index.js';
|
|
16
|
-
import '../OrInlineInputV3-
|
|
16
|
+
import '../OrInlineInputV3-3a13a2c7.js';
|
|
17
17
|
import '../or-inline-input-box-v3/index.js';
|
|
18
18
|
import '../or-text-v3/index.js';
|
|
19
19
|
import '../or-label-v3/index.js';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { defineComponent, ref, computed, watch, unref, onMounted, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, withModifiers, createBlock, withCtx, createVNode, createCommentVNode, renderSlot, normalizeProps, guardReactiveProps, createTextVNode, toDisplayString, Fragment, renderList } from 'vue';
|
|
2
2
|
import { OrButtonV3 as script$2 } from '../or-button-v3/index.js';
|
|
3
3
|
import { OrIconV3 as script$3 } from '../or-icon-v3/index.js';
|
|
4
|
-
import '../OrAutocompleteV3-
|
|
4
|
+
import '../OrAutocompleteV3-754aaf61.js';
|
|
5
5
|
import '@vueuse/core';
|
|
6
6
|
import '@onereach/styles/screens.json';
|
|
7
7
|
import '@onereach/styles/tailwind.config.json';
|
|
@@ -18,7 +18,7 @@ import '../or-overlay-v3/index.js';
|
|
|
18
18
|
import '../or-teleport-v3/index.js';
|
|
19
19
|
import '../or-input-box-v3/index.js';
|
|
20
20
|
import '../or-input-v3/index.js';
|
|
21
|
-
import '../OrInlineInputV3-
|
|
21
|
+
import '../OrInlineInputV3-3a13a2c7.js';
|
|
22
22
|
import '../or-inline-input-box-v3/index.js';
|
|
23
23
|
import '../or-text-v3/index.js';
|
|
24
24
|
import '../or-label-v3/index.js';
|
package/dist/esm/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
export { H as CODE_BACKSPACE,
|
|
2
|
-
export { E as EditorTabsOverflow, s as OrEditorTabsV3, a as getItemByValue, m as getItemsByValue, l as searchItemsByLabel } from './components/OrEditorTabsV3-
|
|
1
|
+
export { H as CODE_BACKSPACE, x as CODE_BREAK, z as CODE_DELETE, B as CODE_DOWN, A as CODE_END, C as CODE_ENTER, E as CODE_ESC, I as CODE_HOME, U as CODE_LEFT, L as CODE_PAGEDOWN, M as CODE_PAGEUP, O as CODE_RIGHT, P as CODE_SPACE, V as CODE_UP, Q as DATE_FORMAT, R as DateFormat, s as DropdownClose, g as DropdownOpen, S as HSL_LIMITS, W as LOCALE, Y as MutationObs, w as OrAutocompleteV3, Z as PLACEMENT_BOTTOM_END, a0 as PLACEMENT_BOTTOM_START, a1 as PLACEMENT_LEFT_END, a2 as PLACEMENT_LEFT_START, a3 as PLACEMENT_RIGHT_END, a4 as PLACEMENT_RIGHT_START, a5 as PLACEMENT_TOP_END, a6 as PLACEMENT_TOP_START, a7 as RX_ABBREVIATION_FROM_STRING, a8 as RX_ARRAY_NOTATION, a9 as RX_BV_PREFIX, aa as RX_DATE, ab as RX_DATE_SPLIT, ac as RX_DIGITS, ad as RX_ENCODED_COMMA, ae as RX_ENCODE_REVERSE, af as RX_EXTENSION, ag as RX_HASH, ah as RX_HASH_ID, ai as RX_HREF, aj as RX_HTML_TAGS, ak as RX_HYPHENATE, al as RX_LONG_COLOR, am as RX_LOWER_UPPER, an as RX_NUMBER, ao as RX_PLUS, ap as RX_QUERY_START, aq as RX_REGEXP_REPLACE, ar as RX_SHORT_COLOR, as as RX_SPACES, at as RX_SPACE_SPLIT, au as RX_STAR, av as RX_START_SPACE_WORD, aw as RX_TIME, ax as RX_TRIM_LEFT, ay as RX_TRIM_RIGHT, az as RX_UNDERSCORE, aA as RX_UN_KEBAB, aB as TIME_FORMAT, h as TimeFormat, aC as addClass, aD as cancelAF, aE as contains, d as exclude, aF as extractCssVarName, a as flattenDeep, aG as generateColorFromString, D as generateHslFromString, aH as getAbbreviation, aI as getAttr, aJ as getBCR, aK as getById, aL as getCS, aM as getHashOfString, aN as getMaxZIndex, aO as getPageElevations, aP as getStyle, aQ as hasAttr, aR as hasClass, aS as hexToRgb, X as hslToColorString, $ as include, p as isAncestor, e as isArray, aT as isDescendant, y as isEmpty, m as isEqual, T as isNil, aU as isNull, aV as isNumber, _ as isObject, aW as isString, b as isUndefined, aX as isVisible, aY as normalize, aZ as offset, a_ as position, q as pxToRem, a$ as reflow, b0 as removeAttr, b1 as removeClass, b2 as removeNode, b3 as removeStyle, b4 as requestAF, b5 as rgbToHex, b6 as select, b7 as selectAll, b8 as setAttr, b9 as setStyle, F as toArray, k as useControlAttributes, G as useDateFormat, J as useDateMask, K as useElevation, N as useIdAttribute, f as useLocale, v as useOverflow, t as usePopoverState, r as useProxyModelValue, n as useResponsive, u as useTheme, o as useTimeFormat, j as useTimeMask, ba as useToggle, c as useValidationAttributes } from './components/OrAutocompleteV3-754aaf61.js';
|
|
2
|
+
export { E as EditorTabsOverflow, s as OrEditorTabsV3, a as getItemByValue, m as getItemsByValue, l as searchItemsByLabel } from './components/OrEditorTabsV3-e185c515.js';
|
|
3
3
|
export { AvatarColor, AvatarSize, OrAvatarV3 } from './components/or-avatar-v3/index.js';
|
|
4
4
|
export { OrButtonGroupV3 } from './components/or-button-group-v3/index.js';
|
|
5
5
|
export { CardCollectionView, OrCardCollectionV3, defaultViewModes, gridView, listView } from './components/or-card-collection-v3/index.js';
|
|
@@ -22,7 +22,7 @@ export { OrFilterPopoverV3 } from './components/or-filter-popover-v3/index.js';
|
|
|
22
22
|
export { OrFilterTriggerV3 } from './components/or-filter-trigger-v3/index.js';
|
|
23
23
|
export { OrFilterV3 } from './components/or-filter-v3/index.js';
|
|
24
24
|
export { InlineInputBoxSize, OrInlineInputBoxV3 } from './components/or-inline-input-box-v3/index.js';
|
|
25
|
-
export { I as InlineInputType, a as OrInlineInputV3 } from './components/OrInlineInputV3-
|
|
25
|
+
export { I as InlineInputType, a as OrInlineInputV3 } from './components/OrInlineInputV3-3a13a2c7.js';
|
|
26
26
|
export { OrInlineTextareaV3 } from './components/or-inline-textarea-v3/index.js';
|
|
27
27
|
export { LinkColor, OrLinkV3 } from './components/or-link-v3/index.js';
|
|
28
28
|
export { OrListItem, OrListV3 } from './components/or-list-v3/index.js';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@onereach/ui-components",
|
|
3
|
-
"version": "20.2.0-beta.
|
|
3
|
+
"version": "20.2.0-beta.5169.0",
|
|
4
4
|
"description": "Vue components library for v3",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"exports": {
|
|
@@ -46,8 +46,8 @@
|
|
|
46
46
|
"@codemirror/view": "^6",
|
|
47
47
|
"@floating-ui/dom": "1.5.3",
|
|
48
48
|
"@lezer/highlight": "*",
|
|
49
|
-
"@onereach/styles": "^20.2
|
|
50
|
-
"@onereach/ui-components-common": "^20.2.0-beta.
|
|
49
|
+
"@onereach/styles": "^20.1.2",
|
|
50
|
+
"@onereach/ui-components-common": "^20.2.0-beta.5169.0",
|
|
51
51
|
"@splidejs/splide": "4.0.6",
|
|
52
52
|
"@tiptap/core": "2.0.3",
|
|
53
53
|
"@tiptap/extension-blockquote": "2.0.3",
|