@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.
Files changed (172) hide show
  1. package/dist/bundled/v2/components/OrCardCollectionV3/styles.js +6 -2
  2. package/dist/bundled/v2/components/OrInlineInputV3/styles.js +1 -1
  3. package/dist/bundled/v2/components/OrInlineTextareaV3/styles.js +1 -1
  4. package/dist/bundled/v2/components/OrInputBoxV3/styles.js +0 -2
  5. package/dist/bundled/v2/components/OrInputV3/styles.js +2 -2
  6. package/dist/bundled/v2/components/OrTagsV3/OrTags.js +2 -14
  7. package/dist/bundled/v2/components/OrTagsV3/OrTags.vue.d.ts +3 -7
  8. package/dist/bundled/v2/components/OrTagsV3/styles.js +0 -2
  9. package/dist/bundled/v2/components/OrTextareaV3/styles.js +1 -1
  10. package/dist/bundled/v2/components/index.d.ts +1 -2
  11. package/dist/bundled/v2/components/index.js +4 -6
  12. package/dist/bundled/v2/hooks/useTheme.js +0 -6
  13. package/dist/bundled/v2/index.js +6 -8
  14. package/dist/bundled/v3/{OrCardCollection.vue_vue_type_script_lang-748fb337.js → OrCardCollection.vue_vue_type_script_lang-ec925f28.js} +1 -1
  15. package/dist/bundled/v3/{OrConfirm.vue_vue_type_script_lang-93458f1f.js → OrConfirm.vue_vue_type_script_lang-0f1a6320.js} +1 -1
  16. package/dist/bundled/v3/{OrDatePicker.vue_vue_type_script_lang-8ec017e2.js → OrDatePicker.vue_vue_type_script_lang-3f8700f9.js} +1 -1
  17. package/dist/bundled/v3/{OrDateTimePicker.vue_vue_type_script_lang-fec947db.js → OrDateTimePicker.vue_vue_type_script_lang-ecd7cbd1.js} +1 -1
  18. package/dist/bundled/v3/{OrInput.vue_vue_type_script_lang-66363c62.js → OrInput.vue_vue_type_script_lang-a9fe34c8.js} +1 -1
  19. package/dist/bundled/v3/{OrSearch.vue_vue_type_script_lang-18dc2df8.js → OrSearch.vue_vue_type_script_lang-8a82fdc6.js} +1 -1
  20. package/dist/bundled/v3/{OrSelect.vue_vue_type_script_lang-359bac94.js → OrSelect.vue_vue_type_script_lang-ba73f458.js} +2 -2
  21. package/dist/bundled/v3/{OrTags.vue_vue_type_script_lang-45bbc68e.js → OrTags.vue_vue_type_script_lang-c14463c4.js} +0 -2
  22. package/dist/bundled/v3/{OrTextarea.vue_vue_type_script_lang-0d1a7a48.js → OrTextarea.vue_vue_type_script_lang-af284089.js} +1 -1
  23. package/dist/bundled/v3/{OrTimePicker.vue_vue_type_script_lang-c737eaa8.js → OrTimePicker.vue_vue_type_script_lang-845ec78b.js} +1 -1
  24. package/dist/bundled/v3/components/OrCardCollectionV3/OrCardCollection.js +5 -5
  25. package/dist/bundled/v3/components/OrCardCollectionV3/index.js +4 -4
  26. package/dist/bundled/v3/components/OrCardCollectionV3/styles.js +6 -2
  27. package/dist/bundled/v3/components/OrConfirmV3/OrConfirm.js +4 -4
  28. package/dist/bundled/v3/components/OrConfirmV3/index.js +3 -3
  29. package/dist/bundled/v3/components/OrDatePickerV3/OrDatePicker.js +3 -3
  30. package/dist/bundled/v3/components/OrDatePickerV3/index.js +2 -2
  31. package/dist/bundled/v3/components/OrDateTimePickerV3/OrDateTimePicker.js +3 -3
  32. package/dist/bundled/v3/components/OrDateTimePickerV3/index.js +2 -2
  33. package/dist/bundled/v3/components/OrInlineInputV3/OrInlineInput.js +2 -2
  34. package/dist/bundled/v3/components/OrInlineInputV3/index.js +1 -1
  35. package/dist/bundled/v3/components/OrInlineInputV3/styles.js +1 -1
  36. package/dist/bundled/v3/components/OrInlineTextareaV3/OrInlineTextarea.js +2 -2
  37. package/dist/bundled/v3/components/OrInlineTextareaV3/index.js +1 -1
  38. package/dist/bundled/v3/components/OrInlineTextareaV3/styles.js +1 -1
  39. package/dist/bundled/v3/components/OrInputBoxV3/OrInputBox.js +2 -2
  40. package/dist/bundled/v3/components/OrInputBoxV3/index.js +1 -1
  41. package/dist/bundled/v3/components/OrInputBoxV3/styles.js +0 -2
  42. package/dist/bundled/v3/components/OrInputV3/OrInput.js +3 -3
  43. package/dist/bundled/v3/components/OrInputV3/index.js +2 -2
  44. package/dist/bundled/v3/components/OrInputV3/styles.js +2 -2
  45. package/dist/bundled/v3/components/OrSearchV3/OrSearch.js +4 -4
  46. package/dist/bundled/v3/components/OrSearchV3/index.js +3 -3
  47. package/dist/bundled/v3/components/OrSelectV3/OrSelect.js +4 -4
  48. package/dist/bundled/v3/components/OrSelectV3/index.js +3 -3
  49. package/dist/bundled/v3/components/OrTagsV3/OrTags.js +6 -8
  50. package/dist/bundled/v3/components/OrTagsV3/OrTags.vue.d.ts +2 -7
  51. package/dist/bundled/v3/components/OrTagsV3/index.js +1 -1
  52. package/dist/bundled/v3/components/OrTagsV3/styles.js +0 -2
  53. package/dist/bundled/v3/components/OrTextareaV3/OrTextarea.js +3 -3
  54. package/dist/bundled/v3/components/OrTextareaV3/index.js +2 -2
  55. package/dist/bundled/v3/components/OrTextareaV3/styles.js +1 -1
  56. package/dist/bundled/v3/components/OrTimePickerV3/OrTimePicker.js +3 -3
  57. package/dist/bundled/v3/components/OrTimePickerV3/index.js +2 -2
  58. package/dist/bundled/v3/components/index.d.ts +1 -2
  59. package/dist/bundled/v3/components/index.js +17 -20
  60. package/dist/bundled/v3/hooks/useTheme.js +0 -6
  61. package/dist/bundled/v3/index.js +19 -22
  62. package/dist/esm/v2/{OrCardCollection-bd173449.js → OrCardCollection-a9736f16.js} +8 -4
  63. package/dist/esm/v2/{OrCombinedInput-ed20e33b.js → OrCombinedInput-9c2b15fe.js} +1 -1
  64. package/dist/esm/v2/{OrConfirm-0b56c11f.js → OrConfirm-fc656b7e.js} +1 -1
  65. package/dist/esm/v2/{OrDatePicker-0989a40c.js → OrDatePicker-73c19c1c.js} +2 -2
  66. package/dist/esm/v2/{OrDateTimePicker-ac766f04.js → OrDateTimePicker-aff87aaa.js} +2 -2
  67. package/dist/esm/v2/{OrInlineInput-84a8398c.js → OrInlineInput-252510d7.js} +1 -1
  68. package/dist/esm/v2/{OrInlineTextarea-f2ecbd39.js → OrInlineTextarea-8df56c4d.js} +1 -1
  69. package/dist/esm/v2/{OrInput-2eeff16a.js → OrInput-39feafce.js} +4 -4
  70. package/dist/esm/v2/{OrInputBox-11227ecd.js → OrInputBox-7f3c0ee9.js} +1 -1
  71. package/dist/esm/v2/{OrInputBox.vue_rollup-plugin-vue_script-1715021a.js → OrInputBox.vue_rollup-plugin-vue_script-906b3ef8.js} +0 -2
  72. package/dist/esm/v2/{OrSearch-33e3b0e4.js → OrSearch-cbd7fd0b.js} +2 -2
  73. package/dist/esm/v2/{OrSelect-340ae8d0.js → OrSelect-1132c7dc.js} +3 -3
  74. package/dist/esm/v2/{OrTags-9048733c.js → OrTags-e80cd854.js} +2 -16
  75. package/dist/esm/v2/{OrTextarea-978fb518.js → OrTextarea-01df0715.js} +3 -3
  76. package/dist/esm/v2/{OrTimePicker-5fd08ad2.js → OrTimePicker-00b7319c.js} +2 -2
  77. package/dist/esm/v2/components/index.d.ts +1 -2
  78. package/dist/esm/v2/components/index.js +16 -17
  79. package/dist/esm/v2/components/or-card-collection-v3/index.js +5 -5
  80. package/dist/esm/v2/components/or-combined-input-v3/index.js +2 -2
  81. package/dist/esm/v2/components/or-confirm-v3/index.js +4 -4
  82. package/dist/esm/v2/components/or-date-picker-v3/index.js +3 -3
  83. package/dist/esm/v2/components/or-date-time-picker-v3/index.js +3 -3
  84. package/dist/esm/v2/components/or-inline-input-v3/index.js +1 -1
  85. package/dist/esm/v2/components/or-inline-textarea-v3/index.js +1 -1
  86. package/dist/esm/v2/components/or-input-box-v3/index.js +2 -2
  87. package/dist/esm/v2/components/or-input-v3/index.js +3 -3
  88. package/dist/esm/v2/components/or-search-v3/index.js +4 -4
  89. package/dist/esm/v2/components/or-select-v3/index.js +4 -4
  90. package/dist/esm/v2/components/or-tags-v3/OrTags.vue.d.ts +3 -7
  91. package/dist/esm/v2/components/or-tags-v3/index.js +1 -1
  92. package/dist/esm/v2/components/or-textarea-v3/index.js +3 -3
  93. package/dist/esm/v2/components/or-time-picker-v3/index.js +3 -3
  94. package/dist/esm/v2/index.js +16 -17
  95. package/dist/esm/v3/{OrCardCollection-c5d5506c.js → OrCardCollection-8d41fafc.js} +8 -4
  96. package/dist/esm/v3/{OrCombinedInput-e3891038.js → OrCombinedInput-b5ba46a1.js} +1 -1
  97. package/dist/esm/v3/{OrConfirm-5509c440.js → OrConfirm-e8ee0b8f.js} +1 -1
  98. package/dist/esm/v3/{OrDatePicker-6ac8578a.js → OrDatePicker-19a07bb4.js} +1 -1
  99. package/dist/esm/v3/{OrDateTimePicker-b15d4198.js → OrDateTimePicker-219fa71d.js} +1 -1
  100. package/dist/esm/v3/{OrInlineInput-a6c33dc0.js → OrInlineInput-5d452b98.js} +1 -1
  101. package/dist/esm/v3/{OrInlineTextarea-f060dab5.js → OrInlineTextarea-1a769972.js} +1 -1
  102. package/dist/esm/v3/{OrInput-c653aedb.js → OrInput-a303f924.js} +3 -3
  103. package/dist/esm/v3/{OrInputBox-32b37b17.js → OrInputBox-32814878.js} +0 -2
  104. package/dist/esm/v3/{OrSearch-b945651d.js → OrSearch-c5ecb005.js} +2 -2
  105. package/dist/esm/v3/{OrSelect-a9be2490.js → OrSelect-9432ac4d.js} +2 -2
  106. package/dist/esm/v3/{OrTags-1621cbb9.js → OrTags-3f0ab56f.js} +4 -10
  107. package/dist/esm/v3/{OrTextarea-1e19417a.js → OrTextarea-0f9a2a27.js} +2 -2
  108. package/dist/esm/v3/{OrTimePicker-d66edf77.js → OrTimePicker-5cb9eb34.js} +1 -1
  109. package/dist/esm/v3/components/index.d.ts +1 -2
  110. package/dist/esm/v3/components/index.js +15 -16
  111. package/dist/esm/v3/components/or-card-collection-v3/index.js +4 -4
  112. package/dist/esm/v3/components/or-combined-input-v3/index.js +2 -2
  113. package/dist/esm/v3/components/or-confirm-v3/index.js +3 -3
  114. package/dist/esm/v3/components/or-date-picker-v3/index.js +2 -2
  115. package/dist/esm/v3/components/or-date-time-picker-v3/index.js +2 -2
  116. package/dist/esm/v3/components/or-inline-input-v3/index.js +1 -1
  117. package/dist/esm/v3/components/or-inline-textarea-v3/index.js +1 -1
  118. package/dist/esm/v3/components/or-input-box-v3/index.js +1 -1
  119. package/dist/esm/v3/components/or-input-v3/index.js +2 -2
  120. package/dist/esm/v3/components/or-search-v3/index.js +3 -3
  121. package/dist/esm/v3/components/or-select-v3/index.js +3 -3
  122. package/dist/esm/v3/components/or-tags-v3/OrTags.vue.d.ts +2 -7
  123. package/dist/esm/v3/components/or-tags-v3/index.js +1 -1
  124. package/dist/esm/v3/components/or-textarea-v3/index.js +2 -2
  125. package/dist/esm/v3/components/or-time-picker-v3/index.js +2 -2
  126. package/dist/esm/v3/index.js +15 -16
  127. package/package.json +4 -3
  128. package/src/components/index.ts +1 -2
  129. package/src/components/or-card-collection-v3/styles.ts +7 -0
  130. package/src/components/or-inline-input-v3/styles.ts +1 -1
  131. package/src/components/or-inline-textarea-v3/styles.ts +1 -1
  132. package/src/components/or-input-box-v3/styles.ts +0 -3
  133. package/src/components/or-input-v3/styles.ts +2 -2
  134. package/src/components/or-tags-v3/OrTags.vue +0 -14
  135. package/src/components/or-tags-v3/styles.ts +0 -3
  136. package/src/components/or-textarea-v3/styles.ts +1 -1
  137. package/dist/bundled/v2/components/OrTagInputV3/OrTagInput.js +0 -359
  138. package/dist/bundled/v2/components/OrTagInputV3/OrTagInput.vue.d.ts +0 -179
  139. package/dist/bundled/v2/components/OrTagInputV3/index.d.ts +0 -2
  140. package/dist/bundled/v2/components/OrTagInputV3/index.js +0 -55
  141. package/dist/bundled/v2/components/OrTagInputV3/props.d.ts +0 -1
  142. package/dist/bundled/v2/components/OrTagInputV3/props.js +0 -1
  143. package/dist/bundled/v2/components/OrTagInputV3/styles.d.ts +0 -3
  144. package/dist/bundled/v2/components/OrTagInputV3/styles.js +0 -17
  145. package/dist/bundled/v3/OrTagInput.vue_vue_type_script_lang-60f6d6de.js +0 -149
  146. package/dist/bundled/v3/components/OrTagInputV3/OrTagInput.js +0 -170
  147. package/dist/bundled/v3/components/OrTagInputV3/OrTagInput.vue.d.ts +0 -131
  148. package/dist/bundled/v3/components/OrTagInputV3/index.d.ts +0 -2
  149. package/dist/bundled/v3/components/OrTagInputV3/index.js +0 -68
  150. package/dist/bundled/v3/components/OrTagInputV3/props.d.ts +0 -1
  151. package/dist/bundled/v3/components/OrTagInputV3/props.js +0 -1
  152. package/dist/bundled/v3/components/OrTagInputV3/styles.d.ts +0 -3
  153. package/dist/bundled/v3/components/OrTagInputV3/styles.js +0 -17
  154. package/dist/esm/v2/OrTagInput-0a313fa1.js +0 -336
  155. package/dist/esm/v2/components/or-tag-input-v3/OrTagInput.vue.d.ts +0 -179
  156. package/dist/esm/v2/components/or-tag-input-v3/index.d.ts +0 -2
  157. package/dist/esm/v2/components/or-tag-input-v3/index.js +0 -31
  158. package/dist/esm/v2/components/or-tag-input-v3/props.d.ts +0 -1
  159. package/dist/esm/v2/components/or-tag-input-v3/styles.d.ts +0 -3
  160. package/dist/esm/v3/OrTagInput-14f5f8c9.js +0 -261
  161. package/dist/esm/v3/components/or-tag-input-v3/OrTagInput.vue.d.ts +0 -131
  162. package/dist/esm/v3/components/or-tag-input-v3/index.d.ts +0 -2
  163. package/dist/esm/v3/components/or-tag-input-v3/index.js +0 -29
  164. package/dist/esm/v3/components/or-tag-input-v3/props.d.ts +0 -1
  165. package/dist/esm/v3/components/or-tag-input-v3/styles.d.ts +0 -3
  166. package/src/components/or-tag-input-v3/OrTagInput.vue +0 -296
  167. package/src/components/or-tag-input-v3/index.ts +0 -2
  168. package/src/components/or-tag-input-v3/props.ts +0 -1
  169. package/src/components/or-tag-input-v3/styles.ts +0 -24
  170. /package/dist/bundled/v3/{OrInlineInput.vue_vue_type_script_lang-820cc7e9.js → OrInlineInput.vue_vue_type_script_lang-c4fb7c0e.js} +0 -0
  171. /package/dist/bundled/v3/{OrInlineTextarea.vue_vue_type_script_lang-8e639991.js → OrInlineTextarea.vue_vue_type_script_lang-4569f111.js} +0 -0
  172. /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,2 +0,0 @@
1
- export { default as OrTagInputV3 } from './OrTagInput.vue';
2
- export * from './props';
@@ -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,3 +0,0 @@
1
- export declare const TagInput: string[];
2
- export declare const TagInputControl: string[];
3
- export declare const TagInputItem: string[];
@@ -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";