@onereach/ui-components 8.16.5-beta.3876.0 → 8.17.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/bundled/v2/components/OrCodeV3/OrCode.js +6 -11
- package/dist/bundled/v2/components/OrCodeV3/OrCode.vue.d.ts +3 -3
- package/dist/bundled/v2/components/OrTagInputV3/OrTagInput.js +31 -15
- package/dist/bundled/v2/components/OrTagInputV3/OrTagInput.vue.d.ts +3 -0
- package/dist/bundled/v2/components/OrTagsV3/OrTags.js +3 -3
- package/dist/bundled/v2/components/OrTagsV3/types.d.ts +5 -4
- package/dist/bundled/v2/components/OrTextareaV3/OrTextarea.vue.d.ts +2 -2
- package/dist/bundled/v2/index.js +1 -1
- package/dist/bundled/v3/components/OrCodeV3/OrCode.js +1 -1
- package/dist/bundled/v3/components/OrCodeV3/OrCode.vue.d.ts +3 -4
- package/dist/bundled/v3/components/OrCodeV3/index.js +1 -1
- package/dist/bundled/v3/components/OrCodeV3/props.js +1 -1
- package/dist/bundled/v3/components/OrCodeV3/styles.js +1 -1
- package/dist/bundled/v3/components/{OrCodeV3-628f8e28.js → OrCodeV3-7ecb46ca.js} +15 -20
- package/dist/bundled/v3/components/OrSelectV3/OrSelect.js +1 -1
- package/dist/bundled/v3/components/OrSelectV3/index.js +1 -1
- package/dist/bundled/v3/components/OrSelectV3/styles.js +1 -1
- package/dist/bundled/v3/components/{OrSelectV3-f212f5c6.js → OrSelectV3-e0de09af.js} +1 -1
- package/dist/bundled/v3/components/OrTagInputV3/OrTagInput.js +1 -1
- package/dist/bundled/v3/components/OrTagInputV3/OrTagInput.vue.d.ts +2 -0
- package/dist/bundled/v3/components/OrTagInputV3/index.js +1 -1
- package/dist/bundled/v3/components/OrTagInputV3/styles.js +1 -1
- package/dist/bundled/v3/components/{OrTagInputV3-7b240c91.js → OrTagInputV3-e1596983.js} +23 -11
- package/dist/bundled/v3/components/OrTagV3/OrTag.js +1 -1
- package/dist/bundled/v3/components/OrTagV3/index.js +1 -1
- package/dist/bundled/v3/components/OrTagV3/props.js +1 -1
- package/dist/bundled/v3/components/OrTagV3/styles.js +1 -1
- package/dist/bundled/v3/components/{OrTagV3-43ee9066.js → OrTagV3-045cac0b.js} +1 -1
- package/dist/bundled/v3/components/OrTagsV3/OrTags.js +1 -1
- package/dist/bundled/v3/components/OrTagsV3/index.js +1 -1
- package/dist/bundled/v3/components/OrTagsV3/props.js +1 -1
- package/dist/bundled/v3/components/OrTagsV3/styles.js +1 -1
- package/dist/bundled/v3/components/OrTagsV3/types.d.ts +5 -4
- package/dist/bundled/v3/components/OrTagsV3/utils/castToTag.js +1 -1
- package/dist/bundled/v3/components/{OrTagsV3-bbda3acd.js → OrTagsV3-6c4fb22c.js} +10 -4
- package/dist/bundled/v3/components/index.js +5 -5
- package/dist/bundled/v3/index.js +6 -6
- package/dist/esm/v2/{OrCode-4c7bbbd2.js → OrCode-c37dabe7.js} +16 -21
- package/dist/esm/v2/{OrSelect-30f5ce68.js → OrSelect-4768c12b.js} +2 -2
- package/dist/esm/v2/{OrSelectMultipleControl-de32c83c.js → OrSelectMultipleControl-685d5af4.js} +1 -1
- package/dist/esm/v2/{OrTagInput-2642f4d9.js → OrTagInput-c4110c0b.js} +32 -16
- package/dist/esm/v2/{OrTags-9d3cf104.js → OrTags-f6434f9b.js} +3 -3
- package/dist/esm/v2/components/index.js +5 -5
- package/dist/esm/v2/components/or-code-v3/OrCode.vue.d.ts +3 -3
- package/dist/esm/v2/components/or-code-v3/index.js +1 -1
- package/dist/esm/v2/components/or-select-v3/index.js +3 -3
- package/dist/esm/v2/components/or-select-v3/partials/index.js +2 -2
- package/dist/esm/v2/components/or-select-v3/partials/or-select-multiple-control/index.js +2 -2
- package/dist/esm/v2/components/or-tag-input-v3/OrTagInput.vue.d.ts +3 -0
- package/dist/esm/v2/components/or-tag-input-v3/index.js +4 -4
- package/dist/esm/v2/components/or-tags-v3/index.js +1 -1
- package/dist/esm/v2/components/or-tags-v3/types.d.ts +5 -4
- package/dist/esm/v2/components/or-teleport/OrTeleport.vue2.vue.d.ts +2 -2
- package/dist/esm/v2/index.js +5 -5
- package/dist/esm/v3/{OrCode-37d50c74.js → OrCode-6f8164d5.js} +16 -21
- package/dist/esm/v3/{OrSelect-a65c0b08.js → OrSelect-5a22c1da.js} +2 -2
- package/dist/esm/v3/{OrSelectMultipleControl-96320988.js → OrSelectMultipleControl-6b5a831d.js} +1 -1
- package/dist/esm/v3/{OrTagInput-4cec4018.js → OrTagInput-6e9c7a94.js} +23 -11
- package/dist/esm/v3/{OrTags-384a48e3.js → OrTags-801c20ad.js} +9 -3
- package/dist/esm/v3/components/index.js +5 -5
- package/dist/esm/v3/components/or-code-v3/OrCode.vue.d.ts +3 -4
- package/dist/esm/v3/components/or-code-v3/index.js +1 -1
- package/dist/esm/v3/components/or-select-v3/index.js +3 -3
- package/dist/esm/v3/components/or-select-v3/partials/index.js +2 -2
- package/dist/esm/v3/components/or-select-v3/partials/or-select-multiple-control/index.js +2 -2
- package/dist/esm/v3/components/or-tag-input-v3/OrTagInput.vue.d.ts +2 -0
- package/dist/esm/v3/components/or-tag-input-v3/index.js +4 -4
- package/dist/esm/v3/components/or-tags-v3/index.js +1 -1
- package/dist/esm/v3/components/or-tags-v3/types.d.ts +5 -4
- package/dist/esm/v3/index.js +5 -5
- package/package.json +3 -2
- package/src/components/or-code-v3/OrCode.vue +8 -22
- package/src/components/or-code-v3/partials/OrCodeControl.vue +1 -10
- package/src/components/or-tag-input-v3/OrTagInput.vue +23 -12
- package/src/components/or-tags-v3/OrTags.vue +5 -3
- package/src/components/or-tags-v3/types.ts +7 -4
|
@@ -1 +1 @@
|
|
|
1
|
-
export { s as default } from '../OrCodeV3-
|
|
1
|
+
export { s as default } from '../OrCodeV3-7ecb46ca.js';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { PropType } from 'vue-demi';
|
|
2
|
-
import { Extension } from '@codemirror/state';
|
|
3
2
|
import { EditorView } from '@codemirror/view';
|
|
3
|
+
import { Extension } from '@codemirror/state';
|
|
4
4
|
import { CodeLanguage } from './props';
|
|
5
5
|
declare const _default: import("vue-demi").DefineComponent<{
|
|
6
6
|
modelValue: {
|
|
@@ -44,8 +44,8 @@ declare const _default: import("vue-demi").DefineComponent<{
|
|
|
44
44
|
default: boolean;
|
|
45
45
|
};
|
|
46
46
|
}, {
|
|
47
|
-
root: import("vue-demi").Ref<HTMLElement | undefined>;
|
|
48
47
|
editorView: EditorView;
|
|
48
|
+
root: import("vue-demi").Ref<HTMLElement | undefined>;
|
|
49
49
|
control: import("vue-demi").Ref<any>;
|
|
50
50
|
fullscreenControl: import("vue-demi").Ref<any>;
|
|
51
51
|
modal: import("vue-demi").Ref<any>;
|
|
@@ -69,7 +69,7 @@ declare const _default: import("vue-demi").DefineComponent<{
|
|
|
69
69
|
focus: () => void;
|
|
70
70
|
blur: () => void;
|
|
71
71
|
openFullscreen: () => void;
|
|
72
|
-
}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("update:modelValue" | "
|
|
72
|
+
}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("update:modelValue" | "keydown" | "keyup" | "focus" | "blur")[], "update:modelValue" | "keydown" | "keyup" | "focus" | "blur", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
|
|
73
73
|
modelValue: {
|
|
74
74
|
type: StringConstructor;
|
|
75
75
|
default: undefined;
|
|
@@ -112,7 +112,6 @@ declare const _default: import("vue-demi").DefineComponent<{
|
|
|
112
112
|
};
|
|
113
113
|
}>> & {
|
|
114
114
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
115
|
-
onInput?: ((...args: any[]) => any) | undefined;
|
|
116
115
|
onKeydown?: ((...args: any[]) => any) | undefined;
|
|
117
116
|
onKeyup?: ((...args: any[]) => any) | undefined;
|
|
118
117
|
onFocus?: ((...args: any[]) => any) | undefined;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { C as CodeLanguage, s as OrCodeV3 } from '../OrCodeV3-
|
|
1
|
+
export { C as CodeLanguage, s as OrCodeV3 } from '../OrCodeV3-7ecb46ca.js';
|
|
2
2
|
export { E as EditorState, a as EditorView, h as html, j as javascript, d as json, e as jsonParseLinter, c as lintGutter, l as linter } from '../OrCode-46b1b8aa.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { C as CodeLanguage } from '../OrCodeV3-
|
|
1
|
+
export { C as CodeLanguage } from '../OrCodeV3-7ecb46ca.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { a as Code, c as CodeControl, b as CodeControlRoot, d as CodeModal } from '../OrCodeV3-
|
|
1
|
+
export { a as Code, c as CodeControl, b as CodeControlRoot, d as CodeModal } from '../OrCodeV3-7ecb46ca.js';
|
|
@@ -13,6 +13,16 @@ import { useValidationAttributes } from '../hooks/useValidationAttributes.js';
|
|
|
13
13
|
import { useProxyModelValue } from '../hooks/useProxyModelValue.js';
|
|
14
14
|
import { useTheme } from '../hooks/useTheme.js';
|
|
15
15
|
|
|
16
|
+
var CodeLanguage;
|
|
17
|
+
(function (CodeLanguage) {
|
|
18
|
+
CodeLanguage["HTML"] = "html";
|
|
19
|
+
CodeLanguage["CSS"] = "css";
|
|
20
|
+
CodeLanguage["JS"] = "js";
|
|
21
|
+
CodeLanguage["TS"] = "ts";
|
|
22
|
+
CodeLanguage["JSON"] = "json";
|
|
23
|
+
CodeLanguage["MD"] = "md";
|
|
24
|
+
})(CodeLanguage || (CodeLanguage = {}));
|
|
25
|
+
|
|
16
26
|
const Code = [
|
|
17
27
|
// Layout
|
|
18
28
|
'layout-column',
|
|
@@ -161,16 +171,6 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
161
171
|
script$1.render = render$1;
|
|
162
172
|
script$1.__file = "src/components/or-code-v3/partials/OrCodeControl.vue";
|
|
163
173
|
|
|
164
|
-
var CodeLanguage;
|
|
165
|
-
(function (CodeLanguage) {
|
|
166
|
-
CodeLanguage["HTML"] = "html";
|
|
167
|
-
CodeLanguage["CSS"] = "css";
|
|
168
|
-
CodeLanguage["JS"] = "js";
|
|
169
|
-
CodeLanguage["TS"] = "ts";
|
|
170
|
-
CodeLanguage["JSON"] = "json";
|
|
171
|
-
CodeLanguage["MD"] = "md";
|
|
172
|
-
})(CodeLanguage || (CodeLanguage = {}));
|
|
173
|
-
|
|
174
174
|
var script = defineComponent({
|
|
175
175
|
components: {
|
|
176
176
|
OrModal: script$6,
|
|
@@ -224,7 +224,7 @@ var script = defineComponent({
|
|
|
224
224
|
default: true
|
|
225
225
|
}
|
|
226
226
|
},
|
|
227
|
-
emits: ['update:modelValue', '
|
|
227
|
+
emits: ['update:modelValue', 'keydown', 'keyup', 'focus', 'blur'],
|
|
228
228
|
expose: ['root', 'editorView', 'control', 'fullscreenControl', 'modal', 'focus', 'blur'],
|
|
229
229
|
setup(props, context) {
|
|
230
230
|
// Refs
|
|
@@ -279,9 +279,6 @@ var script = defineComponent({
|
|
|
279
279
|
// #region Codemirror
|
|
280
280
|
const theme = useTheme();
|
|
281
281
|
const defaultExtensions = [basicSetup, keymap.of([indentWithTab]), EditorState.readOnly.of(props.readonly), EditorView.editable.of(!props.disabled), EditorView.domEventHandlers({
|
|
282
|
-
input: event => {
|
|
283
|
-
context.emit('input', event);
|
|
284
|
-
},
|
|
285
282
|
keydown: event => {
|
|
286
283
|
context.emit('keydown', event);
|
|
287
284
|
},
|
|
@@ -296,7 +293,6 @@ var script = defineComponent({
|
|
|
296
293
|
}
|
|
297
294
|
}), EditorView.theme({
|
|
298
295
|
'&': {
|
|
299
|
-
overflow: 'hidden',
|
|
300
296
|
color: theme.textColor['on-background'],
|
|
301
297
|
backgroundColor: theme.backgroundColor['background']
|
|
302
298
|
},
|
|
@@ -312,8 +308,7 @@ var script = defineComponent({
|
|
|
312
308
|
'.cm-gutters': {
|
|
313
309
|
color: theme.textColor['on-background'],
|
|
314
310
|
backgroundColor: theme.backgroundColor['primary-opacity-0-12'],
|
|
315
|
-
borderColor: theme.borderColor['outline']
|
|
316
|
-
backdropFilter: 'blur(2px)'
|
|
311
|
+
borderColor: theme.borderColor['outline']
|
|
317
312
|
},
|
|
318
313
|
'.cm-activeLineGutter, .cm-activeLine': {
|
|
319
314
|
backgroundColor: theme.backgroundColor['primary-opacity-0-08']
|
|
@@ -389,8 +384,8 @@ var script = defineComponent({
|
|
|
389
384
|
editorView.destroy();
|
|
390
385
|
});
|
|
391
386
|
return {
|
|
392
|
-
root,
|
|
393
387
|
editorView,
|
|
388
|
+
root,
|
|
394
389
|
control,
|
|
395
390
|
fullscreenControl,
|
|
396
391
|
modal,
|
|
@@ -433,8 +428,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
433
428
|
_: 3 /* FORWARDED */
|
|
434
429
|
}, 8 /* PROPS */, ["control-id", "label", "hint", "error", "disabled", "readonly"]), createVNode(_component_OrModal, {
|
|
435
430
|
ref: "modal",
|
|
436
|
-
"
|
|
437
|
-
|
|
431
|
+
size: "l",
|
|
432
|
+
"additional-styles": _ctx.modalStyles
|
|
438
433
|
}, createSlots({
|
|
439
434
|
header: withCtx(() => [createTextVNode(toDisplayString(_ctx.label), 1 /* TEXT */)]),
|
|
440
435
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { s as default } from '../OrSelectV3-
|
|
1
|
+
export { s as default } from '../OrSelectV3-e0de09af.js';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { s as OrSelectV3 } from '../OrSelectV3-
|
|
1
|
+
export { s as OrSelectV3 } from '../OrSelectV3-e0de09af.js';
|
|
2
2
|
export { I as SelectSize } from '../OrInputBoxV3-ddd117f0.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { S as Select, a as SelectControl, c as SelectDropdown, d as SelectDropdownDefault, e as SelectDropdownFlipped, f as SelectDropdownItem, g as SelectNoSearchResults, b as SelectSearchControl } from '../OrSelectV3-
|
|
1
|
+
export { S as Select, a as SelectControl, c as SelectDropdown, d as SelectDropdownDefault, e as SelectDropdownFlipped, f as SelectDropdownItem, g as SelectNoSearchResults, b as SelectSearchControl } from '../OrSelectV3-e0de09af.js';
|
|
@@ -4,7 +4,7 @@ import { defineComponent, ref, computed, toRefs, watch, getCurrentInstance, onMo
|
|
|
4
4
|
import { isEmptyValue } from '../utils/isEmptyValue.js';
|
|
5
5
|
import { n as useFocus } from './OrBottomSheetV3-66815f6f.js';
|
|
6
6
|
import { useProxyModelValue } from '../hooks/useProxyModelValue.js';
|
|
7
|
-
import { s as script$5, T as TagsOverflow } from './OrTagsV3-
|
|
7
|
+
import { s as script$5, T as TagsOverflow } from './OrTagsV3-6c4fb22c.js';
|
|
8
8
|
import { isEqualValue } from '../utils/isEqualValue.js';
|
|
9
9
|
import { s as script$6 } from './OrCheckboxV3-7d36a9a8.js';
|
|
10
10
|
import { s as script$7 } from './OrErrorV3-f61387d6.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { s as default } from '../OrTagInputV3-
|
|
1
|
+
export { s as default } from '../OrTagInputV3-e1596983.js';
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { PropType } from 'vue-demi';
|
|
2
2
|
import { TagsOverflow } from '../or-tags-v3';
|
|
3
|
+
import { TagObject } from '../or-tags-v3/types';
|
|
3
4
|
declare const _default: import("vue-demi").DefineComponent<{
|
|
4
5
|
modelValue: {
|
|
5
6
|
type: PropType<string[]>;
|
|
@@ -71,6 +72,7 @@ declare const _default: import("vue-demi").DefineComponent<{
|
|
|
71
72
|
};
|
|
72
73
|
proxyModelValue: import("../../hooks").UseProxyModelValueReturn<string[]>;
|
|
73
74
|
draftModelValue: import("vue-demi").Ref<string>;
|
|
75
|
+
tagsItems: import("vue-demi").ComputedRef<TagObject[]>;
|
|
74
76
|
currentLength: import("vue-demi").ComputedRef<number>;
|
|
75
77
|
maxLength: import("vue-demi").ComputedRef<number | undefined>;
|
|
76
78
|
activated: import("vue-demi").Ref<boolean>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { s as OrTagInputV3 } from '../OrTagInputV3-
|
|
1
|
+
export { s as OrTagInputV3 } from '../OrTagInputV3-e1596983.js';
|
|
2
2
|
export { I as TagInputSize } from '../OrInputBoxV3-ddd117f0.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { T as TagInput, a as TagInputControl, b as TagInputItem } from '../OrTagInputV3-
|
|
1
|
+
export { T as TagInput, a as TagInputControl, b as TagInputItem } from '../OrTagInputV3-e1596983.js';
|
|
@@ -1,13 +1,14 @@
|
|
|
1
1
|
import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createVNode, createSlots, createElementVNode, withDirectives, mergeProps, withKeys, vModelDynamic, vShow } from 'vue';
|
|
2
2
|
import { s as styleInject } from './OrAvatar-28d247a6.js';
|
|
3
3
|
import { s as script$4 } from './OrInputBoxV3-ddd117f0.js';
|
|
4
|
-
import { defineComponent, ref, toRefs, computed, reactive, watch, nextTick } from 'vue-demi';
|
|
5
4
|
import { o as onClickOutside } from './OrBottomSheetV3-66815f6f.js';
|
|
5
|
+
import { defineComponent, ref, toRefs, computed, reactive, watch, nextTick } from 'vue-demi';
|
|
6
6
|
import { s as script$1 } from './OrErrorV3-f61387d6.js';
|
|
7
7
|
import { s as script$2 } from './OrHintV3-1fcfaa19.js';
|
|
8
8
|
import { s as script$3 } from './OrIconButtonV3-aa18f25c.js';
|
|
9
9
|
import { s as script$5 } from './OrLabelV3-28f7ac2c.js';
|
|
10
|
-
import { s as script$6, T as TagsOverflow } from './OrTagsV3-
|
|
10
|
+
import { s as script$6, T as TagsOverflow } from './OrTagsV3-6c4fb22c.js';
|
|
11
|
+
import { T as TagColor } from './OrTagV3-045cac0b.js';
|
|
11
12
|
import { useIdAttribute } from '../hooks/useIdAttribute.js';
|
|
12
13
|
import { useControlAttributes } from '../hooks/useControlAttributes.js';
|
|
13
14
|
import { useValidationAttributes } from '../hooks/useValidationAttributes.js';
|
|
@@ -118,6 +119,15 @@ var script = defineComponent({
|
|
|
118
119
|
const activated = ref(false);
|
|
119
120
|
const proxyModelValue = useProxyModelValue(modelValue, context.emit);
|
|
120
121
|
const draftModelValue = ref('');
|
|
122
|
+
const tagsItems = computed(() => {
|
|
123
|
+
return proxyModelValue.value.map(item => ({
|
|
124
|
+
label: item,
|
|
125
|
+
value: item,
|
|
126
|
+
tagProps: {
|
|
127
|
+
color: item === draftModelValue.value ? TagColor.Danger : TagColor.Default
|
|
128
|
+
}
|
|
129
|
+
}));
|
|
130
|
+
});
|
|
121
131
|
const currentLength = computed(() => {
|
|
122
132
|
var _a, _b;
|
|
123
133
|
return (_b = (_a = proxyModelValue.value) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0;
|
|
@@ -154,8 +164,7 @@ var script = defineComponent({
|
|
|
154
164
|
context.emit('focus');
|
|
155
165
|
}
|
|
156
166
|
function add() {
|
|
157
|
-
|
|
158
|
-
const newItem = (_a = draftModelValue.value) === null || _a === void 0 ? void 0 : _a.trim();
|
|
167
|
+
const newItem = draftModelValue.value;
|
|
159
168
|
if (!newItem) return;
|
|
160
169
|
if (proxyModelValue.value.includes(newItem)) return;
|
|
161
170
|
if (maxLength.value && currentLength.value >= maxLength.value) return;
|
|
@@ -194,6 +203,7 @@ var script = defineComponent({
|
|
|
194
203
|
controlAttributes,
|
|
195
204
|
proxyModelValue,
|
|
196
205
|
draftModelValue,
|
|
206
|
+
tagsItems,
|
|
197
207
|
currentLength,
|
|
198
208
|
maxLength,
|
|
199
209
|
activated,
|
|
@@ -242,19 +252,19 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
242
252
|
_: 3 /* FORWARDED */
|
|
243
253
|
}, 8 /* PROPS */, ["control-id", "required", "disabled"])) : createCommentVNode("v-if", true), createVNode(_component_OrInputBox, {
|
|
244
254
|
ref: "inputBox",
|
|
255
|
+
class: normalizeClass(['interactivity-select']),
|
|
245
256
|
variant: _ctx.disableDefaultStyles ? 'unstyled' : 'styled',
|
|
246
|
-
"force-state": _ctx.activated ? 'focus-within' : undefined,
|
|
247
|
-
class: "cursor-text",
|
|
248
257
|
invalid: !!_ctx.error,
|
|
249
258
|
readonly: _ctx.readonly,
|
|
250
259
|
disabled: _ctx.disabled,
|
|
251
|
-
tabindex:
|
|
260
|
+
tabindex: 0,
|
|
261
|
+
"force-state": _ctx.activated ? 'focus-within' : undefined,
|
|
252
262
|
onFocus: _ctx.activate
|
|
253
263
|
}, createSlots({
|
|
254
264
|
default: withCtx(() => [createVNode(_component_OrTags, {
|
|
255
265
|
ref: "tags",
|
|
256
|
-
|
|
257
|
-
|
|
266
|
+
class: normalizeClass(['grow']),
|
|
267
|
+
items: _ctx.tagsItems,
|
|
258
268
|
disabled: _ctx.disabled,
|
|
259
269
|
"tag-props": {
|
|
260
270
|
variant: _ctx.readonly || _ctx.disabled ? 'tag' : 'reset',
|
|
@@ -284,7 +294,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
284
294
|
onFocus: _cache[4] || (_cache[4] = function () {
|
|
285
295
|
return _ctx.activate && _ctx.activate(...arguments);
|
|
286
296
|
})
|
|
287
|
-
}), null, 16 /* FULL_PROPS */, _hoisted_2), [[vModelDynamic, _ctx.draftModelValue
|
|
297
|
+
}), null, 16 /* FULL_PROPS */, _hoisted_2), [[vModelDynamic, _ctx.draftModelValue, void 0, {
|
|
298
|
+
trim: true
|
|
299
|
+
}]])])]),
|
|
288
300
|
key: "0"
|
|
289
301
|
} : undefined]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["items", "disabled", "tag-props", "overflow"])]),
|
|
290
302
|
_: 2 /* DYNAMIC */
|
|
@@ -298,7 +310,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
298
310
|
onClick: _cache[6] || (_cache[6] = $event => _ctx.reset())
|
|
299
311
|
}, null, 8 /* PROPS */, ["disabled"])) : createCommentVNode("v-if", true)]),
|
|
300
312
|
key: "0"
|
|
301
|
-
} : undefined]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["variant", "
|
|
313
|
+
} : undefined]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["variant", "invalid", "readonly", "disabled", "force-state", "onFocus"]), withDirectives(createElementVNode("div", _hoisted_3, [_ctx.hint || _ctx.maxLength ? (openBlock(), createBlock(_component_OrHint, {
|
|
302
314
|
key: 0,
|
|
303
315
|
disabled: _ctx.disabled
|
|
304
316
|
}, createSlots({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { s as default } from '../OrTagV3-
|
|
1
|
+
export { s as default } from '../OrTagV3-045cac0b.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { s as OrTagV3,
|
|
1
|
+
export { s as OrTagV3, T as TagColor, a as TagVariant } from '../OrTagV3-045cac0b.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export {
|
|
1
|
+
export { T as TagColor, a as TagVariant } from '../OrTagV3-045cac0b.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { b as Tag, d as TagColors, c as TagVariants } from '../OrTagV3-
|
|
1
|
+
export { b as Tag, d as TagColors, c as TagVariants } from '../OrTagV3-045cac0b.js';
|
|
@@ -120,4 +120,4 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
120
120
|
script.render = render;
|
|
121
121
|
script.__file = "src/components/or-tag-v3/OrTag.vue";
|
|
122
122
|
|
|
123
|
-
export {
|
|
123
|
+
export { TagColor as T, TagVariant as a, Tag as b, TagVariants as c, TagColors as d, script as s };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { s as default } from '../OrTagsV3-
|
|
1
|
+
export { s as default } from '../OrTagsV3-6c4fb22c.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { s as OrTagsV3, T as TagsOverflow } from '../OrTagsV3-
|
|
1
|
+
export { s as OrTagsV3, T as TagsOverflow } from '../OrTagsV3-6c4fb22c.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { T as TagsOverflow } from '../OrTagsV3-
|
|
1
|
+
export { T as TagsOverflow } from '../OrTagsV3-6c4fb22c.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { a as Tags, b as TagsContainer, c as TagsContainerOverflows, d as TagsOverflowButton, e as TagsOverflowPopover } from '../OrTagsV3-
|
|
1
|
+
export { a as Tags, b as TagsContainer, c as TagsContainerOverflows, d as TagsOverflowButton, e as TagsOverflowPopover } from '../OrTagsV3-6c4fb22c.js';
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
|
|
2
|
-
export type Tag =
|
|
3
|
-
export
|
|
1
|
+
import { OrTag } from '../or-tag';
|
|
2
|
+
export type Tag = string | TagObject;
|
|
3
|
+
export type TagObject = {
|
|
4
4
|
label: string;
|
|
5
5
|
value: string | number | object;
|
|
6
|
-
|
|
6
|
+
tagProps?: InstanceType<typeof OrTag>['$props'];
|
|
7
|
+
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { f as castToTagObject } from '../../OrTagsV3-
|
|
1
|
+
export { f as castToTagObject } from '../../OrTagsV3-6c4fb22c.js';
|
|
@@ -2,7 +2,7 @@ import { resolveComponent, openBlock, createElementBlock, normalizeClass, Fragme
|
|
|
2
2
|
import { defineComponent, ref, toRefs, computed, nextTick } from 'vue-demi';
|
|
3
3
|
import { s as script$1 } from './OrButtonV3-529c4206.js';
|
|
4
4
|
import { s as script$2 } from './OrPopoverV3-a7d181a4.js';
|
|
5
|
-
import { s as script$3 } from './OrTagV3-
|
|
5
|
+
import { s as script$3 } from './OrTagV3-045cac0b.js';
|
|
6
6
|
import { useOverflow } from '../hooks/useOverflow.js';
|
|
7
7
|
|
|
8
8
|
var TagsOverflow;
|
|
@@ -183,9 +183,12 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
183
183
|
ref: "container",
|
|
184
184
|
class: normalizeClass(_ctx.containerStyles)
|
|
185
185
|
}, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.localItems, item => {
|
|
186
|
-
return openBlock(), createBlock(_component_OrTag, mergeProps(
|
|
186
|
+
return openBlock(), createBlock(_component_OrTag, mergeProps({
|
|
187
|
+
..._ctx.tagProps,
|
|
188
|
+
...item.tagProps
|
|
189
|
+
}, {
|
|
187
190
|
key: item.value,
|
|
188
|
-
class:
|
|
191
|
+
class: ['max-w-full'],
|
|
189
192
|
onReset: $event => _ctx.$emit('reset', item.value)
|
|
190
193
|
}), {
|
|
191
194
|
default: withCtx(() => [createTextVNode(toDisplayString(item.label), 1 /* TEXT */)]),
|
|
@@ -217,7 +220,10 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
217
220
|
default: withCtx(() => [createElementVNode("div", {
|
|
218
221
|
class: normalizeClass(_ctx.overflowPopoverStyles)
|
|
219
222
|
}, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.overflowItems, item => {
|
|
220
|
-
return openBlock(), createBlock(_component_OrTag, mergeProps(
|
|
223
|
+
return openBlock(), createBlock(_component_OrTag, mergeProps({
|
|
224
|
+
..._ctx.tagProps,
|
|
225
|
+
...item.tagProps
|
|
226
|
+
}, {
|
|
221
227
|
key: item.value,
|
|
222
228
|
onReset: $event => _ctx.$emit('reset', item.value)
|
|
223
229
|
}), {
|
|
@@ -16,7 +16,7 @@ export { s as OrCheckboxTreeV3 } from './OrCheckboxTreeV3-885148fa.js';
|
|
|
16
16
|
export { s as OrCheckboxV3 } from './OrCheckboxV3-7d36a9a8.js';
|
|
17
17
|
export { s as OrChip, a as OrChips } from './OrChips-ba5bb85b.js';
|
|
18
18
|
export { E as EditorState, a as EditorView, q as OrCode, O as OrCodeLanguages, b as basicSetup, h as html, j as javascript, d as json, e as jsonParseLinter, c as lintGutter, l as linter } from './OrCode-46b1b8aa.js';
|
|
19
|
-
export { C as CodeLanguage, s as OrCodeV3 } from './OrCodeV3-
|
|
19
|
+
export { C as CodeLanguage, s as OrCodeV3 } from './OrCodeV3-7ecb46ca.js';
|
|
20
20
|
export { default as OrCollapse } from './OrCollapse/OrCollapse.js';
|
|
21
21
|
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-2271c176.js';
|
|
22
22
|
export { s as OrCombinedInputV3 } from './OrCombinedInputV3-795e8cf2.js';
|
|
@@ -85,7 +85,7 @@ export { default as OrSearch } from './OrSearch/OrSearch.js';
|
|
|
85
85
|
export { OrSearchV3 } from './OrSearchV3/index.js';
|
|
86
86
|
export { s as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControlV3-56862f95.js';
|
|
87
87
|
export { s as OrSelect } from './OrSelect-ab9e3084.js';
|
|
88
|
-
export { s as OrSelectV3 } from './OrSelectV3-
|
|
88
|
+
export { s as OrSelectV3 } from './OrSelectV3-e0de09af.js';
|
|
89
89
|
export { OrSidebar, OrSidebarSide } from './OrSidebar/index.js';
|
|
90
90
|
export { S as OrSidebarPlacement, s as OrSidebarV3, S as SidebarPlacement } from './OrSidebarV3-682b0424.js';
|
|
91
91
|
export { s as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from './OrSkeleton-6b7c940e.js';
|
|
@@ -102,9 +102,9 @@ export { s as OrTabV3 } from './OrTabV3-9dbd8ad9.js';
|
|
|
102
102
|
export { default as OrTabs } from './OrTabs/OrTabs.js';
|
|
103
103
|
export { s as OrTabsV3, T as TabsVariant } from './OrTabsV3-04c6d108.js';
|
|
104
104
|
export { default as OrTag } from './OrTag/OrTag.js';
|
|
105
|
-
export { s as OrTagInputV3 } from './OrTagInputV3-
|
|
106
|
-
export { s as OrTagV3,
|
|
107
|
-
export { s as OrTagsV3, T as TagsOverflow } from './OrTagsV3-
|
|
105
|
+
export { s as OrTagInputV3 } from './OrTagInputV3-e1596983.js';
|
|
106
|
+
export { s as OrTagV3, T as TagColor, a as TagVariant } from './OrTagV3-045cac0b.js';
|
|
107
|
+
export { s as OrTagsV3, T as TagsOverflow } from './OrTagsV3-6c4fb22c.js';
|
|
108
108
|
export { s as OrTeleport } from './OrTeleport-5a34b07f.js';
|
|
109
109
|
export { default as OrTeleportV3 } from './OrTeleportV3/OrTeleport.js';
|
|
110
110
|
export { s as OrTextV3 } from './OrTextV3-ff806d55.js';
|