@onereach/ui-components-vue2 20.7.0 → 21.0.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/{OrDateTimePicker-63c2c5af.js → OrDateTimePicker-694dcd3e.js} +3 -3
- package/dist/esm/{OrDateTimePickerMonthSelect-16cab3b0.js → OrDateTimePickerMonthSelect-e139a00a.js} +1 -1
- package/dist/esm/{OrDateTimePickerTimeSelect-327e01bb.js → OrDateTimePickerTimeSelect-13163e60.js} +2 -2
- package/dist/esm/{OrSkeletonText-32afddae.js → OrSkeletonText-3a67a7dd.js} +4 -5
- package/dist/esm/components/index.js +9 -11
- package/dist/esm/components/or-autocomplete-v3/index.js +6 -8
- package/dist/esm/components/or-avatar-v3/index.js +3 -5
- package/dist/esm/components/or-bottom-sheet-v3/index.js +2 -4
- package/dist/esm/components/or-card-collection-v3/index.js +3 -5
- package/dist/esm/components/or-checkbox-group-v3/index.js +3 -5
- package/dist/esm/components/or-checkbox-tree-v3/index.js +4 -6
- package/dist/esm/components/or-checkbox-v3/index.js +7 -9
- package/dist/esm/components/or-code-v3/index.js +3 -5
- package/dist/esm/components/or-confirm-v3/index.js +3 -5
- package/dist/esm/components/or-context-menu-v3/index.js +3 -5
- package/dist/esm/components/or-data-grid-v3/index.js +9 -11
- package/dist/esm/components/or-date-format-v3/index.js +2 -4
- package/dist/esm/components/or-date-picker-v3/index.js +4 -6
- package/dist/esm/components/or-date-range-picker-v3/index.js +4 -6
- package/dist/esm/components/or-date-time-format-v3/index.js +3 -5
- package/dist/esm/components/or-date-time-picker-v3/index.js +7 -9
- package/dist/esm/components/or-drawer-v3/index.js +2 -4
- package/dist/esm/components/or-drop-area-v3/index.js +2 -4
- package/dist/esm/components/or-editor-tabs-v3/index.js +5 -7
- package/dist/esm/components/or-expansion-panel-v3/index.js +2 -4
- package/dist/esm/components/or-filter-popover-v3/index.js +3 -5
- package/dist/esm/components/or-filter-trigger-v3/index.js +3 -5
- package/dist/esm/components/or-filter-v3/index.js +3 -5
- package/dist/esm/components/or-icon-button-v3/index.js +3 -5
- package/dist/esm/components/or-inline-input-v3/index.js +3 -5
- package/dist/esm/components/or-inline-textarea-v3/index.js +3 -5
- package/dist/esm/components/or-input-v3/index.js +3 -5
- package/dist/esm/components/or-list-v3/index.js +3 -5
- package/dist/esm/components/or-menu-item-v3/index.js +3 -5
- package/dist/esm/components/or-menu-v3/index.js +3 -5
- package/dist/esm/components/or-modal-v3/index.js +3 -5
- package/dist/esm/components/or-notification-v3/index.js +3 -5
- package/dist/esm/components/or-overlay-v3/index.js +2 -4
- package/dist/esm/components/or-pagination-v3/index.js +3 -5
- package/dist/esm/components/or-popover-v3/index.js +3 -5
- package/dist/esm/components/or-progress-v3/index.js +2 -4
- package/dist/esm/components/or-radio-group-v3/index.js +2 -4
- package/dist/esm/components/or-radio-v3/index.js +2 -4
- package/dist/esm/components/or-range-slider-v3/index.js +3 -5
- package/dist/esm/components/or-rating-v3/index.js +2 -4
- package/dist/esm/components/or-resizeable-panel-v3/index.js +3 -5
- package/dist/esm/components/or-rich-text-editor-v3/index.js +4 -6
- package/dist/esm/components/or-rich-tooltip-v3/index.js +3 -5
- package/dist/esm/components/or-search-v3/index.js +3 -5
- package/dist/esm/components/or-segmented-control-v3/index.js +2 -4
- package/dist/esm/components/or-select-v3/index.js +12 -14
- package/dist/esm/components/or-sidebar-v3/index.js +3 -5
- package/dist/esm/components/or-skeleton-v3/index.js +7 -9
- package/dist/esm/components/or-slider-v3/index.js +3 -5
- package/dist/esm/components/or-sorting-v3/index.js +3 -5
- package/dist/esm/components/or-switch-v3/index.js +7 -9
- package/dist/esm/components/or-tabs-v3/index.js +3 -5
- package/dist/esm/components/or-tag-input-v3/index.js +6 -8
- package/dist/esm/components/or-tag-v3/index.js +3 -5
- package/dist/esm/components/or-tags-v3/index.js +3 -5
- package/dist/esm/components/or-textarea-v3/index.js +7 -9
- package/dist/esm/components/or-time-format-v3/index.js +3 -5
- package/dist/esm/components/or-time-picker-v3/index.js +5 -7
- package/dist/esm/components/or-time-range-picker-v3/index.js +5 -7
- package/dist/esm/components/or-toast-v3/index.js +3 -5
- package/dist/esm/components/or-tooltip-v3/index.js +3 -5
- package/dist/esm/dom-qGGG2YCX-4d4cca6e.js +5 -0
- package/dist/esm/{formatTime-659e31ca.js → formatTime-8b7e3477.js} +1 -1
- package/dist/esm/helpers-368c7a99.js +11 -0
- package/dist/esm/index.js +9 -11
- package/dist/esm/{useValidationAttributes-w0RCHARs-21132c84.js → useValidationAttributes-BpeWsfb0-24439d6f.js} +4 -4
- package/dist/esm/utils-72d9c2bb.js +85 -0
- package/package.json +4 -4
- package/dist/esm/dom-DzNS5tBj-6d9cf0ef.js +0 -73
- package/dist/esm/extractCssVarName-FgXy_HI0-52cc18b9.js +0 -85
- package/dist/esm/searchItemsByLabel-CPGAoUEr-0aa65960.js +0 -11
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
import { defineComponent, ref, toRefs, computed, watch, getCurrentInstance } from 'vue-demi';
|
|
2
2
|
import { s, c } from '../../dropdown-open-k6cFnrqA-5245a281.js';
|
|
3
|
-
import { l } from '../../
|
|
4
|
-
import { a as re, n as ne } from '../../useValidationAttributes-
|
|
5
|
-
import { ae as
|
|
6
|
-
import '../../dom-DzNS5tBj-6d9cf0ef.js';
|
|
3
|
+
import { l } from '../../helpers-368c7a99.js';
|
|
4
|
+
import { a as re, n as ne } from '../../useValidationAttributes-BpeWsfb0-24439d6f.js';
|
|
5
|
+
import { ae as u, an as Ft, ad as d, ac as $t, a8 as Ht, P as Pt } from '../../utils-72d9c2bb.js';
|
|
7
6
|
import { useFocus } from '@vueuse/core';
|
|
8
7
|
import { n as normalizeComponent } from '../../normalize-component-cf2db48b.js';
|
|
9
8
|
import { OrTagsV3 as OrTags, TagsOverflow } from '../or-tags-v3/index.js';
|
|
@@ -21,10 +20,9 @@ import { OrMenuItemV3 as OrMenuItem } from '../or-menu-item-v3/index.js';
|
|
|
21
20
|
import { OrPopoverV3 as OrPopover } from '../or-popover-v3/index.js';
|
|
22
21
|
import { OrLoaderV3 as OrLoader } from '../or-loader-v3/index.js';
|
|
23
22
|
import { a as InputBoxVariant } from '../../types-98e9a758.js';
|
|
23
|
+
import '../../dom-qGGG2YCX-4d4cca6e.js';
|
|
24
24
|
import '@onereach/styles/screens.json';
|
|
25
25
|
import '@onereach/styles/tailwind.config.json';
|
|
26
|
-
import 'lodash/get';
|
|
27
|
-
import 'lodash/isElement';
|
|
28
26
|
import '../or-button-v3/index.js';
|
|
29
27
|
import '../../constants-2e3ea701.js';
|
|
30
28
|
import '../../props-bba3dca8.js';
|
|
@@ -312,7 +310,7 @@ var script$2 = defineComponent({
|
|
|
312
310
|
// Styles
|
|
313
311
|
const rootStyles = computed(() => ['or-select-multiple-control-v3', ...SelectMultipleControlRoot]);
|
|
314
312
|
// Computed
|
|
315
|
-
const value = computed(() =>
|
|
313
|
+
const value = computed(() => u(model.value) ? [] : Ft(model.value));
|
|
316
314
|
const isEmpty = computed(() => value.value.length === 0);
|
|
317
315
|
const selection = computed(() => {
|
|
318
316
|
if (model.value === undefined || model.value === null) {
|
|
@@ -509,7 +507,7 @@ var script$1 = defineComponent({
|
|
|
509
507
|
// State
|
|
510
508
|
const searchModelValue = re(modelValue, context.emit);
|
|
511
509
|
const isEmptyModelValue = computed(() => {
|
|
512
|
-
return
|
|
510
|
+
return $t(model.value);
|
|
513
511
|
});
|
|
514
512
|
const selection = computed(() => {
|
|
515
513
|
return options.value.find(option => d(option.value, model.value));
|
|
@@ -854,7 +852,7 @@ var script = defineComponent({
|
|
|
854
852
|
return (_b = (_a = popover.value) === null || _a === void 0 ? void 0 : _a.bottomSheet) === null || _b === void 0 ? void 0 : _b.fullscreen;
|
|
855
853
|
});
|
|
856
854
|
const isEmptyModelValue = computed(() => {
|
|
857
|
-
return
|
|
855
|
+
return $t(proxyModelValue.value);
|
|
858
856
|
});
|
|
859
857
|
const showClear = computed(() => {
|
|
860
858
|
return enableClear.value && !isEmptyModelValue.value;
|
|
@@ -948,7 +946,7 @@ var script = defineComponent({
|
|
|
948
946
|
}
|
|
949
947
|
function selectOption(value) {
|
|
950
948
|
if (props.multiple) {
|
|
951
|
-
proxyModelValue.value =
|
|
949
|
+
proxyModelValue.value = Ht(value, Ft(proxyModelValue.value));
|
|
952
950
|
} else {
|
|
953
951
|
proxyModelValue.value = value;
|
|
954
952
|
}
|
|
@@ -956,18 +954,18 @@ var script = defineComponent({
|
|
|
956
954
|
}
|
|
957
955
|
function deselectOption(value) {
|
|
958
956
|
if (props.multiple) {
|
|
959
|
-
proxyModelValue.value =
|
|
957
|
+
proxyModelValue.value = Pt(value, Ft(proxyModelValue.value));
|
|
960
958
|
} else {
|
|
961
959
|
proxyModelValue.value = undefined;
|
|
962
960
|
}
|
|
963
961
|
}
|
|
964
962
|
function toggleOption(value) {
|
|
965
963
|
if (props.multiple) {
|
|
966
|
-
const model =
|
|
964
|
+
const model = Ft(proxyModelValue.value);
|
|
967
965
|
if (!model.includes(value)) {
|
|
968
|
-
proxyModelValue.value =
|
|
966
|
+
proxyModelValue.value = Ht(value, model);
|
|
969
967
|
} else {
|
|
970
|
-
proxyModelValue.value =
|
|
968
|
+
proxyModelValue.value = Pt(value, model);
|
|
971
969
|
}
|
|
972
970
|
} else {
|
|
973
971
|
proxyModelValue.value = proxyModelValue.value !== value ? value : undefined;
|
|
@@ -1,10 +1,8 @@
|
|
|
1
1
|
import { defineComponent, ref, computed, toRef } from 'vue-demi';
|
|
2
|
-
import { t as te } from '../../useValidationAttributes-
|
|
2
|
+
import { t as te } from '../../useValidationAttributes-BpeWsfb0-24439d6f.js';
|
|
3
3
|
import { ResizeablePanelPadding, OrResizeablePanelV3 as OrResizeablePanel } from '../or-resizeable-panel-v3/index.js';
|
|
4
4
|
import { n as normalizeComponent } from '../../normalize-component-cf2db48b.js';
|
|
5
|
-
import '../../dom-
|
|
6
|
-
import 'lodash/get';
|
|
7
|
-
import 'lodash/isElement';
|
|
5
|
+
import '../../dom-qGGG2YCX-4d4cca6e.js';
|
|
8
6
|
import '@vueuse/core';
|
|
9
7
|
import '@onereach/styles/screens.json';
|
|
10
8
|
import '@onereach/styles/tailwind.config.json';
|
|
@@ -14,7 +12,7 @@ import '../or-icon-v3/index.js';
|
|
|
14
12
|
import '../or-tooltip-v3/index.js';
|
|
15
13
|
import '../or-popover-v3/index.js';
|
|
16
14
|
import '@floating-ui/dom';
|
|
17
|
-
import '../../
|
|
15
|
+
import '../../utils-72d9c2bb.js';
|
|
18
16
|
import '../or-bottom-sheet-v3/index.js';
|
|
19
17
|
import '../or-overlay-v3/index.js';
|
|
20
18
|
import '../or-teleport-v3/index.js';
|
|
@@ -1,11 +1,9 @@
|
|
|
1
1
|
import { defineComponent, ref, computed } from 'vue-demi';
|
|
2
|
-
import { al as
|
|
3
|
-
import '../../
|
|
4
|
-
|
|
5
|
-
export { O as OrSkeletonTextV3 } from '../../OrSkeletonText-32afddae.js';
|
|
2
|
+
import { al as Mt } from '../../utils-72d9c2bb.js';
|
|
3
|
+
import { S as SkeletonRoot, a as SkeletonCircle, b as SkeletonAnimated, c as SkeletonRect } from '../../OrSkeletonText-3a67a7dd.js';
|
|
4
|
+
export { O as OrSkeletonTextV3 } from '../../OrSkeletonText-3a67a7dd.js';
|
|
6
5
|
import { n as normalizeComponent } from '../../normalize-component-cf2db48b.js';
|
|
7
|
-
import '
|
|
8
|
-
import 'lodash/isElement';
|
|
6
|
+
import '../../dom-qGGG2YCX-4d4cca6e.js';
|
|
9
7
|
import 'lodash/range';
|
|
10
8
|
|
|
11
9
|
var script$1 = defineComponent({
|
|
@@ -31,7 +29,7 @@ var script$1 = defineComponent({
|
|
|
31
29
|
const rootStyle = computed(() => {
|
|
32
30
|
var _a;
|
|
33
31
|
const size = (_a = props.size) !== null && _a !== void 0 ? _a : 40; // 40px - medium OrAvatar
|
|
34
|
-
const sizeStyle = typeof size === 'number' ?
|
|
32
|
+
const sizeStyle = typeof size === 'number' ? Mt(size) : size;
|
|
35
33
|
return {
|
|
36
34
|
'width': sizeStyle,
|
|
37
35
|
'min-width': sizeStyle,
|
|
@@ -113,8 +111,8 @@ var script = defineComponent({
|
|
|
113
111
|
const width = (_a = props.width) !== null && _a !== void 0 ? _a : '100%';
|
|
114
112
|
const height = (_b = props.height) !== null && _b !== void 0 ? _b : 36; // 36px - default OrInput height
|
|
115
113
|
return {
|
|
116
|
-
'width': typeof width === 'number' ?
|
|
117
|
-
'height': typeof height === 'number' ?
|
|
114
|
+
'width': typeof width === 'number' ? Mt(width) : width,
|
|
115
|
+
'height': typeof height === 'number' ? Mt(height) : height
|
|
118
116
|
};
|
|
119
117
|
});
|
|
120
118
|
return {
|
|
@@ -1,17 +1,15 @@
|
|
|
1
1
|
import { useElementBounding, useElementHover, useDraggable, clamp } from '@vueuse/core';
|
|
2
2
|
import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
|
|
3
|
-
import { a as re } from '../../useValidationAttributes-
|
|
3
|
+
import { a as re } from '../../useValidationAttributes-BpeWsfb0-24439d6f.js';
|
|
4
4
|
import { a as SliderOrientation, S as SliderColor } from '../../types-75a1cc13.js';
|
|
5
5
|
import { OrTooltipV3 as OrTooltip } from '../or-tooltip-v3/index.js';
|
|
6
6
|
import { n as normalizeComponent } from '../../normalize-component-cf2db48b.js';
|
|
7
|
-
import '../../dom-
|
|
8
|
-
import 'lodash/get';
|
|
9
|
-
import 'lodash/isElement';
|
|
7
|
+
import '../../dom-qGGG2YCX-4d4cca6e.js';
|
|
10
8
|
import '@onereach/styles/screens.json';
|
|
11
9
|
import '@onereach/styles/tailwind.config.json';
|
|
12
10
|
import '../or-popover-v3/index.js';
|
|
13
11
|
import '@floating-ui/dom';
|
|
14
|
-
import '../../
|
|
12
|
+
import '../../utils-72d9c2bb.js';
|
|
15
13
|
import '../or-bottom-sheet-v3/index.js';
|
|
16
14
|
import '../or-overlay-v3/index.js';
|
|
17
15
|
import '../or-teleport-v3/index.js';
|
|
@@ -1,13 +1,11 @@
|
|
|
1
1
|
import { defineComponent, ref, computed, toRef } from 'vue-demi';
|
|
2
|
-
import { a as re } from '../../useValidationAttributes-
|
|
2
|
+
import { a as re } from '../../useValidationAttributes-BpeWsfb0-24439d6f.js';
|
|
3
3
|
import { OrButtonV3 as OrButton } from '../or-button-v3/index.js';
|
|
4
4
|
import { OrIconV3 as OrIcon } from '../or-icon-v3/index.js';
|
|
5
5
|
import { OrMenuV3 as OrMenu } from '../or-menu-v3/index.js';
|
|
6
6
|
import { OrMenuItemV3 as OrMenuItem } from '../or-menu-item-v3/index.js';
|
|
7
7
|
import { n as normalizeComponent } from '../../normalize-component-cf2db48b.js';
|
|
8
|
-
import '../../dom-
|
|
9
|
-
import 'lodash/get';
|
|
10
|
-
import 'lodash/isElement';
|
|
8
|
+
import '../../dom-qGGG2YCX-4d4cca6e.js';
|
|
11
9
|
import '@vueuse/core';
|
|
12
10
|
import '@onereach/styles/screens.json';
|
|
13
11
|
import '@onereach/styles/tailwind.config.json';
|
|
@@ -16,7 +14,7 @@ import '../../props-bba3dca8.js';
|
|
|
16
14
|
import '../or-loader-v3/index.js';
|
|
17
15
|
import '../or-popover-v3/index.js';
|
|
18
16
|
import '@floating-ui/dom';
|
|
19
|
-
import '../../
|
|
17
|
+
import '../../utils-72d9c2bb.js';
|
|
20
18
|
import '../or-bottom-sheet-v3/index.js';
|
|
21
19
|
import '../or-overlay-v3/index.js';
|
|
22
20
|
import '../or-teleport-v3/index.js';
|
|
@@ -1,16 +1,14 @@
|
|
|
1
1
|
import { defineComponent, reactive, ref, computed, toRef } from 'vue-demi';
|
|
2
|
-
import { N, k, a as re } from '../../useValidationAttributes-
|
|
3
|
-
import { aa as
|
|
4
|
-
import '../../dom-DzNS5tBj-6d9cf0ef.js';
|
|
2
|
+
import { N, k, a as re } from '../../useValidationAttributes-BpeWsfb0-24439d6f.js';
|
|
3
|
+
import { aa as c, aj as i, a8 as Ht, P as Pt } from '../../utils-72d9c2bb.js';
|
|
5
4
|
import { OrLabelV3 as OrLabel, LabelVariant } from '../or-label-v3/index.js';
|
|
6
5
|
import { OrLoaderV3 as OrLoader } from '../or-loader-v3/index.js';
|
|
7
6
|
import { s as styleInject } from '../../style-inject.es-87955792.js';
|
|
8
7
|
import { n as normalizeComponent } from '../../normalize-component-cf2db48b.js';
|
|
8
|
+
import '../../dom-qGGG2YCX-4d4cca6e.js';
|
|
9
9
|
import '@vueuse/core';
|
|
10
10
|
import '@onereach/styles/screens.json';
|
|
11
11
|
import '@onereach/styles/tailwind.config.json';
|
|
12
|
-
import 'lodash/get';
|
|
13
|
-
import 'lodash/isElement';
|
|
14
12
|
|
|
15
13
|
const Switch = [
|
|
16
14
|
// Layout
|
|
@@ -118,7 +116,7 @@ var script = defineComponent({
|
|
|
118
116
|
// State
|
|
119
117
|
const model = re(toRef(props, 'modelValue'), context.emit);
|
|
120
118
|
const checked = computed(() => {
|
|
121
|
-
if (
|
|
119
|
+
if (c(model.value)) {
|
|
122
120
|
if (i(props.value)) {
|
|
123
121
|
throw new Error('[OrSwitch]: `value` must be specified.');
|
|
124
122
|
}
|
|
@@ -128,14 +126,14 @@ var script = defineComponent({
|
|
|
128
126
|
});
|
|
129
127
|
// Handlers
|
|
130
128
|
function onChange() {
|
|
131
|
-
if (
|
|
129
|
+
if (c(model.value)) {
|
|
132
130
|
if (i(props.value)) {
|
|
133
131
|
throw new Error('[OrSwitch]: `value` must be specified.');
|
|
134
132
|
}
|
|
135
133
|
if (!checked.value) {
|
|
136
|
-
model.value =
|
|
134
|
+
model.value = Ht(props.value, model.value);
|
|
137
135
|
} else {
|
|
138
|
-
model.value =
|
|
136
|
+
model.value = Pt(props.value, model.value);
|
|
139
137
|
}
|
|
140
138
|
} else {
|
|
141
139
|
model.value = !model.value;
|
|
@@ -1,19 +1,17 @@
|
|
|
1
1
|
import { useResizeObserver } from '@vueuse/core';
|
|
2
2
|
import { defineComponent, ref, computed, reactive, toRef, watch, nextTick, onMounted } from 'vue-demi';
|
|
3
|
-
import { a as re } from '../../useValidationAttributes-
|
|
3
|
+
import { a as re } from '../../useValidationAttributes-BpeWsfb0-24439d6f.js';
|
|
4
4
|
import { OrIconV3 as OrIcon } from '../or-icon-v3/index.js';
|
|
5
5
|
import { OrMenuV3 as OrMenu } from '../or-menu-v3/index.js';
|
|
6
6
|
import { OrMenuItemV3 as OrMenuItem } from '../or-menu-item-v3/index.js';
|
|
7
7
|
import { OrTabV3 as OrTab } from '../or-tab-v3/index.js';
|
|
8
8
|
import { n as normalizeComponent } from '../../normalize-component-cf2db48b.js';
|
|
9
|
-
import '../../dom-
|
|
10
|
-
import 'lodash/get';
|
|
11
|
-
import 'lodash/isElement';
|
|
9
|
+
import '../../dom-qGGG2YCX-4d4cca6e.js';
|
|
12
10
|
import '@onereach/styles/screens.json';
|
|
13
11
|
import '@onereach/styles/tailwind.config.json';
|
|
14
12
|
import '../or-popover-v3/index.js';
|
|
15
13
|
import '@floating-ui/dom';
|
|
16
|
-
import '../../
|
|
14
|
+
import '../../utils-72d9c2bb.js';
|
|
17
15
|
import '../or-bottom-sheet-v3/index.js';
|
|
18
16
|
import '../or-overlay-v3/index.js';
|
|
19
17
|
import '../or-teleport-v3/index.js';
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import { onClickOutside } from '@vueuse/core';
|
|
2
2
|
import { defineComponent, ref, toRefs, computed, reactive, watch, nextTick } from 'vue-demi';
|
|
3
|
-
import { n as ne, N, k, c as ie, a as re } from '../../useValidationAttributes-
|
|
4
|
-
import { an as
|
|
5
|
-
import '../../dom-DzNS5tBj-6d9cf0ef.js';
|
|
3
|
+
import { n as ne, N, k, c as ie, a as re } from '../../useValidationAttributes-BpeWsfb0-24439d6f.js';
|
|
4
|
+
import { an as Ft, a8 as Ht, P as Pt } from '../../utils-72d9c2bb.js';
|
|
6
5
|
import { OrErrorV3 as OrError } from '../or-error-v3/index.js';
|
|
7
6
|
import { OrHintV3 as OrHint } from '../or-hint-v3/index.js';
|
|
8
7
|
import { OrIconButtonV3 as OrIconButton } from '../or-icon-button-v3/index.js';
|
|
@@ -14,10 +13,9 @@ import { a as InputBoxVariant } from '../../types-98e9a758.js';
|
|
|
14
13
|
import { TagColor } from '../or-tag-v3/index.js';
|
|
15
14
|
import { s as styleInject } from '../../style-inject.es-87955792.js';
|
|
16
15
|
import { n as normalizeComponent } from '../../normalize-component-cf2db48b.js';
|
|
16
|
+
import '../../dom-qGGG2YCX-4d4cca6e.js';
|
|
17
17
|
import '@onereach/styles/screens.json';
|
|
18
18
|
import '@onereach/styles/tailwind.config.json';
|
|
19
|
-
import 'lodash/get';
|
|
20
|
-
import 'lodash/isElement';
|
|
21
19
|
import '../../constants-2e3ea701.js';
|
|
22
20
|
import '../or-icon-v3/index.js';
|
|
23
21
|
import '../or-tooltip-v3/index.js';
|
|
@@ -155,7 +153,7 @@ var script = defineComponent({
|
|
|
155
153
|
const proxyModelValue = re(modelValue, context.emit);
|
|
156
154
|
const draftModelValue = ref();
|
|
157
155
|
const tagsItems = computed(() => {
|
|
158
|
-
return
|
|
156
|
+
return Ft(proxyModelValue.value).map(item => ({
|
|
159
157
|
label: item,
|
|
160
158
|
value: item,
|
|
161
159
|
tagProps: {
|
|
@@ -210,13 +208,13 @@ var script = defineComponent({
|
|
|
210
208
|
if (!newItem) return;
|
|
211
209
|
if ((_a = proxyModelValue.value) === null || _a === void 0 ? void 0 : _a.includes(newItem)) return;
|
|
212
210
|
if (maxLength.value && currentLength.value >= maxLength.value) return;
|
|
213
|
-
proxyModelValue.value =
|
|
211
|
+
proxyModelValue.value = Ht(newItem, (_b = proxyModelValue.value) !== null && _b !== void 0 ? _b : []);
|
|
214
212
|
draftModelValue.value = '';
|
|
215
213
|
nextTick(() => focus());
|
|
216
214
|
}
|
|
217
215
|
function remove(value) {
|
|
218
216
|
var _a;
|
|
219
|
-
proxyModelValue.value =
|
|
217
|
+
proxyModelValue.value = Pt(value, (_a = proxyModelValue.value) !== null && _a !== void 0 ? _a : []);
|
|
220
218
|
}
|
|
221
219
|
function reset() {
|
|
222
220
|
proxyModelValue.value = [];
|
|
@@ -4,16 +4,14 @@ import { n as normalizeComponent } from '../../normalize-component-cf2db48b.js';
|
|
|
4
4
|
import '../../constants-2e3ea701.js';
|
|
5
5
|
import '../or-icon-v3/index.js';
|
|
6
6
|
import '../or-tooltip-v3/index.js';
|
|
7
|
-
import '../../useValidationAttributes-
|
|
8
|
-
import '../../dom-
|
|
9
|
-
import 'lodash/get';
|
|
10
|
-
import 'lodash/isElement';
|
|
7
|
+
import '../../useValidationAttributes-BpeWsfb0-24439d6f.js';
|
|
8
|
+
import '../../dom-qGGG2YCX-4d4cca6e.js';
|
|
11
9
|
import '@vueuse/core';
|
|
12
10
|
import '@onereach/styles/screens.json';
|
|
13
11
|
import '@onereach/styles/tailwind.config.json';
|
|
14
12
|
import '../or-popover-v3/index.js';
|
|
15
13
|
import '@floating-ui/dom';
|
|
16
|
-
import '../../
|
|
14
|
+
import '../../utils-72d9c2bb.js';
|
|
17
15
|
import '../or-bottom-sheet-v3/index.js';
|
|
18
16
|
import '../or-overlay-v3/index.js';
|
|
19
17
|
import '../or-teleport-v3/index.js';
|
|
@@ -1,12 +1,10 @@
|
|
|
1
1
|
import { defineComponent, ref, computed, nextTick } from 'vue-demi';
|
|
2
|
-
import { e as ee } from '../../useValidationAttributes-
|
|
2
|
+
import { e as ee } from '../../useValidationAttributes-BpeWsfb0-24439d6f.js';
|
|
3
3
|
import { OrButtonV3 as OrButton } from '../or-button-v3/index.js';
|
|
4
4
|
import { OrPopoverV3 as OrPopover } from '../or-popover-v3/index.js';
|
|
5
5
|
import { OrTagV3 as OrTag } from '../or-tag-v3/index.js';
|
|
6
6
|
import { n as normalizeComponent } from '../../normalize-component-cf2db48b.js';
|
|
7
|
-
import '../../dom-
|
|
8
|
-
import 'lodash/get';
|
|
9
|
-
import 'lodash/isElement';
|
|
7
|
+
import '../../dom-qGGG2YCX-4d4cca6e.js';
|
|
10
8
|
import '@vueuse/core';
|
|
11
9
|
import '@onereach/styles/screens.json';
|
|
12
10
|
import '@onereach/styles/tailwind.config.json';
|
|
@@ -14,7 +12,7 @@ import '../../constants-2e3ea701.js';
|
|
|
14
12
|
import '../../props-bba3dca8.js';
|
|
15
13
|
import '../or-loader-v3/index.js';
|
|
16
14
|
import '@floating-ui/dom';
|
|
17
|
-
import '../../
|
|
15
|
+
import '../../utils-72d9c2bb.js';
|
|
18
16
|
import '../or-bottom-sheet-v3/index.js';
|
|
19
17
|
import '../or-overlay-v3/index.js';
|
|
20
18
|
import '../or-teleport-v3/index.js';
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import { useTextareaAutosize } from '@vueuse/core';
|
|
2
2
|
import { defineComponent, reactive, ref, computed, toRef } from 'vue-demi';
|
|
3
|
-
import { N, k, c as ie, a as re } from '../../useValidationAttributes-
|
|
4
|
-
import { ah as
|
|
5
|
-
import '../../dom-DzNS5tBj-6d9cf0ef.js';
|
|
3
|
+
import { N, k, c as ie, a as re } from '../../useValidationAttributes-BpeWsfb0-24439d6f.js';
|
|
4
|
+
import { ah as R } from '../../utils-72d9c2bb.js';
|
|
6
5
|
import { b as InputBoxSize, a as InputBoxVariant } from '../../types-98e9a758.js';
|
|
7
6
|
import { OrErrorV3 as OrError } from '../or-error-v3/index.js';
|
|
8
7
|
import { OrHintV3 as OrHint } from '../or-hint-v3/index.js';
|
|
@@ -10,10 +9,9 @@ import { OrInputBoxV3 as OrInputBox } from '../or-input-box-v3/index.js';
|
|
|
10
9
|
import { OrLabelV3 as OrLabel } from '../or-label-v3/index.js';
|
|
11
10
|
import { s as styleInject } from '../../style-inject.es-87955792.js';
|
|
12
11
|
import { n as normalizeComponent } from '../../normalize-component-cf2db48b.js';
|
|
12
|
+
import '../../dom-qGGG2YCX-4d4cca6e.js';
|
|
13
13
|
import '@onereach/styles/screens.json';
|
|
14
14
|
import '@onereach/styles/tailwind.config.json';
|
|
15
|
-
import 'lodash/get';
|
|
16
|
-
import 'lodash/isElement';
|
|
17
15
|
|
|
18
16
|
const Textarea = [
|
|
19
17
|
// Layout
|
|
@@ -114,7 +112,7 @@ var script = defineComponent({
|
|
|
114
112
|
const root = ref();
|
|
115
113
|
const rootStyles = computed(() => ['or-textarea-v3', ...Textarea, ...(props.variant === InputBoxVariant.Embedded ? ['grow'] : [])]);
|
|
116
114
|
const control = ref();
|
|
117
|
-
const controlStyles = computed(() => [...TextareaControl, ...TextareaControlSizes[props.size], ...(
|
|
115
|
+
const controlStyles = computed(() => [...TextareaControl, ...TextareaControlSizes[props.size], ...(R(props.rows) ? ['resize-none'] : [])]);
|
|
118
116
|
const controlInlineStyles = computed(() => {
|
|
119
117
|
var _a, _b, _c, _d, _e, _f;
|
|
120
118
|
if (control.value) {
|
|
@@ -122,8 +120,8 @@ var script = defineComponent({
|
|
|
122
120
|
const paddingBottom = Number(((_d = (_c = getComputedStyle(control.value).getPropertyValue('padding-bottom').match(/^(?<value>\d+)px$/)) === null || _c === void 0 ? void 0 : _c.groups) === null || _d === void 0 ? void 0 : _d.value) || 0);
|
|
123
121
|
const lineHeight = Number(((_f = (_e = getComputedStyle(control.value).getPropertyValue('line-height').match(/^(?<value>\d+)px$/)) === null || _e === void 0 ? void 0 : _e.groups) === null || _f === void 0 ? void 0 : _f.value) || 0);
|
|
124
122
|
return {
|
|
125
|
-
minHeight: `${paddingTop + paddingBottom + (
|
|
126
|
-
maxHeight:
|
|
123
|
+
minHeight: `${paddingTop + paddingBottom + (R(props.rows) ? props.rows.min : props.rows) * lineHeight}px`,
|
|
124
|
+
maxHeight: R(props.rows) && props.rows.max ? `${paddingTop + paddingBottom + props.rows.max * lineHeight}px` : undefined
|
|
127
125
|
};
|
|
128
126
|
}
|
|
129
127
|
return {};
|
|
@@ -149,7 +147,7 @@ var script = defineComponent({
|
|
|
149
147
|
(_a = control.value) === null || _a === void 0 ? void 0 : _a.blur();
|
|
150
148
|
}
|
|
151
149
|
// Effects
|
|
152
|
-
if (
|
|
150
|
+
if (R(props.rows)) {
|
|
153
151
|
// Unluckily, `useTextareaAutosize` doesn't have a teardown function
|
|
154
152
|
// So, dynamically changed `rows` won't have any effect
|
|
155
153
|
useTextareaAutosize({
|
|
@@ -1,10 +1,8 @@
|
|
|
1
1
|
import { defineComponent, ref, computed, toRef } from 'vue-demi';
|
|
2
|
-
import { s as se, X } from '../../useValidationAttributes-
|
|
3
|
-
import { f as formatTime } from '../../formatTime-
|
|
2
|
+
import { s as se, X } from '../../useValidationAttributes-BpeWsfb0-24439d6f.js';
|
|
3
|
+
import { f as formatTime } from '../../formatTime-8b7e3477.js';
|
|
4
4
|
import { n as normalizeComponent } from '../../normalize-component-cf2db48b.js';
|
|
5
|
-
import '../../dom-
|
|
6
|
-
import 'lodash/get';
|
|
7
|
-
import 'lodash/isElement';
|
|
5
|
+
import '../../dom-qGGG2YCX-4d4cca6e.js';
|
|
8
6
|
import '@vueuse/core';
|
|
9
7
|
import '@onereach/styles/screens.json';
|
|
10
8
|
import '@onereach/styles/tailwind.config.json';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
|
|
2
2
|
import { s, c } from '../../dropdown-open-k6cFnrqA-5245a281.js';
|
|
3
|
-
import { s as se, X, a as re } from '../../useValidationAttributes-
|
|
4
|
-
import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect, f as formatMobileTime } from '../../OrDateTimePickerTimeSelect-
|
|
3
|
+
import { s as se, X, a as re } from '../../useValidationAttributes-BpeWsfb0-24439d6f.js';
|
|
4
|
+
import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect, f as formatMobileTime } from '../../OrDateTimePickerTimeSelect-13163e60.js';
|
|
5
5
|
import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader, g as getCurrentDate } from '../../OrDateTimePickerPopoverHeader-e2b3f8f2.js';
|
|
6
6
|
import { OrErrorV3 as OrError } from '../or-error-v3/index.js';
|
|
7
7
|
import { OrHintV3 as OrHint } from '../or-hint-v3/index.js';
|
|
@@ -12,20 +12,18 @@ import { OrLabelV3 as OrLabel } from '../or-label-v3/index.js';
|
|
|
12
12
|
import { OrPopoverV3 as OrPopover } from '../or-popover-v3/index.js';
|
|
13
13
|
import { a as InputBoxVariant } from '../../types-98e9a758.js';
|
|
14
14
|
import { n as normalizeComponent } from '../../normalize-component-cf2db48b.js';
|
|
15
|
-
import '../../dom-
|
|
16
|
-
import 'lodash/get';
|
|
17
|
-
import 'lodash/isElement';
|
|
15
|
+
import '../../dom-qGGG2YCX-4d4cca6e.js';
|
|
18
16
|
import '@vueuse/core';
|
|
19
17
|
import '@onereach/styles/screens.json';
|
|
20
18
|
import '@onereach/styles/tailwind.config.json';
|
|
21
|
-
import '../../formatTime-
|
|
19
|
+
import '../../formatTime-8b7e3477.js';
|
|
22
20
|
import '../or-button-v3/index.js';
|
|
23
21
|
import '../../constants-2e3ea701.js';
|
|
24
22
|
import '../../props-bba3dca8.js';
|
|
25
23
|
import '../or-loader-v3/index.js';
|
|
26
24
|
import '../or-tooltip-v3/index.js';
|
|
27
25
|
import '@floating-ui/dom';
|
|
28
|
-
import '../../
|
|
26
|
+
import '../../utils-72d9c2bb.js';
|
|
29
27
|
import '../or-bottom-sheet-v3/index.js';
|
|
30
28
|
import '../or-overlay-v3/index.js';
|
|
31
29
|
import '../or-teleport-v3/index.js';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
|
|
2
2
|
import { s, c } from '../../dropdown-open-k6cFnrqA-5245a281.js';
|
|
3
|
-
import { s as se, X, a as re, n as ne } from '../../useValidationAttributes-
|
|
3
|
+
import { s as se, X, a as re, n as ne } from '../../useValidationAttributes-BpeWsfb0-24439d6f.js';
|
|
4
4
|
import { OrErrorV3 as OrError } from '../or-error-v3/index.js';
|
|
5
5
|
import { OrHintV3 as OrHint } from '../or-hint-v3/index.js';
|
|
6
6
|
import { OrIconV3 as OrIcon } from '../or-icon-v3/index.js';
|
|
@@ -9,19 +9,17 @@ import { OrInputBoxV3 as OrInputBox } from '../or-input-box-v3/index.js';
|
|
|
9
9
|
import { OrLabelV3 as OrLabel } from '../or-label-v3/index.js';
|
|
10
10
|
import { OrPopoverV3 as OrPopover } from '../or-popover-v3/index.js';
|
|
11
11
|
import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader, g as getCurrentDate } from '../../OrDateTimePickerPopoverHeader-e2b3f8f2.js';
|
|
12
|
-
import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect, f as formatMobileTime } from '../../OrDateTimePickerTimeSelect-
|
|
12
|
+
import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect, f as formatMobileTime } from '../../OrDateTimePickerTimeSelect-13163e60.js';
|
|
13
13
|
import { a as InputBoxVariant } from '../../types-98e9a758.js';
|
|
14
14
|
import { n as normalizeComponent } from '../../normalize-component-cf2db48b.js';
|
|
15
|
-
import '../../dom-
|
|
16
|
-
import 'lodash/get';
|
|
17
|
-
import 'lodash/isElement';
|
|
15
|
+
import '../../dom-qGGG2YCX-4d4cca6e.js';
|
|
18
16
|
import '@vueuse/core';
|
|
19
17
|
import '@onereach/styles/screens.json';
|
|
20
18
|
import '@onereach/styles/tailwind.config.json';
|
|
21
19
|
import '../../constants-2e3ea701.js';
|
|
22
20
|
import '../or-tooltip-v3/index.js';
|
|
23
21
|
import '@floating-ui/dom';
|
|
24
|
-
import '../../
|
|
22
|
+
import '../../utils-72d9c2bb.js';
|
|
25
23
|
import '../or-bottom-sheet-v3/index.js';
|
|
26
24
|
import '../or-overlay-v3/index.js';
|
|
27
25
|
import '../or-teleport-v3/index.js';
|
|
@@ -29,7 +27,7 @@ import 'portal-vue';
|
|
|
29
27
|
import '../or-button-v3/index.js';
|
|
30
28
|
import '../../props-bba3dca8.js';
|
|
31
29
|
import '../or-loader-v3/index.js';
|
|
32
|
-
import '../../formatTime-
|
|
30
|
+
import '../../formatTime-8b7e3477.js';
|
|
33
31
|
|
|
34
32
|
const TimeRangePicker = [
|
|
35
33
|
// Layout
|
|
@@ -4,17 +4,15 @@ import { OrLoaderV3 as OrLoader } from '../or-loader-v3/index.js';
|
|
|
4
4
|
import { s as styleInject } from '../../style-inject.es-87955792.js';
|
|
5
5
|
import { n as normalizeComponent } from '../../normalize-component-cf2db48b.js';
|
|
6
6
|
import { createSharedComposable, useEventBus, useToggle, noop } from '@vueuse/core';
|
|
7
|
-
import { K } from '../../useValidationAttributes-
|
|
7
|
+
import { K } from '../../useValidationAttributes-BpeWsfb0-24439d6f.js';
|
|
8
8
|
import { OrTeleportV3 as OrTeleport } from '../or-teleport-v3/index.js';
|
|
9
9
|
import '../../constants-2e3ea701.js';
|
|
10
10
|
import '../or-icon-v3/index.js';
|
|
11
11
|
import '../or-tooltip-v3/index.js';
|
|
12
12
|
import '../or-popover-v3/index.js';
|
|
13
13
|
import '@floating-ui/dom';
|
|
14
|
-
import '../../
|
|
15
|
-
import '../../dom-
|
|
16
|
-
import 'lodash/get';
|
|
17
|
-
import 'lodash/isElement';
|
|
14
|
+
import '../../utils-72d9c2bb.js';
|
|
15
|
+
import '../../dom-qGGG2YCX-4d4cca6e.js';
|
|
18
16
|
import '../or-bottom-sheet-v3/index.js';
|
|
19
17
|
import '../or-overlay-v3/index.js';
|
|
20
18
|
import '@onereach/styles/screens.json';
|
|
@@ -1,15 +1,13 @@
|
|
|
1
1
|
import { defineComponent, ref, computed, toRef } from 'vue-demi';
|
|
2
|
-
import { t as te } from '../../useValidationAttributes-
|
|
2
|
+
import { t as te } from '../../useValidationAttributes-BpeWsfb0-24439d6f.js';
|
|
3
3
|
import { PopoverPlacement, OrPopoverV3 as OrPopover } from '../or-popover-v3/index.js';
|
|
4
4
|
import { n as normalizeComponent } from '../../normalize-component-cf2db48b.js';
|
|
5
|
-
import '../../dom-
|
|
6
|
-
import 'lodash/get';
|
|
7
|
-
import 'lodash/isElement';
|
|
5
|
+
import '../../dom-qGGG2YCX-4d4cca6e.js';
|
|
8
6
|
import '@vueuse/core';
|
|
9
7
|
import '@onereach/styles/screens.json';
|
|
10
8
|
import '@onereach/styles/tailwind.config.json';
|
|
11
9
|
import '@floating-ui/dom';
|
|
12
|
-
import '../../
|
|
10
|
+
import '../../utils-72d9c2bb.js';
|
|
13
11
|
import '../or-bottom-sheet-v3/index.js';
|
|
14
12
|
import '../or-overlay-v3/index.js';
|
|
15
13
|
import '../or-teleport-v3/index.js';
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
const e = typeof window < "u" ? window : null, t = ((e == null ? void 0 : e.requestAnimationFrame) || (e == null ? void 0 : e.webkitRequestAnimationFrame) || (e == null ? void 0 : e.mozRequestAnimationFrame) || (e == null ? void 0 : e.msRequestAnimationFrame) || (e == null ? void 0 : e.oRequestAnimationFrame) || // Fallback, but not a true polyfill
|
|
2
|
+
// Only needed for Opera Mini
|
|
3
|
+
((n) => setTimeout(n, 16))).bind(e);
|
|
4
|
+
|
|
5
|
+
export { t };
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import './dom-qGGG2YCX-4d4cca6e.js';
|
|
2
|
+
import { aj as i } from './utils-72d9c2bb.js';
|
|
3
|
+
|
|
4
|
+
const s = (t, r) => {
|
|
5
|
+
const e = r.find((n) => t === n.value);
|
|
6
|
+
if (i(e))
|
|
7
|
+
throw new Error("[getItemByValue]: Item not found.");
|
|
8
|
+
return e;
|
|
9
|
+
}, m = (t, r) => t.map((e) => s(e, r)), l = async (t, r) => r.filter((e) => new RegExp(t, "i").test(e.label));
|
|
10
|
+
|
|
11
|
+
export { l, m, s };
|