bitboss-ui 2.1.10 → 2.1.12

package/dist/index23.js

@@ -1,27 +1,27 @@
-import { defineComponent as K, watchEffect as Q, ref as l, computed as g, watch as D, createBlock as C, openBlock as Y, normalizeClass as w, withCtx as i, createVNode as B, unref as n, createCommentVNode as X, withDirectives as x, createElementVNode as s, mergeProps as S, withModifiers as ee, toDisplayString as E, renderSlot as c } from "vue";
+import { defineComponent as K, watchEffect as Q, ref as i, computed as g, watch as D, createBlock as C, openBlock as Y, normalizeClass as w, withCtx as s, createElementVNode as n, createVNode as B, createCommentVNode as X, unref as r, withDirectives as x, mergeProps as S, withModifiers as ee, toDisplayString as E, renderSlot as c } from "vue";
 import { _config as te } from "./index4.js";
-import o from "./index238.js";
-import ae from "./index239.js";
-import oe from "./index240.js";
-import ne from "./index241.js";
-import re from "./index242.js";
-import le from "./index243.js";
-import { identity as ie } from "./index244.js";
-import { isEmpty as se } from "./index210.js";
-import { last as de } from "./index211.js";
+import o from "./index209.js";
+import ae from "./index210.js";
+import oe from "./index211.js";
+import ne from "./index212.js";
+import re from "./index213.js";
+import le from "./index214.js";
+import { identity as ie } from "./index215.js";
+import { isEmpty as se } from "./index216.js";
+import { last as de } from "./index217.js";
 import { useId as ue } from "./index8.js";
-import { useLocale as pe } from "./index219.js";
+import { useLocale as pe } from "./index218.js";
 import { useMobile as ce } from "./index9.js";
-import { useUntil as me } from "./index245.js";
-import { vMaska as fe } from "./index246.js";
+import { useUntil as me } from "./index219.js";
+import { vMaska as fe } from "./index220.js";
 import be from "./index21.js";
 /* empty css        */
-import ke from "./index227.js";
+import ke from "./index221.js";
 /* empty css         */
-import ge from "./index229.js";
-import ye from "./index230.js";
+import ge from "./index223.js";
+import ye from "./index224.js";
 /* empty css         */
-const ve = ["inert"], Ve = ["id", "aria-describedby", "autocomplete", "autofocus", "data-maska", "disabled", "inputmode", "name", "placeholder", "readonly", "required", "value"], Me = ["aria-label", "disabled"], he = ["id"], ze = /* @__PURE__ */ K({
+const ve = { class: "bb-base-date-picker-input__inner-wrapper" }, Ve = ["id", "aria-describedby", "autocomplete", "autofocus", "data-maska", "disabled", "inputmode", "name", "placeholder", "readonly", "required", "value"], he = ["aria-label", "disabled"], Me = ["id"], De = ["inert"], Ze = /* @__PURE__ */ K({
   __name: "BaseDatePickerInput",
   props: {
     allowWriting: { type: [Boolean, String], default: !0 },
@@ -47,12 +47,12 @@ const ve = ["inert"], Ve = ["id", "aria-describedby", "autocomplete", "autofocus
     selectable: {}
   },
   emits: ["active", "error", "focus", "inactive", "update:modelValue"],
-  setup(I, { emit: $ }) {
-    const L = { it: le, en: oe };
+  setup(I, { emit: _ }) {
+    const $ = { it: le, en: oe };
     o.extend(ae), o.extend(ne), o.extend(re), Q(() => {
-      o.locale(L[te.locale]);
+      o.locale($[te.locale]);
     });
-    const t = I, d = $, { t: u } = pe(), v = l(null), y = l(null), O = l(null), _ = l(null), m = l(null), V = l(), f = t.id || `bdpi-${ue().id.value}`, { isMobile: P } = ce(), F = g(
+    const t = I, d = _, { t: u } = pe(), v = i(null), y = i(null), L = i(null), O = i(null), m = i(null), V = i(), f = t.id || `bdpi-${ue().id.value}`, { isMobile: P } = ce(), F = g(
       () => t.allowWriting === "not-mobile" && P.value ? "none" : "numeric"
     ), j = g(() => ({
       "bb-base-date-picker-input": !0,
@@ -70,12 +70,12 @@ const ve = ["inert"], Ve = ["id", "aria-describedby", "autocomplete", "autofocus
             Z(a) ? (e.target.value = "", d("update:modelValue", null), d("error", "invalid_date_typed")) : d("update:modelValue", a.toISOString());
           } else e.target.value === "" && d("update:modelValue", null);
       }
-    }, b = l(!1), H = () => {
+    }, b = i(!1), H = () => {
       b.value || (d("active"), b.value = !0, document.addEventListener("focusin", k), document.addEventListener("click", k));
     }, k = (e) => {
       var a, p;
       e.target instanceof HTMLElement && (a = y.value) != null && a.$el && !y.value.$el.contains(e.target) && !((p = v.value) != null && p.contains(e.target)) && (b.value = !1, d("inactive"), document.removeEventListener("focusin", k), document.removeEventListener("click", k));
-    }, M = (e) => {
+    }, h = (e) => {
       if (e)
         if (Array.isArray(e)) {
           let a, p;
@@ -83,26 +83,26 @@ const ve = ["inert"], Ve = ["id", "aria-describedby", "autocomplete", "autofocus
         } else
           return o(e).format("DD/MM/YYYY");
       return null;
-    }, W = g(() => m.value ? m.value : M(t.modelValue));
+    }, W = g(() => m.value ? m.value : h(t.modelValue));
     D(
       () => t.modelValue,
       (e) => {
-        m.value = M(e);
+        m.value = h(e);
       }
     );
-    const r = l(!1), q = me(r), h = (e) => {
+    const l = i(!1), q = me(l), M = (e) => {
       const a = e.target;
-      a && a instanceof HTMLDialogElement && (r.value = !1);
+      a && a instanceof HTMLDialogElement && (l.value = !1);
     }, R = async () => {
-      t.disabled || t.readonly || (r.value = !0);
+      t.disabled || t.readonly || (l.value = !0);
     };
-    D(r, (e) => {
+    D(l, (e) => {
       var a;
-      e ? document.addEventListener("click", h, { passive: !0 }) : ((a = V.value) == null || a.resetStatus(), document.removeEventListener("click", h));
+      e ? document.addEventListener("click", M, { passive: !0 }) : ((a = V.value) == null || a.resetStatus(), document.removeEventListener("click", M));
     });
-    const N = l(!t.allowWriting || t.range), T = (e) => t.range && Array.isArray(e) && e.length === 2 || !t.range && !!e, U = {
+    const N = i(!t.allowWriting || t.range), T = (e) => t.range && Array.isArray(e) && e.length === 2 || !t.range && !!e, U = {
       "onUpdate:modelValue": (e) => {
-        d("update:modelValue", e), T(e) && (N.value = !1, r.value = !1);
+        d("update:modelValue", e), T(e) && (N.value = !1, l.value = !1);
       }
     }, z = g(() => {
       if (t.range) {
@@ -129,138 +129,140 @@ const ve = ["inert"], Ve = ["id", "aria-describedby", "autocomplete", "autofocus
       class: w(j.value),
       onFocusin: H
     }, {
-      "prepend-outer": i(() => [
+      "prepend-outer": s(() => [
         c(e.$slots, "prepend-outer")
       ]),
-      "append-outer": i(() => [
+      "append-outer": s(() => [
         c(e.$slots, "append-outer")
       ]),
-      default: i(() => [
-        B(ke, {
-          ref_key: "innerContainer",
-          ref: O,
-          "append:icon": t["append:icon"],
-          clearable: t.clearable && !n(se)(e.modelValue),
-          "prepend:icon": t["prepend:icon"],
-          "onClick:clear": G
-        }, {
-          prepend: i(() => [
-            c(e.$slots, "prepend")
-          ]),
-          prefix: i(() => [
-            c(e.$slots, "prefix")
-          ]),
-          append: i(() => [
-            c(e.$slots, "append")
-          ]),
-          suffix: i(() => [
-            c(e.$slots, "suffix")
-          ]),
-          default: i(() => [
-            n(q) ? (Y(), C(ye, {
-              key: 0,
-              modelValue: r.value,
-              "onUpdate:modelValue": a[0] || (a[0] = (p) => r.value = p),
-              block: !0,
-              dialog: "",
-              offset: 4
-            }, {
-              default: i(() => [
-                s("div", {
-                  ref_key: "calendar",
-                  ref: v,
-                  class: w(["bb-base-date-picker-input__calendar", {
-                    "bb-base-date-picker-input__calendar--shown": r.value
-                  }]),
-                  inert: !r.value
-                }, [
-                  B(be, S({ id: n(f) }, U, {
-                    ref_key: "basedatepicker",
-                    ref: V,
-                    disabled: e.disabled,
-                    "first-day-of-week": e.firstDayOfWeek,
-                    max: e.max,
-                    min: e.min,
-                    "model-value": e.modelValue,
-                    range: e.range,
-                    readonly: e.readonly,
-                    selectable: e.selectable
-                  }), null, 16, ["id", "disabled", "first-day-of-week", "max", "min", "model-value", "range", "readonly", "selectable"])
-                ], 10, ve)
+      default: s(() => [
+        n("div", ve, [
+          B(ke, {
+            ref_key: "innerContainer",
+            ref: L,
+            "append:icon": t["append:icon"],
+            clearable: t.clearable && !r(se)(e.modelValue),
+            "prepend:icon": t["prepend:icon"],
+            "onClick:clear": G
+          }, {
+            prepend: s(() => [
+              c(e.$slots, "prepend")
+            ]),
+            prefix: s(() => [
+              c(e.$slots, "prefix")
+            ]),
+            append: s(() => [
+              c(e.$slots, "append")
+            ]),
+            suffix: s(() => [
+              c(e.$slots, "suffix")
+            ]),
+            default: s(() => [
+              x(n("input", S({
+                id: r(f),
+                ref_key: "input",
+                ref: O,
+                "aria-describedby": `bdpi-description_${r(f)}`,
+                autocomplete: e.autocomplete,
+                autofocus: e.autofocus,
+                "data-maska": t.range ? "##/##/#### - ##/##/####" : "##/##/####",
+                disabled: e.disabled,
+                inputmode: F.value,
+                name: e.name,
+                placeholder: e.placeholder,
+                readonly: e.readonly || e.range || !e.allowWriting,
+                required: e.required
+              }, A, {
+                size: "1",
+                type: "text",
+                value: W.value
+              }), null, 16, Ve), [
+                [r(fe)]
               ]),
-              _: 1
-            }, 8, ["modelValue"])) : X("", !0),
-            x(s("input", S({
-              id: n(f),
-              ref_key: "input",
-              ref: _,
-              "aria-describedby": `bdpi-description_${n(f)}`,
-              autocomplete: e.autocomplete,
-              autofocus: e.autofocus,
-              "data-maska": t.range ? "##/##/#### - ##/##/####" : "##/##/####",
-              disabled: e.disabled,
-              inputmode: F.value,
-              name: e.name,
-              placeholder: e.placeholder,
-              readonly: e.readonly || e.range || !e.allowWriting,
-              required: e.required
-            }, A, {
-              size: "1",
-              type: "text",
-              value: W.value
-            }), null, 16, Ve), [
-              [n(fe)]
+              n("button", {
+                "aria-label": z.value,
+                class: "bb-base-date-picker-input__calendar-btn",
+                disabled: e.disabled || e.readonly,
+                type: "button",
+                onClick: ee(R, ["stop"])
+              }, a[1] || (a[1] = [
+                n("svg", {
+                  fill: "none",
+                  viewBox: "0 0 16 16",
+                  xmlns: "http://www.w3.org/2000/svg"
+                }, [
+                  n("path", {
+                    d: "M12.6667 2.66667H3.33333C2.59695 2.66667 2 3.26363 2 4.00001V13.3333C2 14.0697 2.59695 14.6667 3.33333 14.6667H12.6667C13.403 14.6667 14 14.0697 14 13.3333V4.00001C14 3.26363 13.403 2.66667 12.6667 2.66667Z",
+                    stroke: "currentColor",
+                    "stroke-linecap": "round",
+                    "stroke-linejoin": "round"
+                  }),
+                  n("path", {
+                    d: "M10.6667 1.33333V3.99999",
+                    stroke: "currentColor",
+                    "stroke-linecap": "round",
+                    "stroke-linejoin": "round"
+                  }),
+                  n("path", {
+                    d: "M5.33333 1.33333V3.99999",
+                    stroke: "currentColor",
+                    "stroke-linecap": "round",
+                    "stroke-linejoin": "round"
+                  }),
+                  n("path", {
+                    d: "M2 6.66667H14",
+                    stroke: "currentColor",
+                    "stroke-linecap": "round",
+                    "stroke-linejoin": "round"
+                  })
+                ], -1)
+              ]), 8, he),
+              n("span", {
+                id: `bdpi-description_${r(f)}`,
+                class: "bb-base-date-picker-input__accessible-description sr-only"
+              }, E(r(u)("baseDatePickerInput.dateFormat")) + " " + E(t.range ? r(u)("baseDatePickerInput.dateFormatRange") : r(u)("baseDatePickerInput.dateFormatSingle")), 9, Me)
             ]),
-            s("button", {
-              "aria-label": z.value,
-              class: "bb-base-date-picker-input__calendar-btn",
-              disabled: e.disabled || e.readonly,
-              type: "button",
-              onClick: ee(R, ["stop"])
-            }, a[1] || (a[1] = [
-              s("svg", {
-                fill: "none",
-                viewBox: "0 0 16 16",
-                xmlns: "http://www.w3.org/2000/svg"
+            _: 3
+          }, 8, ["append:icon", "clearable", "prepend:icon"]),
+          r(q) ? (Y(), C(ye, {
+            key: 0,
+            modelValue: l.value,
+            "onUpdate:modelValue": a[0] || (a[0] = (p) => l.value = p),
+            block: !0,
+            dialog: "",
+            offset: 4
+          }, {
+            default: s(() => [
+              n("div", {
+                ref_key: "calendar",
+                ref: v,
+                class: w(["bb-base-date-picker-input__calendar", {
+                  "bb-base-date-picker-input__calendar--shown": l.value
+                }]),
+                inert: !l.value
               }, [
-                s("path", {
-                  d: "M12.6667 2.66667H3.33333C2.59695 2.66667 2 3.26363 2 4.00001V13.3333C2 14.0697 2.59695 14.6667 3.33333 14.6667H12.6667C13.403 14.6667 14 14.0697 14 13.3333V4.00001C14 3.26363 13.403 2.66667 12.6667 2.66667Z",
-                  stroke: "currentColor",
-                  "stroke-linecap": "round",
-                  "stroke-linejoin": "round"
-                }),
-                s("path", {
-                  d: "M10.6667 1.33333V3.99999",
-                  stroke: "currentColor",
-                  "stroke-linecap": "round",
-                  "stroke-linejoin": "round"
-                }),
-                s("path", {
-                  d: "M5.33333 1.33333V3.99999",
-                  stroke: "currentColor",
-                  "stroke-linecap": "round",
-                  "stroke-linejoin": "round"
-                }),
-                s("path", {
-                  d: "M2 6.66667H14",
-                  stroke: "currentColor",
-                  "stroke-linecap": "round",
-                  "stroke-linejoin": "round"
-                })
-              ], -1)
-            ]), 8, Me),
-            s("span", {
-              id: `bdpi-description_${n(f)}`,
-              class: "bb-base-date-picker-input__accessible-description sr-only"
-            }, E(n(u)("baseDatePickerInput.dateFormat")) + " " + E(t.range ? n(u)("baseDatePickerInput.dateFormatRange") : n(u)("baseDatePickerInput.dateFormatSingle")), 9, he)
-          ]),
-          _: 3
-        }, 8, ["append:icon", "clearable", "prepend:icon"])
+                B(be, S({ id: r(f) }, U, {
+                  ref_key: "basedatepicker",
+                  ref: V,
+                  disabled: e.disabled,
+                  "first-day-of-week": e.firstDayOfWeek,
+                  max: e.max,
+                  min: e.min,
+                  "model-value": e.modelValue,
+                  range: e.range,
+                  readonly: e.readonly,
+                  selectable: e.selectable
+                }), null, 16, ["id", "disabled", "first-day-of-week", "max", "min", "model-value", "range", "readonly", "selectable"])
+              ], 10, De)
+            ]),
+            _: 1
+          }, 8, ["modelValue"])) : X("", !0)
+        ])
       ]),
       _: 3
     }, 8, ["class"]));
   }
 });
 export {
-  ze as default
+  Ze as default
 };

package/dist/index230.js

@@ -1,115 +1,88 @@
-import { defineComponent as P, mergeModels as D, useModel as V, ref as r, watch as A, onMounted as x, computed as S, createBlock as b, openBlock as v, resolveDynamicComponent as g, normalizeStyle as z, normalizeClass as E, unref as n, withCtx as w, renderSlot as y, createCommentVNode as N, mergeProps as h, createElementVNode as C } from "vue";
-import { wait as F } from "./index135.js";
-import { useFloating as U, arrow as j } from "./index332.js";
-import { flip as q, offset as G, shift as H, hide as I, autoUpdate as J } from "./index333.js";
-const K = { class: "bb-common-popover__bubble" }, W = /* @__PURE__ */ P({
-  __name: "CommonPopover",
-  props: /* @__PURE__ */ D({
-    arrowPadding: {},
-    offset: {},
-    block: { type: Boolean },
-    padding: { default: 0 },
-    placement: {},
-    transitionDuration: { default: 250 },
-    containerAttributes: {},
-    dialog: { type: Boolean },
-    renderContent: { type: Boolean, default: !0 },
-    tag: { default: "span" }
-  }, {
-    modelValue: { type: Boolean, default: !1 },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(s) {
-    const o = s, a = V(s, "modelValue"), i = r(), t = r(), p = r(), { floatingStyles: k, placement: _, middlewareData: l, update: M } = U(
-      i,
-      t,
-      {
-        placement: o.placement,
-        whileElementsMounted: J,
-        middleware: [
-          q(),
-          G(o.offset),
-          H({ padding: o.padding }),
-          I(),
-          j({
-            element: p,
-            padding: o.arrowPadding
-          })
-        ],
-        strategy: "fixed"
-      }
-    ), d = (e) => {
-      e ? (M(), o.dialog ? t.value.showModal() : t.value.showPopover()) : F(o.transitionDuration).then(() => {
-        t.value && (o.dialog ? t.value.close() : t.value.hidePopover());
-      });
-    };
-    A(a, d, { flush: "post" }), x(() => {
-      a.value && d(a.value);
-    });
-    const $ = S(() => {
-      if (l.value.arrow) {
-        const { x: e, y: u } = l.value.arrow;
-        return {
-          style: {
-            left: `${e}px`,
-            top: `${u}px`
-          }
-        };
-      }
-    }), B = () => {
-      a.value = !1;
-    };
-    return (e, u) => (v(), b(g(e.dialog ? "div" : e.tag), {
-      ref_key: "wrapper",
-      ref: i,
-      class: E(["bb-common-popover", {
-        "bb-common-popover--open": a.value && !!t.value,
-        "bb-common-popover--block": o.block,
-        [`bb-common-popover--${n(_)}`]: !0
-      }]),
-      style: z({
-        "--transition-duration": `${o.transitionDuration}ms`
-      })
-    }, {
-      default: w(() => {
-        var m, c, f;
-        return [
-          y(e.$slots, "activator"),
-          e.renderContent ? (v(), b(g(e.dialog ? "dialog" : e.tag), h({
-            key: 0,
-            ref_key: "content",
-            ref: t,
-            class: ["bb-common-popover__bubble-container", {
-              "bb-common-popover__bubble-container--open": a.value && !!t.value
-            }],
-            popover: "manual",
-            style: {
-              ...((m = e.containerAttributes) == null ? void 0 : m.style) ?? {},
-              ...n(k),
-              "--arrow-offset-x": Math.round(((f = (c = n(l)) == null ? void 0 : c.arrow) == null ? void 0 : f.x) ?? 0) + "px",
-              "--page-padding": `${e.padding}px`
-            },
-            tabindex: a.value ? void 0 : -1
-          }, e.containerAttributes, { onClose: n(B) }), {
-            default: w(() => [
-              C("span", h({
-                ref_key: "bubblearrow",
-                ref: p,
-                class: "bb-common-popover__arrow"
-              }, $.value), null, 16),
-              C("span", K, [
-                y(e.$slots, "default")
+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 "./index218.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: {
+    direction: {},
+    hasErrors: { type: Boolean },
+    hideLabel: { type: Boolean },
+    loadingText: {},
+    loading: { type: Boolean },
+    noDataText: {},
+    options: {}
+  },
+  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"
+      }])
+    }, [
+      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)
               ])
-            ]),
-            _: 3
-          }, 16, ["class", "style", "tabindex", "onClose"])) : N("", !0)
-        ];
-      }),
-      _: 3
-    }, 8, ["class", "style"]));
+            ], 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 {
-  W as default
+  C as default
 };