@onereach/ui-components 25.1.2-beta.5764.0 → 25.1.2-beta.5765.0

package/dist/esm/index.mjs

@@ -1,4 +1,4 @@
-import { O as o } from "./OrAutocomplete-BJc9q29w.mjs";
+import { O as o } from "./OrAutocomplete-C1ToaRkp.mjs";
 import { a as t, A as s, O } from "./OrAvatar-XcP_rrT3.mjs";
 import { B as p, O as m } from "./OrBottomSheet-CJxmY84p.mjs";
 import { O as x } from "./OrButtonGroup-Cd6tpyP3.mjs";
@@ -19,7 +19,7 @@ import { EditorState as X } from "@codemirror/state";
 import { O as Z } from "./OrCombinedInput-Ddlid03b.mjs";
 import { C as $, O as rr } from "./OrConfirm-hPRH5PIY.mjs";
 import { O as or } from "./OrContextMenu-CrpiM2Jq.mjs";
-import { D as tr, a as sr, b as Or, o as ir, m as pr, e as mr, c as nr, d as xr, p as Vr, h as fr, f as lr, g as Tr, k as dr, i as cr, j as Dr, l as Cr, n as Sr, O as br } from "./OrDataGrid-C4La7wGI.mjs";
+import { D as tr, a as sr, b as Or, o as ir, m as pr, e as mr, c as nr, d as xr, p as Vr, h as fr, f as lr, g as Tr, k as dr, i as cr, j as Dr, l as Cr, n as Sr, O as br } from "./OrDataGrid-COx5W-ik.mjs";
 import { O as Pr } from "./OrDateFormat-RNeTJhfN.mjs";
 import { O as gr } from "./OrDatePicker-C7FejdS-.mjs";
 import { O as Gr } from "./OrDateRangePicker-BbaCBJbG.mjs";
@@ -70,7 +70,7 @@ import { F as Oe, O as ie, R as pe, a as me } from "./OrRichTextEditor-DKhL46g9.
 import { O as xe, R as Ve } from "./OrRichTooltip-D8vv5Btb.mjs";
 import { O as le } from "./OrSearch-OIfce3Md.mjs";
 import { O as de, S as ce } from "./OrSegmentedControl-D5QoWe-N.mjs";
-import { O as Ce } from "./OrSelect-DL28KJCH.mjs";
+import { O as Ce } from "./OrSelect-DU7MIxsd.mjs";
 import { O as be, S as ue } from "./props-BxqD8LGb.mjs";
 import { b as Ie, O as ge, a as ke } from "./OrSkeletonArea-fMhHFyo1.mjs";
 import { O as Re } from "./OrSkeletonArea.vue_vue_type_script_lang-jgRhbZ0X.mjs";
@@ -81,9 +81,9 @@ import { O as Me, a as ye, S as Ae } from "./OrStatus-D4QIuE7R.mjs";
 import { O as He } from "./OrSwitch-BkAgqeim.mjs";
 import { O as Qe } from "./OrTab-BdtxL_PY.mjs";
 import { O as qe, a as Je, T as Ke } from "./OrTabs-D4RY2JMk.mjs";
-import { O as Xe } from "./OrTagInput-fU91qN1G.mjs";
-import { O as Ze, a as _e, T as $e } from "./OrTag-Bixe0EQq.mjs";
-import { O as at, T as ot } from "./OrTags-CS0bcLtx.mjs";
+import { O as Xe } from "./OrTagInput-Bxt-g2Hx.mjs";
+import { O as Ze, a as _e, T as $e } from "./OrTag-BqSIqSCt.mjs";
+import { O as at, T as ot } from "./OrTags-DxQDW443.mjs";
 import { O as tt } from "./OrTeleport.vue3-C9kW_8PS.mjs";
 import { O as Ot } from "./OrText-3zAJU5xf.mjs";
 import { O as pt } from "./OrTextarea-zEjULE8W.mjs";

package/dist/types/components/or-autocomplete-v3/OrAutocomplete.vue.d.ts

@@ -2760,7 +2760,7 @@ declare const _default: import("vue").DefineComponent<{
             draftModelValue: import("vue").Ref<string | undefined>;
             tagsItems: import("vue").ComputedRef<import("@onereach/ui-components.or-tags-v3").TagObject[]>;
             tagsProps: import("vue").ComputedRef<{
-                variant: string;
+                variant: import("..").TagVariant;
                 disabled: boolean;
             }>;
             currentLength: import("vue").ComputedRef<number>;
@@ -5400,7 +5400,7 @@ declare const _default: import("vue").DefineComponent<{
         draftModelValue: import("vue").Ref<string | undefined>;
         tagsItems: import("vue").ComputedRef<import("@onereach/ui-components.or-tags-v3").TagObject[]>;
         tagsProps: import("vue").ComputedRef<{
-            variant: string;
+            variant: import("..").TagVariant;
             disabled: boolean;
         }>;
         currentLength: import("vue").ComputedRef<number>;
@@ -8558,7 +8558,7 @@ declare const _default: import("vue").DefineComponent<{
             draftModelValue: import("vue").Ref<string | undefined>;
             tagsItems: import("vue").ComputedRef<import("@onereach/ui-components.or-tags-v3").TagObject[]>;
             tagsProps: import("vue").ComputedRef<{
-                variant: string;
+                variant: import("..").TagVariant;
                 disabled: boolean;
             }>;
             currentLength: import("vue").ComputedRef<number>;
@@ -11198,7 +11198,7 @@ declare const _default: import("vue").DefineComponent<{
         draftModelValue: import("vue").Ref<string | undefined>;
         tagsItems: import("vue").ComputedRef<import("@onereach/ui-components.or-tags-v3").TagObject[]>;
         tagsProps: import("vue").ComputedRef<{
-            variant: string;
+            variant: import("..").TagVariant;
             disabled: boolean;
         }>;
         currentLength: import("vue").ComputedRef<number>;

package/dist/types/components/or-tag-input-v3/OrTagInput.vue.d.ts

@@ -1,4 +1,5 @@
 import { InputBoxVariant } from '@onereach/ui-components.or-input-box-v3';
+import { TagVariant } from '@onereach/ui-components.or-tag-v3';
 import { TagObject, TagsOverflow } from '@onereach/ui-components.or-tags-v3';
 import { PropType, nextTick } from 'vue';
 import { TagInputModelValue } from './types';
@@ -2583,7 +2584,7 @@ declare const _default: import("vue").DefineComponent<{
     draftModelValue: import("vue").Ref<string | undefined>;
     tagsItems: import("vue").ComputedRef<TagObject[]>;
     tagsProps: import("vue").ComputedRef<{
-        variant: string;
+        variant: TagVariant;
         disabled: boolean;
     }>;
     currentLength: import("vue").ComputedRef<number>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components",
-  "version": "25.1.2-beta.5764.0",
+  "version": "25.1.2-beta.5765.0",
   "description": "Vue components library for v3",
   "license": "Apache-2.0",
   "sideEffects": false,
@@ -46,8 +46,8 @@
     "@codemirror/view": "^6",
     "@floating-ui/dom": "1.5.3",
     "@lezer/highlight": "*",
-    "@onereach/styles": "^25.1.2-beta.5764.0",
-    "@onereach/ui-components-common": "^25.1.2-beta.5764.0",
+    "@onereach/styles": "^25.1.2-beta.5765.0",
+    "@onereach/ui-components-common": "^25.1.2-beta.5765.0",
     "@splidejs/splide": "4.0.6",
     "@tiptap/core": "2.0.3",
     "@tiptap/extension-blockquote": "2.0.3",

package/dist/esm/OrTag-Bixe0EQq.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"OrTag-Bixe0EQq.mjs","sources":["../../../components/or-tag-v3/src/props.ts","../../../components/or-tag-v3/src/styles.ts","../../../components/or-tag-v3/src/OrTag.vue"],"sourcesContent":["export enum TagVariant {\n  Tag = 'tag',\n  Button = 'button',\n  Reset = 'reset',\n}\n\nexport enum TagColor {\n  Default = 'default',\n  Danger = 'danger',\n}\n","import { TagColor, TagVariant } from './props';\n\nexport const Tag: string[] = [\n  // Layout\n  'layout-inline-row',\n\n  // Spacing\n  'px-sm+ md:px-sm',\n  'py-sm md:py-xs',\n\n  'gap-sm+ md:gap-sm',\n\n  // Shape\n  'rounded-full',\n\n  // Typography\n  'typography-caption-regular whitespace-nowrap',\n];\n\nexport const TagVariants: Record<TagVariant, string[]> = {\n  [TagVariant.Tag]: [\n    // Interactivity\n    'interactivity-select',\n  ],\n\n  [TagVariant.Button]: [\n    // Interactivity\n    'interactivity-click',\n  ],\n\n  [TagVariant.Reset]: [\n    // Interactivity\n    'interactivity-default',\n  ],\n};\n\nexport const TagColors: Record<TagColor, string[]> = {\n  [TagColor.Default]: [\n    // Theme\n    'theme-preset-2-primary',\n    'dark:theme-preset-2-primary-dark',\n\n    'theme-foreground-default',\n    'dark:theme-foreground-default-dark',\n  ],\n\n  [TagColor.Danger]: [\n    // Theme\n    'theme-preset-2-error',\n    'dark:theme-preset-2-error-dark',\n  ],\n};\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n    :tabindex=\"!disabled && variant === 'button' ? 0 : null\"\n    :disabled=\"disabled\"\n    @click=\"$emit('click', $event)\"\n    @focus=\"$emit('focus', $event)\"\n    @blur=\"$emit('blur', $event)\"\n  >\n    <div class=\"truncate\">\n      <slot />\n    </div>\n\n    <template v-if=\"variant === 'reset'\">\n      <div :class=\"['layout-inline-row', '-m-[4px] md:-m-[2px]']\">\n        <OrIconButton\n          :icon=\"'close'\"\n          :color=\"custom ? 'inherit' : color\"\n          :disabled=\"disabled\"\n          @click.stop=\"$emit('reset')\"\n        />\n      </div>\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, PropType, ref, unref, watchPostEffect } from 'vue';\nimport { OrIconButtonV3 as OrIconButton } from '@onereach/ui-components.or-icon-button-v3';\nimport { TagColor, TagVariant } from './props';\nimport { Tag, TagColors, TagVariants } from './styles';\n\nexport default defineComponent({\n  name: 'OrTag',\n\n  components: {\n    OrIconButton,\n  },\n\n  props: {\n    variant: {\n      type: String as PropType<`${TagVariant}`>,\n      default: () => TagVariant.Tag,\n    },\n\n    color: {\n      type: String as PropType<`${TagColor}` | string>,\n      default: () => TagColor.Default,\n    },\n\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  emits: [\n    'click',\n    'focus',\n    'blur',\n\n    'reset',\n  ],\n\n  expose: [\n    'root',\n  ],\n\n  setup(props) {\n    // Refs\n    const root = ref<HTMLElement>();\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-tag-v3',\n      ...Tag,\n      ...TagVariants[props.variant],\n      ...!custom.value ? TagColors[props.color as TagColor] : [],\n    ]);\n\n    // State\n    const custom = computed(() => {\n      return !(['default', 'danger'] as TagColor[]).includes(props.color as TagColor);\n    });\n\n    // Effects\n    watchPostEffect(() => {\n      const rootElement = unref(root);\n\n      if (rootElement) {\n        Object.assign(rootElement.style, {\n          backgroundColor: custom.value ? `${props.color}1f` : '',\n          color: custom.value ? props.color : '',\n        });\n      }\n    });\n\n    return {\n      root,\n      rootStyles,\n      custom,\n    };\n  },\n});\n</script>\n"],"names":["TagVariant","TagColor","Tag","TagVariants","TagColors","_sfc_main","defineComponent","OrIconButton","props","root","ref","rootStyles","computed","custom","watchPostEffect","rootElement","unref","_hoisted_3","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_cache","$event","_renderSlot","_createVNode","_component_OrIconButton"],"mappings":"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"}

package/dist/esm/OrTagInput-fU91qN1G.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"OrTagInput-fU91qN1G.mjs","sources":["../../../components/or-tag-input-v3/src/styles.ts","../../../components/or-tag-input-v3/src/OrTagInput.vue"],"sourcesContent":["export const TagInput: string[] = [\n  // Layout\n  'layout-column',\n\n  // Spacing\n  'gap-xs',\n];\n\nexport const TagInputControl: string[] = [\n  // Layout\n  // 'flex-auto',\n\n  // Typography\n  'typography-inherit',\n\n  // Theme (placeholder)\n  'placeholder:theme-foreground-outline',\n  'dark:placeholder:theme-foreground-outline-dark',\n];\n\nexport const TagInputItem: string[] = [\n  // Box\n  '!min-h-0',\n];\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n  >\n    <template v-if=\"$slots.label || $slots.addon || label\">\n      <OrLabel\n        :control-id=\"controlAttributes.id\"\n        :variant=\"'input'\"\n        :required=\"required\"\n        :disabled=\"disabled\"\n      >\n        <slot name=\"label\">\n          {{ label }}\n        </slot>\n\n        <template v-slot:addon>\n          <slot name=\"addon\" />\n        </template>\n      </OrLabel>\n    </template>\n\n    <OrInputBox\n      :ref=\"'inputBox'\"\n      :class=\"inputBoxStyles\"\n      :variant=\"variant\"\n      :invalid=\"!!error\"\n      :readonly=\"readonly\"\n      :disabled=\"disabled\"\n      :tabindex=\"0\"\n      :force-state=\"activated ? 'focus-within': undefined\"\n      @focus=\"activate\"\n    >\n      <template\n        v-if=\"$slots.prependInner\"\n        v-slot:prepend\n      >\n        <slot name=\"prependInner\" />\n      </template>\n      <OrTags\n        :ref=\"'tags'\"\n        :class=\"['grow']\"\n        :items=\"tagsItems\"\n        :disabled=\"disabled\"\n        :tag-props=\"tagsProps\"\n        :overflow=\"overflow\"\n        @reset=\"remove($event)\"\n      >\n        <template v-slot:tag=\"{ item }\">\n          <slot\n            name=\"tag\"\n            :item=\"item\"\n          >\n            {{ item.label }}\n          </slot>\n        </template>\n\n        <template\n          v-if=\"showControl\"\n          v-slot:tail\n        >\n          <div class=\"inline-flex w-fit max-w-full\">\n            <input\n              :ref=\"'control'\"\n              v-bind=\"controlAttributes\"\n              v-model.trim=\"draftModelValue\"\n              :class=\"controlStyles\"\n              :style=\"controlInlineStyles\"\n              :type=\"'text'\"\n              :placeholder=\"!proxyModelValue || (proxyModelValue && proxyModelValue.length === 0) ? placeholder : undefined\"\n              :readonly=\"readonly\"\n              :disabled=\"disabled\"\n              :autocomplete=\"'off'\"\n              :minlength=\"undefined\"\n              :maxlength=\"undefined\"\n              @input=\"$emit('input', $event)\"\n              @keydown=\"$emit('keydown', $event)\"\n              @keydown.enter=\"add()\"\n              @keyup=\"$emit('keyup', $event)\"\n              @focus=\"activate\"\n            >\n          </div>\n        </template>\n      </OrTags>\n      <template\n        v-if=\"$slots.appendInner\"\n        v-slot:addon\n      >\n        <slot name=\"appendInner\" />\n      </template>\n      <template\n        v-else-if=\"loading\"\n        v-slot:addon\n      >\n        <OrLoader\n          :variant=\"'circular'\"\n          :color=\"error ? 'danger' : 'primary'\"\n          :size=\"isMobile ? 'm' : 's'\"\n        />\n      </template>\n\n      <template\n        v-else-if=\"enableClear && !readonly && !disabled\"\n        v-slot:addon\n      >\n        <template v-if=\"proxyModelValue && proxyModelValue.length > 0 || draftModelValue\">\n          <OrIconButton\n            :icon=\"'close'\"\n            :color=\"'inherit'\"\n            @click=\"reset()\"\n          />\n        </template>\n      </template>\n    </OrInputBox>\n\n    <template v-if=\"$slots.hint || hint || maxLength\">\n      <OrHint\n        v-show=\"!error\"\n        :disabled=\"disabled\"\n      >\n        <slot name=\"hint\">\n          {{ hint }}\n        </slot>\n\n        <template\n          v-if=\"maxLength\"\n          v-slot:addon\n        >\n          {{ currentLength }} / {{ maxLength }}\n        </template>\n      </OrHint>\n    </template>\n\n    <OrError\n      v-show=\"typeof error === 'string' && error.length > 0\"\n      :disabled=\"disabled\"\n    >\n      {{ error }}\n\n      <template\n        v-if=\"maxLength\"\n        v-slot:addon\n      >\n        {{ currentLength }} / {{ maxLength }}\n      </template>\n    </OrError>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { useControlAttributes, useIdAttribute, useProxyModelValue, useResponsive, useValidationAttributes } from '@onereach/ui-components-common/hooks';\nimport { exclude, include, toArray } from '@onereach/ui-components-common/utils';\nimport { OrErrorV3 as OrError } from '@onereach/ui-components.or-error-v3';\nimport { OrHintV3 as OrHint } from '@onereach/ui-components.or-hint-v3';\nimport { OrIconButtonV3 as OrIconButton } from '@onereach/ui-components.or-icon-button-v3';\nimport { InputBoxVariant, OrInputBoxV3 as OrInputBox } from '@onereach/ui-components.or-input-box-v3';\nimport { OrLabelV3 as OrLabel } from '@onereach/ui-components.or-label-v3';\nimport { OrLoaderV3 as OrLoader } from '@onereach/ui-components.or-loader-v3';\nimport { TagColor } from '@onereach/ui-components.or-tag-v3';\nimport { OrTagsV3 as OrTags, TagObject, TagsOverflow } from '@onereach/ui-components.or-tags-v3';\nimport { MaybeElementRef, onClickOutside } from '@vueuse/core';\nimport { PropType, computed, defineComponent, nextTick, reactive, ref, toRefs, watch } from 'vue';\n\nimport { TagInput, TagInputControl, TagInputItem } from './styles';\nimport { TagInputModelValue } from './types';\n\nexport default defineComponent({\n  name: 'OrTagInput',\n\n  components: {\n    OrError,\n    OrHint,\n    OrIconButton,\n    OrInputBox,\n    OrLabel,\n    OrLoader,\n    OrTags,\n  },\n\n  model: {\n    prop: 'modelValue',\n    event: 'update:modelValue',\n  },\n\n  props: {\n    modelValue: {\n      type: undefined as unknown as PropType<TagInputModelValue>,\n      default: () => [],\n    },\n\n    variant: {\n      type: String as PropType<`${InputBoxVariant}`>,\n      default: undefined,\n    },\n\n    label: {\n      type: String,\n      default: undefined,\n    },\n\n    placeholder: {\n      type: String,\n      default: undefined,\n    },\n\n    hint: {\n      type: String,\n      default: undefined,\n    },\n\n    error: {\n      type: [String, Boolean],\n      default: undefined,\n    },\n\n    loading: {\n      type: Boolean,\n      default: false,\n    },\n\n    required: {\n      type: Boolean,\n      default: false,\n    },\n\n    readonly: {\n      type: Boolean,\n      default: false,\n    },\n\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    overflow: {\n      type: String as PropType<`${TagsOverflow}`>,\n      default: () => TagsOverflow.Hidden,\n    },\n\n    // todo: review default state, disabling will breaking\n    enableClear: {\n      type: Boolean,\n      default: true,\n    },\n\n    additionalInputBoxStyles: {\n      type: Array as PropType<string[]>,\n      default: () => [],\n    },\n\n    saveOnBlur: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  emits: [\n    'update:modelValue',\n\n    'input',\n    'keydown',\n    'keyup',\n    'focus',\n    'blur',\n\n    'reset',\n  ],\n\n  expose: [\n    'root',\n\n    'reset',\n    'clear',\n\n    'focus',\n    'blur',\n\n    'activate',\n  ],\n\n  setup(props, context) {\n    // Refs\n    const root = ref<HTMLElement>();\n    const control = ref<HTMLInputElement>();\n    const inputBox = ref<InstanceType<typeof OrInputBox>>();\n    const tags = ref<InstanceType<typeof OrTags>>();\n\n    // Props\n    const { modelValue, overflow, placeholder, disabled, readonly, saveOnBlur } = toRefs(props);\n    const { isMobile } = useResponsive();\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-tag-input-v3',\n      ...TagInput,\n      ...props.variant === InputBoxVariant.Embedded ? ['grow'] : [],\n    ]);\n\n    const controlStyles = computed(() => [\n      ...TagInputControl,\n    ]);\n\n    const itemStyles = computed(() => [\n      ...TagInputItem,\n    ]);\n\n    const inputBoxStyles = computed(() => [\n      'interactivity-select',\n      ...props.additionalInputBoxStyles,\n    ]);\n\n    // State\n    const controlAttributes = reactive({\n      id: useIdAttribute(),\n      ...useControlAttributes(),\n      ...useValidationAttributes(),\n    });\n\n    const activated = ref(false);\n    const proxyModelValue = useProxyModelValue(modelValue, context.emit);\n    const draftModelValue = ref<string>();\n\n    const tagsItems = computed(() => {\n      return toArray(proxyModelValue.value).map((item) => ({\n        label: item,\n        value: item,\n\n        tagProps: {\n          color: item === draftModelValue.value ? TagColor.Danger : TagColor.Default,\n        },\n      } as TagObject));\n    });\n\n    const currentLength = computed(() => proxyModelValue.value?.length ?? 0);\n    const maxLength = computed(() => controlAttributes.maxlength);\n\n    const controlInlineStyles = computed(() => {\n      const chars = draftModelValue.value\n        ? draftModelValue.value.length\n        : currentLength.value === 0\n          ? placeholder.value?.length ?? 0\n          : 0;\n      return {\n        width: `${Math.max(chars + 1 || 0, 3)}ch`,\n      };\n    });\n\n    const showControl = computed(() => {\n      return draftModelValue.value\n        || currentLength.value === 0\n        || activated.value;\n    });\n\n    const tagsProps = computed(() => ({\n      variant: readonly.value || disabled.value || !activated.value ? 'tag' : 'reset',\n      disabled: disabled.value,\n    }));\n\n    // Methods\n    function focus(): void {\n      control.value?.focus();\n    }\n\n    function blur(): void {\n      control.value?.blur();\n      draftModelValue.value = '';\n    }\n\n    function deactivate() {\n      activated.value = false;\n      nextTick(() => blur());\n      context.emit('blur');\n    }\n\n    function activate() {\n      if (disabled.value || readonly.value) return;\n\n      if (!activated.value) {\n        activated.value = true;\n        context.emit('focus');\n      }\n\n      nextTick(() => focus());\n    }\n\n    function add(): void {\n      const newItem = draftModelValue.value;\n\n      if (!newItem) return;\n      if (proxyModelValue.value?.includes(newItem)) return;\n      if (maxLength.value && currentLength.value >= maxLength.value) return;\n\n      proxyModelValue.value = include(newItem, proxyModelValue.value ?? []);\n      draftModelValue.value = '';\n\n      nextTick(() => focus());\n    }\n\n    function remove(value: string): void {\n      proxyModelValue.value = exclude(value, proxyModelValue.value ?? []);\n    }\n\n    function reset(): void {\n      proxyModelValue.value = [];\n      draftModelValue.value = '';\n      context.emit('reset');\n    }\n\n    function clear(): void {\n      draftModelValue.value = '';\n    }\n\n    // Effects\n    onClickOutside((inputBox as MaybeElementRef), () => {\n      if (activated.value === false || (tags.value?.overflowPopover as any)?.state === 'open') return;\n      if (saveOnBlur.value) add();\n      deactivate();\n    });\n\n    watch(proxyModelValue, (items, prevItems) => {\n      if (overflow.value !== TagsOverflow.Scroll) return;\n      if (items?.length !== prevItems?.length) {\n        (tags.value?.scrollToEnd as any)();\n      }\n    });\n\n    return {\n      root,\n      control,\n      inputBox,\n      tags,\n      rootStyles,\n      controlStyles,\n      itemStyles,\n      inputBoxStyles,\n      controlInlineStyles,\n      controlAttributes,\n      proxyModelValue,\n      draftModelValue,\n      tagsItems,\n      tagsProps,\n      currentLength,\n      maxLength,\n      activated,\n      showControl,\n      isMobile,\n      focus,\n      blur,\n      add,\n      activate,\n      deactivate,\n      remove,\n      reset,\n      clear,\n    };\n  },\n});\n</script>\n\n<style scoped>\ninput {\n  min-width: 0;\n  background: none;\n  outline: none;\n}\n</style>\n"],"names":["TagInput","TagInputControl","TagInputItem","_sfc_main","defineComponent","OrError","OrHint","OrIconButton","OrInputBox","OrLabel","OrLoader","OrTags","TagsOverflow","props","context","root","ref","control","inputBox","tags","modelValue","overflow","placeholder","disabled","readonly","saveOnBlur","toRefs","isMobile","useResponsive","rootStyles","computed","InputBoxVariant","controlStyles","itemStyles","inputBoxStyles","controlAttributes","reactive","useIdAttribute","useControlAttributes","useValidationAttributes","activated","proxyModelValue","useProxyModelValue","draftModelValue","tagsItems","toArray","item","TagColor","currentLength","_a","maxLength","controlInlineStyles","chars","showControl","tagsProps","focus","blur","deactivate","nextTick","activate","add","newItem","include","remove","value","exclude","reset","clear","onClickOutside","_b","watch","items","prevItems","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_createBlock","_component_OrLabel","_renderSlot","_createCommentVNode","_createVNode","_component_OrInputBox","_createSlots","_withCtx","_component_OrTags","_cache","$event","_createElementVNode","_mergeProps","_withKeys","_component_OrLoader","_component_OrIconButton","_withDirectives","_component_OrHint","_component_OrError"],"mappings":"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"}