bitboss-ui 2.1.10 → 2.1.11

package/dist/index229.js

@@ -1,15 +1,115 @@
-import { createElementBlock as t, openBlock as n, renderSlot as e } from "vue";
-/* empty css         */
-import r from "./index284.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]]);
+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 "./index328.js";
+import { flip as q, offset as G, shift as H, hide as I, autoUpdate as J } from "./index329.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")
+              ])
+            ]),
+            _: 3
+          }, 16, ["class", "style", "tabindex", "onClose"])) : N("", !0)
+        ];
+      }),
+      _: 3
+    }, 8, ["class", "style"]));
+  }
+});
 export {
-  i as default
+  W as default
 };

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 "./index219.js";
+import ae from "./index220.js";
+import oe from "./index221.js";
+import ne from "./index222.js";
+import re from "./index223.js";
+import le from "./index224.js";
+import { identity as ie } from "./index225.js";
+import { isEmpty as se } from "./index226.js";
+import { last as de } from "./index227.js";
 import { useId as ue } from "./index8.js";
-import { useLocale as pe } from "./index219.js";
+import { useLocale as pe } from "./index210.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 "./index211.js";
+import { vMaska as fe } from "./index228.js";
 import be from "./index21.js";
 /* empty css        */
-import ke from "./index227.js";
+import ke from "./index215.js";
 /* empty css         */
-import ge from "./index229.js";
-import ye from "./index230.js";
+import ge from "./index217.js";
+import ye from "./index229.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/index231.js

@@ -0,0 +1,6 @@
+function x(e) {
+  return /^#([A-Fa-f0-9]{6})$/.test(e);
+}
+export {
+  x as isHex
+};