vue3-beak-ui-framework 1.2.71 → 1.2.73

package/dist/{date-DBWA5uw4.js → date-DjWkhaEo.js}

@@ -1,4 +1,4 @@
-import { g as rt } from "./index-CN5N7CGr.js";
+import { g as rt } from "./index-DEeDIwHG.js";
 var Q = { exports: {} }, it = Q.exports, et;
 function st() {
   return et || (et = 1, function(j, V) {

package/dist/{index-GvzuBJ9R.js → index-8Q__0uMv.js}

@@ -1,4 +1,4 @@
-import { g as Ua } from "./index-CN5N7CGr.js";
+import { g as Ua } from "./index-DEeDIwHG.js";
 function Le(o) {
   if (!o)
     return;

package/dist/{index-CN5N7CGr.js → index-DEeDIwHG.js}

@@ -99454,12 +99454,41 @@ const _withScopeId$9 = (ps) => (pushScopeId("data-v-826bf78f"), ps = ps(), popSc
     mobileBreakpoint: {
       type: Number,
       default: void 0
+    },
+    /**
+     * Tab list orientation. `"horizontal"` (default) is the classic top tab
+     * bar — fully backward-compatible, nothing about existing usages changes.
+     * `"vertical"` renders the tab list as a left-hand side column with the
+     * panel beside it (a settings-style layout).
+     *
+     * Vertical is **desktop-first**: below `verticalBreakpoint` (container
+     * width, px) it falls back to the normal horizontal bar so it stays
+     * usable on phones, where `compactBreakpoint` / `mobileBreakpoint` then
+     * apply as usual. Vertical also opts out of slider/pill styling, which
+     * is inherently a horizontal segmented control.
+     */
+    orientation: {
+      type: String,
+      default: "horizontal",
+      validator: (ps) => ["horizontal", "vertical"].indexOf(ps) === -1 ? (console.warn(`BWTabs: invalid "${ps}" orientation. Should be horizontal or vertical`), !1) : !0
+    },
+    /**
+     * Container width (px — same observer-based measurement as
+     * `compactBreakpoint` / `mobileBreakpoint`) below which `orientation:
+     * "vertical"` reverts to the horizontal bar. Only consulted when
+     * `orientation === "vertical"`. Defaults to `768` to mirror the classic
+     * tablet breakpoint; set lower to keep tabs vertical in narrower columns.
+     */
+    verticalBreakpoint: {
+      type: Number,
+      default: 768
     }
   },
-  emits: ["update:modelValue"],
+  emits: ["update:modelValue", "select"],
   setup(ps, { emit: Ig }) {
-    var Kg, _g;
-    const Zg = ps, Gg = Ig, Bg = ref$1(Zg.modelValue ?? Zg.selected ?? ((_g = (Kg = Zg.tabs) == null ? void 0 : Kg[0]) == null ? void 0 : _g.value)), Wg = computed(() => {
+    var _g, il;
+    const Zg = ps, Gg = Ig, Bg = ref$1(Zg.modelValue ?? Zg.selected ?? ((il = (_g = Zg.tabs) == null ? void 0 : _g[0]) == null ? void 0 : il.value)), Wg = computed(() => {
+      if (Zg.orientation === "vertical") return "";
       if (Zg.slider) {
         if (Zg.type === "rounded") {
           if (Zg.tabs.length === 3)
@@ -99476,56 +99505,56 @@ const _withScopeId$9 = (ps) => (pushScopeId("data-v-826bf78f"), ps = ps(), popSc
       return "";
     }), Ng = ref$1(null), Vg = ref$1(0);
     let Xg = null;
-    const Yg = computed(() => !Zg.mobileBreakpoint || Vg.value === 0 ? !1 : Vg.value < Zg.mobileBreakpoint), Fg = computed(() => Yg.value || !Zg.compactBreakpoint || Vg.value === 0 ? !1 : Vg.value < Zg.compactBreakpoint), Tg = computed(
-      () => Zg.tabs.map((il) => ({
-        value: il.value,
-        label: `${il.label}${il.suffix ? ` (${il.suffix})` : ""}`
+    const Yg = computed(() => !Zg.mobileBreakpoint || Vg.value === 0 ? !1 : Vg.value < Zg.mobileBreakpoint), Fg = computed(() => Yg.value || !Zg.compactBreakpoint || Vg.value === 0 ? !1 : Vg.value < Zg.compactBreakpoint), Tg = computed(() => !(Zg.orientation !== "vertical" || Yg.value || Vg.value !== 0 && Vg.value < Zg.verticalBreakpoint)), Lg = computed(
+      () => Zg.tabs.map((Hg) => ({
+        value: Hg.value,
+        label: `${Hg.label}${Hg.suffix ? ` (${Hg.suffix})` : ""}`
       }))
-    ), Lg = (il) => Bg.value === il.value ? il.color ?? Zg.color ?? "primary" : il.color, Dg = async (il) => {
-      il && (Zg.isvalidationrequired && await Jg(() => Zg.isvalid), (Zg.isvalid === 1 || !Zg.isvalidationrequired) && (Bg.value = il));
-    }, Jg = (il) => new Promise((Hg) => {
-      const eI = setInterval(() => {
-        (il() === 1 || il() === 0) && (clearInterval(eI), Hg());
+    ), Dg = (Hg) => Bg.value === Hg.value ? Hg.color ?? Zg.color ?? "primary" : Hg.color, Jg = async (Hg) => {
+      Hg && (Zg.isvalidationrequired && await $g(() => Zg.isvalid), (Zg.isvalid === 1 || !Zg.isvalidationrequired) && (Bg.value = Hg));
+    }, $g = (Hg) => new Promise((eI) => {
+      const iI = setInterval(() => {
+        (Hg() === 1 || Hg() === 0) && (clearInterval(iI), eI());
       }, 50);
-    }), $g = async (il) => {
-      Zg.isvalidationrequired && await Jg(() => Zg.isvalid), Zg.isvalid === 1 || !Zg.isvalidationrequired ? Bg.value = il.value : console.log("Error on Validation !");
+    }), Qg = async (Hg) => {
+      Zg.isvalidationrequired && await $g(() => Zg.isvalid), Zg.isvalid === 1 || !Zg.isvalidationrequired ? Bg.value = Hg.value : console.log("Error on Validation !");
     };
-    function Qg(il) {
-      Zg.disabled || (Bg.value = il);
+    function Kg(Hg) {
+      Zg.disabled || (Bg.value = Hg);
     }
     return onMounted(() => {
-      console.log("|===>V-Tabs:", Zg), Zg.modelValue === void 0 && Zg.selected === void 0 && Bg.value !== void 0 && Gg("update:modelValue", Bg.value), !(typeof window > "u" || typeof ResizeObserver > "u") && (!Zg.compactBreakpoint && !Zg.mobileBreakpoint || Ng.value && (Xg = new ResizeObserver((il) => {
-        const Hg = il[il.length - 1];
-        Hg && (Vg.value = Hg.contentRect.width);
+      console.log("|===>V-Tabs:", Zg), Zg.modelValue === void 0 && Zg.selected === void 0 && Bg.value !== void 0 && (Gg("update:modelValue", Bg.value), Gg("select", Bg.value)), !(typeof window > "u" || typeof ResizeObserver > "u") && (!Zg.compactBreakpoint && !Zg.mobileBreakpoint && Zg.orientation !== "vertical" || Ng.value && (Xg = new ResizeObserver((Hg) => {
+        const eI = Hg[Hg.length - 1];
+        eI && (Vg.value = eI.contentRect.width);
       }), Xg.observe(Ng.value)));
     }), onBeforeUnmount(() => {
       Xg == null || Xg.disconnect(), Xg = null;
     }), watch(
       () => Bg.value,
-      (il, Hg) => {
-        console.log("ActiveValue.value has changed:", il, Hg), Gg("update:modelValue", Bg.value);
+      (Hg, eI) => {
+        console.log("ActiveValue.value has changed:", Hg, eI), Gg("update:modelValue", Bg.value), Gg("select", Bg.value);
       }
     ), watch(
       () => Zg.selected,
-      (il, Hg) => {
-        console.log("props.selected has changed:", il, Hg), Bg.value = Zg.selected;
+      (Hg, eI) => {
+        console.log("props.selected has changed:", Hg, eI), Bg.value = Zg.selected;
       }
-    ), (il, Hg) => {
-      const eI = resolveComponent("Multiselect"), iI = BWIcon, tI = _sfc_main$26, nI = BWLoader;
+    ), (Hg, eI) => {
+      const iI = resolveComponent("Multiselect"), tI = BWIcon, nI = _sfc_main$26, oI = BWLoader;
       return openBlock(), createElementBlock("div", {
         ref_key: "rootEl",
         ref: Ng,
         class: "card-inner"
       }, [
         createElementVNode("div", {
-          class: normalizeClass(["tabs-wrapper", [Wg.value]])
+          class: normalizeClass(["tabs-wrapper", [Wg.value, Tg.value && "is-vertical"]])
         }, [
           createElementVNode("div", _hoisted_1$15, [
             Yg.value ? (openBlock(), createElementBlock("div", _hoisted_2$Z, [
-              createVNode(eI, {
+              createVNode(iI, {
                 class: "bw-tab-select",
                 "model-value": Bg.value,
-                options: Tg.value,
+                options: Lg.value,
                 "value-prop": "value",
                 label: "label",
                 "track-by": "label",
@@ -99533,7 +99562,7 @@ const _withScopeId$9 = (ps) => (pushScopeId("data-v-826bf78f"), ps = ps(), popSc
                 searchable: !1,
                 caret: !0,
                 "can-clear": !1,
-                onChange: Dg
+                onChange: Jg
               }, null, 8, ["model-value", "options", "disabled"])
             ])) : (openBlock(), createElementBlock("div", {
               key: 1,
@@ -99548,31 +99577,31 @@ const _withScopeId$9 = (ps) => (pushScopeId("data-v-826bf78f"), ps = ps(), popSc
               ]])
             }, [
               createElementVNode("ul", null, [
-                (openBlock(!0), createElementBlock(Fragment, null, renderList(ps.tabs, (oI, gI) => (openBlock(), createElementBlock("li", {
-                  key: gI,
-                  class: normalizeClass([Bg.value === oI.value && "is-active"])
+                (openBlock(!0), createElementBlock(Fragment, null, renderList(ps.tabs, (gI, hI) => (openBlock(), createElementBlock("li", {
+                  key: hI,
+                  class: normalizeClass([Bg.value === gI.value && "is-active"])
                 }, [
                   ps.disabled ? (openBlock(), createElementBlock("a", {
                     key: 1,
-                    class: normalizeClass([Bg.value !== oI.value && "is-disabled"])
+                    class: normalizeClass([Bg.value !== gI.value && "is-disabled"])
                   }, [
-                    oI.icon ? (openBlock(), createBlock(iI, {
+                    gI.icon ? (openBlock(), createBlock(tI, {
                       key: 0,
-                      icon: oI.icon,
+                      icon: gI.icon,
                       size: ps.iconSize
                     }, null, 8, ["icon", "size"])) : createCommentVNode("", !0),
                     createElementVNode("span", _hoisted_6$n, [
-                      renderSlot(il.$slots, "tab-link-label", mergeProps({ ref_for: !0 }, {
+                      renderSlot(Hg.$slots, "tab-link-label", mergeProps({ ref_for: !0 }, {
                         activeValue: Bg.value,
-                        tab: oI,
-                        key: gI,
-                        toggle: Qg
+                        tab: gI,
+                        key: hI,
+                        toggle: Kg
                       }), () => [
-                        createTextVNode(toDisplayString$1(oI.label), 1)
+                        createTextVNode(toDisplayString$1(gI.label), 1)
                       ])
                     ]),
                     createElementVNode("span", _hoisted_7$l, [
-                      createVNode(nI, {
+                      createVNode(oI, {
                         active: Zg.loading,
                         type: "spinner-letter",
                         size: "small",
@@ -99580,10 +99609,10 @@ const _withScopeId$9 = (ps) => (pushScopeId("data-v-826bf78f"), ps = ps(), popSc
                         width: "100%"
                       }, {
                         "waited-content": withCtx(() => [
-                          oI.suffix && Wg.value === "" ? (openBlock(), createBlock(tI, {
+                          gI.suffix && Wg.value === "" ? (openBlock(), createBlock(nI, {
                             key: 0,
                             color: "solid",
-                            label: oI.suffix
+                            label: gI.suffix
                           }, null, 8, ["label"])) : createCommentVNode("", !0)
                         ]),
                         _: 2
@@ -99591,27 +99620,27 @@ const _withScopeId$9 = (ps) => (pushScopeId("data-v-826bf78f"), ps = ps(), popSc
                     ])
                   ], 2)) : (openBlock(), createElementBlock("a", {
                     key: 0,
-                    onClick: (hI) => $g(oI),
+                    onClick: (wI) => Qg(gI),
                     class: normalizeClass([Zg.color && `is-${ps.color}`])
                   }, [
-                    oI.icon ? (openBlock(), createBlock(iI, {
+                    gI.icon ? (openBlock(), createBlock(tI, {
                       key: 0,
-                      icon: oI.icon,
+                      icon: gI.icon,
                       size: ps.iconSize,
-                      color: Lg(oI)
+                      color: Dg(gI)
                     }, null, 8, ["icon", "size", "color"])) : createCommentVNode("", !0),
                     createElementVNode("span", _hoisted_4$E, [
-                      renderSlot(il.$slots, "tab-link-label", mergeProps({ ref_for: !0 }, {
+                      renderSlot(Hg.$slots, "tab-link-label", mergeProps({ ref_for: !0 }, {
                         activeValue: Bg.value,
-                        tab: oI,
-                        key: gI,
-                        toggle: Qg
+                        tab: gI,
+                        key: hI,
+                        toggle: Kg
                       }), () => [
-                        createTextVNode(toDisplayString$1(oI.label), 1)
+                        createTextVNode(toDisplayString$1(gI.label), 1)
                       ])
                     ]),
                     createElementVNode("span", _hoisted_5$w, [
-                      createVNode(nI, {
+                      createVNode(oI, {
                         active: Zg.loading,
                         type: "spinner-letter",
                         size: "small",
@@ -99619,10 +99648,10 @@ const _withScopeId$9 = (ps) => (pushScopeId("data-v-826bf78f"), ps = ps(), popSc
                         width: "100%"
                       }, {
                         "waited-content": withCtx(() => [
-                          oI.suffix && Wg.value === "" ? (openBlock(), createBlock(tI, {
+                          gI.suffix && Wg.value === "" ? (openBlock(), createBlock(nI, {
                             key: 0,
-                            color: Bg.value === oI.value ? "primary" : "solid",
-                            label: oI.suffix
+                            color: Bg.value === gI.value ? "primary" : "solid",
+                            label: gI.suffix
                           }, null, 8, ["color", "label"])) : createCommentVNode("", !0)
                         ]),
                         _: 2
@@ -99635,14 +99664,14 @@ const _withScopeId$9 = (ps) => (pushScopeId("data-v-826bf78f"), ps = ps(), popSc
             ], 2))
           ]),
           createElementVNode("div", _hoisted_9$g, [
-            ps.renderAllTabs ? (openBlock(!0), createElementBlock(Fragment, { key: 0 }, renderList(ps.tabs, (oI) => (openBlock(), createElementBlock("div", {
-              key: oI.value,
-              class: normalizeClass(["tab-content", { "is-active": Bg.value === oI.value, "is-hidden": Bg.value !== oI.value }])
+            ps.renderAllTabs ? (openBlock(!0), createElementBlock(Fragment, { key: 0 }, renderList(ps.tabs, (gI) => (openBlock(), createElementBlock("div", {
+              key: gI.value,
+              class: normalizeClass(["tab-content", { "is-active": Bg.value === gI.value, "is-hidden": Bg.value !== gI.value }])
             }, [
-              renderSlot(il.$slots, "tab", {
-                activeValue: oI.value,
-                tabValue: oI.value,
-                isActive: Bg.value === oI.value
+              renderSlot(Hg.$slots, "tab", {
+                activeValue: gI.value,
+                tabValue: gI.value,
+                isActive: Bg.value === gI.value
               })
             ], 2))), 128)) : (openBlock(), createElementBlock("div", _hoisted_10$d, [
               createVNode(Transition$1, {
@@ -99650,7 +99679,7 @@ const _withScopeId$9 = (ps) => (pushScopeId("data-v-826bf78f"), ps = ps(), popSc
                 mode: "out-in"
               }, {
                 default: withCtx(() => [
-                  renderSlot(il.$slots, "tab", { activeValue: Bg.value })
+                  renderSlot(Hg.$slots, "tab", { activeValue: Bg.value })
                 ]),
                 _: 3
               }, 8, ["name"])
@@ -123120,7 +123149,7 @@ class Columns {
     const Tg = Bg.headings[Ig], Lg = [];
     if (Tg.getAttribute("data-type") === "date") {
       let Dg = !1;
-      Tg.hasAttribute("data-format") && (Dg = Tg.getAttribute("data-format")), Lg.push(import("./date-DBWA5uw4.js").then(({ parseDate: $g }) => (Qg) => $g(Qg, Dg)));
+      Tg.hasAttribute("data-format") && (Dg = Tg.getAttribute("data-format")), Lg.push(import("./date-DjWkhaEo.js").then(({ parseDate: $g }) => (Qg) => $g(Qg, Dg)));
     }
     Promise.all(Lg).then((Dg) => {
       const Jg = Dg[0];
@@ -124657,7 +124686,7 @@ const _hoisted_1$M = ["id", "data-uid", "disabled"], _sfc_main$S = /* @__PURE__
       Qg.value = !0, _g.value = null;
       let MI;
       try {
-        ({ Previewer: MI } = await import("./index-GvzuBJ9R.js"));
+        ({ Previewer: MI } = await import("./index-8Q__0uMv.js"));
       } catch (OI) {
         _g.value = "pagedjs is not installed. Run: npm i pagedjs", Qg.value = !1, Bg("render-error", OI);
         return;
@@ -124768,7 +124797,7 @@ const _hoisted_1$M = ["id", "data-uid", "disabled"], _sfc_main$S = /* @__PURE__
         }
         const [_I, cC] = await Promise.all([
           import("./html2canvas.esm-DgdJBc_o.js"),
-          import("./jspdf.es.min-DB6aqQnM.js").then((dC) => dC.j)
+          import("./jspdf.es.min-BA1grGKI.js").then((dC) => dC.j)
         ]), rC = _I.default || _I, IC = cC.jsPDF || cC.default, [AC, NC] = wI[Gg.pageSize], uC = Gg.pageLayout === "landscape" ? "landscape" : "portrait", CC = uC === "landscape" ? NC : AC, nC = uC === "landscape" ? AC : NC, oC = new IC({
           orientation: uC,
           unit: "mm",

package/dist/{index.es-C9LZGIV6.js → index.es-DvRf3wqp.js}

@@ -1,5 +1,5 @@
-import { c as Va, g as al } from "./index-CN5N7CGr.js";
-import { _ as ka } from "./jspdf.es.min-DB6aqQnM.js";
+import { c as Va, g as al } from "./index-DEeDIwHG.js";
+import { _ as ka } from "./jspdf.es.min-BA1grGKI.js";
 var cn = {}, vn = {}, Cr, gn;
 function ae() {
   if (gn) return Cr;

package/dist/{jspdf.es.min-DB6aqQnM.js → jspdf.es.min-BA1grGKI.js}

@@ -9246,7 +9246,7 @@ function(n) {
   var d = h.getContext("2d");
   d.fillStyle = "#fff", d.fillRect(0, 0, h.width, h.height);
   var m = { ignoreMouse: !0, ignoreAnimation: !0, ignoreDimensions: !0 }, _ = this;
-  return (Kt.canvg ? Promise.resolve(Kt.canvg) : import("./index.es-C9LZGIV6.js")).catch(function(k) {
+  return (Kt.canvg ? Promise.resolve(Kt.canvg) : import("./index.es-DvRf3wqp.js")).catch(function(k) {
     return Promise.reject(new Error("Could not load canvg: " + k));
   }).then(function(k) {
     return k.default ? k.default : k;