bitboss-ui 2.0.174 → 2.0.176

package/dist/index131.js

@@ -1,11 +1,11 @@
 import { defineComponent as V, mergeModels as h, ref as k, useModel as $, createBlock as y, openBlock as B, unref as n, normalizeClass as D, withCtx as d, createElementVNode as u, createCommentVNode as O, renderSlot as C, normalizeProps as P, guardReactiveProps as z } from "vue";
-import { throttle as m } from "./index269.js";
+import { throttle as m } from "./index270.js";
 import { useId as F } from "./index8.js";
-import { useLocale as N } from "./index217.js";
-import { useUntil as U } from "./index218.js";
+import { useLocale as N } from "./index235.js";
+import { useUntil as U } from "./index236.js";
 import H from "./index13.js";
 /* empty css        */
-import I from "./index222.js";
+import I from "./index238.js";
 /* empty css         */
 const W = /* @__PURE__ */ V({
   __name: "BbTooltip",

package/dist/index133.js

@@ -1,5 +1,5 @@
 import { defineComponent as $, computed as g, resolveComponent as y, createElementBlock as f, openBlock as i, Fragment as k, renderList as h, normalizeClass as b, createElementVNode as s, renderSlot as t, createVNode as v, createSlots as B, withCtx as _, mergeProps as C } from "vue";
-import { flattenTree as T } from "./index275.js";
+import { flattenTree as T } from "./index277.js";
 const w = { class: "bb-tree-row" }, E = { class: "bb-tree-main-content" }, N = /* @__PURE__ */ $({
   __name: "BbTree",
   props: {

package/dist/index136.js

@@ -1,4 +1,4 @@
-import { clamp as o } from "./index207.js";
+import { clamp as o } from "./index208.js";
 const r = (t, e) => t * 100 / e, p = (t, e) => t / 100 * e, l = (t, e, n) => r(t - e, n - e), P = ({
   value: t = 0,
   originalBounds: e,

package/dist/index137.js

@@ -1,6 +1,6 @@
-import { tryOnScopeDispose as D, toArray as C, notNullish as Z, noop as F, useThrottleFn as q, tryOnMounted as U, isClient as ee, watchImmediate as te, useDebounceFn as ne, pxValue as $, injectLocal as oe, isObject as le } from "./index206.js";
+import { toArray as C, notNullish as Z, noop as F, tryOnScopeDispose as D, useThrottleFn as q, tryOnMounted as U, isClient as ee, watchImmediate as te, useDebounceFn as ne, pxValue as $, injectLocal as oe, isObject as le } from "./index206.js";
 import { bypassFilter as Ee, createFilterWrapper as xe, debounceFilter as We, debouncedWatch as Te, getLifeCycleTarget as Me, throttleFilter as Ie, debouncedWatch as Ae, watchWithFilter as Le } from "./index206.js";
-import { computed as w, toValue as g, watch as P, shallowRef as E, getCurrentInstance as ue, onMounted as re, reactive as G, ref as J, watchEffect as se, hasInjectionContext as ie, unref as ae } from "vue";
+import { shallowRef as E, getCurrentInstance as ue, onMounted as re, computed as w, toValue as g, watch as P, reactive as G, ref as J, watchEffect as se, hasInjectionContext as ie, unref as ae } from "vue";
 const L = ee ? window : void 0;
 function I(n) {
   var t;

package/dist/index138.js

@@ -1,4 +1,4 @@
-import { urlAlphabet as l } from "./index208.js";
+import { urlAlphabet as l } from "./index207.js";
 let o = (t = 21) => {
   let e = "", r = crypto.getRandomValues(new Uint8Array(t |= 0));
   for (; t--; )

package/dist/index139.js

@@ -1,5 +1,5 @@
-import { isArray as p } from "./index278.js";
-import { isPlainObject as c } from "./index279.js";
+import { isArray as p } from "./index279.js";
+import { isPlainObject as c } from "./index280.js";
 function i(e, n, u, l, r) {
   const o = {}.propertyIsEnumerable.call(l, n) ? "enumerable" : "nonenumerable";
   o === "enumerable" && (e[n] = u), r && o === "nonenumerable" && Object.defineProperty(e, n, {

package/dist/index15.js

@@ -1,23 +1,23 @@
 import { defineComponent as I, ref as u, computed as L, createBlock as c, openBlock as m, normalizeClass as M, withCtx as t, createVNode as b, unref as i, createCommentVNode as _, withDirectives as N, createElementVNode as d, mergeProps as q, renderSlot as r, withModifiers as z, normalizeStyle as U } from "vue";
-import { isHex as F } from "./index216.js";
+import { isHex as F } from "./index244.js";
 import { isNotNil as S } from "./index140.js";
 import { useId as T } from "./index8.js";
-import { useLocale as A } from "./index217.js";
-import { useUntil as K } from "./index218.js";
-import { vMaska as O } from "./index219.js";
-import P from "./index220.js";
+import { useLocale as A } from "./index235.js";
+import { useUntil as K } from "./index236.js";
+import { vMaska as O } from "./index237.js";
+import P from "./index245.js";
 /* empty css         */
-import j from "./index213.js";
+import j from "./index210.js";
 /* empty css         */
-import G from "./index212.js";
-import J from "./index222.js";
+import G from "./index209.js";
+import J from "./index238.js";
 /* empty css         */
 const Q = ["id", "aria-describedby", "aria-invalid", "autocomplete", "autofocus", "disabled", "name", "placeholder", "readonly", "required", "value"], R = ["aria-label"], W = { class: "bb-common-input-inner-container__suffix" }, de = /* @__PURE__ */ I({
   __name: "BaseColorInput",
   props: {
     "append:icon": {},
     ariaDescribedby: {},
-    autocomplete: {},
+    autocomplete: { default: "off" },
     autofocus: {},
     clearable: { type: Boolean },
     compact: { type: Boolean },

package/dist/index17.js

@@ -1,7 +1,7 @@
 import { defineComponent as E, ref as m, computed as n, watch as _, createElementBlock as p, openBlock as h, normalizeProps as i, guardReactiveProps as f, createCommentVNode as I, createElementVNode as l, mergeProps as k, renderSlot as F } from "vue";
-import { isCssColor as y } from "./index209.js";
-import { when as N } from "./index210.js";
-import { booleanishToBoolean as S } from "./index211.js";
+import { isCssColor as y } from "./index223.js";
+import { when as N } from "./index224.js";
+import { booleanishToBoolean as S } from "./index225.js";
 const A = {
   "aria-hidden": "true",
   class: "bb-base-checkbox-container"

package/dist/index19.js

@@ -1,15 +1,15 @@
 import { defineComponent as j, ref as k, toRef as d, createBlock as z, openBlock as G, unref as B, withCtx as s, renderSlot as l, normalizeProps as b, guardReactiveProps as v, createVNode as R, mergeProps as T } from "vue";
 import W from "./index17.js";
 /* empty css        */
-import K from "./index242.js";
+import K from "./index213.js";
 /* empty css         */
-import { useItemsGetter as N } from "./index244.js";
-import { useIndexById as w } from "./index237.js";
-import { useBaseOptions as U } from "./index236.js";
-import { useCoherence as q } from "./index246.js";
-import { hash as J } from "./index226.js";
-import { useHashedWatcher as C } from "./index247.js";
-import { usePrefill as Q } from "./index245.js";
+import { useItemsGetter as N } from "./index215.js";
+import { useIndexById as w } from "./index216.js";
+import { useBaseOptions as U } from "./index217.js";
+import { useCoherence as q } from "./index218.js";
+import { hash as J } from "./index219.js";
+import { useHashedWatcher as C } from "./index220.js";
+import { usePrefill as Q } from "./index221.js";
 const de = /* @__PURE__ */ j({
   __name: "BaseCheckboxGroup",
   props: {

package/dist/index207.js

@@ -1,4 +1,4 @@
-const n = (t, a, m) => Math.min(Math.max(t, a), m);
+const t = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";
 export {
-  n as clamp
+  t as urlAlphabet
 };

package/dist/index208.js

@@ -1,4 +1,4 @@
-const t = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";
+const n = (t, a, m) => Math.min(Math.max(t, a), m);
 export {
-  t as urlAlphabet
+  n as clamp
 };

package/dist/index209.js

@@ -1,4 +1,15 @@
-const s = (r) => !!r && !!r.match(/^(#|var\(--|(rgb|hsl)a?\()/);
+import { createElementBlock as t, openBlock as n, renderSlot as e } from "vue";
+/* empty css         */
+import r from "./index282.js";
+const s = {}, c = { class: "bb-common-input-outer-container" };
+function p(o, a) {
+  return n(), t("span", c, [
+    e(o.$slots, "prepend-outer"),
+    e(o.$slots, "default"),
+    e(o.$slots, "append-outer")
+  ]);
+}
+const i = /* @__PURE__ */ r(s, [["render", p]]);
 export {
-  s as isCssColor
+  i as default
 };

package/dist/index21.js

@@ -5,22 +5,22 @@ import { _config as C } from "./index4.js";
 import { useId as F } from "./index8.js";
 import f from "./index13.js";
 /* empty css        */
-import s from "./index227.js";
-import G from "./index230.js";
-import J from "./index231.js";
-import K from "./index232.js";
-import Q from "./index229.js";
+import s from "./index226.js";
+import G from "./index229.js";
+import J from "./index230.js";
+import K from "./index231.js";
+import Q from "./index228.js";
 import X from "./index253.js";
 import ee from "./index254.js";
-import { hash as M } from "./index226.js";
-import { last as ae } from "./index235.js";
+import { hash as M } from "./index219.js";
+import { last as ae } from "./index234.js";
 import { useLogger as te } from "./index255.js";
 import oe from "./index256.js";
 import le from "./index257.js";
 import re from "./index258.js";
 import B from "./index259.js";
 import se from "./index260.js";
-import { useLocale as de } from "./index217.js";
+import { useLocale as de } from "./index235.js";
 const ie = { class: "bb-base-date-picker" }, ne = { class: "bb-base-date-picker__body" }, ue = { class: "bb-base-date-picker__controls" }, me = { class: "sr-only" }, pe = { class: "sr-only" }, ce = { class: "sr-only" }, fe = {
   style: { transform: "rotate(180deg)" },
   viewBox: "0 0 24 24",

package/dist/index210.js

@@ -1,6 +1,68 @@
-import { curry as e } from "./index280.js";
-const t = (n, o, r) => n(r) ? o(r) : r, s = e(t);
+import { defineComponent as _, ref as $, createElementBlock as k, openBlock as r, normalizeClass as y, renderSlot as n, createBlock as c, createCommentVNode as s, createVNode as p, createElementVNode as l, unref as i } from "vue";
+/* empty css       */
+/* empty css       */
+import m from "./index85.js";
+/* empty css        */
+import C from "./index113.js";
+/* empty css         */
+import h from "./index335.js";
+import B from "./index336.js";
+/* empty css         */
+const v = { class: "bb-common-input-inner-container__prefix" }, I = { class: "bb-common-input-inner-container__suffix" }, A = /* @__PURE__ */ _({
+  __name: "CommonInputInnerContainer",
+  props: {
+    "append:icon": {},
+    clearable: { type: Boolean },
+    "prepend:icon": {},
+    preventFocus: { type: Boolean }
+  },
+  emits: ["click:clear"],
+  setup(u, { emit: d }) {
+    const t = u, f = d, o = $(), a = () => {
+      var e;
+      !o.value || t.preventFocus || (e = o.value.querySelector("input")) == null || e.focus();
+    }, b = () => {
+      f("click:clear"), a();
+    };
+    return (e, E) => (r(), k("span", {
+      ref_key: "container",
+      ref: o,
+      class: y(["bb-common-input-inner-container", {
+        "bb-common-input-inner-container--clearable": t.clearable
+      }]),
+      onClick: a
+    }, [
+      n(e.$slots, "prepend", {}, () => [
+        l("span", v, [
+          n(e.$slots, "prefix")
+        ])
+      ]),
+      e.$props["prepend:icon"] ? (r(), c(i(m), {
+        key: 0,
+        class: "bb-common-input-inner-container__prepend-icon",
+        type: e.$props["prepend:icon"]
+      }, null, 8, ["type"])) : s("", !0),
+      n(e.$slots, "default"),
+      p(B, {
+        "aria-hidden": !e.clearable,
+        tabindex: e.clearable ? 0 : -1,
+        onClick: b
+      }, null, 8, ["aria-hidden", "tabindex"]),
+      e.$props["append:icon"] ? (r(), c(i(m), {
+        key: 1,
+        class: "bb-common-input-inner-container__append-icon",
+        type: e.$props["append:icon"]
+      }, null, 8, ["type"])) : s("", !0),
+      p(h),
+      p(i(C)),
+      n(e.$slots, "append", {}, () => [
+        l("span", I, [
+          n(e.$slots, "suffix")
+        ])
+      ])
+    ], 2));
+  }
+});
 export {
-  t as baseWhen,
-  s as when
+  A as default
 };

package/dist/index212.js

@@ -1,15 +1,179 @@
-import { createElementBlock as t, openBlock as n, renderSlot as e } from "vue";
-/* empty css         */
-import r from "./index282.js";
-const s = {}, c = { class: "bb-common-input-outer-container" };
-function p(o, a) {
-  return n(), t("span", c, [
-    e(o.$slots, "prepend-outer"),
-    e(o.$slots, "default"),
-    e(o.$slots, "append-outer")
-  ]);
+var w = Object.defineProperty, C = (a, t, e) => t in a ? w(a, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[t] = e, A = (a, t, e) => C(a, typeof t != "symbol" ? t + "" : t, e);
+const R = {
+  "#": { pattern: /[0-9]/ },
+  "@": { pattern: /[a-zA-Z]/ },
+  "*": { pattern: /[a-zA-Z0-9]/ }
+}, N = (a, t, e) => a.replaceAll(t, "").replace(e, ".").replace("..", ".").replace(/[^.\d]/g, ""), I = (a, t, e) => {
+  var s;
+  return new Intl.NumberFormat(((s = e.number) == null ? void 0 : s.locale) ?? "en", {
+    minimumFractionDigits: a,
+    maximumFractionDigits: t,
+    roundingMode: "trunc"
+  });
+}, P = (a, t = !0, e) => {
+  var s, r, n, h;
+  const u = ((s = e.number) == null ? void 0 : s.unsigned) !== !0 && a.startsWith("-") ? "-" : "", l = ((r = e.number) == null ? void 0 : r.fraction) ?? 0;
+  let o = I(0, l, e);
+  const k = o.formatToParts(1000.12), c = ((n = k.find((i) => i.type === "group")) == null ? void 0 : n.value) ?? " ", b = ((h = k.find((i) => i.type === "decimal")) == null ? void 0 : h.value) ?? ".", f = N(a, c, b);
+  if (Number.isNaN(parseFloat(f))) return u;
+  const g = f.split(".");
+  if (g[1] != null && g[1].length >= 1) {
+    const i = g[1].length <= l ? g[1].length : l;
+    o = I(i, l, e);
+  }
+  let m = o.format(parseFloat(f));
+  return t ? l > 0 && f.endsWith(".") && !f.slice(0, -1).includes(".") && (m += b) : m = N(m, c, b), u + m;
+};
+class T {
+  constructor(t = {}) {
+    A(this, "opts", {}), A(this, "memo", /* @__PURE__ */ new Map());
+    const e = { ...t };
+    if (e.tokens != null) {
+      e.tokens = e.tokensReplace ? { ...e.tokens } : { ...R, ...e.tokens };
+      for (const s of Object.values(e.tokens))
+        typeof s.pattern == "string" && (s.pattern = new RegExp(s.pattern));
+    } else
+      e.tokens = R;
+    Array.isArray(e.mask) && (e.mask.length > 1 ? e.mask = [...e.mask].sort((s, r) => s.length - r.length) : e.mask = e.mask[0] ?? ""), e.mask === "" && (e.mask = null), this.opts = e;
+  }
+  masked(t) {
+    return this.process(String(t), this.findMask(String(t)));
+  }
+  unmasked(t) {
+    return this.process(String(t), this.findMask(String(t)), !1);
+  }
+  isEager() {
+    return this.opts.eager === !0;
+  }
+  isReversed() {
+    return this.opts.reversed === !0;
+  }
+  completed(t) {
+    const e = this.findMask(String(t));
+    if (this.opts.mask == null || e == null) return !1;
+    const s = this.process(String(t), e).length;
+    return typeof this.opts.mask == "string" ? s >= this.opts.mask.length : s >= e.length;
+  }
+  findMask(t) {
+    const e = this.opts.mask;
+    if (e == null)
+      return null;
+    if (typeof e == "string")
+      return e;
+    if (typeof e == "function")
+      return e(t);
+    const s = this.process(t, e.slice(-1).pop() ?? "", !1);
+    return e.find((r) => this.process(t, r, !1).length >= s.length) ?? "";
+  }
+  escapeMask(t) {
+    const e = [], s = [];
+    return t.split("").forEach((r, n) => {
+      r === "!" && t[n - 1] !== "!" ? s.push(n - s.length) : e.push(r);
+    }), { mask: e.join(""), escaped: s };
+  }
+  process(t, e, s = !0) {
+    if (this.opts.number != null) return P(t, s, this.opts);
+    if (e == null) return t;
+    const r = `v=${t},mr=${e},m=${s ? 1 : 0}`;
+    if (this.memo.has(r)) return this.memo.get(r);
+    const { mask: n, escaped: h } = this.escapeMask(e), u = [], l = this.opts.tokens != null ? this.opts.tokens : {}, o = this.isReversed() ? -1 : 1, k = this.isReversed() ? "unshift" : "push", c = this.isReversed() ? 0 : n.length - 1, b = this.isReversed() ? () => i > -1 && p > -1 : () => i < n.length && p < t.length, f = (v) => !this.isReversed() && v <= c || this.isReversed() && v >= c;
+    let g, m = -1, i = this.isReversed() ? n.length - 1 : 0, p = this.isReversed() ? t.length - 1 : 0, M = !1;
+    for (; b(); ) {
+      const v = n.charAt(i), d = l[v], y = (d == null ? void 0 : d.transform) != null ? d.transform(t.charAt(p)) : t.charAt(p);
+      if (!h.includes(i) && d != null ? (y.match(d.pattern) != null ? (u[k](y), d.repeated ? (m === -1 ? m = i : i === c && i !== m && (i = m - o), c === m && (i -= o)) : d.multiple && (M = !0, i -= o), i += o) : d.multiple ? M && (i += o, p -= o, M = !1) : y === g ? g = void 0 : d.optional && (i += o, p -= o), p += o) : (s && !this.isEager() && u[k](v), y === v && !this.isEager() ? p += o : g = v, this.isEager() || (i += o)), this.isEager())
+        for (; f(i) && (l[n.charAt(i)] == null || h.includes(i)); ) {
+          if (s) {
+            if (u[k](n.charAt(i)), t.charAt(p) === n.charAt(i)) {
+              i += o, p += o;
+              continue;
+            }
+          } else n.charAt(i) === t.charAt(p) && (p += o);
+          i += o;
+        }
+    }
+    return this.memo.set(r, u.join("")), this.memo.get(r);
+  }
+}
+const S = (a) => JSON.parse(a.replaceAll("'", '"')), F = (a, t = {}) => {
+  const e = { ...t };
+  a.dataset.maska != null && a.dataset.maska !== "" && (e.mask = W(a.dataset.maska)), a.dataset.maskaEager != null && (e.eager = E(a.dataset.maskaEager)), a.dataset.maskaReversed != null && (e.reversed = E(a.dataset.maskaReversed)), a.dataset.maskaTokensReplace != null && (e.tokensReplace = E(a.dataset.maskaTokensReplace)), a.dataset.maskaTokens != null && (e.tokens = x(a.dataset.maskaTokens));
+  const s = {};
+  return a.dataset.maskaNumberLocale != null && (s.locale = a.dataset.maskaNumberLocale), a.dataset.maskaNumberFraction != null && (s.fraction = parseInt(a.dataset.maskaNumberFraction)), a.dataset.maskaNumberUnsigned != null && (s.unsigned = E(a.dataset.maskaNumberUnsigned)), (a.dataset.maskaNumber != null || Object.values(s).length > 0) && (e.number = s), e;
+}, E = (a) => a !== "" ? !!JSON.parse(a) : !0, W = (a) => a.startsWith("[") && a.endsWith("]") ? S(a) : a, x = (a) => {
+  if (a.startsWith("{") && a.endsWith("}"))
+    return S(a);
+  const t = {};
+  return a.split("|").forEach((e) => {
+    const s = e.split(":");
+    t[s[0]] = {
+      pattern: new RegExp(s[1]),
+      optional: s[2] === "optional",
+      multiple: s[2] === "multiple",
+      repeated: s[2] === "repeated"
+    };
+  }), t;
+};
+class O {
+  constructor(t, e = {}) {
+    A(this, "items", /* @__PURE__ */ new Map()), A(this, "eventAbortController"), A(this, "onInput", (s) => {
+      if (s instanceof CustomEvent && s.type === "input" && !s.isTrusted && !s.bubbles)
+        return;
+      const r = s.target, n = this.items.get(r), h = "inputType" in s && s.inputType.startsWith("delete"), u = n.isEager(), l = h && u && n.unmasked(r.value) === "" ? "" : r.value;
+      this.fixCursor(r, h, () => this.setValue(r, l));
+    }), this.options = e, this.eventAbortController = new AbortController(), this.init(this.getInputs(t));
+  }
+  update(t = {}) {
+    this.options = { ...t }, this.init(Array.from(this.items.keys()));
+  }
+  updateValue(t) {
+    t.value !== "" && t.value !== this.processInput(t).masked && this.setValue(t, t.value);
+  }
+  destroy() {
+    this.eventAbortController.abort(), this.items.clear();
+  }
+  init(t) {
+    const e = this.getOptions(this.options);
+    for (const s of t) {
+      if (!this.items.has(s)) {
+        const { signal: n } = this.eventAbortController;
+        s.addEventListener("input", this.onInput, { capture: !0, signal: n });
+      }
+      const r = new T(F(s, e));
+      this.items.set(s, r), queueMicrotask(() => this.updateValue(s)), s.selectionStart === null && r.isEager() && console.warn("Maska: input of `%s` type is not supported", s.type);
+    }
+  }
+  getInputs(t) {
+    return typeof t == "string" ? Array.from(document.querySelectorAll(t)) : "length" in t ? Array.from(t) : [t];
+  }
+  getOptions(t) {
+    const { onMaska: e, preProcess: s, postProcess: r, ...n } = t;
+    return n;
+  }
+  fixCursor(t, e, s) {
+    const r = t.selectionStart, n = t.value;
+    if (s(), r === null || r === n.length && !e) return;
+    const h = t.value, u = n.slice(0, r), l = h.slice(0, r), o = this.processInput(t, u).unmasked, k = this.processInput(t, l).unmasked;
+    let c = r;
+    u !== l && (c += e ? h.length - n.length : o.length - k.length), t.setSelectionRange(c, c);
+  }
+  setValue(t, e) {
+    const s = this.processInput(t, e);
+    t.value = s.masked, this.options.onMaska != null && (Array.isArray(this.options.onMaska) ? this.options.onMaska.forEach((r) => r(s)) : this.options.onMaska(s)), t.dispatchEvent(new CustomEvent("maska", { detail: s })), t.dispatchEvent(new CustomEvent("input", { detail: s.masked }));
+  }
+  processInput(t, e) {
+    const s = this.items.get(t);
+    let r = e ?? t.value;
+    this.options.preProcess != null && (r = this.options.preProcess(r));
+    let n = s.masked(r);
+    return this.options.postProcess != null && (n = this.options.postProcess(n)), {
+      masked: n,
+      unmasked: s.unmasked(r),
+      completed: s.completed(r)
+    };
+  }
 }
-const i = /* @__PURE__ */ r(s, [["render", p]]);
 export {
-  i as default
+  T as Mask,
+  O as MaskInput,
+  R as tokens
 };

package/dist/index213.js

@@ -1,68 +1,88 @@
-import { defineComponent as _, ref as $, createElementBlock as k, openBlock as r, normalizeClass as y, renderSlot as n, createBlock as c, createCommentVNode as s, createVNode as p, createElementVNode as l, unref as i } from "vue";
-/* empty css       */
-/* empty css       */
-import m from "./index85.js";
-/* empty css        */
-import C from "./index113.js";
-/* empty css         */
-import h from "./index333.js";
-import B from "./index334.js";
-/* empty css         */
-const v = { class: "bb-common-input-inner-container__prefix" }, I = { class: "bb-common-input-inner-container__suffix" }, A = /* @__PURE__ */ _({
-  __name: "CommonInputInnerContainer",
+import { defineComponent as h, createElementBlock as n, openBlock as s, normalizeClass as r, createElementVNode as l, renderSlot as t, createCommentVNode as p, createTextVNode as o, toDisplayString as d, unref as b, Fragment as m, renderList as u } from "vue";
+import { useLocale as g } from "./index235.js";
+const k = { class: "bb-cr-container__container" }, y = {
+  key: 0,
+  class: "bb-cr-container__loading-container"
+}, $ = {
+  key: 1,
+  class: "bb-cr-container__no-data-container"
+}, C = /* @__PURE__ */ h({
+  __name: "OptionsContainer",
   props: {
-    "append:icon": {},
-    clearable: { type: Boolean },
-    "prepend:icon": {},
-    preventFocus: { type: Boolean }
+    direction: {},
+    hasErrors: { type: Boolean },
+    hideLabel: { type: Boolean },
+    loadingText: {},
+    loading: { type: Boolean },
+    noDataText: {},
+    options: {}
   },
-  emits: ["click:clear"],
-  setup(u, { emit: d }) {
-    const t = u, f = d, o = $(), a = () => {
-      var e;
-      !o.value || t.preventFocus || (e = o.value.querySelector("input")) == null || e.focus();
-    }, b = () => {
-      f("click:clear"), a();
-    };
-    return (e, E) => (r(), k("span", {
-      ref_key: "container",
-      ref: o,
-      class: y(["bb-common-input-inner-container", {
-        "bb-common-input-inner-container--clearable": t.clearable
-      }]),
-      onClick: a
+  setup(f) {
+    const { t: i } = g();
+    return (a, T) => (s(), n("span", {
+      ref: "container",
+      class: r(["bb-cr-container", {
+        "bb-cr-container--errors": a.hasErrors,
+        "bb-cr-container--horizontal": a.direction === "horizontal",
+        "bb-cr-container--vertical": a.direction === "vertical"
+      }])
     }, [
-      n(e.$slots, "prepend", {}, () => [
-        l("span", v, [
-          n(e.$slots, "prefix")
-        ])
-      ]),
-      e.$props["prepend:icon"] ? (r(), c(i(m), {
-        key: 0,
-        class: "bb-common-input-inner-container__prepend-icon",
-        type: e.$props["prepend:icon"]
-      }, null, 8, ["type"])) : s("", !0),
-      n(e.$slots, "default"),
-      p(B, {
-        "aria-hidden": !e.clearable,
-        tabindex: e.clearable ? 0 : -1,
-        onClick: b
-      }, null, 8, ["aria-hidden", "tabindex"]),
-      e.$props["append:icon"] ? (r(), c(i(m), {
-        key: 1,
-        class: "bb-common-input-inner-container__append-icon",
-        type: e.$props["append:icon"]
-      }, null, 8, ["type"])) : s("", !0),
-      p(h),
-      p(i(C)),
-      n(e.$slots, "append", {}, () => [
-        l("span", I, [
-          n(e.$slots, "suffix")
-        ])
+      l("span", k, [
+        t(a.$slots, "prepend"),
+        !a.options.length && a.loading ? (s(), n("span", y, [
+          t(a.$slots, "loading", {}, () => [
+            o(d(a.loadingText || b(i)("common.loadingText")), 1)
+          ])
+        ])) : a.options.length ? p("", !0) : (s(), n("span", $, [
+          t(a.$slots, "no-data", {}, () => [
+            o(d(a.noDataText || b(i)("common.noDataText")), 1)
+          ])
+        ])),
+        (s(!0), n(m, null, u(a.options, (e, c) => (s(), n(m, {
+          key: (e == null ? void 0 : e.valueHash) || c
+        }, [
+          t(a.$slots, "option:prepend", {
+            id: e.valueHash,
+            checked: !!e.selected,
+            disabled: !!e.disabled,
+            item: e.item,
+            text: e.text
+          }),
+          l("label", {
+            class: r(["bb-cr-container-option", { "bb-base-radio-selected": e.selected }])
+          }, [
+            t(a.$slots, "input", {
+              index: c,
+              option: e
+            }),
+            l("span", {
+              class: r({
+                "bb-cr-container-option__text": !0,
+                "sr-only": a.hideLabel
+              })
+            }, [
+              t(a.$slots, "label", {
+                checked: !!e.selected,
+                item: e.item,
+                text: e.text
+              }, () => [
+                o(d(e.text), 1)
+              ])
+            ], 2)
+          ], 2),
+          t(a.$slots, "option:append", {
+            id: e.valueHash,
+            checked: !!e.selected,
+            disabled: !!e.disabled,
+            item: e.item,
+            text: e.text
+          })
+        ], 64))), 128)),
+        t(a.$slots, "append")
       ])
     ], 2));
   }
 });
 export {
-  A as default
+  C as default
 };