bitboss-ui 2.1.133 → 2.1.134

package/dist/index62.js

@@ -1,168 +1,5 @@
-import { defineComponent as N, mergeModels as w, defineAsyncComponent as E, useModel as M, computed as l, useAttrs as W, ref as V, toRef as q, createBlock as i, openBlock as a, unref as u, mergeProps as R, withCtx as B, createVNode as j, createCommentVNode as p, createElementVNode as x, createElementBlock as O, normalizeClass as G, renderSlot as _, createTextVNode as C, toDisplayString as b } from "vue";
-/* empty css       */
-/* empty css       */
-import H from "./index14.js";
-/* empty css        */
-import f from "./index88.js";
-/* empty css        */
-import I from "./index118.js";
-/* empty css         */
-import { pickBy as J } from "./index248.js";
-import { noop as K } from "./index249.js";
-import { useLocale as Q } from "./index245.js";
-import { extractDomContainer as U } from "./index250.js";
-import { isEqual as k } from "./index241.js";
-const X = {
-  key: 2,
-  class: "bb-button__loading-label sr-only"
-}, ce = /* @__PURE__ */ N({
-  inheritAttrs: !1,
-  __name: "BbButton",
-  props: /* @__PURE__ */ w({
-    autoLoading: { type: Boolean },
-    activeClass: {},
-    ariaCurrentValue: {},
-    "append:icon": {},
-    block: { type: Boolean },
-    data: {},
-    disabled: { type: Boolean },
-    enabledWhileLoading: { type: Boolean },
-    exactActiveClass: {},
-    group: { type: Boolean },
-    headers: {},
-    href: {},
-    icon: {},
-    loading: { type: Boolean },
-    method: {},
-    onBefore: {},
-    onCancel: {},
-    onCancelToken: {},
-    onFinish: {},
-    only: {},
-    onProgress: {},
-    onStart: {},
-    onSuccess: {},
-    "prepend:icon": {},
-    preserveScroll: { type: [Boolean, Function] },
-    preserveState: { type: [Boolean, Function, null] },
-    queryStringArrayFormat: {},
-    replace: { type: Boolean },
-    size: { default: "md" },
-    tag: {},
-    target: {},
-    text: {},
-    tooltip: {},
-    tooltipPlacement: {},
-    tooltipTimeout: {},
-    to: {},
-    trueValue: { default: !0 },
-    falseValue: { default: !1 },
-    type: {}
-  }, {
-    modelValue: {},
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(v, { expose: h }) {
-    const $ = E(
-      () => import("./index219.js")
-    ), o = v, s = M(v, "modelValue"), d = l(() => s.value !== void 0), y = l(() => k(s.value, o.trueValue)), { t: z } = Q(), g = W(), c = V(), A = (e) => {
-      c.value = U(e) ?? void 0;
-    }, L = l(() => {
-      const { onClick: e, ...t } = g;
-      return t;
-    }), m = V(0), n = l(
-      () => o.loading || !!m.value && o.autoLoading
-    ), S = l(() => o.disabled), T = async (e) => {
-      if (n.value && !o.enabledWhileLoading)
-        return (o.type === "submit" || o.href || o.to) && e.preventDefault(), null;
-      if (d.value) {
-        const t = o.trueValue, r = o.falseValue;
-        s.value = k(s.value, t) ? r : t;
-      }
-      m.value++, await (g.onClick ?? K)(e), m.value--;
-    }, P = typeof o.size == "string" ? { default: o.size } : { default: "md", ...o.size }, D = Object.entries(P).reduce(
-      (e, [t, r]) => (t === "default" ? e[`data-${r}`] = "" : e[`data-${t}:${r}`] = "", e),
-      {}
-    ), F = q(() => ({
-      ...L.value,
-      ...D,
-      ...J(
-        o,
-        (e, t) => ![
-          "append:icon",
-          "autoLoading",
-          "disabled",
-          "enabledWhileLoading",
-          "falseValue",
-          "group",
-          "icon",
-          "loading",
-          "modelValue",
-          "prepend:icon",
-          "size",
-          "tooltip",
-          "tooltipPlacement",
-          "trueValue"
-        ].includes(t)
-      )
-    }));
-    return h({ $el: c }), (e, t) => (a(), i(u(H), R({ ref: A }, F.value, {
-      "aria-disabled": n.value ? !0 : void 0,
-      "aria-pressed": d.value ? y.value : void 0,
-      class: {
-        "bb-button": !0,
-        "bb-button--loading": n.value,
-        "bb-button--group": o.group,
-        "bb-button--icon": !!e.icon,
-        "bb-button--active": d.value && y.value
-      },
-      disabled: S.value,
-      tabindex: n.value ? -1 : void 0,
-      onClick: T
-    }), {
-      default: B(() => [
-        j(u(I), { class: "bb-button__spinner" }),
-        o.icon ? (a(), i(f, {
-          key: 0,
-          class: "bb-button__icon",
-          type: o.icon
-        }, null, 8, ["type"])) : o["prepend:icon"] ? (a(), i(f, {
-          key: 1,
-          class: "bb-button__prepend-icon",
-          type: o["prepend:icon"]
-        }, null, 8, ["type"])) : p("", !0),
-        x("span", {
-          class: G(["bb-button__content", { "sr-only": !!e.icon }])
-        }, [
-          _(e.$slots, "default", {}, () => [
-            C(b(e.text), 1)
-          ])
-        ], 2),
-        n.value ? (a(), O("span", X, b(u(z)("common.loadingText")), 1)) : p("", !0),
-        !e.icon && o["append:icon"] ? (a(), i(f, {
-          key: 3,
-          class: "bb-button__append-icon",
-          type: o["append:icon"]
-        }, null, 8, ["type"])) : p("", !0),
-        e.tooltip != null || e.$slots.tooltip ? (a(), i(u($), {
-          key: 4,
-          activator: c.value,
-          placement: e.tooltipPlacement,
-          timeout: e.tooltipTimeout
-        }, {
-          default: B(() => [
-            _(e.$slots, "tooltip", { text: e.tooltip }, () => [
-              C(b(e.tooltip), 1)
-            ])
-          ]),
-          _: 3
-        }, 8, ["activator", "placement", "timeout"])) : p("", !0)
-      ]),
-      _: 3
-    }, 16, ["aria-disabled", "aria-pressed", "class", "disabled", "tabindex"]));
-  }
-});
-export {
-  ce as default
-};
+import e from "./index61.js";
+//#region src/components/BbColorPalette/BbColorPalette.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/index64.js

@@ -1,100 +1,8 @@
-import { defineComponent as c, ref as f, computed as y, createBlock as v, openBlock as k, withCtx as n, createVNode as B, mergeProps as r, renderSlot as i, normalizeProps as w, guardReactiveProps as V } from "vue";
-import g from "./index18.js";
-/* empty css        */
-import P from "./index28.js";
-/* empty css        */
-const E = /* @__PURE__ */ c({
-  __name: "BbCheckbox",
-  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: { default: "left" },
-    label: {},
-    labelPosition: {},
-    modelValue: {},
-    name: {},
-    persistentHint: { type: Boolean },
-    readonly: { type: Boolean },
-    required: { type: Boolean },
-    reverse: { type: Boolean, default: !0 },
-    submitWhenFalse: { type: Boolean },
-    trueValue: {}
-  },
-  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, C) => (k(), v(P, {
-      id: e.id,
-      class: "bb-checkbox",
-      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", w(V(l)))
-      ]),
-      input: n(({ id: l, hasErrors: m, ariaDescribedby: b }) => [
-        B(g, 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"]));
-  }
-});
-export {
-  E as default
+//#region \0plugin-vue:export-helper
+var e = (e, t) => {
+	let n = e.__vccOpts || e;
+	for (let [e, r] of t) n[e] = r;
+	return n;
 };
+//#endregion
+export { e as default };

package/dist/index65.js

@@ -0,0 +1,35 @@
+/* empty css        */
+import e from "./index64.js";
+import { createElementBlock as t, createElementVNode as n, openBlock as r } from "vue";
+//#region src/components/ErrorIcon/ErrorIcon.vue
+var i = {}, a = {
+	class: "bb-error-icon",
+	fill: "none",
+	viewBox: "0 0 20 20",
+	xmlns: "http://www.w3.org/2000/svg"
+};
+function o(e, i) {
+	return r(), t("svg", a, i[0] ||= [
+		n("path", {
+			d: "M9.99422 18.3333C14.5966 18.3333 18.3276 14.6024 18.3276 9.99999C18.3276 5.39762 14.5966 1.66666 9.99422 1.66666C5.39185 1.66666 1.66089 5.39762 1.66089 9.99999C1.66089 14.6024 5.39185 18.3333 9.99422 18.3333Z",
+			fill: "currentColor"
+		}, null, -1),
+		n("path", {
+			d: "M9.99414 6.66666V9.99999",
+			stroke: "white",
+			"stroke-linecap": "round",
+			"stroke-linejoin": "round",
+			"stroke-width": "2"
+		}, null, -1),
+		n("path", {
+			d: "M9.99414 13.3333H10.0025",
+			stroke: "white",
+			"stroke-linecap": "round",
+			"stroke-linejoin": "round",
+			"stroke-width": "2"
+		}, null, -1)
+	]);
+}
+var s = /* @__PURE__ */ e(i, [["render", o]]);
+//#endregion
+export { s as default };

package/dist/index66.js

@@ -1,138 +1,26 @@
-import { defineComponent as f, ref as g, computed as v, createBlock as y, openBlock as B, withCtx as i, createVNode as $, mergeProps as w, renderSlot as a, normalizeProps as l, guardReactiveProps as t } from "vue";
-import T from "./index20.js";
-/* empty css        */
-import V from "./index28.js";
-/* empty css        */
-const E = /* @__PURE__ */ f({
-  __name: "BbCheckboxGroup",
-  props: {
-    autofocus: {},
-    color: {},
-    compact: { type: Boolean },
-    dependencies: {},
-    depsDebounceTime: {},
-    direction: {},
-    disabled: { type: Boolean },
-    enforceCoherence: { type: Boolean },
-    errors: {},
-    hasErrors: { type: Boolean },
-    hideLabel: { type: Boolean },
-    hideLegend: { type: Boolean },
-    hint: {},
-    id: {},
-    inputDirection: {},
-    inputPosition: { default: "left" },
-    items: {},
-    itemText: {},
-    itemValue: {},
-    labelPosition: {},
-    legend: {},
-    loadingText: {},
-    max: {},
-    modelValue: {},
-    multiple: { type: Boolean, default: !0 },
-    modelValueDebounceTime: {},
-    name: {},
-    noDataText: {},
-    persistentHint: { type: Boolean },
-    readonly: { type: Boolean },
-    reverse: { type: Boolean }
-  },
-  emits: ["blur", "change", "click", "focus", "inactive", "input", "keydown", "mousedown", "mouseup", "update:modelValue"],
-  setup(d, { emit: p }) {
-    const u = d, n = p, s = g(!1), m = v(() => u.persistentHint || s.value), c = {
-      onBlur: (e) => n("blur", e),
-      onChange: (e) => n("change", e),
-      onClick: (e) => n("click", e),
-      onFocus: (e) => {
-        s.value = !0, n("focus", e);
-      },
-      onInactive: () => {
-        s.value = !1, n("inactive");
-      },
-      onInput: (e) => n("input", e),
-      onKeydown: (e) => n("keydown", e),
-      onMousedown: (e) => n("mousedown", e),
-      onMouseup: (e) => n("mouseup", e),
-      "onUpdate:modelValue": (e) => n("update:modelValue", e)
-    };
-    return (e, k) => (B(), y(V, {
-      id: e.id,
-      class: "bb-checkbox-group",
-      compact: e.compact,
-      direction: e.direction,
-      errors: e.errors,
-      "has-errors": e.hasErrors,
-      "hide-label": e.hideLegend,
-      hint: e.hint,
-      "input-position": e.inputPosition,
-      label: e.legend,
-      "label-position": e.labelPosition,
-      "label-tag": "legend",
-      name: e.name,
-      reverse: e.reverse,
-      "show-hint": m.value,
-      tag: "fieldset"
-    }, {
-      label: i((r) => [
-        a(e.$slots, "legend", l(t(r)))
-      ]),
-      input: i(({ id: r, hasErrors: b, ariaDescribedby: h }) => [
-        $(T, w({
-          id: r,
-          "aria-describedby": h,
-          autofocus: e.autofocus,
-          color: e.color,
-          dependencies: e.dependencies,
-          "deps-debounce-time": e.depsDebounceTime,
-          direction: e.inputDirection,
-          disabled: e.disabled,
-          "enforce-coherence": e.enforceCoherence,
-          "has-errors": b,
-          "hide-label": e.hideLabel,
-          "item-text": e.itemText,
-          "item-value": e.itemValue,
-          items: e.items,
-          "loading-text": e.loadingText,
-          max: e.max,
-          "model-value": e.modelValue,
-          "model-value-debounce-time": e.modelValueDebounceTime,
-          multiple: e.multiple,
-          name: e.name,
-          "no-data-text": e.noDataText,
-          readonly: e.readonly
-        }, c), {
-          prepend: i((o) => [
-            a(e.$slots, "prepend", l(t(o)))
-          ]),
-          loading: i((o) => [
-            a(e.$slots, "loading", l(t(o)))
-          ]),
-          "no-data": i((o) => [
-            a(e.$slots, "no-data", l(t(o)))
-          ]),
-          "option:prepend": i((o) => [
-            a(e.$slots, "option:prepend", l(t(o)))
-          ]),
-          icon: i((o) => [
-            a(e.$slots, "icon", l(t(o)))
-          ]),
-          label: i((o) => [
-            a(e.$slots, "label", l(t(o)))
-          ]),
-          "option:append": i((o) => [
-            a(e.$slots, "option:append", l(t(o)))
-          ]),
-          append: i((o) => [
-            a(e.$slots, "append", l(t(o)))
-          ]),
-          _: 2
-        }, 1040, ["id", "aria-describedby", "autofocus", "color", "dependencies", "deps-debounce-time", "direction", "disabled", "enforce-coherence", "has-errors", "hide-label", "item-text", "item-value", "items", "loading-text", "max", "model-value", "model-value-debounce-time", "multiple", "name", "no-data-text", "readonly"])
-      ]),
-      _: 3
-    }, 8, ["id", "compact", "direction", "errors", "has-errors", "hide-label", "hint", "input-position", "label", "label-position", "name", "reverse", "show-hint"]));
-  }
+import { useLocale as e } from "./index42.js";
+import { createElementBlock as t, createElementVNode as n, defineComponent as r, openBlock as i, unref as a } from "vue";
+//#region src/components/ClearableButton/ClearableButton.vue?vue&type=script&setup=true&lang.ts
+var o = ["aria-label"], s = /* @__PURE__ */ r({
+	__name: "ClearableButton",
+	setup(r) {
+		let { t: s } = e();
+		return (e, r) => (i(), t("button", {
+			"aria-label": a(s)("common.clearLabel").value,
+			class: "bb-clearable-button",
+			type: "button"
+		}, r[0] ||= [n("svg", {
+			viewBox: "0 0 24 24",
+			xmlns: "http://www.w3.org/2000/svg"
+		}, [n("path", {
+			d: "M12 12l7 7M12 12l-7 -7M12 12l-7 7M12 12l7 -7",
+			fill: "none",
+			stroke: "currentColor",
+			"stroke-linecap": "round",
+			"stroke-linejoin": "round",
+			"stroke-width": "2"
+		})], -1)], 8, o));
+	}
 });
-export {
-  E as default
-};
+//#endregion
+export { s as default };

package/dist/index68.js

@@ -1,43 +1,6 @@
-import { defineComponent as i, createElementBlock as o, openBlock as a, createElementVNode as t, createCommentVNode as p, renderSlot as b, createTextVNode as m, toDisplayString as u, withModifiers as d, unref as _ } from "vue";
-import { useLocale as f } from "./index245.js";
-const h = { class: "bb-chip" }, L = { class: "bb-chip__content" }, k = ["aria-label"], B = /* @__PURE__ */ i({
-  __name: "BbChip",
-  props: {
-    text: {},
-    clearable: { type: Boolean, default: !0 },
-    clearableLabel: {}
-  },
-  emits: ["click:clear"],
-  setup(w, { emit: r }) {
-    const n = r, { t: s } = f(), c = (e) => {
-      n("click:clear", e);
-    };
-    return (e, l) => (a(), o("span", h, [
-      t("span", L, [
-        b(e.$slots, "default", {}, () => [
-          m(u(e.text), 1)
-        ])
-      ]),
-      e.clearable ? (a(), o("button", {
-        key: 0,
-        "aria-label": e.clearableLabel || _(s)("chip.clearLabel").value,
-        class: "bb-chip__clear-button",
-        type: "button",
-        onClick: d(c, ["stop", "prevent"])
-      }, l[0] || (l[0] = [
-        t("svg", {
-          viewBox: "0 0 24 24",
-          xmlns: "http://www.w3.org/2000/svg"
-        }, [
-          t("path", {
-            d: "M6.4 19L5 17.6l5.6-5.6L5 6.4L6.4 5l5.6 5.6L17.6 5L19 6.4L13.4 12l5.6 5.6l-1.4 1.4l-5.6-5.6z",
-            fill: "currentColor"
-          })
-        ], -1)
-      ]), 8, k)) : p("", !0)
-    ]));
-  }
-});
-export {
-  B as default
-};
+import e from "./index66.js";
+/* empty css        */
+//#region src/components/ClearableButton/ClearableButton.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/index69.js

@@ -0,0 +1,54 @@
+import e from "./index65.js";
+import t from "./index68.js";
+import n from "./index219.js";
+import r from "./index255.js";
+import { createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createVNode as c, defineComponent as l, normalizeClass as u, openBlock as d, ref as f, renderSlot as p, unref as m } from "vue";
+//#region src/components/CommonInputInnerContainer/CommonInputInnerContainer.vue?vue&type=script&setup=true&lang.ts
+var h = { class: "bb-common-input-inner-container__prefix" }, g = { class: "bb-common-input-inner-container__suffix" }, _ = /* @__PURE__ */ l({
+	__name: "CommonInputInnerContainer",
+	props: {
+		"append:icon": {},
+		clearable: { type: Boolean },
+		"prepend:icon": {},
+		preventFocus: { type: Boolean }
+	},
+	emits: ["click:clear"],
+	setup(l, { emit: _ }) {
+		let v = l, y = _, b = f(), x = () => b.value?.querySelector("input,textarea") ?? null, S = (e) => {
+			if (!b.value || v.preventFocus) return;
+			let t = e.target;
+			t.tagName === "INPUT" || t.tagName === "TEXTAREA" || x()?.focus();
+		}, C = () => {
+			y("click:clear"), x()?.focus();
+		};
+		return (l, f) => (d(), o("span", {
+			ref_key: "container",
+			ref: b,
+			class: u(["bb-common-input-inner-container", { "bb-common-input-inner-container--clearable": v.clearable }]),
+			onClick: S
+		}, [
+			p(l.$slots, "prepend", {}, () => [s("span", h, [p(l.$slots, "prefix")])]),
+			l.$props["prepend:icon"] ? (d(), i(m(n), {
+				key: 0,
+				class: "bb-common-input-inner-container__prepend-icon",
+				type: l.$props["prepend:icon"]
+			}, null, 8, ["type"])) : a("", !0),
+			p(l.$slots, "default"),
+			c(t, {
+				"aria-hidden": !l.clearable,
+				tabindex: l.clearable ? 0 : -1,
+				onClick: C
+			}, null, 8, ["aria-hidden", "tabindex"]),
+			l.$props["append:icon"] ? (d(), i(m(n), {
+				key: 1,
+				class: "bb-common-input-inner-container__append-icon",
+				type: l.$props["append:icon"]
+			}, null, 8, ["type"])) : a("", !0),
+			c(e),
+			c(m(r)),
+			p(l.$slots, "append", {}, () => [s("span", g, [p(l.$slots, "suffix")])])
+		], 2));
+	}
+});
+//#endregion
+export { _ as default };