bootstrap-vue-next 0.24.12 → 0.24.13

package/dist/BFormTags.vue_vue_type_script_setup_true_lang-Bb7L5aOK.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BFormTags.vue_vue_type_script_setup_true_lang-Bb7L5aOK.js","sources":["../src/components/BFormTags/BFormTag.vue","../src/components/BFormTags/BFormTags.vue"],"sourcesContent":["<template>\n  <component\n    :is=\"props.tag\"\n    :id=\"computedId\"\n    :title=\"tagText\"\n    class=\"badge b-form-tag d-inline-flex align-items-center mw-100\"\n    :class=\"computedClasses\"\n    :aria-labelledby=\"taglabelId\"\n  >\n    <span :id=\"taglabelId\" class=\"b-form-tag-content flex-grow-1 text-truncate\">\n      <slot>{{ tagText }}</slot>\n    </span>\n    <BCloseButton\n      v-if=\"!props.disabled && !props.noRemove\"\n      aria-keyshortcuts=\"Delete\"\n      :aria-label=\"props.removeLabel\"\n      class=\"b-form-tag-remove\"\n      :aria-describedby=\"taglabelId\"\n      :aria-controls=\"props.id\"\n      @click=\"emit('remove', tagText)\"\n    />\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed} from 'vue'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {useId} from '../../composables/useId'\nimport type {BFormTagProps} from '../../types/ComponentProps'\nimport BCloseButton from '../BButton/BCloseButton.vue'\n\nconst _props = withDefaults(defineProps<BFormTagProps>(), {\n  disabled: false,\n  id: undefined,\n  noRemove: false,\n  pill: false,\n  removeLabel: 'Remove tag',\n  tag: 'span',\n  title: undefined,\n  variant: 'secondary',\n})\nconst props = useDefaults(_props, 'BFormTag')\n\nconst emit = defineEmits<{\n  remove: [value: string]\n}>()\n\nconst slots = defineSlots<{\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  default?: (props: Record<string, never>) => any\n}>()\n\nconst computedId = useId(() => props.id)\n\nconst tagText = computed(\n  () => ((slots.default?.({})[0].children ?? '').toString() || props.title) ?? ''\n)\nconst taglabelId = computed(() => `${computedId.value}taglabel__`)\n\nconst computedClasses = computed(() => ({\n  [`text-bg-${props.variant}`]: props.variant !== null,\n  'rounded-pill': props.pill,\n  'disabled': props.disabled,\n}))\n</script>\n","<template>\n  <div\n    :id=\"computedId\"\n    class=\"b-form-tags form-control h-auto\"\n    :class=\"computedClasses\"\n    role=\"group\"\n    tabindex=\"-1\"\n    @focusin=\"onFocusin\"\n    @focusout=\"emit('focusout', $event)\"\n  >\n    <output\n      :id=\"`${computedId}selected_tags__`\"\n      class=\"visually-hidden\"\n      :for=\"_inputId\"\n      :aria-live=\"focused ? 'polite' : 'off'\"\n      aria-atomic=\"true\"\n      aria-relevant=\"additions text\"\n      >{{ tags.join(', ') }}</output\n    >\n    <div\n      :id=\"`${computedId}removed_tags__`\"\n      role=\"status\"\n      :aria-live=\"focused ? 'assertive' : 'off'\"\n      aria-atomic=\"true\"\n      class=\"visually-hidden\"\n    >\n      ({{ props.tagRemovedLabel }}) {{ lastRemovedTag }}\n    </div>\n\n    <slot v-bind=\"slotAttrs\">\n      <ul\n        :id=\"`${computedId}tag_list__`\"\n        class=\"b-form-tags-list list-unstyled mb-0 d-flex flex-wrap align-items-center\"\n      >\n        <template v-for=\"(tag, index) in tags\" :key=\"index\">\n          <slot\n            name=\"tag\"\n            :tag=\"tag\"\n            :tag-class=\"props.tagClass\"\n            :tag-variant=\"props.tagVariant\"\n            :tag-pills=\"props.tagPills\"\n            :remove-tag=\"removeTag\"\n          >\n            <BFormTag\n              :key=\"tag\"\n              :class=\"props.tagClass\"\n              tag=\"li\"\n              :variant=\"props.tagVariant\"\n              :pill=\"props.tagPills\"\n              @remove=\"removeTag\"\n              >{{ tag }}</BFormTag\n            >\n          </slot>\n        </template>\n        <li\n          role=\"none\"\n          aria-live=\"off\"\n          class=\"b-from-tags-field flex-grow-1\"\n          :aria-controls=\"`${computedId}tag_list__`\"\n        >\n          <div role=\"group\" class=\"d-flex\">\n            <input\n              :id=\"_inputId\"\n              ref=\"input\"\n              :disabled=\"props.disabled\"\n              :value=\"inputValue\"\n              :type=\"props.inputType\"\n              :placeholder=\"props.placeholder\"\n              class=\"b-form-tags-input w-100 flex-grow-1 p-0 m-0 bg-transparent border-0\"\n              style=\"outline: currentcolor none 0px; min-width: 5rem\"\n              v-bind=\"props.inputAttrs\"\n              :form=\"props.form\"\n              :required=\"props.required || undefined\"\n              :aria-required=\"props.required || undefined\"\n              @input=\"onInput\"\n              @change=\"onChange\"\n              @focus=\"onFocus\"\n              @blur=\"onBlur\"\n            />\n            <button\n              v-if=\"disableAddButton\"\n              type=\"button\"\n              class=\"btn b-form-tags-button py-0\"\n              :class=\"[\n                inputClass,\n                {\n                  [`btn-${props.addButtonVariant}`]: props.addButtonVariant !== null,\n                  'disabled invisible': inputValue.length === 0,\n                },\n              ]\"\n              style=\"font-size: 90%\"\n              :disabled=\"props.disabled || inputValue.length === 0 || isLimitReached\"\n              @click=\"addTag(inputValue)\"\n            >\n              <slot name=\"add-button-text\">{{ props.addButtonText }}</slot>\n            </button>\n          </div>\n        </li>\n      </ul>\n      <div aria-live=\"polite\" aria-atomic=\"true\">\n        <div v-if=\"isInvalid\" class=\"d-block invalid-feedback\">\n          {{ props.invalidTagText }}: {{ inputValue }}\n        </div>\n        <small v-if=\"isDuplicate\" class=\"form-text text-body-secondary\"\n          >{{ props.duplicateTagText }}: {{ inputValue }}</small\n        >\n        <small v-if=\"tags.length === props.limit\" class=\"form-text text-body-secondary\">\n          {{ props.limitTagsText }}</small\n        >\n      </div>\n    </slot>\n    <template v-if=\"props.name\">\n      <input\n        v-for=\"(tag, index) in tags\"\n        :key=\"index\"\n        type=\"hidden\"\n        :name=\"props.name\"\n        :value=\"tag\"\n      />\n    </template>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport {onKeyStroke, syncRef, useFocus, useToNumber} from '@vueuse/core'\nimport {computed, ref} from 'vue'\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {BFormTagsProps} from '../../types/ComponentProps'\nimport {escapeRegExpChars} from '../../utils/stringUtils'\nimport BFormTag from './BFormTag.vue'\nimport type {ClassValue} from '../../types/AnyValuedAttributes'\nimport type {ColorVariant} from '../../types/ColorTypes'\nimport {useId} from '../../composables/useId'\nimport {useStateClass} from '../../composables/useStateClass'\n\nconst _props = withDefaults(defineProps<Omit<BFormTagsProps, 'modelValue'>>(), {\n  addButtonText: 'Add',\n  addButtonVariant: 'outline-secondary',\n  addOnChange: false,\n  autofocus: false,\n  disabled: false,\n  duplicateTagText: 'Duplicate tag(s)',\n  form: undefined,\n  inputAttrs: undefined,\n  inputClass: undefined,\n  inputId: undefined,\n  inputType: 'text',\n  invalidTagText: 'Invalid tag(s)',\n  limit: undefined,\n  limitTagsText: 'Tag limit reached',\n  name: undefined,\n  noAddOnEnter: false,\n  noOuterFocus: false,\n  noTagRemove: false,\n  placeholder: 'Add tag...',\n  removeOnDelete: false,\n  required: false,\n  separator: undefined,\n  size: 'md',\n  state: null,\n  tagClass: undefined,\n  tagPills: false,\n  tagRemoveLabel: undefined,\n  tagRemovedLabel: 'Tag removed',\n  tagValidator: () => true,\n  tagVariant: 'secondary',\n})\nconst props = useDefaults(_props, 'BFormTags')\n\nconst emit = defineEmits<{\n  'blur': [value: FocusEvent]\n  'focus': [value: FocusEvent]\n  'focusin': [value: FocusEvent]\n  'focusout': [value: FocusEvent]\n  'tag-state': [...args: string[][]]\n}>()\n\ndefineSlots<{\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  'add-button-text'?: (props: Record<string, never>) => any\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  'default'?: (props: typeof slotAttrs.value) => any\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  'tag'?: (props: {\n    tag: string\n    tagClass: ClassValue\n    tagVariant: ColorVariant | null\n    tagPills: boolean\n    removeTag: (tag?: string) => void\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  }) => any\n}>()\n\nconst modelValue = defineModel<Exclude<BFormTagsProps['modelValue'], undefined>>({\n  default: () => [],\n})\n\nconst computedId = useId()\n\nconst limitNumber = useToNumber(() => props.limit ?? NaN)\n\nconst stateClass = useStateClass(() => props.state)\n\nconst input = ref<HTMLInputElement | null>(null)\n\nconst {focused} = useFocus(input, {\n  initialValue: props.autofocus,\n})\n\nconst _inputId = computed(() => props.inputId || `${computedId.value}input__`)\nconst tags = ref<string[]>([...modelValue.value])\nconst inputValue = ref<string>('')\nconst shouldRemoveOnDelete = ref<boolean>(modelValue.value.length > 0)\nconst lastRemovedTag = ref<string>('')\nconst validTags = ref<string[]>([])\nconst invalidTags = ref<string[]>([])\nconst duplicateTags = ref<string[]>([])\n\nsyncRef(modelValue, tags, {\n  direction: 'ltr',\n  transform: {\n    ltr: (v) => [...v],\n  },\n})\n\nconst computedClasses = computed(() => [\n  stateClass.value,\n  {\n    [`form-control-${props.size}`]: props.size !== 'md',\n    disabled: props.disabled,\n    focus: focused.value,\n  },\n])\n\nconst isDuplicate = computed(() => tags.value.includes(inputValue.value))\nconst isInvalid = computed(() =>\n  inputValue.value === '' ? false : !props.tagValidator(inputValue.value)\n)\nconst isLimitReached = computed(() => tags.value.length === limitNumber.value)\nconst disableAddButton = computed(() => !isInvalid.value && !isDuplicate.value)\n\nconst slotAttrs = computed(() => ({\n  addButtonText: props.addButtonText,\n  addButtonVariant: props.addButtonVariant,\n  addTag,\n  disableAddButton: disableAddButton.value,\n  disabled: props.disabled,\n  duplicateTagText: props.duplicateTagText,\n  duplicateTags: duplicateTags.value,\n  form: props.form,\n  inputAttrs: {\n    ...props.inputAttrs,\n    disabled: props.disabled,\n    form: props.form,\n    id: _inputId.value,\n    value: inputValue.value,\n  },\n  inputClass: props.inputClass,\n  inputHandlers: {\n    input: onInput,\n    keydown: onKeydown,\n    change: onChange,\n  },\n  inputId: _inputId.value,\n  inputType: props.inputType,\n  invalidTagText: props.invalidTagText,\n  invalidTags: invalidTags.value,\n  isDuplicate: isDuplicate.value,\n  isInvalid: isInvalid.value,\n  isLimitReached: isLimitReached.value,\n  limitTagsText: props.limitTagsText,\n  limit: limitNumber.value,\n  noTagRemove: props.noTagRemove,\n  placeholder: props.placeholder,\n  removeTag,\n  required: props.required,\n  separator: props.separator,\n  size: props.size,\n  state: props.state,\n  tagClass: props.tagClass,\n  tagPills: props.tagPills,\n  tagRemoveLabel: props.tagRemoveLabel,\n  tagVariant: props.tagVariant,\n  tags: tags.value,\n}))\n\nconst onFocusin = (e: Readonly<FocusEvent>): void => {\n  if (props.disabled) {\n    const target = e.target as HTMLDivElement\n    target.blur()\n    return\n  }\n\n  emit('focusin', e)\n}\n\nconst onFocus = (e: Readonly<FocusEvent>): void => {\n  if (props.disabled || props.noOuterFocus) {\n    return\n  }\n\n  focused.value = true\n  emit('focus', e)\n}\n\nconst onBlur = (e: Readonly<FocusEvent>): void => {\n  focused.value = false\n  emit('blur', e)\n}\n\nconst onInput = (e: Readonly<Event> | string): void => {\n  const value = typeof e === 'string' ? e : (e.target as HTMLInputElement).value\n\n  shouldRemoveOnDelete.value = false\n\n  if (props.separator?.includes(value.charAt(0)) && value.length > 0) {\n    if (input.value) {\n      input.value.value = ''\n    }\n    return\n  }\n\n  inputValue.value = value\n\n  if (props.separator?.includes(value.charAt(value.length - 1))) {\n    addTag(value.slice(0, value.length - 1))\n    return\n  }\n\n  validTags.value = props.tagValidator(value) && !isDuplicate.value ? [value] : []\n  invalidTags.value = props.tagValidator(value) ? [] : [value]\n  duplicateTags.value = isDuplicate.value ? [value] : []\n\n  emit('tag-state', validTags.value, invalidTags.value, duplicateTags.value)\n}\n\nconst onChange = (e: Readonly<Event>): void => {\n  if (props.addOnChange) {\n    onInput(e)\n\n    if (!isDuplicate.value) {\n      addTag(inputValue.value)\n    }\n  }\n}\n\nconst onKeydown = (e: Readonly<KeyboardEvent>): void => {\n  if (e.key === 'Enter' && !props.noAddOnEnter) {\n    addTag(inputValue.value)\n    return\n  }\n\n  if (\n    (e.key === 'Backspace' || e.key === 'Delete') &&\n    props.removeOnDelete &&\n    inputValue.value === '' &&\n    shouldRemoveOnDelete.value &&\n    tags.value.length > 0\n  ) {\n    removeTag(tags.value[tags.value.length - 1])\n  } else {\n    shouldRemoveOnDelete.value = true\n  }\n}\n\nonKeyStroke(onKeydown, {target: input})\n\nconst separator = computed(() => {\n  if (!props.separator) {\n    return\n  }\n\n  return typeof props.separator === 'string' ? props.separator : props.separator.join('')\n})\n\nconst separatorRegExp = computed(() => {\n  if (!separator.value) {\n    return\n  }\n\n  return new RegExp(`[${escapeRegExpChars(separator.value)}]+`)\n})\n\nconst addTag = (tag?: string): void => {\n  tag = (tag ?? inputValue.value).trim()\n\n  const newTags = separatorRegExp.value\n    ? tag.split(separatorRegExp.value).map((t) => t.trim())\n    : [tag]\n  const validTags: string[] = []\n\n  for (const newTag of newTags) {\n    if (newTag === '' || isDuplicate.value || !props.tagValidator(newTag)) {\n      continue\n    }\n\n    if (limitNumber.value && isLimitReached.value) {\n      break\n    }\n\n    validTags.push(newTag)\n  }\n\n  const newValue = [...modelValue.value, ...validTags]\n  inputValue.value = ''\n  shouldRemoveOnDelete.value = true\n  modelValue.value = newValue\n  focused.value = true\n}\n\nconst removeTag = (tag?: string): void => {\n  const tagIndex = tags.value.indexOf(tag?.toString() ?? '')\n  if (tagIndex === -1) return\n  lastRemovedTag.value = tags.value.splice(tagIndex, 1).toString()\n  modelValue.value = tags.value\n}\n\ndefineExpose({\n  blur: () => {\n    focused.value = false\n  },\n  element: input,\n  focus: () => {\n    focused.value = true\n  },\n})\n</script>\n"],"names":["_props","__props","props","useDefaults","emit","__emit","slots","_useSlots","computedId","useId","id","tagText","computed","_a","default","call","children","toString","title","taglabelId","value","computedClasses","variant","pill","disabled","modelValue","_useModel","limitNumber","useToNumber","limit","NaN","stateClass","useStateClass","state","input","ref","focused","useFocus","initialValue","autofocus","_inputId","inputId","tags","inputValue","shouldRemoveOnDelete","length","lastRemovedTag","validTags","invalidTags","duplicateTags","index","syncRef","direction","transform","ltr","v","size","focus","isDuplicate","includes","isInvalid","tagValidator","isLimitReached","disableAddButton","slotAttrs","addButtonText","addButtonVariant","addTag","duplicateTagText","form","inputAttrs","inputClass","inputHandlers","onInput","keydown","onKeydown","change","onChange","inputType","invalidTagText","limitTagsText","noTagRemove","placeholder","removeTag","required","separator","tagClass","tagPills","tagRemoveLabel","tagVariant","onFocusin","e","target","blur","onFocus","noOuterFocus","onBlur","charAt","_b","slice","addOnChange","key","noAddOnEnter","removeOnDelete","onKeyStroke","join","separatorRegExp","RegExp","escapeRegExpChars","tag","trim","newTags","split","map","t","newTag","push","newValue","tagIndex","indexOf","splice","__expose","element"],"mappings":"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"}

package/dist/BFormTags.vue_vue_type_script_setup_true_lang-QreNAuNh.mjs

@@ -0,0 +1,451 @@
+import { defineComponent, useSlots, computed, openBlock, createBlock, resolveDynamicComponent, unref, normalizeClass, withCtx, createElementVNode, renderSlot, createTextVNode, toDisplayString, createCommentVNode, mergeModels, useModel, ref, createElementBlock, normalizeProps, guardReactiveProps, Fragment, renderList, mergeProps } from "vue";
+import { e as useFocus, o as onKeyStroke } from "./index-DngH9Pjm.mjs";
+import { u as useDefaults } from "./useDefaults-BYx9NNxn.mjs";
+import { e as escapeRegExpChars } from "./stringUtils-i6NkPGA1.mjs";
+import { u as useId } from "./useId-BrAgQfKM.mjs";
+import { _ as _sfc_main$2 } from "./BCloseButton.vue_vue_type_script_setup_true_lang-B9g9XRA_.mjs";
+import { u as useStateClass } from "./useStateClass-BGbSLWFN.mjs";
+import { u as useToNumber, s as syncRef } from "./index-DlGgXMQF.mjs";
+const _hoisted_1$1 = ["id"];
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "BFormTag",
+  props: {
+    disabled: { type: Boolean, default: false },
+    id: { default: void 0 },
+    noRemove: { type: Boolean, default: false },
+    pill: { type: Boolean, default: false },
+    removeLabel: { default: "Remove tag" },
+    tag: { default: "span" },
+    title: { default: void 0 },
+    variant: { default: "secondary" }
+  },
+  emits: ["remove"],
+  setup(__props, { emit: __emit }) {
+    const _props = __props;
+    const props = useDefaults(_props, "BFormTag");
+    const emit = __emit;
+    const slots = useSlots();
+    const computedId = useId(() => props.id);
+    const tagText = computed(
+      () => {
+        var _a;
+        return ((((_a = slots.default) == null ? void 0 : _a.call(slots, {})[0].children) ?? "").toString() || props.title) ?? "";
+      }
+    );
+    const taglabelId = computed(() => `${computedId.value}taglabel__`);
+    const computedClasses = computed(() => ({
+      [`text-bg-${props.variant}`]: props.variant !== null,
+      "rounded-pill": props.pill,
+      "disabled": props.disabled
+    }));
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(unref(props).tag), {
+        id: unref(computedId),
+        title: tagText.value,
+        class: normalizeClass(["badge b-form-tag d-inline-flex align-items-center mw-100", computedClasses.value]),
+        "aria-labelledby": taglabelId.value
+      }, {
+        default: withCtx(() => [
+          createElementVNode("span", {
+            id: taglabelId.value,
+            class: "b-form-tag-content flex-grow-1 text-truncate"
+          }, [
+            renderSlot(_ctx.$slots, "default", {}, () => [
+              createTextVNode(toDisplayString(tagText.value), 1)
+            ])
+          ], 8, _hoisted_1$1),
+          !unref(props).disabled && !unref(props).noRemove ? (openBlock(), createBlock(_sfc_main$2, {
+            key: 0,
+            "aria-keyshortcuts": "Delete",
+            "aria-label": unref(props).removeLabel,
+            class: "b-form-tag-remove",
+            "aria-describedby": taglabelId.value,
+            "aria-controls": unref(props).id,
+            onClick: _cache[0] || (_cache[0] = ($event) => emit("remove", tagText.value))
+          }, null, 8, ["aria-label", "aria-describedby", "aria-controls"])) : createCommentVNode("", true)
+        ]),
+        _: 3
+      }, 8, ["id", "title", "class", "aria-labelledby"]);
+    };
+  }
+});
+const _hoisted_1 = ["id"];
+const _hoisted_2 = ["id", "for", "aria-live"];
+const _hoisted_3 = ["id", "aria-live"];
+const _hoisted_4 = ["id"];
+const _hoisted_5 = ["aria-controls"];
+const _hoisted_6 = {
+  role: "group",
+  class: "d-flex"
+};
+const _hoisted_7 = ["id", "disabled", "value", "type", "placeholder", "form", "required", "aria-required"];
+const _hoisted_8 = ["disabled"];
+const _hoisted_9 = {
+  "aria-live": "polite",
+  "aria-atomic": "true"
+};
+const _hoisted_10 = {
+  key: 0,
+  class: "d-block invalid-feedback"
+};
+const _hoisted_11 = {
+  key: 1,
+  class: "form-text text-body-secondary"
+};
+const _hoisted_12 = {
+  key: 2,
+  class: "form-text text-body-secondary"
+};
+const _hoisted_13 = ["name", "value"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "BFormTags",
+  props: /* @__PURE__ */ mergeModels({
+    addButtonText: { default: "Add" },
+    addButtonVariant: { default: "outline-secondary" },
+    addOnChange: { type: Boolean, default: false },
+    autofocus: { type: Boolean, default: false },
+    disabled: { type: Boolean, default: false },
+    duplicateTagText: { default: "Duplicate tag(s)" },
+    form: { default: void 0 },
+    inputAttrs: { default: void 0 },
+    inputClass: { default: void 0 },
+    inputId: { default: void 0 },
+    inputType: { default: "text" },
+    invalidTagText: { default: "Invalid tag(s)" },
+    limit: { default: void 0 },
+    limitTagsText: { default: "Tag limit reached" },
+    name: { default: void 0 },
+    noAddOnEnter: { type: Boolean, default: false },
+    noOuterFocus: { type: Boolean, default: false },
+    noTagRemove: { type: Boolean, default: false },
+    placeholder: { default: "Add tag..." },
+    removeOnDelete: { type: Boolean, default: false },
+    required: { type: Boolean, default: false },
+    separator: { default: void 0 },
+    size: { default: "md" },
+    state: { type: [Boolean, null], default: null },
+    tagClass: { default: void 0 },
+    tagPills: { type: Boolean, default: false },
+    tagRemoveLabel: { default: void 0 },
+    tagRemovedLabel: { default: "Tag removed" },
+    tagValidator: { type: Function, default: () => true },
+    tagVariant: { default: "secondary" }
+  }, {
+    "modelValue": {
+      default: () => []
+    },
+    "modelModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["blur", "focus", "focusin", "focusout", "tag-state"], ["update:modelValue"]),
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const _props = __props;
+    const props = useDefaults(_props, "BFormTags");
+    const emit = __emit;
+    const modelValue = useModel(__props, "modelValue");
+    const computedId = useId();
+    const limitNumber = useToNumber(() => props.limit ?? NaN);
+    const stateClass = useStateClass(() => props.state);
+    const input = ref(null);
+    const { focused } = useFocus(input, {
+      initialValue: props.autofocus
+    });
+    const _inputId = computed(() => props.inputId || `${computedId.value}input__`);
+    const tags = ref([...modelValue.value]);
+    const inputValue = ref("");
+    const shouldRemoveOnDelete = ref(modelValue.value.length > 0);
+    const lastRemovedTag = ref("");
+    const validTags = ref([]);
+    const invalidTags = ref([]);
+    const duplicateTags = ref([]);
+    syncRef(modelValue, tags, {
+      direction: "ltr",
+      transform: {
+        ltr: (v) => [...v]
+      }
+    });
+    const computedClasses = computed(() => [
+      stateClass.value,
+      {
+        [`form-control-${props.size}`]: props.size !== "md",
+        disabled: props.disabled,
+        focus: focused.value
+      }
+    ]);
+    const isDuplicate = computed(() => tags.value.includes(inputValue.value));
+    const isInvalid = computed(
+      () => inputValue.value === "" ? false : !props.tagValidator(inputValue.value)
+    );
+    const isLimitReached = computed(() => tags.value.length === limitNumber.value);
+    const disableAddButton = computed(() => !isInvalid.value && !isDuplicate.value);
+    const slotAttrs = computed(() => ({
+      addButtonText: props.addButtonText,
+      addButtonVariant: props.addButtonVariant,
+      addTag,
+      disableAddButton: disableAddButton.value,
+      disabled: props.disabled,
+      duplicateTagText: props.duplicateTagText,
+      duplicateTags: duplicateTags.value,
+      form: props.form,
+      inputAttrs: {
+        ...props.inputAttrs,
+        disabled: props.disabled,
+        form: props.form,
+        id: _inputId.value,
+        value: inputValue.value
+      },
+      inputClass: props.inputClass,
+      inputHandlers: {
+        input: onInput,
+        keydown: onKeydown,
+        change: onChange
+      },
+      inputId: _inputId.value,
+      inputType: props.inputType,
+      invalidTagText: props.invalidTagText,
+      invalidTags: invalidTags.value,
+      isDuplicate: isDuplicate.value,
+      isInvalid: isInvalid.value,
+      isLimitReached: isLimitReached.value,
+      limitTagsText: props.limitTagsText,
+      limit: limitNumber.value,
+      noTagRemove: props.noTagRemove,
+      placeholder: props.placeholder,
+      removeTag,
+      required: props.required,
+      separator: props.separator,
+      size: props.size,
+      state: props.state,
+      tagClass: props.tagClass,
+      tagPills: props.tagPills,
+      tagRemoveLabel: props.tagRemoveLabel,
+      tagVariant: props.tagVariant,
+      tags: tags.value
+    }));
+    const onFocusin = (e) => {
+      if (props.disabled) {
+        const target = e.target;
+        target.blur();
+        return;
+      }
+      emit("focusin", e);
+    };
+    const onFocus = (e) => {
+      if (props.disabled || props.noOuterFocus) {
+        return;
+      }
+      focused.value = true;
+      emit("focus", e);
+    };
+    const onBlur = (e) => {
+      focused.value = false;
+      emit("blur", e);
+    };
+    const onInput = (e) => {
+      var _a, _b;
+      const value = typeof e === "string" ? e : e.target.value;
+      shouldRemoveOnDelete.value = false;
+      if (((_a = props.separator) == null ? void 0 : _a.includes(value.charAt(0))) && value.length > 0) {
+        if (input.value) {
+          input.value.value = "";
+        }
+        return;
+      }
+      inputValue.value = value;
+      if ((_b = props.separator) == null ? void 0 : _b.includes(value.charAt(value.length - 1))) {
+        addTag(value.slice(0, value.length - 1));
+        return;
+      }
+      validTags.value = props.tagValidator(value) && !isDuplicate.value ? [value] : [];
+      invalidTags.value = props.tagValidator(value) ? [] : [value];
+      duplicateTags.value = isDuplicate.value ? [value] : [];
+      emit("tag-state", validTags.value, invalidTags.value, duplicateTags.value);
+    };
+    const onChange = (e) => {
+      if (props.addOnChange) {
+        onInput(e);
+        if (!isDuplicate.value) {
+          addTag(inputValue.value);
+        }
+      }
+    };
+    const onKeydown = (e) => {
+      if (e.key === "Enter" && !props.noAddOnEnter) {
+        addTag(inputValue.value);
+        return;
+      }
+      if ((e.key === "Backspace" || e.key === "Delete") && props.removeOnDelete && inputValue.value === "" && shouldRemoveOnDelete.value && tags.value.length > 0) {
+        removeTag(tags.value[tags.value.length - 1]);
+      } else {
+        shouldRemoveOnDelete.value = true;
+      }
+    };
+    onKeyStroke(onKeydown, { target: input });
+    const separator = computed(() => {
+      if (!props.separator) {
+        return;
+      }
+      return typeof props.separator === "string" ? props.separator : props.separator.join("");
+    });
+    const separatorRegExp = computed(() => {
+      if (!separator.value) {
+        return;
+      }
+      return new RegExp(`[${escapeRegExpChars(separator.value)}]+`);
+    });
+    const addTag = (tag) => {
+      tag = (tag ?? inputValue.value).trim();
+      const newTags = separatorRegExp.value ? tag.split(separatorRegExp.value).map((t) => t.trim()) : [tag];
+      const validTags2 = [];
+      for (const newTag of newTags) {
+        if (newTag === "" || isDuplicate.value || !props.tagValidator(newTag)) {
+          continue;
+        }
+        if (limitNumber.value && isLimitReached.value) {
+          break;
+        }
+        validTags2.push(newTag);
+      }
+      const newValue = [...modelValue.value, ...validTags2];
+      inputValue.value = "";
+      shouldRemoveOnDelete.value = true;
+      modelValue.value = newValue;
+      focused.value = true;
+    };
+    const removeTag = (tag) => {
+      const tagIndex = tags.value.indexOf((tag == null ? void 0 : tag.toString()) ?? "");
+      if (tagIndex === -1) return;
+      lastRemovedTag.value = tags.value.splice(tagIndex, 1).toString();
+      modelValue.value = tags.value;
+    };
+    __expose({
+      blur: () => {
+        focused.value = false;
+      },
+      element: input,
+      focus: () => {
+        focused.value = true;
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        id: unref(computedId),
+        class: normalizeClass(["b-form-tags form-control h-auto", computedClasses.value]),
+        role: "group",
+        tabindex: "-1",
+        onFocusin,
+        onFocusout: _cache[1] || (_cache[1] = ($event) => emit("focusout", $event))
+      }, [
+        createElementVNode("output", {
+          id: `${unref(computedId)}selected_tags__`,
+          class: "visually-hidden",
+          for: _inputId.value,
+          "aria-live": unref(focused) ? "polite" : "off",
+          "aria-atomic": "true",
+          "aria-relevant": "additions text"
+        }, toDisplayString(tags.value.join(", ")), 9, _hoisted_2),
+        createElementVNode("div", {
+          id: `${unref(computedId)}removed_tags__`,
+          role: "status",
+          "aria-live": unref(focused) ? "assertive" : "off",
+          "aria-atomic": "true",
+          class: "visually-hidden"
+        }, " (" + toDisplayString(unref(props).tagRemovedLabel) + ") " + toDisplayString(lastRemovedTag.value), 9, _hoisted_3),
+        renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotAttrs.value)), () => [
+          createElementVNode("ul", {
+            id: `${unref(computedId)}tag_list__`,
+            class: "b-form-tags-list list-unstyled mb-0 d-flex flex-wrap align-items-center"
+          }, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(tags.value, (tag, index) => {
+              return renderSlot(_ctx.$slots, "tag", {
+                key: index,
+                tag,
+                tagClass: unref(props).tagClass,
+                tagVariant: unref(props).tagVariant,
+                tagPills: unref(props).tagPills,
+                removeTag
+              }, () => [
+                (openBlock(), createBlock(_sfc_main$1, {
+                  key: tag,
+                  class: normalizeClass(unref(props).tagClass),
+                  tag: "li",
+                  variant: unref(props).tagVariant,
+                  pill: unref(props).tagPills,
+                  onRemove: removeTag
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(tag), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["class", "variant", "pill"]))
+              ]);
+            }), 128)),
+            createElementVNode("li", {
+              role: "none",
+              "aria-live": "off",
+              class: "b-from-tags-field flex-grow-1",
+              "aria-controls": `${unref(computedId)}tag_list__`
+            }, [
+              createElementVNode("div", _hoisted_6, [
+                createElementVNode("input", mergeProps({
+                  id: _inputId.value,
+                  ref_key: "input",
+                  ref: input,
+                  disabled: unref(props).disabled,
+                  value: inputValue.value,
+                  type: unref(props).inputType,
+                  placeholder: unref(props).placeholder,
+                  class: "b-form-tags-input w-100 flex-grow-1 p-0 m-0 bg-transparent border-0",
+                  style: { "outline": "currentcolor none 0px", "min-width": "5rem" }
+                }, unref(props).inputAttrs, {
+                  form: unref(props).form,
+                  required: unref(props).required || void 0,
+                  "aria-required": unref(props).required || void 0,
+                  onInput,
+                  onChange,
+                  onFocus,
+                  onBlur
+                }), null, 16, _hoisted_7),
+                disableAddButton.value ? (openBlock(), createElementBlock("button", {
+                  key: 0,
+                  type: "button",
+                  class: normalizeClass(["btn b-form-tags-button py-0", [
+                    _ctx.inputClass,
+                    {
+                      [`btn-${unref(props).addButtonVariant}`]: unref(props).addButtonVariant !== null,
+                      "disabled invisible": inputValue.value.length === 0
+                    }
+                  ]]),
+                  style: { "font-size": "90%" },
+                  disabled: unref(props).disabled || inputValue.value.length === 0 || isLimitReached.value,
+                  onClick: _cache[0] || (_cache[0] = ($event) => addTag(inputValue.value))
+                }, [
+                  renderSlot(_ctx.$slots, "add-button-text", {}, () => [
+                    createTextVNode(toDisplayString(unref(props).addButtonText), 1)
+                  ])
+                ], 10, _hoisted_8)) : createCommentVNode("", true)
+              ])
+            ], 8, _hoisted_5)
+          ], 8, _hoisted_4),
+          createElementVNode("div", _hoisted_9, [
+            isInvalid.value ? (openBlock(), createElementBlock("div", _hoisted_10, toDisplayString(unref(props).invalidTagText) + ": " + toDisplayString(inputValue.value), 1)) : createCommentVNode("", true),
+            isDuplicate.value ? (openBlock(), createElementBlock("small", _hoisted_11, toDisplayString(unref(props).duplicateTagText) + ": " + toDisplayString(inputValue.value), 1)) : createCommentVNode("", true),
+            tags.value.length === unref(props).limit ? (openBlock(), createElementBlock("small", _hoisted_12, toDisplayString(unref(props).limitTagsText), 1)) : createCommentVNode("", true)
+          ])
+        ]),
+        unref(props).name ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(tags.value, (tag, index) => {
+          return openBlock(), createElementBlock("input", {
+            key: index,
+            type: "hidden",
+            name: unref(props).name,
+            value: tag
+          }, null, 8, _hoisted_13);
+        }), 128)) : createCommentVNode("", true)
+      ], 42, _hoisted_1);
+    };
+  }
+});
+export {
+  _sfc_main as _,
+  _sfc_main$1 as a
+};
+//# sourceMappingURL=BFormTags.vue_vue_type_script_setup_true_lang-QreNAuNh.mjs.map

package/dist/BFormTags.vue_vue_type_script_setup_true_lang-QreNAuNh.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BFormTags.vue_vue_type_script_setup_true_lang-QreNAuNh.mjs","sources":["../src/components/BFormTags/BFormTag.vue","../src/components/BFormTags/BFormTags.vue"],"sourcesContent":["<template>\n  <component\n    :is=\"props.tag\"\n    :id=\"computedId\"\n    :title=\"tagText\"\n    class=\"badge b-form-tag d-inline-flex align-items-center mw-100\"\n    :class=\"computedClasses\"\n    :aria-labelledby=\"taglabelId\"\n  >\n    <span :id=\"taglabelId\" class=\"b-form-tag-content flex-grow-1 text-truncate\">\n      <slot>{{ tagText }}</slot>\n    </span>\n    <BCloseButton\n      v-if=\"!props.disabled && !props.noRemove\"\n      aria-keyshortcuts=\"Delete\"\n      :aria-label=\"props.removeLabel\"\n      class=\"b-form-tag-remove\"\n      :aria-describedby=\"taglabelId\"\n      :aria-controls=\"props.id\"\n      @click=\"emit('remove', tagText)\"\n    />\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed} from 'vue'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {useId} from '../../composables/useId'\nimport type {BFormTagProps} from '../../types/ComponentProps'\nimport BCloseButton from '../BButton/BCloseButton.vue'\n\nconst _props = withDefaults(defineProps<BFormTagProps>(), {\n  disabled: false,\n  id: undefined,\n  noRemove: false,\n  pill: false,\n  removeLabel: 'Remove tag',\n  tag: 'span',\n  title: undefined,\n  variant: 'secondary',\n})\nconst props = useDefaults(_props, 'BFormTag')\n\nconst emit = defineEmits<{\n  remove: [value: string]\n}>()\n\nconst slots = defineSlots<{\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  default?: (props: Record<string, never>) => any\n}>()\n\nconst computedId = useId(() => props.id)\n\nconst tagText = computed(\n  () => ((slots.default?.({})[0].children ?? '').toString() || props.title) ?? ''\n)\nconst taglabelId = computed(() => `${computedId.value}taglabel__`)\n\nconst computedClasses = computed(() => ({\n  [`text-bg-${props.variant}`]: props.variant !== null,\n  'rounded-pill': props.pill,\n  'disabled': props.disabled,\n}))\n</script>\n","<template>\n  <div\n    :id=\"computedId\"\n    class=\"b-form-tags form-control h-auto\"\n    :class=\"computedClasses\"\n    role=\"group\"\n    tabindex=\"-1\"\n    @focusin=\"onFocusin\"\n    @focusout=\"emit('focusout', $event)\"\n  >\n    <output\n      :id=\"`${computedId}selected_tags__`\"\n      class=\"visually-hidden\"\n      :for=\"_inputId\"\n      :aria-live=\"focused ? 'polite' : 'off'\"\n      aria-atomic=\"true\"\n      aria-relevant=\"additions text\"\n      >{{ tags.join(', ') }}</output\n    >\n    <div\n      :id=\"`${computedId}removed_tags__`\"\n      role=\"status\"\n      :aria-live=\"focused ? 'assertive' : 'off'\"\n      aria-atomic=\"true\"\n      class=\"visually-hidden\"\n    >\n      ({{ props.tagRemovedLabel }}) {{ lastRemovedTag }}\n    </div>\n\n    <slot v-bind=\"slotAttrs\">\n      <ul\n        :id=\"`${computedId}tag_list__`\"\n        class=\"b-form-tags-list list-unstyled mb-0 d-flex flex-wrap align-items-center\"\n      >\n        <template v-for=\"(tag, index) in tags\" :key=\"index\">\n          <slot\n            name=\"tag\"\n            :tag=\"tag\"\n            :tag-class=\"props.tagClass\"\n            :tag-variant=\"props.tagVariant\"\n            :tag-pills=\"props.tagPills\"\n            :remove-tag=\"removeTag\"\n          >\n            <BFormTag\n              :key=\"tag\"\n              :class=\"props.tagClass\"\n              tag=\"li\"\n              :variant=\"props.tagVariant\"\n              :pill=\"props.tagPills\"\n              @remove=\"removeTag\"\n              >{{ tag }}</BFormTag\n            >\n          </slot>\n        </template>\n        <li\n          role=\"none\"\n          aria-live=\"off\"\n          class=\"b-from-tags-field flex-grow-1\"\n          :aria-controls=\"`${computedId}tag_list__`\"\n        >\n          <div role=\"group\" class=\"d-flex\">\n            <input\n              :id=\"_inputId\"\n              ref=\"input\"\n              :disabled=\"props.disabled\"\n              :value=\"inputValue\"\n              :type=\"props.inputType\"\n              :placeholder=\"props.placeholder\"\n              class=\"b-form-tags-input w-100 flex-grow-1 p-0 m-0 bg-transparent border-0\"\n              style=\"outline: currentcolor none 0px; min-width: 5rem\"\n              v-bind=\"props.inputAttrs\"\n              :form=\"props.form\"\n              :required=\"props.required || undefined\"\n              :aria-required=\"props.required || undefined\"\n              @input=\"onInput\"\n              @change=\"onChange\"\n              @focus=\"onFocus\"\n              @blur=\"onBlur\"\n            />\n            <button\n              v-if=\"disableAddButton\"\n              type=\"button\"\n              class=\"btn b-form-tags-button py-0\"\n              :class=\"[\n                inputClass,\n                {\n                  [`btn-${props.addButtonVariant}`]: props.addButtonVariant !== null,\n                  'disabled invisible': inputValue.length === 0,\n                },\n              ]\"\n              style=\"font-size: 90%\"\n              :disabled=\"props.disabled || inputValue.length === 0 || isLimitReached\"\n              @click=\"addTag(inputValue)\"\n            >\n              <slot name=\"add-button-text\">{{ props.addButtonText }}</slot>\n            </button>\n          </div>\n        </li>\n      </ul>\n      <div aria-live=\"polite\" aria-atomic=\"true\">\n        <div v-if=\"isInvalid\" class=\"d-block invalid-feedback\">\n          {{ props.invalidTagText }}: {{ inputValue }}\n        </div>\n        <small v-if=\"isDuplicate\" class=\"form-text text-body-secondary\"\n          >{{ props.duplicateTagText }}: {{ inputValue }}</small\n        >\n        <small v-if=\"tags.length === props.limit\" class=\"form-text text-body-secondary\">\n          {{ props.limitTagsText }}</small\n        >\n      </div>\n    </slot>\n    <template v-if=\"props.name\">\n      <input\n        v-for=\"(tag, index) in tags\"\n        :key=\"index\"\n        type=\"hidden\"\n        :name=\"props.name\"\n        :value=\"tag\"\n      />\n    </template>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport {onKeyStroke, syncRef, useFocus, useToNumber} from '@vueuse/core'\nimport {computed, ref} from 'vue'\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {BFormTagsProps} from '../../types/ComponentProps'\nimport {escapeRegExpChars} from '../../utils/stringUtils'\nimport BFormTag from './BFormTag.vue'\nimport type {ClassValue} from '../../types/AnyValuedAttributes'\nimport type {ColorVariant} from '../../types/ColorTypes'\nimport {useId} from '../../composables/useId'\nimport {useStateClass} from '../../composables/useStateClass'\n\nconst _props = withDefaults(defineProps<Omit<BFormTagsProps, 'modelValue'>>(), {\n  addButtonText: 'Add',\n  addButtonVariant: 'outline-secondary',\n  addOnChange: false,\n  autofocus: false,\n  disabled: false,\n  duplicateTagText: 'Duplicate tag(s)',\n  form: undefined,\n  inputAttrs: undefined,\n  inputClass: undefined,\n  inputId: undefined,\n  inputType: 'text',\n  invalidTagText: 'Invalid tag(s)',\n  limit: undefined,\n  limitTagsText: 'Tag limit reached',\n  name: undefined,\n  noAddOnEnter: false,\n  noOuterFocus: false,\n  noTagRemove: false,\n  placeholder: 'Add tag...',\n  removeOnDelete: false,\n  required: false,\n  separator: undefined,\n  size: 'md',\n  state: null,\n  tagClass: undefined,\n  tagPills: false,\n  tagRemoveLabel: undefined,\n  tagRemovedLabel: 'Tag removed',\n  tagValidator: () => true,\n  tagVariant: 'secondary',\n})\nconst props = useDefaults(_props, 'BFormTags')\n\nconst emit = defineEmits<{\n  'blur': [value: FocusEvent]\n  'focus': [value: FocusEvent]\n  'focusin': [value: FocusEvent]\n  'focusout': [value: FocusEvent]\n  'tag-state': [...args: string[][]]\n}>()\n\ndefineSlots<{\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  'add-button-text'?: (props: Record<string, never>) => any\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  'default'?: (props: typeof slotAttrs.value) => any\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  'tag'?: (props: {\n    tag: string\n    tagClass: ClassValue\n    tagVariant: ColorVariant | null\n    tagPills: boolean\n    removeTag: (tag?: string) => void\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  }) => any\n}>()\n\nconst modelValue = defineModel<Exclude<BFormTagsProps['modelValue'], undefined>>({\n  default: () => [],\n})\n\nconst computedId = useId()\n\nconst limitNumber = useToNumber(() => props.limit ?? NaN)\n\nconst stateClass = useStateClass(() => props.state)\n\nconst input = ref<HTMLInputElement | null>(null)\n\nconst {focused} = useFocus(input, {\n  initialValue: props.autofocus,\n})\n\nconst _inputId = computed(() => props.inputId || `${computedId.value}input__`)\nconst tags = ref<string[]>([...modelValue.value])\nconst inputValue = ref<string>('')\nconst shouldRemoveOnDelete = ref<boolean>(modelValue.value.length > 0)\nconst lastRemovedTag = ref<string>('')\nconst validTags = ref<string[]>([])\nconst invalidTags = ref<string[]>([])\nconst duplicateTags = ref<string[]>([])\n\nsyncRef(modelValue, tags, {\n  direction: 'ltr',\n  transform: {\n    ltr: (v) => [...v],\n  },\n})\n\nconst computedClasses = computed(() => [\n  stateClass.value,\n  {\n    [`form-control-${props.size}`]: props.size !== 'md',\n    disabled: props.disabled,\n    focus: focused.value,\n  },\n])\n\nconst isDuplicate = computed(() => tags.value.includes(inputValue.value))\nconst isInvalid = computed(() =>\n  inputValue.value === '' ? false : !props.tagValidator(inputValue.value)\n)\nconst isLimitReached = computed(() => tags.value.length === limitNumber.value)\nconst disableAddButton = computed(() => !isInvalid.value && !isDuplicate.value)\n\nconst slotAttrs = computed(() => ({\n  addButtonText: props.addButtonText,\n  addButtonVariant: props.addButtonVariant,\n  addTag,\n  disableAddButton: disableAddButton.value,\n  disabled: props.disabled,\n  duplicateTagText: props.duplicateTagText,\n  duplicateTags: duplicateTags.value,\n  form: props.form,\n  inputAttrs: {\n    ...props.inputAttrs,\n    disabled: props.disabled,\n    form: props.form,\n    id: _inputId.value,\n    value: inputValue.value,\n  },\n  inputClass: props.inputClass,\n  inputHandlers: {\n    input: onInput,\n    keydown: onKeydown,\n    change: onChange,\n  },\n  inputId: _inputId.value,\n  inputType: props.inputType,\n  invalidTagText: props.invalidTagText,\n  invalidTags: invalidTags.value,\n  isDuplicate: isDuplicate.value,\n  isInvalid: isInvalid.value,\n  isLimitReached: isLimitReached.value,\n  limitTagsText: props.limitTagsText,\n  limit: limitNumber.value,\n  noTagRemove: props.noTagRemove,\n  placeholder: props.placeholder,\n  removeTag,\n  required: props.required,\n  separator: props.separator,\n  size: props.size,\n  state: props.state,\n  tagClass: props.tagClass,\n  tagPills: props.tagPills,\n  tagRemoveLabel: props.tagRemoveLabel,\n  tagVariant: props.tagVariant,\n  tags: tags.value,\n}))\n\nconst onFocusin = (e: Readonly<FocusEvent>): void => {\n  if (props.disabled) {\n    const target = e.target as HTMLDivElement\n    target.blur()\n    return\n  }\n\n  emit('focusin', e)\n}\n\nconst onFocus = (e: Readonly<FocusEvent>): void => {\n  if (props.disabled || props.noOuterFocus) {\n    return\n  }\n\n  focused.value = true\n  emit('focus', e)\n}\n\nconst onBlur = (e: Readonly<FocusEvent>): void => {\n  focused.value = false\n  emit('blur', e)\n}\n\nconst onInput = (e: Readonly<Event> | string): void => {\n  const value = typeof e === 'string' ? e : (e.target as HTMLInputElement).value\n\n  shouldRemoveOnDelete.value = false\n\n  if (props.separator?.includes(value.charAt(0)) && value.length > 0) {\n    if (input.value) {\n      input.value.value = ''\n    }\n    return\n  }\n\n  inputValue.value = value\n\n  if (props.separator?.includes(value.charAt(value.length - 1))) {\n    addTag(value.slice(0, value.length - 1))\n    return\n  }\n\n  validTags.value = props.tagValidator(value) && !isDuplicate.value ? [value] : []\n  invalidTags.value = props.tagValidator(value) ? [] : [value]\n  duplicateTags.value = isDuplicate.value ? [value] : []\n\n  emit('tag-state', validTags.value, invalidTags.value, duplicateTags.value)\n}\n\nconst onChange = (e: Readonly<Event>): void => {\n  if (props.addOnChange) {\n    onInput(e)\n\n    if (!isDuplicate.value) {\n      addTag(inputValue.value)\n    }\n  }\n}\n\nconst onKeydown = (e: Readonly<KeyboardEvent>): void => {\n  if (e.key === 'Enter' && !props.noAddOnEnter) {\n    addTag(inputValue.value)\n    return\n  }\n\n  if (\n    (e.key === 'Backspace' || e.key === 'Delete') &&\n    props.removeOnDelete &&\n    inputValue.value === '' &&\n    shouldRemoveOnDelete.value &&\n    tags.value.length > 0\n  ) {\n    removeTag(tags.value[tags.value.length - 1])\n  } else {\n    shouldRemoveOnDelete.value = true\n  }\n}\n\nonKeyStroke(onKeydown, {target: input})\n\nconst separator = computed(() => {\n  if (!props.separator) {\n    return\n  }\n\n  return typeof props.separator === 'string' ? props.separator : props.separator.join('')\n})\n\nconst separatorRegExp = computed(() => {\n  if (!separator.value) {\n    return\n  }\n\n  return new RegExp(`[${escapeRegExpChars(separator.value)}]+`)\n})\n\nconst addTag = (tag?: string): void => {\n  tag = (tag ?? inputValue.value).trim()\n\n  const newTags = separatorRegExp.value\n    ? tag.split(separatorRegExp.value).map((t) => t.trim())\n    : [tag]\n  const validTags: string[] = []\n\n  for (const newTag of newTags) {\n    if (newTag === '' || isDuplicate.value || !props.tagValidator(newTag)) {\n      continue\n    }\n\n    if (limitNumber.value && isLimitReached.value) {\n      break\n    }\n\n    validTags.push(newTag)\n  }\n\n  const newValue = [...modelValue.value, ...validTags]\n  inputValue.value = ''\n  shouldRemoveOnDelete.value = true\n  modelValue.value = newValue\n  focused.value = true\n}\n\nconst removeTag = (tag?: string): void => {\n  const tagIndex = tags.value.indexOf(tag?.toString() ?? '')\n  if (tagIndex === -1) return\n  lastRemovedTag.value = tags.value.splice(tagIndex, 1).toString()\n  modelValue.value = tags.value\n}\n\ndefineExpose({\n  blur: () => {\n    focused.value = false\n  },\n  element: input,\n  focus: () => {\n    focused.value = true\n  },\n})\n</script>\n"],"names":["_useSlots","_useModel","validTags"],"mappings":"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"}

package/dist/BFormTextarea.vue_vue_type_script_setup_true_lang-C7qeE8yw.js

@@ -0,0 +1,2 @@
+"use strict";const e=require("vue"),o=require("./useDefaults-Cd8OVIUI.js"),a=require("./useFormInput-Cl9jLmfR.js"),l=require("./useStateClass-BePLKIel.js"),t=["id","name","form","value","disabled","placeholder","required","autocomplete","readonly","aria-required","aria-invalid","rows","wrap"],r=e.defineComponent({__name:"BFormTextarea",props:e.mergeModels({noResize:{type:Boolean,default:!1},rows:{default:2},wrap:{default:"soft"},ariaInvalid:{type:[Boolean,String],default:void 0},autocomplete:{default:void 0},autofocus:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},form:{default:void 0},formatter:{type:Function,default:void 0},id:{default:void 0},lazyFormatter:{type:Boolean,default:!1},list:{default:void 0},name:{default:void 0},placeholder:{default:void 0},plaintext:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},required:{type:Boolean,default:!1},size:{default:void 0},state:{type:[Boolean,null],default:null},debounce:{default:0},debounceMaxWait:{default:NaN}},{modelValue:{default:""},modelModifiers:{}}),emits:["update:modelValue"],setup(r,{expose:u}){const n=r,d=o.useDefaults(n,"BFormTextarea"),[i,f]=e.useModel(r,"modelValue",{set:e=>a.normalizeInput(e,f)}),{input:s,computedId:p,computedAriaInvalid:m,onInput:c,onChange:v,onBlur:y,focus:B,blur:q}=a.useFormInput(d,i,f),x=l.useStateClass((()=>d.state)),z=e.computed((()=>[x.value,d.plaintext?"form-control-plaintext":"form-control",{[`form-control-${d.size}`]:!!d.size}])),b=e.computed((()=>({resize:d.noResize?"none":void 0})));return u({blur:q,element:s,focus:B}),(o,a)=>(e.openBlock(),e.createElementBlock("textarea",{id:e.unref(p),ref_key:"input",ref:s,class:e.normalizeClass(z.value),name:e.unref(d).name||void 0,form:e.unref(d).form||void 0,value:e.unref(i)??void 0,disabled:e.unref(d).disabled,placeholder:e.unref(d).placeholder,required:e.unref(d).required||void 0,autocomplete:e.unref(d).autocomplete||void 0,readonly:e.unref(d).readonly||e.unref(d).plaintext,"aria-required":e.unref(d).required||void 0,"aria-invalid":e.unref(m),rows:e.unref(d).rows,style:e.normalizeStyle(b.value),wrap:e.unref(d).wrap||void 0,onInput:a[0]||(a[0]=o=>e.unref(c)(o)),onChange:a[1]||(a[1]=o=>e.unref(v)(o)),onBlur:a[2]||(a[2]=o=>e.unref(y)(o))},null,46,t))}});exports._sfc_main=r;
+//# sourceMappingURL=BFormTextarea.vue_vue_type_script_setup_true_lang-C7qeE8yw.js.map

package/dist/BFormTextarea.vue_vue_type_script_setup_true_lang-C7qeE8yw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BFormTextarea.vue_vue_type_script_setup_true_lang-C7qeE8yw.js","sources":["../src/components/BFormTextarea/BFormTextarea.vue"],"sourcesContent":["<template>\n  <textarea\n    :id=\"computedId\"\n    ref=\"input\"\n    :class=\"computedClasses\"\n    :name=\"props.name || undefined\"\n    :form=\"props.form || undefined\"\n    :value=\"modelValue ?? undefined\"\n    :disabled=\"props.disabled\"\n    :placeholder=\"props.placeholder\"\n    :required=\"props.required || undefined\"\n    :autocomplete=\"props.autocomplete || undefined\"\n    :readonly=\"props.readonly || props.plaintext\"\n    :aria-required=\"props.required || undefined\"\n    :aria-invalid=\"computedAriaInvalid\"\n    :rows=\"props.rows\"\n    :style=\"computedStyles\"\n    :wrap=\"props.wrap || undefined\"\n    @input=\"onInput($event)\"\n    @change=\"onChange($event)\"\n    @blur=\"onBlur($event)\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport type {BFormTextareaProps} from '../../types/ComponentProps'\nimport {computed, type CSSProperties} from 'vue'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {normalizeInput} from '../../utils/normalizeInput'\nimport {useFormInput} from '../../composables/useFormInput'\nimport {useStateClass} from '../../composables/useStateClass'\n\nconst _props = withDefaults(defineProps<Omit<BFormTextareaProps, 'modelValue'>>(), {\n  // CommonInputProps\n  ariaInvalid: undefined,\n  autocomplete: undefined,\n  autofocus: false,\n  debounce: 0,\n  debounceMaxWait: NaN,\n  disabled: false,\n  form: undefined,\n  formatter: undefined,\n  id: undefined,\n  lazyFormatter: false,\n  list: undefined,\n  modelValue: '',\n  name: undefined,\n  placeholder: undefined,\n  plaintext: false,\n  readonly: false,\n  required: false,\n  size: undefined,\n  state: null,\n  // End CommonInputProps\n  noResize: false,\n  rows: 2,\n  wrap: 'soft',\n})\nconst props = useDefaults(_props, 'BFormTextarea')\n\nconst [modelValue, modelModifiers] = defineModel<\n  Exclude<BFormTextareaProps['modelValue'], undefined>,\n  'trim' | 'lazy' | 'number'\n>({\n  default: '',\n  set: (v) => normalizeInput(v, modelModifiers),\n})\n\nconst {input, computedId, computedAriaInvalid, onInput, onChange, onBlur, focus, blur} =\n  useFormInput(props, modelValue, modelModifiers)\n\nconst stateClass = useStateClass(() => props.state)\n\nconst computedClasses = computed(() => [\n  stateClass.value,\n  props.plaintext ? 'form-control-plaintext' : 'form-control',\n  {\n    [`form-control-${props.size}`]: !!props.size,\n  },\n])\n\nconst computedStyles = computed<CSSProperties>(() => ({\n  resize: props.noResize ? 'none' : undefined,\n}))\n\ndefineExpose({\n  blur,\n  element: input,\n  focus,\n})\n</script>\n"],"names":["_props","__props","props","useDefaults","modelValue","modelModifiers","_useModel","set","v","normalizeInput","input","computedId","computedAriaInvalid","onInput","onChange","onBlur","focus","blur","useFormInput","stateClass","useStateClass","state","computedClasses","computed","value","plaintext","size","computedStyles","resize","noResize","__expose","element"],"mappings":"ukCAgCA,MAAMA,EAASC,EA0BTC,EAAQC,EAAAA,YAAYH,EAAQ,kBAE3BI,EAAYC,GAAkBC,EAAAA,wBAGnC,CAEAC,IAAMC,GAAMC,iBAAeD,EAAGH,MAG1BK,MAACA,EAAAC,WAAOA,EAAYC,oBAAAA,EAAAC,QAAqBA,WAASC,EAAUC,OAAAA,EAAAC,MAAQA,EAAOC,KAAAA,GAC/EC,EAAaA,aAAAhB,EAAOE,EAAYC,GAE5Bc,EAAaC,EAAAA,eAAc,IAAMlB,EAAMmB,QAEvCC,EAAkBC,EAAAA,UAAS,IAAM,CACrCJ,EAAWK,MACXtB,EAAMuB,UAAY,yBAA2B,eAC7C,CACE,CAAC,gBAAgBvB,EAAMwB,UAAWxB,EAAMwB,SAItCC,EAAiBJ,EAAAA,UAAwB,KAAO,CACpDK,OAAQ1B,EAAM2B,SAAW,YAAS,aAGvBC,EAAA,CACXb,OACAc,QAASrB,EACTM"}