@onereach/ui-components 4.7.4-beta.2870.0 → 4.7.4
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/OrCardCollectionV3/styles.js +6 -2
- package/dist/bundled/v2/components/OrInlineInputV3/styles.js +1 -1
- package/dist/bundled/v2/components/OrInlineTextareaV3/styles.js +1 -1
- package/dist/bundled/v2/components/OrInputBoxV3/styles.js +0 -2
- package/dist/bundled/v2/components/OrInputV3/styles.js +2 -2
- package/dist/bundled/v2/components/OrTagsV3/OrTags.js +2 -14
- package/dist/bundled/v2/components/OrTagsV3/OrTags.vue.d.ts +3 -7
- package/dist/bundled/v2/components/OrTagsV3/styles.js +0 -2
- package/dist/bundled/v2/components/OrTextareaV3/styles.js +1 -1
- package/dist/bundled/v2/components/index.d.ts +1 -2
- package/dist/bundled/v2/components/index.js +4 -6
- package/dist/bundled/v2/hooks/useTheme.js +0 -6
- package/dist/bundled/v2/index.js +6 -8
- package/dist/bundled/v3/{OrCardCollection.vue_vue_type_script_lang-748fb337.js → OrCardCollection.vue_vue_type_script_lang-ec925f28.js} +1 -1
- package/dist/bundled/v3/{OrConfirm.vue_vue_type_script_lang-93458f1f.js → OrConfirm.vue_vue_type_script_lang-0f1a6320.js} +1 -1
- package/dist/bundled/v3/{OrDatePicker.vue_vue_type_script_lang-8ec017e2.js → OrDatePicker.vue_vue_type_script_lang-3f8700f9.js} +1 -1
- package/dist/bundled/v3/{OrDateTimePicker.vue_vue_type_script_lang-fec947db.js → OrDateTimePicker.vue_vue_type_script_lang-ecd7cbd1.js} +1 -1
- package/dist/bundled/v3/{OrInput.vue_vue_type_script_lang-66363c62.js → OrInput.vue_vue_type_script_lang-a9fe34c8.js} +1 -1
- package/dist/bundled/v3/{OrSearch.vue_vue_type_script_lang-18dc2df8.js → OrSearch.vue_vue_type_script_lang-8a82fdc6.js} +1 -1
- package/dist/bundled/v3/{OrSelect.vue_vue_type_script_lang-359bac94.js → OrSelect.vue_vue_type_script_lang-ba73f458.js} +2 -2
- package/dist/bundled/v3/{OrTags.vue_vue_type_script_lang-45bbc68e.js → OrTags.vue_vue_type_script_lang-c14463c4.js} +0 -2
- package/dist/bundled/v3/{OrTextarea.vue_vue_type_script_lang-0d1a7a48.js → OrTextarea.vue_vue_type_script_lang-af284089.js} +1 -1
- package/dist/bundled/v3/{OrTimePicker.vue_vue_type_script_lang-c737eaa8.js → OrTimePicker.vue_vue_type_script_lang-845ec78b.js} +1 -1
- package/dist/bundled/v3/components/OrCardCollectionV3/OrCardCollection.js +5 -5
- package/dist/bundled/v3/components/OrCardCollectionV3/index.js +4 -4
- package/dist/bundled/v3/components/OrCardCollectionV3/styles.js +6 -2
- package/dist/bundled/v3/components/OrConfirmV3/OrConfirm.js +4 -4
- package/dist/bundled/v3/components/OrConfirmV3/index.js +3 -3
- package/dist/bundled/v3/components/OrDatePickerV3/OrDatePicker.js +3 -3
- package/dist/bundled/v3/components/OrDatePickerV3/index.js +2 -2
- package/dist/bundled/v3/components/OrDateTimePickerV3/OrDateTimePicker.js +3 -3
- package/dist/bundled/v3/components/OrDateTimePickerV3/index.js +2 -2
- package/dist/bundled/v3/components/OrInlineInputV3/OrInlineInput.js +2 -2
- package/dist/bundled/v3/components/OrInlineInputV3/index.js +1 -1
- package/dist/bundled/v3/components/OrInlineInputV3/styles.js +1 -1
- package/dist/bundled/v3/components/OrInlineTextareaV3/OrInlineTextarea.js +2 -2
- package/dist/bundled/v3/components/OrInlineTextareaV3/index.js +1 -1
- package/dist/bundled/v3/components/OrInlineTextareaV3/styles.js +1 -1
- package/dist/bundled/v3/components/OrInputBoxV3/OrInputBox.js +2 -2
- package/dist/bundled/v3/components/OrInputBoxV3/index.js +1 -1
- package/dist/bundled/v3/components/OrInputBoxV3/styles.js +0 -2
- package/dist/bundled/v3/components/OrInputV3/OrInput.js +3 -3
- package/dist/bundled/v3/components/OrInputV3/index.js +2 -2
- package/dist/bundled/v3/components/OrInputV3/styles.js +2 -2
- package/dist/bundled/v3/components/OrSearchV3/OrSearch.js +4 -4
- package/dist/bundled/v3/components/OrSearchV3/index.js +3 -3
- package/dist/bundled/v3/components/OrSelectV3/OrSelect.js +4 -4
- package/dist/bundled/v3/components/OrSelectV3/index.js +3 -3
- package/dist/bundled/v3/components/OrTagsV3/OrTags.js +6 -8
- package/dist/bundled/v3/components/OrTagsV3/OrTags.vue.d.ts +2 -7
- package/dist/bundled/v3/components/OrTagsV3/index.js +1 -1
- package/dist/bundled/v3/components/OrTagsV3/styles.js +0 -2
- package/dist/bundled/v3/components/OrTextareaV3/OrTextarea.js +3 -3
- package/dist/bundled/v3/components/OrTextareaV3/index.js +2 -2
- package/dist/bundled/v3/components/OrTextareaV3/styles.js +1 -1
- package/dist/bundled/v3/components/OrTimePickerV3/OrTimePicker.js +3 -3
- package/dist/bundled/v3/components/OrTimePickerV3/index.js +2 -2
- package/dist/bundled/v3/components/index.d.ts +1 -2
- package/dist/bundled/v3/components/index.js +17 -20
- package/dist/bundled/v3/hooks/useTheme.js +0 -6
- package/dist/bundled/v3/index.js +19 -22
- package/dist/esm/v2/{OrCardCollection-bd173449.js → OrCardCollection-a9736f16.js} +8 -4
- package/dist/esm/v2/{OrCombinedInput-ed20e33b.js → OrCombinedInput-9c2b15fe.js} +1 -1
- package/dist/esm/v2/{OrConfirm-0b56c11f.js → OrConfirm-fc656b7e.js} +1 -1
- package/dist/esm/v2/{OrDatePicker-0989a40c.js → OrDatePicker-73c19c1c.js} +2 -2
- package/dist/esm/v2/{OrDateTimePicker-ac766f04.js → OrDateTimePicker-aff87aaa.js} +2 -2
- package/dist/esm/v2/{OrInlineInput-84a8398c.js → OrInlineInput-252510d7.js} +1 -1
- package/dist/esm/v2/{OrInlineTextarea-f2ecbd39.js → OrInlineTextarea-8df56c4d.js} +1 -1
- package/dist/esm/v2/{OrInput-2eeff16a.js → OrInput-39feafce.js} +4 -4
- package/dist/esm/v2/{OrInputBox-11227ecd.js → OrInputBox-7f3c0ee9.js} +1 -1
- package/dist/esm/v2/{OrInputBox.vue_rollup-plugin-vue_script-1715021a.js → OrInputBox.vue_rollup-plugin-vue_script-906b3ef8.js} +0 -2
- package/dist/esm/v2/{OrSearch-33e3b0e4.js → OrSearch-cbd7fd0b.js} +2 -2
- package/dist/esm/v2/{OrSelect-340ae8d0.js → OrSelect-1132c7dc.js} +3 -3
- package/dist/esm/v2/{OrTags-9048733c.js → OrTags-e80cd854.js} +2 -16
- package/dist/esm/v2/{OrTextarea-978fb518.js → OrTextarea-01df0715.js} +3 -3
- package/dist/esm/v2/{OrTimePicker-5fd08ad2.js → OrTimePicker-00b7319c.js} +2 -2
- package/dist/esm/v2/components/index.d.ts +1 -2
- package/dist/esm/v2/components/index.js +16 -17
- package/dist/esm/v2/components/or-card-collection-v3/index.js +5 -5
- package/dist/esm/v2/components/or-combined-input-v3/index.js +2 -2
- package/dist/esm/v2/components/or-confirm-v3/index.js +4 -4
- package/dist/esm/v2/components/or-date-picker-v3/index.js +3 -3
- package/dist/esm/v2/components/or-date-time-picker-v3/index.js +3 -3
- package/dist/esm/v2/components/or-inline-input-v3/index.js +1 -1
- package/dist/esm/v2/components/or-inline-textarea-v3/index.js +1 -1
- package/dist/esm/v2/components/or-input-box-v3/index.js +2 -2
- package/dist/esm/v2/components/or-input-v3/index.js +3 -3
- package/dist/esm/v2/components/or-search-v3/index.js +4 -4
- package/dist/esm/v2/components/or-select-v3/index.js +4 -4
- package/dist/esm/v2/components/or-tags-v3/OrTags.vue.d.ts +3 -7
- package/dist/esm/v2/components/or-tags-v3/index.js +1 -1
- package/dist/esm/v2/components/or-textarea-v3/index.js +3 -3
- package/dist/esm/v2/components/or-time-picker-v3/index.js +3 -3
- package/dist/esm/v2/index.js +16 -17
- package/dist/esm/v3/{OrCardCollection-c5d5506c.js → OrCardCollection-8d41fafc.js} +8 -4
- package/dist/esm/v3/{OrCombinedInput-e3891038.js → OrCombinedInput-b5ba46a1.js} +1 -1
- package/dist/esm/v3/{OrConfirm-5509c440.js → OrConfirm-e8ee0b8f.js} +1 -1
- package/dist/esm/v3/{OrDatePicker-6ac8578a.js → OrDatePicker-19a07bb4.js} +1 -1
- package/dist/esm/v3/{OrDateTimePicker-b15d4198.js → OrDateTimePicker-219fa71d.js} +1 -1
- package/dist/esm/v3/{OrInlineInput-a6c33dc0.js → OrInlineInput-5d452b98.js} +1 -1
- package/dist/esm/v3/{OrInlineTextarea-f060dab5.js → OrInlineTextarea-1a769972.js} +1 -1
- package/dist/esm/v3/{OrInput-c653aedb.js → OrInput-a303f924.js} +3 -3
- package/dist/esm/v3/{OrInputBox-32b37b17.js → OrInputBox-32814878.js} +0 -2
- package/dist/esm/v3/{OrSearch-b945651d.js → OrSearch-c5ecb005.js} +2 -2
- package/dist/esm/v3/{OrSelect-a9be2490.js → OrSelect-9432ac4d.js} +2 -2
- package/dist/esm/v3/{OrTags-1621cbb9.js → OrTags-3f0ab56f.js} +4 -10
- package/dist/esm/v3/{OrTextarea-1e19417a.js → OrTextarea-0f9a2a27.js} +2 -2
- package/dist/esm/v3/{OrTimePicker-d66edf77.js → OrTimePicker-5cb9eb34.js} +1 -1
- package/dist/esm/v3/components/index.d.ts +1 -2
- package/dist/esm/v3/components/index.js +15 -16
- package/dist/esm/v3/components/or-card-collection-v3/index.js +4 -4
- package/dist/esm/v3/components/or-combined-input-v3/index.js +2 -2
- package/dist/esm/v3/components/or-confirm-v3/index.js +3 -3
- package/dist/esm/v3/components/or-date-picker-v3/index.js +2 -2
- package/dist/esm/v3/components/or-date-time-picker-v3/index.js +2 -2
- package/dist/esm/v3/components/or-inline-input-v3/index.js +1 -1
- package/dist/esm/v3/components/or-inline-textarea-v3/index.js +1 -1
- package/dist/esm/v3/components/or-input-box-v3/index.js +1 -1
- package/dist/esm/v3/components/or-input-v3/index.js +2 -2
- package/dist/esm/v3/components/or-search-v3/index.js +3 -3
- package/dist/esm/v3/components/or-select-v3/index.js +3 -3
- package/dist/esm/v3/components/or-tags-v3/OrTags.vue.d.ts +2 -7
- package/dist/esm/v3/components/or-tags-v3/index.js +1 -1
- package/dist/esm/v3/components/or-textarea-v3/index.js +2 -2
- package/dist/esm/v3/components/or-time-picker-v3/index.js +2 -2
- package/dist/esm/v3/index.js +15 -16
- package/package.json +4 -3
- package/src/components/index.ts +1 -2
- package/src/components/or-card-collection-v3/styles.ts +7 -0
- package/src/components/or-inline-input-v3/styles.ts +1 -1
- package/src/components/or-inline-textarea-v3/styles.ts +1 -1
- package/src/components/or-input-box-v3/styles.ts +0 -3
- package/src/components/or-input-v3/styles.ts +2 -2
- package/src/components/or-tags-v3/OrTags.vue +0 -14
- package/src/components/or-tags-v3/styles.ts +0 -3
- package/src/components/or-textarea-v3/styles.ts +1 -1
- package/dist/bundled/v2/components/OrTagInputV3/OrTagInput.js +0 -359
- package/dist/bundled/v2/components/OrTagInputV3/OrTagInput.vue.d.ts +0 -179
- package/dist/bundled/v2/components/OrTagInputV3/index.d.ts +0 -2
- package/dist/bundled/v2/components/OrTagInputV3/index.js +0 -55
- package/dist/bundled/v2/components/OrTagInputV3/props.d.ts +0 -1
- package/dist/bundled/v2/components/OrTagInputV3/props.js +0 -1
- package/dist/bundled/v2/components/OrTagInputV3/styles.d.ts +0 -3
- package/dist/bundled/v2/components/OrTagInputV3/styles.js +0 -17
- package/dist/bundled/v3/OrTagInput.vue_vue_type_script_lang-60f6d6de.js +0 -149
- package/dist/bundled/v3/components/OrTagInputV3/OrTagInput.js +0 -170
- package/dist/bundled/v3/components/OrTagInputV3/OrTagInput.vue.d.ts +0 -131
- package/dist/bundled/v3/components/OrTagInputV3/index.d.ts +0 -2
- package/dist/bundled/v3/components/OrTagInputV3/index.js +0 -68
- package/dist/bundled/v3/components/OrTagInputV3/props.d.ts +0 -1
- package/dist/bundled/v3/components/OrTagInputV3/props.js +0 -1
- package/dist/bundled/v3/components/OrTagInputV3/styles.d.ts +0 -3
- package/dist/bundled/v3/components/OrTagInputV3/styles.js +0 -17
- package/dist/esm/v2/OrTagInput-0a313fa1.js +0 -336
- package/dist/esm/v2/components/or-tag-input-v3/OrTagInput.vue.d.ts +0 -179
- package/dist/esm/v2/components/or-tag-input-v3/index.d.ts +0 -2
- package/dist/esm/v2/components/or-tag-input-v3/index.js +0 -31
- package/dist/esm/v2/components/or-tag-input-v3/props.d.ts +0 -1
- package/dist/esm/v2/components/or-tag-input-v3/styles.d.ts +0 -3
- package/dist/esm/v3/OrTagInput-14f5f8c9.js +0 -261
- package/dist/esm/v3/components/or-tag-input-v3/OrTagInput.vue.d.ts +0 -131
- package/dist/esm/v3/components/or-tag-input-v3/index.d.ts +0 -2
- package/dist/esm/v3/components/or-tag-input-v3/index.js +0 -29
- package/dist/esm/v3/components/or-tag-input-v3/props.d.ts +0 -1
- package/dist/esm/v3/components/or-tag-input-v3/styles.d.ts +0 -3
- package/src/components/or-tag-input-v3/OrTagInput.vue +0 -296
- package/src/components/or-tag-input-v3/index.ts +0 -2
- package/src/components/or-tag-input-v3/props.ts +0 -1
- package/src/components/or-tag-input-v3/styles.ts +0 -24
- /package/dist/bundled/v3/{OrInlineInput.vue_vue_type_script_lang-820cc7e9.js → OrInlineInput.vue_vue_type_script_lang-c4fb7c0e.js} +0 -0
- /package/dist/bundled/v3/{OrInlineTextarea.vue_vue_type_script_lang-8e639991.js → OrInlineTextarea.vue_vue_type_script_lang-4569f111.js} +0 -0
- /package/dist/bundled/v3/{OrInputBox.vue_vue_type_script_lang-49fb179a.js → OrInputBox.vue_vue_type_script_lang-ede24b04.js} +0 -0
|
@@ -1,179 +0,0 @@
|
|
|
1
|
-
import { PropType } from 'vue-demi';
|
|
2
|
-
import { TagInputSize } from './props';
|
|
3
|
-
declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
|
|
4
|
-
root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
|
|
5
|
-
control: import("@vue/composition-api").Ref<HTMLInputElement | undefined>;
|
|
6
|
-
rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
|
|
7
|
-
controlStyles: import("@vue/composition-api").ComputedRef<string[]>;
|
|
8
|
-
itemStyles: import("@vue/composition-api").ComputedRef<string[]>;
|
|
9
|
-
controlAttributes: {
|
|
10
|
-
required: boolean | undefined;
|
|
11
|
-
minlength: number | undefined;
|
|
12
|
-
maxlength: number | undefined;
|
|
13
|
-
pattern: string | undefined;
|
|
14
|
-
min: number | undefined;
|
|
15
|
-
max: number | undefined;
|
|
16
|
-
step: number | undefined;
|
|
17
|
-
readonly: boolean | undefined;
|
|
18
|
-
disabled: boolean | undefined;
|
|
19
|
-
'force-state': string | undefined;
|
|
20
|
-
id: string | undefined;
|
|
21
|
-
};
|
|
22
|
-
proxyModelValue: import("@vue/composition-api").WritableComputedRef<string[]>;
|
|
23
|
-
draftModelValue: import("@vue/composition-api").Ref<string | undefined>;
|
|
24
|
-
currentLength: import("@vue/composition-api").ComputedRef<number>;
|
|
25
|
-
maxLength: import("@vue/composition-api").ComputedRef<number | undefined>;
|
|
26
|
-
focus: () => void;
|
|
27
|
-
blur: () => void;
|
|
28
|
-
add: () => void;
|
|
29
|
-
remove: (value: string) => void;
|
|
30
|
-
reset: () => void;
|
|
31
|
-
}> & import("@vue/composition-api").Data, {}, {}, {
|
|
32
|
-
modelValue: {
|
|
33
|
-
type: PropType<string[]>;
|
|
34
|
-
default: () => never[];
|
|
35
|
-
};
|
|
36
|
-
size: {
|
|
37
|
-
type: PropType<"m" | "s">;
|
|
38
|
-
default: TagInputSize;
|
|
39
|
-
};
|
|
40
|
-
label: {
|
|
41
|
-
type: StringConstructor;
|
|
42
|
-
default: undefined;
|
|
43
|
-
};
|
|
44
|
-
placeholder: {
|
|
45
|
-
type: StringConstructor;
|
|
46
|
-
default: undefined;
|
|
47
|
-
};
|
|
48
|
-
hint: {
|
|
49
|
-
type: StringConstructor;
|
|
50
|
-
default: undefined;
|
|
51
|
-
};
|
|
52
|
-
error: {
|
|
53
|
-
type: (BooleanConstructor | StringConstructor)[];
|
|
54
|
-
default: undefined;
|
|
55
|
-
};
|
|
56
|
-
required: {
|
|
57
|
-
type: BooleanConstructor;
|
|
58
|
-
default: boolean;
|
|
59
|
-
};
|
|
60
|
-
readonly: {
|
|
61
|
-
type: BooleanConstructor;
|
|
62
|
-
default: boolean;
|
|
63
|
-
};
|
|
64
|
-
disabled: {
|
|
65
|
-
type: BooleanConstructor;
|
|
66
|
-
default: boolean;
|
|
67
|
-
};
|
|
68
|
-
disableDefaultStyles: {
|
|
69
|
-
type: BooleanConstructor;
|
|
70
|
-
default: boolean;
|
|
71
|
-
};
|
|
72
|
-
}, import("@vue/composition-api").ExtractPropTypes<{
|
|
73
|
-
modelValue: {
|
|
74
|
-
type: PropType<string[]>;
|
|
75
|
-
default: () => never[];
|
|
76
|
-
};
|
|
77
|
-
size: {
|
|
78
|
-
type: PropType<"m" | "s">;
|
|
79
|
-
default: TagInputSize;
|
|
80
|
-
};
|
|
81
|
-
label: {
|
|
82
|
-
type: StringConstructor;
|
|
83
|
-
default: undefined;
|
|
84
|
-
};
|
|
85
|
-
placeholder: {
|
|
86
|
-
type: StringConstructor;
|
|
87
|
-
default: undefined;
|
|
88
|
-
};
|
|
89
|
-
hint: {
|
|
90
|
-
type: StringConstructor;
|
|
91
|
-
default: undefined;
|
|
92
|
-
};
|
|
93
|
-
error: {
|
|
94
|
-
type: (BooleanConstructor | StringConstructor)[];
|
|
95
|
-
default: undefined;
|
|
96
|
-
};
|
|
97
|
-
required: {
|
|
98
|
-
type: BooleanConstructor;
|
|
99
|
-
default: boolean;
|
|
100
|
-
};
|
|
101
|
-
readonly: {
|
|
102
|
-
type: BooleanConstructor;
|
|
103
|
-
default: boolean;
|
|
104
|
-
};
|
|
105
|
-
disabled: {
|
|
106
|
-
type: BooleanConstructor;
|
|
107
|
-
default: boolean;
|
|
108
|
-
};
|
|
109
|
-
disableDefaultStyles: {
|
|
110
|
-
type: BooleanConstructor;
|
|
111
|
-
default: boolean;
|
|
112
|
-
};
|
|
113
|
-
}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
|
|
114
|
-
modelValue: string[];
|
|
115
|
-
size: "m" | "s";
|
|
116
|
-
label: string;
|
|
117
|
-
placeholder: string;
|
|
118
|
-
hint: string;
|
|
119
|
-
error: string | boolean;
|
|
120
|
-
required: boolean;
|
|
121
|
-
readonly: boolean;
|
|
122
|
-
disabled: boolean;
|
|
123
|
-
disableDefaultStyles: boolean;
|
|
124
|
-
} & {} & {
|
|
125
|
-
[x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
|
|
126
|
-
}, import("@vue/composition-api").ShallowUnwrapRef<{
|
|
127
|
-
root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
|
|
128
|
-
control: import("@vue/composition-api").Ref<HTMLInputElement | undefined>;
|
|
129
|
-
rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
|
|
130
|
-
controlStyles: import("@vue/composition-api").ComputedRef<string[]>;
|
|
131
|
-
itemStyles: import("@vue/composition-api").ComputedRef<string[]>;
|
|
132
|
-
controlAttributes: {
|
|
133
|
-
required: boolean | undefined;
|
|
134
|
-
minlength: number | undefined;
|
|
135
|
-
maxlength: number | undefined;
|
|
136
|
-
pattern: string | undefined;
|
|
137
|
-
min: number | undefined;
|
|
138
|
-
max: number | undefined;
|
|
139
|
-
step: number | undefined;
|
|
140
|
-
readonly: boolean | undefined;
|
|
141
|
-
disabled: boolean | undefined;
|
|
142
|
-
'force-state': string | undefined;
|
|
143
|
-
id: string | undefined;
|
|
144
|
-
};
|
|
145
|
-
proxyModelValue: import("@vue/composition-api").WritableComputedRef<string[]>;
|
|
146
|
-
draftModelValue: import("@vue/composition-api").Ref<string | undefined>;
|
|
147
|
-
currentLength: import("@vue/composition-api").ComputedRef<number>;
|
|
148
|
-
maxLength: import("@vue/composition-api").ComputedRef<number | undefined>;
|
|
149
|
-
focus: () => void;
|
|
150
|
-
blur: () => void;
|
|
151
|
-
add: () => void;
|
|
152
|
-
remove: (value: string) => void;
|
|
153
|
-
reset: () => void;
|
|
154
|
-
}>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
|
|
155
|
-
modelValue: string[];
|
|
156
|
-
size: "m" | "s";
|
|
157
|
-
label: string;
|
|
158
|
-
placeholder: string;
|
|
159
|
-
hint: string;
|
|
160
|
-
error: string | boolean;
|
|
161
|
-
required: boolean;
|
|
162
|
-
readonly: boolean;
|
|
163
|
-
disabled: boolean;
|
|
164
|
-
disableDefaultStyles: boolean;
|
|
165
|
-
} & {} & {
|
|
166
|
-
[x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
|
|
167
|
-
}, {
|
|
168
|
-
modelValue: string[];
|
|
169
|
-
size: "m" | "s";
|
|
170
|
-
label: string;
|
|
171
|
-
placeholder: string;
|
|
172
|
-
hint: string;
|
|
173
|
-
error: string | boolean;
|
|
174
|
-
required: boolean;
|
|
175
|
-
readonly: boolean;
|
|
176
|
-
disabled: boolean;
|
|
177
|
-
disableDefaultStyles: boolean;
|
|
178
|
-
}, true>);
|
|
179
|
-
export default _default;
|
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
export { default as OrTagInputV3 } from './OrTagInput.js';
|
|
2
|
-
export { InputBoxSize as TagInputSize } from '../OrInputBoxV3/props.js';
|
|
3
|
-
import 'vue-demi';
|
|
4
|
-
import './styles.js';
|
|
5
|
-
import '../OrErrorV3/OrError.js';
|
|
6
|
-
import '../OrErrorV3/styles.js';
|
|
7
|
-
import '../../normalize-component-6e8e3d80.js';
|
|
8
|
-
import '../OrHintV3/OrHint.js';
|
|
9
|
-
import '../OrHintV3/styles.js';
|
|
10
|
-
import '../OrIconButtonV3/OrIconButton.js';
|
|
11
|
-
import '../OrIconButtonV3/props.js';
|
|
12
|
-
import '../OrIconV3/props.js';
|
|
13
|
-
import '../OrIconButtonV3/styles.js';
|
|
14
|
-
import '../OrIconV3/OrIcon.js';
|
|
15
|
-
import '../OrIconV3/styles.js';
|
|
16
|
-
import '../OrTooltipV3/OrTooltip.js';
|
|
17
|
-
import '../OrTooltipV3/styles.js';
|
|
18
|
-
import '../OrPopoverV3/OrPopover.js';
|
|
19
|
-
import '../../floating-ui.dom.esm-83eba816.js';
|
|
20
|
-
import '../../index-c92e2839.js';
|
|
21
|
-
import '../../index-ec92055d.js';
|
|
22
|
-
import '../OrPopoverV3/props.js';
|
|
23
|
-
import '../OrPopoverV3/styles.js';
|
|
24
|
-
import '../OrBottomSheetV3/OrBottomSheet.js';
|
|
25
|
-
import '../OrBottomSheetV3/props.js';
|
|
26
|
-
import '../OrBottomSheetV3/styles.js';
|
|
27
|
-
import '../OrOverlayV3/OrOverlay.js';
|
|
28
|
-
import '../OrOverlayV3/styles.js';
|
|
29
|
-
import '../OrTeleportV3/OrTeleport.js';
|
|
30
|
-
import 'vue';
|
|
31
|
-
import '../../hooks/useElevation.js';
|
|
32
|
-
import '../../utils/isVisible.js';
|
|
33
|
-
import '../../hooks/usePopoverState.js';
|
|
34
|
-
import '../../hooks/useResponsive/useResponsive.js';
|
|
35
|
-
import '../OrInputBoxV3/OrInputBox.js';
|
|
36
|
-
import '../OrInputBoxV3/styles.js';
|
|
37
|
-
import '../OrLabelV3/OrLabel.js';
|
|
38
|
-
import '../OrLabelV3/props.js';
|
|
39
|
-
import '../OrLabelV3/styles.js';
|
|
40
|
-
import '../OrTagsV3/OrTags.js';
|
|
41
|
-
import '../OrTagsV3/styles.js';
|
|
42
|
-
import '../OrButtonV3/OrButton.js';
|
|
43
|
-
import '../OrButtonV3/props.js';
|
|
44
|
-
import '../OrButtonV3/styles.js';
|
|
45
|
-
import '../OrLoaderV3/OrLoader.js';
|
|
46
|
-
import '../OrLoaderV3/props.js';
|
|
47
|
-
import '../OrLoaderV3/styles.js';
|
|
48
|
-
import '../OrTagV3/OrTag.js';
|
|
49
|
-
import '../OrTagV3/props.js';
|
|
50
|
-
import '../OrTagV3/styles.js';
|
|
51
|
-
import '../../hooks/useOverflow.js';
|
|
52
|
-
import '../../hooks/useIdAttribute.js';
|
|
53
|
-
import '../../hooks/useControlAttributes.js';
|
|
54
|
-
import '../../hooks/useValidationAttributes.js';
|
|
55
|
-
import '../../style-inject.es-4c6f2515.js';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { InputBoxSize as TagInputSize } from '../or-input-box-v3';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { InputBoxSize as TagInputSize } from '../OrInputBoxV3/props.js';
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
const TagInput = [
|
|
2
|
-
// Layout
|
|
3
|
-
'layout-column',
|
|
4
|
-
// Spacing
|
|
5
|
-
'gap-xs'];
|
|
6
|
-
const TagInputControl = [
|
|
7
|
-
// Layout
|
|
8
|
-
'flex-auto',
|
|
9
|
-
// Typography
|
|
10
|
-
'typography-inherit',
|
|
11
|
-
// Theme (placeholder)
|
|
12
|
-
'placeholder:theme-foreground-outline', 'dark:placeholder:theme-foreground-outline-dark'];
|
|
13
|
-
const TagInputItem = [
|
|
14
|
-
// Box
|
|
15
|
-
'!min-h-0'];
|
|
16
|
-
|
|
17
|
-
export { TagInput, TagInputControl, TagInputItem };
|
|
@@ -1,149 +0,0 @@
|
|
|
1
|
-
import { defineComponent, ref, computed, reactive } from 'vue-demi';
|
|
2
|
-
import { TagInput, TagInputControl, TagInputItem } from './components/OrTagInputV3/styles.js';
|
|
3
|
-
import './components/OrErrorV3/OrError.js';
|
|
4
|
-
import './components/OrHintV3/OrHint.js';
|
|
5
|
-
import './components/OrIconButtonV3/OrIconButton.js';
|
|
6
|
-
import './components/OrInputBoxV3/OrInputBox.js';
|
|
7
|
-
import './components/OrLabelV3/OrLabel.js';
|
|
8
|
-
import './components/OrTagsV3/OrTags.js';
|
|
9
|
-
import { s as script$6 } from './OrTags.vue_vue_type_script_lang-45bbc68e.js';
|
|
10
|
-
import { useIdAttribute } from './hooks/useIdAttribute.js';
|
|
11
|
-
import { useControlAttributes } from './hooks/useControlAttributes.js';
|
|
12
|
-
import { useValidationAttributes } from './hooks/useValidationAttributes.js';
|
|
13
|
-
import { s as script$1 } from './OrError.vue_vue_type_script_lang-df7b5e32.js';
|
|
14
|
-
import { s as script$2 } from './OrHint.vue_vue_type_script_lang-0f5e8377.js';
|
|
15
|
-
import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-c3a78c23.js';
|
|
16
|
-
import { s as script$4 } from './OrInputBox.vue_vue_type_script_lang-49fb179a.js';
|
|
17
|
-
import { s as script$5 } from './OrLabel.vue_vue_type_script_lang-3e11ab8a.js';
|
|
18
|
-
import { InputBoxSize } from './components/OrInputBoxV3/props.js';
|
|
19
|
-
|
|
20
|
-
var script = defineComponent({
|
|
21
|
-
name: 'OrTagInput',
|
|
22
|
-
components: {
|
|
23
|
-
OrError: script$1,
|
|
24
|
-
OrHint: script$2,
|
|
25
|
-
OrIconButton: script$3,
|
|
26
|
-
OrInputBox: script$4,
|
|
27
|
-
OrLabel: script$5,
|
|
28
|
-
OrTags: script$6
|
|
29
|
-
},
|
|
30
|
-
model: {
|
|
31
|
-
prop: 'modelValue',
|
|
32
|
-
event: 'update:modelValue'
|
|
33
|
-
},
|
|
34
|
-
props: {
|
|
35
|
-
modelValue: {
|
|
36
|
-
type: Array,
|
|
37
|
-
default: () => []
|
|
38
|
-
},
|
|
39
|
-
size: {
|
|
40
|
-
type: String,
|
|
41
|
-
default: InputBoxSize.M
|
|
42
|
-
},
|
|
43
|
-
label: {
|
|
44
|
-
type: String,
|
|
45
|
-
default: undefined
|
|
46
|
-
},
|
|
47
|
-
placeholder: {
|
|
48
|
-
type: String,
|
|
49
|
-
default: undefined
|
|
50
|
-
},
|
|
51
|
-
hint: {
|
|
52
|
-
type: String,
|
|
53
|
-
default: undefined
|
|
54
|
-
},
|
|
55
|
-
error: {
|
|
56
|
-
type: [String, Boolean],
|
|
57
|
-
default: undefined
|
|
58
|
-
},
|
|
59
|
-
required: {
|
|
60
|
-
type: Boolean,
|
|
61
|
-
default: false
|
|
62
|
-
},
|
|
63
|
-
readonly: {
|
|
64
|
-
type: Boolean,
|
|
65
|
-
default: false
|
|
66
|
-
},
|
|
67
|
-
disabled: {
|
|
68
|
-
type: Boolean,
|
|
69
|
-
default: false
|
|
70
|
-
},
|
|
71
|
-
disableDefaultStyles: {
|
|
72
|
-
type: Boolean,
|
|
73
|
-
default: false
|
|
74
|
-
}
|
|
75
|
-
},
|
|
76
|
-
emits: ['update:modelValue', 'keydown', 'keyup', 'focus', 'blur'],
|
|
77
|
-
expose: ['root', 'focus', 'blur'],
|
|
78
|
-
setup(props, context) {
|
|
79
|
-
// Refs
|
|
80
|
-
const root = ref();
|
|
81
|
-
const control = ref();
|
|
82
|
-
// Styles
|
|
83
|
-
const rootStyles = computed(() => ['or-tag-input-v3', ...TagInput]);
|
|
84
|
-
const controlStyles = computed(() => [...TagInputControl]);
|
|
85
|
-
const itemStyles = computed(() => [...TagInputItem]);
|
|
86
|
-
// State
|
|
87
|
-
const controlAttributes = reactive({
|
|
88
|
-
id: useIdAttribute(),
|
|
89
|
-
...useControlAttributes(),
|
|
90
|
-
...useValidationAttributes()
|
|
91
|
-
});
|
|
92
|
-
const proxyModelValue = computed({
|
|
93
|
-
get: () => props.modelValue,
|
|
94
|
-
set: value => {
|
|
95
|
-
context.emit('update:modelValue', value);
|
|
96
|
-
}
|
|
97
|
-
});
|
|
98
|
-
const draftModelValue = ref();
|
|
99
|
-
const currentLength = computed(() => {
|
|
100
|
-
var _a, _b;
|
|
101
|
-
return (_b = (_a = proxyModelValue.value) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0;
|
|
102
|
-
});
|
|
103
|
-
const maxLength = computed(() => controlAttributes.maxlength);
|
|
104
|
-
// Methods
|
|
105
|
-
function focus() {
|
|
106
|
-
var _a;
|
|
107
|
-
(_a = control.value) === null || _a === void 0 ? void 0 : _a.focus();
|
|
108
|
-
}
|
|
109
|
-
function blur() {
|
|
110
|
-
var _a;
|
|
111
|
-
(_a = control.value) === null || _a === void 0 ? void 0 : _a.blur();
|
|
112
|
-
}
|
|
113
|
-
function add() {
|
|
114
|
-
var _a;
|
|
115
|
-
const newItem = (_a = draftModelValue.value) === null || _a === void 0 ? void 0 : _a.trim();
|
|
116
|
-
if (!newItem) return;
|
|
117
|
-
if (proxyModelValue.value.includes(newItem)) return;
|
|
118
|
-
if (maxLength.value && currentLength.value >= maxLength.value) return;
|
|
119
|
-
proxyModelValue.value = [...proxyModelValue.value, newItem];
|
|
120
|
-
draftModelValue.value = undefined;
|
|
121
|
-
}
|
|
122
|
-
function remove(value) {
|
|
123
|
-
proxyModelValue.value = proxyModelValue.value.filter(item => item !== value);
|
|
124
|
-
}
|
|
125
|
-
function reset() {
|
|
126
|
-
proxyModelValue.value = [];
|
|
127
|
-
draftModelValue.value = undefined;
|
|
128
|
-
}
|
|
129
|
-
return {
|
|
130
|
-
root,
|
|
131
|
-
control,
|
|
132
|
-
rootStyles,
|
|
133
|
-
controlStyles,
|
|
134
|
-
itemStyles,
|
|
135
|
-
controlAttributes,
|
|
136
|
-
proxyModelValue,
|
|
137
|
-
draftModelValue,
|
|
138
|
-
currentLength,
|
|
139
|
-
maxLength,
|
|
140
|
-
focus,
|
|
141
|
-
blur,
|
|
142
|
-
add,
|
|
143
|
-
remove,
|
|
144
|
-
reset
|
|
145
|
-
};
|
|
146
|
-
}
|
|
147
|
-
});
|
|
148
|
-
|
|
149
|
-
export { script as s };
|
|
@@ -1,170 +0,0 @@
|
|
|
1
|
-
import { s as script } from '../../OrTagInput.vue_vue_type_script_lang-60f6d6de.js';
|
|
2
|
-
export { s as default } from '../../OrTagInput.vue_vue_type_script_lang-60f6d6de.js';
|
|
3
|
-
import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createVNode, withModifiers, withDirectives, createElementVNode, mergeProps, withKeys, vModelDynamic, createSlots, vShow } from 'vue';
|
|
4
|
-
import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
|
|
5
|
-
import 'vue-demi';
|
|
6
|
-
import './styles.js';
|
|
7
|
-
import '../OrErrorV3/OrError.js';
|
|
8
|
-
import '../../OrError.vue_vue_type_script_lang-df7b5e32.js';
|
|
9
|
-
import '../OrErrorV3/styles.js';
|
|
10
|
-
import '../OrHintV3/OrHint.js';
|
|
11
|
-
import '../../OrHint.vue_vue_type_script_lang-0f5e8377.js';
|
|
12
|
-
import '../OrHintV3/styles.js';
|
|
13
|
-
import '../OrIconButtonV3/OrIconButton.js';
|
|
14
|
-
import '../../OrIconButton.vue_vue_type_script_lang-c3a78c23.js';
|
|
15
|
-
import '../OrIconButtonV3/props.js';
|
|
16
|
-
import '../OrIconV3/props.js';
|
|
17
|
-
import '../OrIconButtonV3/styles.js';
|
|
18
|
-
import '../OrIconV3/OrIcon.js';
|
|
19
|
-
import '../../OrIcon.vue_vue_type_script_lang-73f9cc63.js';
|
|
20
|
-
import '../OrIconV3/styles.js';
|
|
21
|
-
import '../OrTooltipV3/OrTooltip.js';
|
|
22
|
-
import '../../OrTooltip.vue_vue_type_script_lang-227592d8.js';
|
|
23
|
-
import '../OrTooltipV3/styles.js';
|
|
24
|
-
import '../OrPopoverV3/OrPopover.js';
|
|
25
|
-
import '../../OrPopover.vue_vue_type_script_lang-506ae7bb.js';
|
|
26
|
-
import '../../floating-ui.dom.esm-83eba816.js';
|
|
27
|
-
import '../../index-09d1cb24.js';
|
|
28
|
-
import '../../index-f4d8e24c.js';
|
|
29
|
-
import '../OrPopoverV3/props.js';
|
|
30
|
-
import '../OrPopoverV3/styles.js';
|
|
31
|
-
import '../OrBottomSheetV3/OrBottomSheet.js';
|
|
32
|
-
import '../../OrBottomSheet.vue_vue_type_script_lang-214a0eea.js';
|
|
33
|
-
import '../OrBottomSheetV3/props.js';
|
|
34
|
-
import '../OrBottomSheetV3/styles.js';
|
|
35
|
-
import '../OrOverlayV3/OrOverlay.js';
|
|
36
|
-
import '../../OrOverlay.vue_vue_type_script_lang-0fdf19ba.js';
|
|
37
|
-
import '../OrOverlayV3/styles.js';
|
|
38
|
-
import '../OrTeleportV3/OrTeleport.js';
|
|
39
|
-
import '../../OrTeleport.vue3.vue_vue_type_script_lang-a6ce162e.js';
|
|
40
|
-
import '../../hooks/useElevation.js';
|
|
41
|
-
import '../../utils/isVisible.js';
|
|
42
|
-
import '../../hooks/usePopoverState.js';
|
|
43
|
-
import '../../hooks/useResponsive/useResponsive.js';
|
|
44
|
-
import '../OrInputBoxV3/OrInputBox.js';
|
|
45
|
-
import '../../OrInputBox.vue_vue_type_script_lang-49fb179a.js';
|
|
46
|
-
import '../OrInputBoxV3/props.js';
|
|
47
|
-
import '../OrInputBoxV3/styles.js';
|
|
48
|
-
import '../OrLabelV3/OrLabel.js';
|
|
49
|
-
import '../../OrLabel.vue_vue_type_script_lang-3e11ab8a.js';
|
|
50
|
-
import '../OrLabelV3/props.js';
|
|
51
|
-
import '../OrLabelV3/styles.js';
|
|
52
|
-
import '../OrTagsV3/OrTags.js';
|
|
53
|
-
import '../../OrTags.vue_vue_type_script_lang-45bbc68e.js';
|
|
54
|
-
import '../OrTagsV3/styles.js';
|
|
55
|
-
import '../OrButtonV3/OrButton.js';
|
|
56
|
-
import '../../OrButton.vue_vue_type_script_lang-e8969bd3.js';
|
|
57
|
-
import '../OrButtonV3/props.js';
|
|
58
|
-
import '../OrButtonV3/styles.js';
|
|
59
|
-
import '../OrLoaderV3/OrLoader.js';
|
|
60
|
-
import '../../OrLoader.vue_vue_type_script_lang-f076f6b3.js';
|
|
61
|
-
import '../OrLoaderV3/props.js';
|
|
62
|
-
import '../OrLoaderV3/styles.js';
|
|
63
|
-
import '../OrTagV3/OrTag.js';
|
|
64
|
-
import '../../OrTag.vue_vue_type_script_lang-c7065625.js';
|
|
65
|
-
import '../OrTagV3/props.js';
|
|
66
|
-
import '../OrTagV3/styles.js';
|
|
67
|
-
import '../../hooks/useOverflow.js';
|
|
68
|
-
import '../../hooks/useIdAttribute.js';
|
|
69
|
-
import '../../hooks/useControlAttributes.js';
|
|
70
|
-
import '../../hooks/useValidationAttributes.js';
|
|
71
|
-
|
|
72
|
-
const _hoisted_1 = ["placeholder", "readonly", "disabled"];
|
|
73
|
-
const _hoisted_2 = {
|
|
74
|
-
class: /*#__PURE__*/normalizeClass(['contents'])
|
|
75
|
-
};
|
|
76
|
-
const _hoisted_3 = {
|
|
77
|
-
class: /*#__PURE__*/normalizeClass(['contents'])
|
|
78
|
-
};
|
|
79
|
-
function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
80
|
-
const _component_OrLabel = resolveComponent("OrLabel");
|
|
81
|
-
const _component_OrTags = resolveComponent("OrTags");
|
|
82
|
-
const _component_OrIconButton = resolveComponent("OrIconButton");
|
|
83
|
-
const _component_OrInputBox = resolveComponent("OrInputBox");
|
|
84
|
-
const _component_OrHint = resolveComponent("OrHint");
|
|
85
|
-
const _component_OrError = resolveComponent("OrError");
|
|
86
|
-
return openBlock(), createElementBlock("div", {
|
|
87
|
-
ref: "root",
|
|
88
|
-
class: normalizeClass(_ctx.rootStyles)
|
|
89
|
-
}, [_ctx.label ? (openBlock(), createBlock(_component_OrLabel, {
|
|
90
|
-
key: 0,
|
|
91
|
-
"control-id": _ctx.controlAttributes.id,
|
|
92
|
-
variant: 'input',
|
|
93
|
-
required: _ctx.required,
|
|
94
|
-
disabled: _ctx.disabled
|
|
95
|
-
}, {
|
|
96
|
-
addon: withCtx(() => [renderSlot(_ctx.$slots, "addon")]),
|
|
97
|
-
default: withCtx(() => [createTextVNode(toDisplayString(_ctx.label) + " ", 1 /* TEXT */)]),
|
|
98
|
-
|
|
99
|
-
_: 3 /* FORWARDED */
|
|
100
|
-
}, 8 /* PROPS */, ["control-id", "required", "disabled"])) : createCommentVNode("v-if", true), createVNode(_component_OrInputBox, {
|
|
101
|
-
variant: _ctx.disableDefaultStyles ? 'unstyled' : 'styled',
|
|
102
|
-
size: _ctx.size,
|
|
103
|
-
invalid: !!_ctx.error,
|
|
104
|
-
readonly: _ctx.readonly,
|
|
105
|
-
disabled: _ctx.disabled
|
|
106
|
-
}, {
|
|
107
|
-
addon: withCtx(() => [_ctx.proxyModelValue.length > 0 || _ctx.draftModelValue ? (openBlock(), createBlock(_component_OrIconButton, {
|
|
108
|
-
key: 0,
|
|
109
|
-
icon: 'close',
|
|
110
|
-
color: 'inherit',
|
|
111
|
-
disabled: _ctx.readonly || _ctx.disabled,
|
|
112
|
-
onClick: _cache[7] || (_cache[7] = withModifiers($event => _ctx.reset(), ["stop"]))
|
|
113
|
-
}, null, 8 /* PROPS */, ["disabled"])) : createCommentVNode("v-if", true)]),
|
|
114
|
-
default: withCtx(() => [createVNode(_component_OrTags, {
|
|
115
|
-
items: _ctx.proxyModelValue,
|
|
116
|
-
"tag-props": {
|
|
117
|
-
variant: _ctx.readonly || _ctx.disabled ? 'tag' : 'reset',
|
|
118
|
-
disabled: _ctx.disabled
|
|
119
|
-
},
|
|
120
|
-
onReset: _cache[0] || (_cache[0] = $event => _ctx.remove($event))
|
|
121
|
-
}, null, 8 /* PROPS */, ["items", "tag-props"]), withDirectives(createElementVNode("input", mergeProps({
|
|
122
|
-
ref: "control",
|
|
123
|
-
"onUpdate:modelValue": _cache[1] || (_cache[1] = $event => _ctx.draftModelValue = $event)
|
|
124
|
-
}, _ctx.controlAttributes, {
|
|
125
|
-
class: _ctx.controlStyles,
|
|
126
|
-
type: 'text',
|
|
127
|
-
placeholder: !_ctx.proxyModelValue.length ? _ctx.placeholder : undefined,
|
|
128
|
-
readonly: _ctx.readonly,
|
|
129
|
-
disabled: _ctx.disabled,
|
|
130
|
-
autocomplete: 'off',
|
|
131
|
-
minlength: undefined,
|
|
132
|
-
maxlength: undefined,
|
|
133
|
-
onKeydown: [_cache[2] || (_cache[2] = withKeys($event => _ctx.add(), ["enter"])), _cache[3] || (_cache[3] = $event => _ctx.$emit('keydown', $event))],
|
|
134
|
-
onKeyup: _cache[4] || (_cache[4] = $event => _ctx.$emit('keyup', $event)),
|
|
135
|
-
onFocus: _cache[5] || (_cache[5] = $event => _ctx.$emit('focus', $event)),
|
|
136
|
-
onBlur: _cache[6] || (_cache[6] = $event => _ctx.$emit('blur', $event))
|
|
137
|
-
}), null, 16 /* FULL_PROPS */, _hoisted_1), [[vModelDynamic, _ctx.draftModelValue]])]),
|
|
138
|
-
_: 1 /* STABLE */
|
|
139
|
-
}, 8 /* PROPS */, ["variant", "size", "invalid", "readonly", "disabled"]), withDirectives(createElementVNode("div", _hoisted_2, [_ctx.hint || _ctx.maxLength ? (openBlock(), createBlock(_component_OrHint, {
|
|
140
|
-
key: 0,
|
|
141
|
-
disabled: _ctx.disabled
|
|
142
|
-
}, createSlots({
|
|
143
|
-
default: withCtx(() => [createTextVNode(toDisplayString(_ctx.hint) + " ", 1 /* TEXT */)]),
|
|
144
|
-
|
|
145
|
-
_: 2 /* DYNAMIC */
|
|
146
|
-
}, [_ctx.maxLength ? {
|
|
147
|
-
name: "addon",
|
|
148
|
-
fn: withCtx(() => [createTextVNode(toDisplayString(_ctx.currentLength) + " / " + toDisplayString(_ctx.maxLength), 1 /* TEXT */)]),
|
|
149
|
-
|
|
150
|
-
key: "0"
|
|
151
|
-
} : undefined]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["disabled"])) : createCommentVNode("v-if", true)], 512 /* NEED_PATCH */), [[vShow, !_ctx.error]]), withDirectives(createElementVNode("div", _hoisted_3, [createVNode(_component_OrError, {
|
|
152
|
-
disabled: _ctx.disabled
|
|
153
|
-
}, createSlots({
|
|
154
|
-
default: withCtx(() => [createTextVNode(toDisplayString(_ctx.error) + " ", 1 /* TEXT */)]),
|
|
155
|
-
|
|
156
|
-
_: 2 /* DYNAMIC */
|
|
157
|
-
}, [_ctx.maxLength ? {
|
|
158
|
-
name: "addon",
|
|
159
|
-
fn: withCtx(() => [createTextVNode(toDisplayString(_ctx.currentLength) + " / " + toDisplayString(_ctx.maxLength), 1 /* TEXT */)]),
|
|
160
|
-
|
|
161
|
-
key: "0"
|
|
162
|
-
} : undefined]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["disabled"])], 512 /* NEED_PATCH */), [[vShow, typeof _ctx.error === 'string']])], 2 /* CLASS */);
|
|
163
|
-
}
|
|
164
|
-
|
|
165
|
-
var css_248z = "\ninput[data-v-368ea875] {\n min-width: 0;\n background: none;\n outline: none;\n}\n";
|
|
166
|
-
styleInject(css_248z);
|
|
167
|
-
|
|
168
|
-
script.render = render;
|
|
169
|
-
script.__scopeId = "data-v-368ea875";
|
|
170
|
-
script.__file = "src/components/or-tag-input-v3/OrTagInput.vue";
|