@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.
Files changed (76) hide show
  1. package/dist/bundled/v2/components/OrCodeV3/OrCode.js +6 -11
  2. package/dist/bundled/v2/components/OrCodeV3/OrCode.vue.d.ts +3 -3
  3. package/dist/bundled/v2/components/OrTagInputV3/OrTagInput.js +31 -15
  4. package/dist/bundled/v2/components/OrTagInputV3/OrTagInput.vue.d.ts +3 -0
  5. package/dist/bundled/v2/components/OrTagsV3/OrTags.js +3 -3
  6. package/dist/bundled/v2/components/OrTagsV3/types.d.ts +5 -4
  7. package/dist/bundled/v2/components/OrTextareaV3/OrTextarea.vue.d.ts +2 -2
  8. package/dist/bundled/v2/index.js +1 -1
  9. package/dist/bundled/v3/components/OrCodeV3/OrCode.js +1 -1
  10. package/dist/bundled/v3/components/OrCodeV3/OrCode.vue.d.ts +3 -4
  11. package/dist/bundled/v3/components/OrCodeV3/index.js +1 -1
  12. package/dist/bundled/v3/components/OrCodeV3/props.js +1 -1
  13. package/dist/bundled/v3/components/OrCodeV3/styles.js +1 -1
  14. package/dist/bundled/v3/components/{OrCodeV3-628f8e28.js → OrCodeV3-7ecb46ca.js} +15 -20
  15. package/dist/bundled/v3/components/OrSelectV3/OrSelect.js +1 -1
  16. package/dist/bundled/v3/components/OrSelectV3/index.js +1 -1
  17. package/dist/bundled/v3/components/OrSelectV3/styles.js +1 -1
  18. package/dist/bundled/v3/components/{OrSelectV3-f212f5c6.js → OrSelectV3-e0de09af.js} +1 -1
  19. package/dist/bundled/v3/components/OrTagInputV3/OrTagInput.js +1 -1
  20. package/dist/bundled/v3/components/OrTagInputV3/OrTagInput.vue.d.ts +2 -0
  21. package/dist/bundled/v3/components/OrTagInputV3/index.js +1 -1
  22. package/dist/bundled/v3/components/OrTagInputV3/styles.js +1 -1
  23. package/dist/bundled/v3/components/{OrTagInputV3-7b240c91.js → OrTagInputV3-e1596983.js} +23 -11
  24. package/dist/bundled/v3/components/OrTagV3/OrTag.js +1 -1
  25. package/dist/bundled/v3/components/OrTagV3/index.js +1 -1
  26. package/dist/bundled/v3/components/OrTagV3/props.js +1 -1
  27. package/dist/bundled/v3/components/OrTagV3/styles.js +1 -1
  28. package/dist/bundled/v3/components/{OrTagV3-43ee9066.js → OrTagV3-045cac0b.js} +1 -1
  29. package/dist/bundled/v3/components/OrTagsV3/OrTags.js +1 -1
  30. package/dist/bundled/v3/components/OrTagsV3/index.js +1 -1
  31. package/dist/bundled/v3/components/OrTagsV3/props.js +1 -1
  32. package/dist/bundled/v3/components/OrTagsV3/styles.js +1 -1
  33. package/dist/bundled/v3/components/OrTagsV3/types.d.ts +5 -4
  34. package/dist/bundled/v3/components/OrTagsV3/utils/castToTag.js +1 -1
  35. package/dist/bundled/v3/components/{OrTagsV3-bbda3acd.js → OrTagsV3-6c4fb22c.js} +10 -4
  36. package/dist/bundled/v3/components/index.js +5 -5
  37. package/dist/bundled/v3/index.js +6 -6
  38. package/dist/esm/v2/{OrCode-4c7bbbd2.js → OrCode-c37dabe7.js} +16 -21
  39. package/dist/esm/v2/{OrSelect-30f5ce68.js → OrSelect-4768c12b.js} +2 -2
  40. package/dist/esm/v2/{OrSelectMultipleControl-de32c83c.js → OrSelectMultipleControl-685d5af4.js} +1 -1
  41. package/dist/esm/v2/{OrTagInput-2642f4d9.js → OrTagInput-c4110c0b.js} +32 -16
  42. package/dist/esm/v2/{OrTags-9d3cf104.js → OrTags-f6434f9b.js} +3 -3
  43. package/dist/esm/v2/components/index.js +5 -5
  44. package/dist/esm/v2/components/or-code-v3/OrCode.vue.d.ts +3 -3
  45. package/dist/esm/v2/components/or-code-v3/index.js +1 -1
  46. package/dist/esm/v2/components/or-select-v3/index.js +3 -3
  47. package/dist/esm/v2/components/or-select-v3/partials/index.js +2 -2
  48. package/dist/esm/v2/components/or-select-v3/partials/or-select-multiple-control/index.js +2 -2
  49. package/dist/esm/v2/components/or-tag-input-v3/OrTagInput.vue.d.ts +3 -0
  50. package/dist/esm/v2/components/or-tag-input-v3/index.js +4 -4
  51. package/dist/esm/v2/components/or-tags-v3/index.js +1 -1
  52. package/dist/esm/v2/components/or-tags-v3/types.d.ts +5 -4
  53. package/dist/esm/v2/components/or-teleport/OrTeleport.vue2.vue.d.ts +2 -2
  54. package/dist/esm/v2/index.js +5 -5
  55. package/dist/esm/v3/{OrCode-37d50c74.js → OrCode-6f8164d5.js} +16 -21
  56. package/dist/esm/v3/{OrSelect-a65c0b08.js → OrSelect-5a22c1da.js} +2 -2
  57. package/dist/esm/v3/{OrSelectMultipleControl-96320988.js → OrSelectMultipleControl-6b5a831d.js} +1 -1
  58. package/dist/esm/v3/{OrTagInput-4cec4018.js → OrTagInput-6e9c7a94.js} +23 -11
  59. package/dist/esm/v3/{OrTags-384a48e3.js → OrTags-801c20ad.js} +9 -3
  60. package/dist/esm/v3/components/index.js +5 -5
  61. package/dist/esm/v3/components/or-code-v3/OrCode.vue.d.ts +3 -4
  62. package/dist/esm/v3/components/or-code-v3/index.js +1 -1
  63. package/dist/esm/v3/components/or-select-v3/index.js +3 -3
  64. package/dist/esm/v3/components/or-select-v3/partials/index.js +2 -2
  65. package/dist/esm/v3/components/or-select-v3/partials/or-select-multiple-control/index.js +2 -2
  66. package/dist/esm/v3/components/or-tag-input-v3/OrTagInput.vue.d.ts +2 -0
  67. package/dist/esm/v3/components/or-tag-input-v3/index.js +4 -4
  68. package/dist/esm/v3/components/or-tags-v3/index.js +1 -1
  69. package/dist/esm/v3/components/or-tags-v3/types.d.ts +5 -4
  70. package/dist/esm/v3/index.js +5 -5
  71. package/package.json +3 -2
  72. package/src/components/or-code-v3/OrCode.vue +8 -22
  73. package/src/components/or-code-v3/partials/OrCodeControl.vue +1 -10
  74. package/src/components/or-tag-input-v3/OrTagInput.vue +23 -12
  75. package/src/components/or-tags-v3/OrTags.vue +5 -3
  76. package/src/components/or-tags-v3/types.ts +7 -4
@@ -1 +1 @@
1
- export { s as default } from '../OrCodeV3-628f8e28.js';
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" | "input" | "keydown" | "keyup" | "focus" | "blur")[], "update:modelValue" | "input" | "keydown" | "keyup" | "focus" | "blur", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
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-628f8e28.js';
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-628f8e28.js';
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-628f8e28.js';
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', 'input', 'keydown', 'keyup', 'focus', 'blur'],
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
- "additional-styles": _ctx.modalStyles,
437
- size: 'l'
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-f212f5c6.js';
1
+ export { s as default } from '../OrSelectV3-e0de09af.js';
@@ -1,2 +1,2 @@
1
- export { s as OrSelectV3 } from '../OrSelectV3-f212f5c6.js';
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-f212f5c6.js';
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-bbda3acd.js';
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-7b240c91.js';
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-7b240c91.js';
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-7b240c91.js';
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-bbda3acd.js';
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
- var _a;
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: "0",
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
- items: _ctx.proxyModelValue,
257
- class: "grow",
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", "force-state", "invalid", "readonly", "disabled", "onFocus"]), withDirectives(createElementVNode("div", _hoisted_3, [_ctx.hint || _ctx.maxLength ? (openBlock(), createBlock(_component_OrHint, {
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-43ee9066.js';
1
+ export { s as default } from '../OrTagV3-045cac0b.js';
@@ -1 +1 @@
1
- export { s as OrTagV3, a as TagColor, T as TagVariant } from '../OrTagV3-43ee9066.js';
1
+ export { s as OrTagV3, T as TagColor, a as TagVariant } from '../OrTagV3-045cac0b.js';
@@ -1 +1 @@
1
- export { a as TagColor, T as TagVariant } from '../OrTagV3-43ee9066.js';
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-43ee9066.js';
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 { TagVariant as T, TagColor as a, Tag as b, TagVariants as c, TagColors as d, script as s };
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-bbda3acd.js';
1
+ export { s as default } from '../OrTagsV3-6c4fb22c.js';
@@ -1 +1 @@
1
- export { s as OrTagsV3, T as TagsOverflow } from '../OrTagsV3-bbda3acd.js';
1
+ export { s as OrTagsV3, T as TagsOverflow } from '../OrTagsV3-6c4fb22c.js';
@@ -1 +1 @@
1
- export { T as TagsOverflow } from '../OrTagsV3-bbda3acd.js';
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-bbda3acd.js';
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
- export type SimpleTag = string;
2
- export type Tag = SimpleTag | TagObject;
3
- export interface TagObject {
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-bbda3acd.js';
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-43ee9066.js';
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(_ctx.tagProps, {
186
+ return openBlock(), createBlock(_component_OrTag, mergeProps({
187
+ ..._ctx.tagProps,
188
+ ...item.tagProps
189
+ }, {
187
190
  key: item.value,
188
- class: "max-w-full",
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(_ctx.tagProps, {
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-628f8e28.js';
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-f212f5c6.js';
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-7b240c91.js';
106
- export { s as OrTagV3, a as TagColor, T as TagVariant } from './OrTagV3-43ee9066.js';
107
- export { s as OrTagsV3, T as TagsOverflow } from './OrTagsV3-bbda3acd.js';
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';