bitboss-ui 2.1.106 → 2.1.107

package/dist/index112.js

@@ -1,56 +1,79 @@
-import { defineComponent as v, ref as y, computed as f, createBlock as B, openBlock as k, withCtx as a, createVNode as w, mergeProps as $, renderSlot as n, normalizeProps as i, guardReactiveProps as l } from "vue";
-import g from "./index28.js";
+import { defineComponent as f, ref as y, computed as g, createBlock as v, openBlock as B, withCtx as a, createVNode as $, mergeProps as w, renderSlot as n, normalizeProps as l, guardReactiveProps as i } from "vue";
+import T from "./index28.js";
 /* empty css        */
-import P from "./index40.js";
+import V from "./index38.js";
 /* empty css        */
-const S = /* @__PURE__ */ v({
-  __name: "BbSlider",
+const F = /* @__PURE__ */ f({
+  __name: "BbSelect",
   props: {
+    allowWriting: { type: [Boolean, String], default: !0 },
+    "append:icon": {},
+    autocomplete: {},
     autofocus: {},
-    color: {},
+    clearable: { type: Boolean },
+    comma: { type: Boolean },
     compact: { type: Boolean },
+    dependencies: {},
+    depsDebounceTime: {},
     direction: {},
     disabled: { type: Boolean },
+    enforceCoherence: { type: Boolean },
     errors: {},
+    filterBy: { type: [String, Array, Boolean, Function, null], default: () => [] },
+    groupBy: {},
     hasErrors: { type: Boolean },
     hideLabel: { type: Boolean },
     hint: {},
     id: {},
+    items: {},
+    headerHeight: {},
+    itemHeight: {},
+    itemText: {},
+    itemValue: {},
     label: {},
     labelPosition: {},
+    loading: { type: Boolean },
+    loadingText: {},
     max: {},
-    min: {},
+    maxSelectedLabels: {},
     modelValue: {},
+    modelValueDebounceTime: {},
+    multiple: { type: Boolean },
     name: {},
+    noDataText: {},
     persistentHint: { type: Boolean },
-    range: { type: Boolean },
-    readonly: { type: Boolean },
+    placeholder: {},
+    prefill: { type: [Boolean, String], default: "focus" },
+    "prepend:icon": {},
     required: { type: Boolean },
+    queryDebounceTime: {},
+    readonly: { type: Boolean },
     reverse: { type: Boolean },
-    step: {},
-    thumbTranslate: { type: Boolean, default: !0 },
-    ticks: { type: Boolean }
+    selectedLabelsFn: {},
+    showChevron: { type: Boolean, default: !0 },
+    stash: { type: Boolean },
+    transitionDuration: {},
+    updateOnAnimationFrame: { type: Boolean }
   },
-  emits: ["click", "focus", "active", "inactive", "keydown", "pointerdown", "pointermove", "pointerup", "update:modelValue"],
-  setup(d, { emit: m }) {
-    const p = d, r = m, s = y(!1), u = f(() => p.persistentHint || s.value), b = {
-      onActive: () => {
-        s.value = !0, r("active");
+  emits: ["blur", "change", "click", "focus", "inactive", "input", "update:modelValue", "option:add"],
+  setup(d, { emit: u }) {
+    const r = d, t = u, s = y(!1), m = g(() => r.persistentHint || s.value), h = {
+      onBlur: (e) => t("blur", e),
+      onChange: (e) => t("change", e),
+      onClick: (e) => t("click", e),
+      "onOption:add": (e) => t("option:add", e),
+      onFocus: (e) => {
+        s.value = !0, t("focus", e);
       },
-      onClick: (e) => r("click", e),
-      onFocus: (e) => r("focus", e),
       onInactive: () => {
-        s.value = !1, r("inactive");
+        s.value = !1, t("inactive");
       },
-      onKeydown: (e) => r("keydown", e),
-      onPointerdown: (e) => r("pointerdown", e),
-      onPointermove: (e) => r("pointermove", e),
-      onPointerup: (e) => r("pointerup", e),
-      "onUpdate:modelValue": (e) => r("update:modelValue", e)
+      onInput: (e) => t("input", e),
+      "onUpdate:modelValue": (e) => t("update:modelValue", e)
     };
-    return (e, V) => (k(), B(g, {
+    return (e, D) => (B(), v(T, {
       id: e.id,
-      class: "bb-slider",
+      class: "bb-select",
       compact: e.compact,
       direction: e.direction,
       errors: e.errors,
@@ -62,55 +85,107 @@ const S = /* @__PURE__ */ v({
       "model-value": e.modelValue,
       name: e.name,
       reverse: e.reverse,
-      "show-hint": u.value
+      "show-hint": m.value
     }, {
-      label: a((t) => [
-        n(e.$slots, "label", i(l(t)))
+      label: a((p) => [
+        n(e.$slots, "label", l(i(p)))
       ]),
-      input: a(({ id: t, hasErrors: h, ariaDescribedby: c }) => [
-        w(P, $({
-          id: t,
-          "aria-describedby": c,
+      input: a(({ id: p, hasErrors: c, ariaDescribedby: b }) => [
+        $(V, w({
+          id: p,
+          "allow-writing": e.allowWriting,
+          "append:icon": r["append:icon"],
+          "aria-describedby": b,
+          autocomplete: e.autocomplete,
           autofocus: e.autofocus,
-          color: e.color,
+          clearable: e.clearable,
+          comma: e.comma,
+          compact: e.compact,
+          dependencies: e.dependencies,
+          "deps-debounce-time": e.depsDebounceTime,
           disabled: e.disabled,
-          "has-errors": h,
+          "enforce-coherence": e.enforceCoherence,
+          "filter-by": e.filterBy,
+          "group-by": e.groupBy,
+          "has-errors": c,
+          "header-height": e.headerHeight,
+          "item-height": e.itemHeight,
+          "item-text": e.itemText,
+          "item-value": e.itemValue,
+          items: e.items,
+          loading: e.loading,
+          "loading-text": e.loadingText,
           max: e.max,
-          min: e.min,
+          "max-selected-labels": e.maxSelectedLabels,
           "model-value": e.modelValue,
+          "model-value-debounce-time": e.modelValueDebounceTime,
+          multiple: e.multiple,
           name: e.name,
-          range: e.range,
+          "no-data-text": e.noDataText,
+          placeholder: e.placeholder,
+          prefill: e.prefill,
+          "prepend:icon": r["prepend:icon"],
+          "query-debounce-time": e.queryDebounceTime,
           readonly: e.readonly,
           required: e.required,
-          step: e.step,
-          "thumb-translate": e.thumbTranslate,
-          ticks: e.ticks
-        }, b), {
+          "selected-labels-fn": e.selectedLabelsFn,
+          "show-chevron": e.showChevron,
+          stash: e.stash,
+          "transition-duration": e.transitionDuration,
+          "update-on-animation-frame": e.updateOnAnimationFrame
+        }, h), {
+          "append-outer": a((o) => [
+            n(e.$slots, "append-outer", l(i(o)))
+          ]),
           append: a((o) => [
-            n(e.$slots, "append", i(l(o)))
+            n(e.$slots, "append", l(i(o)))
           ]),
-          prepend: a((o) => [
-            n(e.$slots, "prepend", i(l(o)))
+          prefix: a((o) => [
+            n(e.$slots, "prefix", l(i(o)))
+          ]),
+          chevron: a((o) => [
+            n(e.$slots, "chevron", l(i(o)))
+          ]),
+          loading: a((o) => [
+            n(e.$slots, "loading", l(i(o)))
+          ]),
+          "no-data": a((o) => [
+            n(e.$slots, "no-data", l(i(o)))
           ]),
-          thumb: a((o) => [
-            n(e.$slots, "thumb", i(l(o)))
+          option: a((o) => [
+            n(e.$slots, "option", l(i(o)))
           ]),
-          "thumb:lower": a((o) => [
-            n(e.$slots, "thumb:lower", i(l(o)))
+          group: a((o) => [
+            n(e.$slots, "group", l(i(o)))
           ]),
-          "thumb:higher": a((o) => [
-            n(e.$slots, "thumb:higher", i(l(o)))
+          "options:append": a((o) => [
+            n(e.$slots, "options:append", l(i(o)))
+          ]),
+          "options:append:outer": a((o) => [
+            n(e.$slots, "options:append:outer", l(i(o)))
+          ]),
+          "options:prepend": a((o) => [
+            n(e.$slots, "options:prepend", l(i(o)))
+          ]),
+          "options:prepend:outer": a((o) => [
+            n(e.$slots, "options:prepend:outer", l(i(o)))
+          ]),
+          "prepend-outer": a((o) => [
+            n(e.$slots, "prepend-outer", l(i(o)))
+          ]),
+          prepend: a((o) => [
+            n(e.$slots, "prepend", l(i(o)))
           ]),
-          tick: a((o) => [
-            n(e.$slots, "tick", i(l(o)))
+          suffix: a((o) => [
+            n(e.$slots, "suffix", l(i(o)))
           ]),
           _: 2
-        }, 1040, ["id", "aria-describedby", "autofocus", "color", "disabled", "has-errors", "max", "min", "model-value", "name", "range", "readonly", "required", "step", "thumb-translate", "ticks"])
+        }, 1040, ["id", "allow-writing", "append:icon", "aria-describedby", "autocomplete", "autofocus", "clearable", "comma", "compact", "dependencies", "deps-debounce-time", "disabled", "enforce-coherence", "filter-by", "group-by", "has-errors", "header-height", "item-height", "item-text", "item-value", "items", "loading", "loading-text", "max", "max-selected-labels", "model-value", "model-value-debounce-time", "multiple", "name", "no-data-text", "placeholder", "prefill", "prepend:icon", "query-debounce-time", "readonly", "required", "selected-labels-fn", "show-chevron", "stash", "transition-duration", "update-on-animation-frame"])
       ]),
       _: 3
     }, 8, ["id", "compact", "direction", "errors", "has-errors", "hide-label", "hint", "label", "label-position", "model-value", "name", "reverse", "show-hint"]));
   }
 });
 export {
-  S as default
+  F as default
 };

package/dist/index114.js

@@ -1,58 +1,116 @@
-import { defineComponent as y, ref as s, onMounted as b, onBeforeUnmount as z, createBlock as c, openBlock as v, resolveDynamicComponent as m, normalizeStyle as O, withCtx as d, renderSlot as _ } from "vue";
-const k = /* @__PURE__ */ y({
-  __name: "BbSmoothHeight",
+import { defineComponent as v, ref as y, computed as f, createBlock as B, openBlock as k, withCtx as a, createVNode as w, mergeProps as $, renderSlot as n, normalizeProps as i, guardReactiveProps as l } from "vue";
+import g from "./index28.js";
+/* empty css        */
+import P from "./index40.js";
+/* empty css        */
+const S = /* @__PURE__ */ v({
+  __name: "BbSlider",
   props: {
-    mutationOptions: { default: () => ({ childList: !0 }) },
-    resizeOptions: {},
-    strategy: { default: "resize" },
-    tag: { default: "div" },
-    transitionDuration: { default: 200 }
+    autofocus: {},
+    color: {},
+    compact: { type: Boolean },
+    direction: {},
+    disabled: { type: Boolean },
+    errors: {},
+    hasErrors: { type: Boolean },
+    hideLabel: { type: Boolean },
+    hint: {},
+    id: {},
+    label: {},
+    labelPosition: {},
+    max: {},
+    min: {},
+    modelValue: {},
+    name: {},
+    persistentHint: { type: Boolean },
+    range: { type: Boolean },
+    readonly: { type: Boolean },
+    required: { type: Boolean },
+    reverse: { type: Boolean },
+    step: {},
+    thumbTranslate: { type: Boolean, default: !0 },
+    ticks: { type: Boolean }
   },
-  setup(h) {
-    const n = h, u = s(null), e = s(null), l = s(null);
-    let o = null, i = null, a = null;
-    function r(t) {
-      u.value && (u.value.style.height = `${t}px`);
-    }
-    function f(t) {
-      a = t, o === null && (o = requestAnimationFrame(() => {
-        a !== null && (r(a), a = null), o = null;
-      })), i !== null && clearTimeout(i), i = setTimeout(() => {
-        e.value && r(e.value.scrollHeight), i = null;
-      }, n.transitionDuration);
-    }
-    function p(t) {
-      t.length > 0 && f(t[0].contentRect.height);
-    }
-    function g() {
-      e.value && f(e.value.scrollHeight);
-    }
-    return globalThis.ResizeObserver && (b(() => {
-      n.strategy === "resize" ? e.value && (l.value = new ResizeObserver(p), l.value.observe(e.value, n.resizeOptions)) : n.strategy === "mutation" && e.value && (l.value = new MutationObserver(g), l.value.observe(e.value, n.mutationOptions)), e.value && r(e.value.scrollHeight);
-    }), z(() => {
-      l.value && l.value.disconnect(), o !== null && cancelAnimationFrame(o), i !== null && clearTimeout(i);
-    })), (t, H) => (v(), c(m(t.tag), {
-      ref_key: "container",
-      ref: u,
-      class: "bb-smooth-height",
-      style: O({ "transition-duration": n.transitionDuration / 1e3 + "s" })
+  emits: ["click", "focus", "active", "inactive", "keydown", "pointerdown", "pointermove", "pointerup", "update:modelValue"],
+  setup(d, { emit: m }) {
+    const p = d, r = m, s = y(!1), u = f(() => p.persistentHint || s.value), b = {
+      onActive: () => {
+        s.value = !0, r("active");
+      },
+      onClick: (e) => r("click", e),
+      onFocus: (e) => r("focus", e),
+      onInactive: () => {
+        s.value = !1, r("inactive");
+      },
+      onKeydown: (e) => r("keydown", e),
+      onPointerdown: (e) => r("pointerdown", e),
+      onPointermove: (e) => r("pointermove", e),
+      onPointerup: (e) => r("pointerup", e),
+      "onUpdate:modelValue": (e) => r("update:modelValue", e)
+    };
+    return (e, V) => (k(), B(g, {
+      id: e.id,
+      class: "bb-slider",
+      compact: e.compact,
+      direction: e.direction,
+      errors: e.errors,
+      "has-errors": e.hasErrors,
+      "hide-label": e.hideLabel,
+      hint: e.hint,
+      label: e.label,
+      "label-position": e.labelPosition,
+      "model-value": e.modelValue,
+      name: e.name,
+      reverse: e.reverse,
+      "show-hint": u.value
     }, {
-      default: d(() => [
-        (v(), c(m(t.tag), {
-          ref_key: "content",
-          ref: e,
-          class: "content"
-        }, {
-          default: d(() => [
-            _(t.$slots, "default")
+      label: a((t) => [
+        n(e.$slots, "label", i(l(t)))
+      ]),
+      input: a(({ id: t, hasErrors: h, ariaDescribedby: c }) => [
+        w(P, $({
+          id: t,
+          "aria-describedby": c,
+          autofocus: e.autofocus,
+          color: e.color,
+          disabled: e.disabled,
+          "has-errors": h,
+          max: e.max,
+          min: e.min,
+          "model-value": e.modelValue,
+          name: e.name,
+          range: e.range,
+          readonly: e.readonly,
+          required: e.required,
+          step: e.step,
+          "thumb-translate": e.thumbTranslate,
+          ticks: e.ticks
+        }, b), {
+          append: a((o) => [
+            n(e.$slots, "append", i(l(o)))
+          ]),
+          prepend: a((o) => [
+            n(e.$slots, "prepend", i(l(o)))
+          ]),
+          thumb: a((o) => [
+            n(e.$slots, "thumb", i(l(o)))
+          ]),
+          "thumb:lower": a((o) => [
+            n(e.$slots, "thumb:lower", i(l(o)))
+          ]),
+          "thumb:higher": a((o) => [
+            n(e.$slots, "thumb:higher", i(l(o)))
+          ]),
+          tick: a((o) => [
+            n(e.$slots, "tick", i(l(o)))
           ]),
-          _: 3
-        }, 512))
+          _: 2
+        }, 1040, ["id", "aria-describedby", "autofocus", "color", "disabled", "has-errors", "max", "min", "model-value", "name", "range", "readonly", "required", "step", "thumb-translate", "ticks"])
       ]),
       _: 3
-    }, 8, ["style"]));
+    }, 8, ["id", "compact", "direction", "errors", "has-errors", "hide-label", "hint", "label", "label-position", "model-value", "name", "reverse", "show-hint"]));
   }
 });
 export {
-  k as default
+  S as default
 };

package/dist/index116.js

@@ -1,40 +1,58 @@
-import { defineComponent as p, computed as s, createElementBlock as b, openBlock as _, mergeProps as a, createStaticVNode as x } from "vue";
-import { isCssColor as m } from "./index255.js";
-const d = /* @__PURE__ */ p({
-  __name: "BbSpinner",
+import { defineComponent as y, ref as s, onMounted as b, onBeforeUnmount as z, createBlock as c, openBlock as v, resolveDynamicComponent as m, normalizeStyle as O, withCtx as d, renderSlot as _ } from "vue";
+const k = /* @__PURE__ */ y({
+  __name: "BbSmoothHeight",
   props: {
-    color: {},
-    size: { default: "md" }
+    mutationOptions: { default: () => ({ childList: !0 }) },
+    resizeOptions: {},
+    strategy: { default: "resize" },
+    tag: { default: "div" },
+    transitionDuration: { default: 200 }
   },
-  setup(n) {
-    const c = n, o = {
-      xs: 12,
-      sm: 16,
-      md: 24,
-      lg: 28,
-      xl: 36,
-      xxl: 40
-    }, t = s(() => {
-      const e = {
-        "bb-spinner": !0
-      };
-      let l = { "--size": s(() => {
-        let i;
-        return typeof c.size == "string" ? i = o[c.size] ?? parseInt(c.size, 10) : i = c.size, i + "px";
-      }).value };
-      return c.color && (m(c.color) ? l.color = c.color : e[`bb-spinner--${c.color}`] = !0), {
-        class: e,
-        style: l
-      };
-    });
-    return (e, r) => (_(), b("svg", a({
-      viewBox: "0 0 24 24",
-      xmlns: "http://www.w3.org/2000/svg"
-    }, t.value), r[0] || (r[0] = [
-      x('<circle class="bb-spinner__circle" cx="12" cy="3" r="0"></circle><circle class="bb-spinner__circle circle--1" cx="16.50" cy="4.21" r="0"></circle><circle class="bb-spinner__circle circle--2" cx="7.50" cy="4.21" r="0"></circle><circle class="bb-spinner__circle circle--3" cx="19.79" cy="7.50" r="0"></circle><circle class="bb-spinner__circle circle--4" cx="4.21" cy="7.50" r="0"></circle><circle class="bb-spinner__circle circle--5" cx="21.00" cy="12.00" r="0"></circle><circle class="bb-spinner__circle circle--6" cx="3.00" cy="12.00" r="0"></circle><circle class="bb-spinner__circle circle--7" cx="19.79" cy="16.50" r="0"></circle><circle class="bb-spinner__circle circle--8" cx="4.21" cy="16.50" r="0"></circle><circle class="bb-spinner__circle circle--9" cx="16.50" cy="19.79" r="0"></circle><circle class="bb-spinner__circle circle--10" cx="7.50" cy="19.79" r="0"></circle><circle class="bb-spinner__circle circle--11" cx="12" cy="21" r="0"></circle>', 12)
-    ]), 16));
+  setup(h) {
+    const n = h, u = s(null), e = s(null), l = s(null);
+    let o = null, i = null, a = null;
+    function r(t) {
+      u.value && (u.value.style.height = `${t}px`);
+    }
+    function f(t) {
+      a = t, o === null && (o = requestAnimationFrame(() => {
+        a !== null && (r(a), a = null), o = null;
+      })), i !== null && clearTimeout(i), i = setTimeout(() => {
+        e.value && r(e.value.scrollHeight), i = null;
+      }, n.transitionDuration);
+    }
+    function p(t) {
+      t.length > 0 && f(t[0].contentRect.height);
+    }
+    function g() {
+      e.value && f(e.value.scrollHeight);
+    }
+    return globalThis.ResizeObserver && (b(() => {
+      n.strategy === "resize" ? e.value && (l.value = new ResizeObserver(p), l.value.observe(e.value, n.resizeOptions)) : n.strategy === "mutation" && e.value && (l.value = new MutationObserver(g), l.value.observe(e.value, n.mutationOptions)), e.value && r(e.value.scrollHeight);
+    }), z(() => {
+      l.value && l.value.disconnect(), o !== null && cancelAnimationFrame(o), i !== null && clearTimeout(i);
+    })), (t, H) => (v(), c(m(t.tag), {
+      ref_key: "container",
+      ref: u,
+      class: "bb-smooth-height",
+      style: O({ "transition-duration": n.transitionDuration / 1e3 + "s" })
+    }, {
+      default: d(() => [
+        (v(), c(m(t.tag), {
+          ref_key: "content",
+          ref: e,
+          class: "content"
+        }, {
+          default: d(() => [
+            _(t.$slots, "default")
+          ]),
+          _: 3
+        }, 512))
+      ]),
+      _: 3
+    }, 8, ["style"]));
   }
 });
 export {
-  d as default
+  k as default
 };

package/dist/index118.js

@@ -1,100 +1,40 @@
-import { defineComponent as c, ref as f, computed as y, createBlock as v, openBlock as w, withCtx as n, createVNode as B, mergeProps as r, renderSlot as i, normalizeProps as k, guardReactiveProps as V } from "vue";
-import g from "./index28.js";
-/* empty css        */
-import P from "./index42.js";
-/* empty css        */
-const S = /* @__PURE__ */ c({
-  __name: "BbSwitch",
+import { defineComponent as p, computed as s, createElementBlock as b, openBlock as _, mergeProps as a, createStaticVNode as x } from "vue";
+import { isCssColor as m } from "./index245.js";
+const d = /* @__PURE__ */ p({
+  __name: "BbSpinner",
   props: {
-    autofocus: {},
-    checked: { type: [Boolean, String] },
     color: {},
-    direction: { default: "auto" },
-    disabled: { type: Boolean },
-    errors: {},
-    falseValue: {},
-    hasErrors: { type: Boolean },
-    hideLabel: { type: Boolean },
-    hint: {},
-    id: {},
-    indeterminate: {},
-    inputPosition: {},
-    label: {},
-    labelPosition: {},
-    modelValue: {},
-    name: {},
-    persistentHint: { type: Boolean },
-    readonly: { type: Boolean },
-    required: { type: Boolean },
-    reverse: { type: Boolean, default: !0 },
-    submitWhenFalse: { type: Boolean },
-    trueValue: {}
+    size: { default: "md" }
   },
-  emits: ["blur", "change", "click", "focus", "input", "keydown", "mousedown", "mouseup", "update:modelValue"],
-  setup(s, { emit: t }) {
-    const u = s, o = t, a = f(!1), d = y(() => u.persistentHint || a.value), p = {
-      onBlur: (e) => {
-        a.value = !1, o("blur", e);
-      },
-      onChange: (e) => o("change", e),
-      onClick: (e) => o("click", e),
-      onFocus: (e) => {
-        a.value = !0, o("focus", e);
-      },
-      onInput: (e) => o("input", e),
-      onKeydown: (e) => o("keydown", e),
-      onMousedown: (e) => o("mousedown", e),
-      onMouseup: (e) => o("mouseup", e),
-      "onUpdate:modelValue": (e) => o("update:modelValue", e)
-    };
-    return (e, q) => (w(), v(g, {
-      id: e.id,
-      class: "bb-switch",
-      direction: e.direction,
-      errors: e.errors,
-      "has-errors": e.hasErrors,
-      "hide-label": e.hideLabel,
-      hint: e.hint,
-      "input-position": e.inputPosition,
-      label: e.label,
-      "label-position": e.labelPosition,
-      "label-tag": "span",
-      name: e.name,
-      reverse: e.reverse,
-      "show-hint": d.value,
-      tag: "label"
-    }, {
-      label: n((l) => [
-        i(e.$slots, "label", k(V(l)))
-      ]),
-      input: n(({ id: l, hasErrors: m, ariaDescribedby: b }) => [
-        B(P, r({
-          id: l,
-          "aria-describedby": b,
-          autofocus: e.autofocus,
-          checked: e.checked,
-          color: e.color,
-          disabled: e.disabled,
-          "false-value": e.falseValue,
-          "has-errors": m,
-          indeterminate: e.indeterminate,
-          "model-value": e.modelValue,
-          name: e.name,
-          readonly: e.readonly,
-          required: e.required,
-          "submit-when-false": e.submitWhenFalse,
-          "true-value": e.trueValue
-        }, p), {
-          icon: n((h) => [
-            i(e.$slots, "icon", r(h, { text: e.label }))
-          ]),
-          _: 2
-        }, 1040, ["id", "aria-describedby", "autofocus", "checked", "color", "disabled", "false-value", "has-errors", "indeterminate", "model-value", "name", "readonly", "required", "submit-when-false", "true-value"])
-      ]),
-      _: 3
-    }, 8, ["id", "direction", "errors", "has-errors", "hide-label", "hint", "input-position", "label", "label-position", "name", "reverse", "show-hint"]));
+  setup(n) {
+    const c = n, o = {
+      xs: 12,
+      sm: 16,
+      md: 24,
+      lg: 28,
+      xl: 36,
+      xxl: 40
+    }, t = s(() => {
+      const e = {
+        "bb-spinner": !0
+      };
+      let l = { "--size": s(() => {
+        let i;
+        return typeof c.size == "string" ? i = o[c.size] ?? parseInt(c.size, 10) : i = c.size, i + "px";
+      }).value };
+      return c.color && (m(c.color) ? l.color = c.color : e[`bb-spinner--${c.color}`] = !0), {
+        class: e,
+        style: l
+      };
+    });
+    return (e, r) => (_(), b("svg", a({
+      viewBox: "0 0 24 24",
+      xmlns: "http://www.w3.org/2000/svg"
+    }, t.value), r[0] || (r[0] = [
+      x('<circle class="bb-spinner__circle" cx="12" cy="3" r="0"></circle><circle class="bb-spinner__circle circle--1" cx="16.50" cy="4.21" r="0"></circle><circle class="bb-spinner__circle circle--2" cx="7.50" cy="4.21" r="0"></circle><circle class="bb-spinner__circle circle--3" cx="19.79" cy="7.50" r="0"></circle><circle class="bb-spinner__circle circle--4" cx="4.21" cy="7.50" r="0"></circle><circle class="bb-spinner__circle circle--5" cx="21.00" cy="12.00" r="0"></circle><circle class="bb-spinner__circle circle--6" cx="3.00" cy="12.00" r="0"></circle><circle class="bb-spinner__circle circle--7" cx="19.79" cy="16.50" r="0"></circle><circle class="bb-spinner__circle circle--8" cx="4.21" cy="16.50" r="0"></circle><circle class="bb-spinner__circle circle--9" cx="16.50" cy="19.79" r="0"></circle><circle class="bb-spinner__circle circle--10" cx="7.50" cy="19.79" r="0"></circle><circle class="bb-spinner__circle circle--11" cx="12" cy="21" r="0"></circle>', 12)
+    ]), 16));
   }
 });
 export {
-  S as default
+  d as default
 };