@7pmlabs/design-system 0.4.13 → 0.4.14

package/dist/design-system31.mjs

@@ -1,32 +1,8 @@
-import { defineComponent as d, openBlock as o, createElementBlock as l, createElementVNode as n, renderSlot as u, createTextVNode as f, toDisplayString as s, unref as p, createCommentVNode as r } from "vue";
-import { RequiredSymbol as c } from "./design-system4.mjs";
-const i = ["for"], m = {
-  key: 0,
-  class: "ds-ml-1 ds-text-red-500"
-}, k = /* @__PURE__ */ d({
-  __name: "BLabel",
-  props: {
-    id: { default: "" },
-    label: { default: "" },
-    required: { type: Boolean, default: !1 }
-  },
-  setup(a) {
-    const e = a;
-    return (t, b) => e.label || t.$slots.default ? (o(), l("label", {
-      key: 0,
-      for: t.id,
-      class: "ds-block ds-pb-2 ds-text-xs ds-font-bold ds-text-gray-500"
-    }, [
-      n("span", null, [
-        u(t.$slots, "default", {}, () => [
-          f(s(e.label), 1)
-        ])
-      ]),
-      e.required ? (o(), l("span", m, s(p(c)), 1)) : r("", !0)
-    ], 8, i)) : r("", !0);
-  }
-});
+import o from "./design-system66.mjs";
+import "./design-system67.mjs";
+import r from "./design-system54.mjs";
+const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-31348ccc"]]);
 export {
-  k as default
+  m as default
 };
 //# sourceMappingURL=design-system31.mjs.map

package/dist/design-system31.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system31.mjs","sources":["../src/components/BLabel.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, createElementVNode as _createElementVNode, unref as _unref, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode } from \"vue\"\n\nconst _hoisted_1 = [\"for\"]\nconst _hoisted_2 = {\n  key: 0,\n  class: \"ds-ml-1 ds-text-red-500\"\n}\n\nimport { RequiredSymbol } from '@/constants/Common';\n\n//#region Props\nexport interface BLabelProps {\n  id?: string;\n  label?: string;\n  /**\n   * Show \"*\" beside the label\n   */\n  required?: boolean;\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BLabel',\n  props: {\n    id: { default: '' },\n    label: { default: '' },\n    required: { type: Boolean, default: false }\n  },\n  setup(__props: any) {\n\nconst props = __props;\n\n\n//#endregion\n\nreturn (_ctx: any,_cache: any) => {\n  return (props.label || _ctx.$slots.default)\n    ? (_openBlock(), _createElementBlock(\"label\", {\n        key: 0,\n        for: _ctx.id,\n        class: \"ds-block ds-pb-2 ds-text-xs ds-font-bold ds-text-gray-500\"\n      }, [\n        _createElementVNode(\"span\", null, [\n          _renderSlot(_ctx.$slots, \"default\", {}, () => [\n            _createTextVNode(_toDisplayString(props.label), 1)\n          ])\n        ]),\n        (props.required)\n          ? (_openBlock(), _createElementBlock(\"span\", _hoisted_2, _toDisplayString(_unref(RequiredSymbol)), 1))\n          : _createCommentVNode(\"\", true)\n      ], 8, _hoisted_1))\n    : _createCommentVNode(\"\", true)\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_sfc_main","_defineComponent","__props","props","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode","_renderSlot","_createTextVNode","_toDisplayString","_unref","RequiredSymbol","_createCommentVNode"],"mappings":";;AAGA,MAAMA,IAAa,CAAC,KAAK,GACnBC,IAAa;AAAA,EACjB,KAAK;AAAA,EACL,OAAO;AACT,GAe4BC,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,IAAI,EAAE,SAAS,GAAG;AAAA,IAClB,OAAO,EAAE,SAAS,GAAG;AAAA,IACrB,UAAU,EAAE,MAAM,SAAS,SAAS,GAAM;AAAA,EAC5C;AAAA,EACA,MAAMC,GAAc;AAEtB,UAAMC,IAAQD;AAKP,WAAA,CAACE,GAAUC,MACRF,EAAM,SAASC,EAAK,OAAO,WAC9BE,EAAW,GAAGC,EAAoB,SAAS;AAAA,MAC1C,KAAK;AAAA,MACL,KAAKH,EAAK;AAAA,MACV,OAAO;AAAA,IAAA,GACN;AAAA,MACDI,EAAoB,QAAQ,MAAM;AAAA,QAChCC,EAAYL,EAAK,QAAQ,WAAW,IAAI,MAAM;AAAA,UAC5CM,EAAiBC,EAAiBR,EAAM,KAAK,GAAG,CAAC;AAAA,QAAA,CAClD;AAAA,MAAA,CACF;AAAA,MACAA,EAAM,YACFG,EAAA,GAAcC,EAAoB,QAAQR,GAAYY,EAAiBC,EAAOC,CAAc,CAAC,GAAG,CAAC,KAClGC,EAAoB,IAAI,EAAI;AAAA,IAAA,GAC/B,GAAGhB,CAAU,KAChBgB,EAAoB,IAAI,EAAI;AAAA,EAElC;AAEA,CAAC;"}
+{"version":3,"file":"design-system31.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/design-system32.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("./design-system66.js");require("./design-system67.js");const r=require("./design-system54.js"),t=r(e,[["__scopeId","data-v-31348ccc"]]);module.exports=t;
+"use strict";const e=require("./design-system68.js");require("./design-system69.js");const r=require("./design-system54.js"),t=r(e,[["__scopeId","data-v-c49c635e"]]);module.exports=t;
 //# sourceMappingURL=design-system32.js.map

package/dist/design-system32.mjs

@@ -1,8 +1,8 @@
-import o from "./design-system66.mjs";
-import "./design-system67.mjs";
+import o from "./design-system68.mjs";
+import "./design-system69.mjs";
 import r from "./design-system54.mjs";
-const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-31348ccc"]]);
+const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-c49c635e"]]);
 export {
-  m as default
+  e as default
 };
 //# sourceMappingURL=design-system32.mjs.map

package/dist/design-system33.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("./design-system68.js");require("./design-system69.js");const r=require("./design-system54.js"),t=r(e,[["__scopeId","data-v-c49c635e"]]);module.exports=t;
+"use strict";const e=require("vue"),t=require("./design-system54.js"),o={},s={class:"ds-p-4"};function c(r,l){return e.openBlock(),e.createElementBlock("div",s,[e.renderSlot(r.$slots,"default")])}const n=t(o,[["render",c]]);module.exports=n;
 //# sourceMappingURL=design-system33.js.map

package/dist/design-system33.mjs

@@ -1,8 +1,13 @@
-import o from "./design-system68.mjs";
-import "./design-system69.mjs";
-import r from "./design-system54.mjs";
-const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-c49c635e"]]);
+import { openBlock as o, createElementBlock as t, renderSlot as r } from "vue";
+import c from "./design-system54.mjs";
+const s = {}, n = { class: "ds-p-4" };
+function d(e, l) {
+  return o(), t("div", n, [
+    r(e.$slots, "default")
+  ]);
+}
+const f = /* @__PURE__ */ c(s, [["render", d]]);
 export {
-  e as default
+  f as default
 };
 //# sourceMappingURL=design-system33.mjs.map

package/dist/design-system33.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system33.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"design-system33.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/dist/design-system34.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),t=require("./design-system54.js"),o={},s={class:"ds-p-4"};function c(r,l){return e.openBlock(),e.createElementBlock("div",s,[e.renderSlot(r.$slots,"default")])}const n=t(o,[["render",c]]);module.exports=n;
+"use strict";const e=require("vue"),t=require("./design-system54.js"),r={},n={class:"ds-flex ds-items-center ds-justify-end ds-rounded-b-lg ds-p-4"};function o(s,d){return e.openBlock(),e.createElementBlock("div",n,[e.renderSlot(s.$slots,"default")])}const c=t(r,[["render",o]]);module.exports=c;
 //# sourceMappingURL=design-system34.js.map

package/dist/design-system34.mjs

@@ -1,13 +1,13 @@
-import { openBlock as o, createElementBlock as t, renderSlot as r } from "vue";
-import c from "./design-system54.mjs";
-const s = {}, n = { class: "ds-p-4" };
-function d(e, l) {
+import { openBlock as o, createElementBlock as t, renderSlot as s } from "vue";
+import r from "./design-system54.mjs";
+const d = {}, n = { class: "ds-flex ds-items-center ds-justify-end ds-rounded-b-lg ds-p-4" };
+function c(e, l) {
   return o(), t("div", n, [
-    r(e.$slots, "default")
+    s(e.$slots, "default")
   ]);
 }
-const f = /* @__PURE__ */ c(s, [["render", d]]);
+const a = /* @__PURE__ */ r(d, [["render", c]]);
 export {
-  f as default
+  a as default
 };
 //# sourceMappingURL=design-system34.mjs.map

package/dist/design-system35.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),t=require("./design-system54.js"),r={},n={class:"ds-flex ds-items-center ds-justify-end ds-rounded-b-lg ds-p-4"};function o(s,d){return e.openBlock(),e.createElementBlock("div",n,[e.renderSlot(s.$slots,"default")])}const c=t(r,[["render",o]]);module.exports=c;
+"use strict";const e=require("vue"),t=require("./design-system54.js"),r={},n={class:"ds-flex ds-items-start ds-justify-between ds-rounded-t-lg ds-p-4"};function o(s,d){return e.openBlock(),e.createElementBlock("div",n,[e.renderSlot(s.$slots,"default")])}const c=t(r,[["render",o]]);module.exports=c;
 //# sourceMappingURL=design-system35.js.map

package/dist/design-system35.mjs

@@ -1,13 +1,13 @@
-import { openBlock as o, createElementBlock as t, renderSlot as s } from "vue";
+import { openBlock as t, createElementBlock as s, renderSlot as o } from "vue";
 import r from "./design-system54.mjs";
-const d = {}, n = { class: "ds-flex ds-items-center ds-justify-end ds-rounded-b-lg ds-p-4" };
+const d = {}, n = { class: "ds-flex ds-items-start ds-justify-between ds-rounded-t-lg ds-p-4" };
 function c(e, l) {
-  return o(), t("div", n, [
-    s(e.$slots, "default")
+  return t(), s("div", n, [
+    o(e.$slots, "default")
   ]);
 }
-const a = /* @__PURE__ */ r(d, [["render", c]]);
+const _ = /* @__PURE__ */ r(d, [["render", c]]);
 export {
-  a as default
+  _ as default
 };
 //# sourceMappingURL=design-system35.mjs.map

package/dist/design-system36.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),t=require("./design-system54.js"),r={},n={class:"ds-flex ds-items-start ds-justify-between ds-rounded-t-lg ds-p-4"};function o(s,d){return e.openBlock(),e.createElementBlock("div",n,[e.renderSlot(s.$slots,"default")])}const c=t(r,[["render",o]]);module.exports=c;
+"use strict";const e=require("vue"),r=require("./design-system54.js"),t={},d={class:"ds-fixed ds-left-0 ds-right-0 ds-top-0 ds-z-[100] ds-flex ds-h-full ds-w-full ds-items-center ds-justify-center ds-overflow-y-auto ds-overflow-x-hidden ds-bg-black/[0.65] ds-backdrop-blur-sm"};function o(s,c){return e.openBlock(),e.createElementBlock("div",d,[e.renderSlot(s.$slots,"default")])}const l=r(t,[["render",o]]);module.exports=l;
 //# sourceMappingURL=design-system36.js.map

package/dist/design-system36.mjs

@@ -1,13 +1,13 @@
-import { openBlock as t, createElementBlock as s, renderSlot as o } from "vue";
-import r from "./design-system54.mjs";
-const d = {}, n = { class: "ds-flex ds-items-start ds-justify-between ds-rounded-t-lg ds-p-4" };
-function c(e, l) {
-  return t(), s("div", n, [
-    o(e.$slots, "default")
+import { openBlock as s, createElementBlock as d, renderSlot as t } from "vue";
+import o from "./design-system54.mjs";
+const r = {}, l = { class: "ds-fixed ds-left-0 ds-right-0 ds-top-0 ds-z-[100] ds-flex ds-h-full ds-w-full ds-items-center ds-justify-center ds-overflow-y-auto ds-overflow-x-hidden ds-bg-black/[0.65] ds-backdrop-blur-sm" };
+function c(e, f) {
+  return s(), d("div", l, [
+    t(e.$slots, "default")
   ]);
 }
-const _ = /* @__PURE__ */ r(d, [["render", c]]);
+const i = /* @__PURE__ */ o(r, [["render", c]]);
 export {
-  _ as default
+  i as default
 };
 //# sourceMappingURL=design-system36.mjs.map

package/dist/design-system37.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),r=require("./design-system54.js"),t={},d={class:"ds-fixed ds-left-0 ds-right-0 ds-top-0 ds-z-[100] ds-flex ds-h-full ds-w-full ds-items-center ds-justify-center ds-overflow-y-auto ds-overflow-x-hidden ds-bg-black/[0.65] ds-backdrop-blur-sm"};function o(s,c){return e.openBlock(),e.createElementBlock("div",d,[e.renderSlot(s.$slots,"default")])}const l=r(t,[["render",o]]);module.exports=l;
+"use strict";const e=require("./design-system74.js");require("./design-system75.js");const r=require("./design-system54.js"),t=r(e,[["__scopeId","data-v-9fff80f3"]]);module.exports=t;
 //# sourceMappingURL=design-system37.js.map

package/dist/design-system37.mjs

@@ -1,13 +1,8 @@
-import { openBlock as s, createElementBlock as d, renderSlot as t } from "vue";
-import o from "./design-system54.mjs";
-const r = {}, l = { class: "ds-fixed ds-left-0 ds-right-0 ds-top-0 ds-z-[100] ds-flex ds-h-full ds-w-full ds-items-center ds-justify-center ds-overflow-y-auto ds-overflow-x-hidden ds-bg-black/[0.65] ds-backdrop-blur-sm" };
-function c(e, f) {
-  return s(), d("div", l, [
-    t(e.$slots, "default")
-  ]);
-}
-const i = /* @__PURE__ */ o(r, [["render", c]]);
+import o from "./design-system74.mjs";
+import "./design-system75.mjs";
+import f from "./design-system54.mjs";
+const m = /* @__PURE__ */ f(o, [["__scopeId", "data-v-9fff80f3"]]);
 export {
-  i as default
+  m as default
 };
 //# sourceMappingURL=design-system37.mjs.map

package/dist/design-system37.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system37.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}
+{"version":3,"file":"design-system37.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/design-system38.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue");require("./design-system76.js");const t=require("./design-system54.js"),c={},n={class:"tab"};function s(r,u){return e.openBlock(),e.createElementBlock("div",n,[e.renderSlot(r.$slots,"default",{},void 0,!0)])}const o=t(c,[["render",s],["__scopeId","data-v-797a82dc"]]);module.exports=o;
+"use strict";const e=require("vue");require("./design-system77.js");const t=require("./design-system54.js"),c={},n={class:"tab"};function s(r,u){return e.openBlock(),e.createElementBlock("div",n,[e.renderSlot(r.$slots,"default",{},void 0,!0)])}const o=t(c,[["render",s],["__scopeId","data-v-797a82dc"]]);module.exports=o;
 //# sourceMappingURL=design-system38.js.map

package/dist/design-system38.mjs

@@ -1,5 +1,5 @@
 import { openBlock as t, createElementBlock as o, renderSlot as r } from "vue";
-import "./design-system76.mjs";
+import "./design-system77.mjs";
 import c from "./design-system54.mjs";
 const n = {}, s = { class: "tab" };
 function a(e, d) {

package/dist/design-system39.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("./design-system77.js");require("./design-system78.js");const r=require("./design-system54.js"),t=r(e,[["__scopeId","data-v-646ae8c4"]]);module.exports=t;
+"use strict";const e=require("./design-system78.js");require("./design-system79.js");const r=require("./design-system54.js"),t=r(e,[["__scopeId","data-v-646ae8c4"]]);module.exports=t;
 //# sourceMappingURL=design-system39.js.map

package/dist/design-system39.mjs

@@ -1,5 +1,5 @@
-import o from "./design-system77.mjs";
-import "./design-system78.mjs";
+import o from "./design-system78.mjs";
+import "./design-system79.mjs";
 import t from "./design-system54.mjs";
 const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-646ae8c4"]]);
 export {

package/dist/design-system40.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("./design-system80.js");require("./design-system81.js");const t=require("./design-system54.js"),r=t(e,[["__scopeId","data-v-d47b93d4"]]);module.exports=r;
+"use strict";const e=require("./design-system81.js");require("./design-system82.js");const t=require("./design-system54.js"),r=t(e,[["__scopeId","data-v-d47b93d4"]]);module.exports=r;
 //# sourceMappingURL=design-system40.js.map

package/dist/design-system40.mjs

@@ -1,5 +1,5 @@
-import o from "./design-system80.mjs";
-import "./design-system81.mjs";
+import o from "./design-system81.mjs";
+import "./design-system82.mjs";
 import t from "./design-system54.mjs";
 const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-d47b93d4"]]);
 export {

package/dist/design-system42.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("./design-system84.js");require("./design-system85.js");const t=require("./design-system54.js"),r=t(e,[["__scopeId","data-v-8e5f01f5"]]);module.exports=r;
+"use strict";const e=require("./design-system85.js");require("./design-system86.js");const t=require("./design-system54.js"),r=t(e,[["__scopeId","data-v-8e5f01f5"]]);module.exports=r;
 //# sourceMappingURL=design-system42.js.map

package/dist/design-system42.mjs

@@ -1,5 +1,5 @@
-import o from "./design-system84.mjs";
-import "./design-system85.mjs";
+import o from "./design-system85.mjs";
+import "./design-system86.mjs";
 import t from "./design-system54.mjs";
 const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-8e5f01f5"]]);
 export {

package/dist/design-system45.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("./design-system86.js");require("./design-system87.js");const r=require("./design-system54.js"),t=r(e,[["__scopeId","data-v-77676d6f"]]);module.exports=t;
+"use strict";const e=require("./design-system87.js");require("./design-system88.js");const r=require("./design-system54.js"),t=r(e,[["__scopeId","data-v-77676d6f"]]);module.exports=t;
 //# sourceMappingURL=design-system45.js.map

package/dist/design-system45.mjs

@@ -1,5 +1,5 @@
-import o from "./design-system86.mjs";
-import "./design-system87.mjs";
+import o from "./design-system87.mjs";
+import "./design-system88.mjs";
 import r from "./design-system54.mjs";
 const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-77676d6f"]]);
 export {

package/dist/design-system46.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),d=require("./design-system99.js"),l=require("./design-system6.js"),u=require("./design-system37.js"),i=e.defineComponent({__name:"BImagePreview",props:{modelValue:{type:Boolean},url:{}},emits:["update:modelValue"],setup(s,{emit:a}){const n=s,t=e.computed({get(){return n.modelValue},set(o){a("update:modelValue",o)}});e.watch(t,o=>{o?l.lockScrollBody():l.unlockScrollBody()});const c=()=>{t.value=!1},r=o=>{o.key==="Escape"&&c()};return e.onMounted(()=>{document.addEventListener("keydown",r)}),e.onBeforeUnmount(()=>{document.removeEventListener("keydown",r)}),(o,m)=>(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(e.Transition,{name:"fade"},{default:e.withCtx(()=>[t.value?(e.openBlock(),e.createBlock(u,{key:0},{default:e.withCtx(()=>[e.createVNode(d,{class:"ds-right-4 ds-top-4 ds-h-8 ds-w-8",onClick:c}),e.createElementVNode("div",{style:e.normalizeStyle({backgroundImage:`url('${n.url}')`,height:"calc(100vh - 16px)",width:"calc(100vw - 16px)"}),class:"ds-bg-contain ds-bg-center ds-bg-no-repeat"},null,4)]),_:1})):e.createCommentVNode("",!0)]),_:1})]))}});module.exports=i;
+"use strict";const e=require("vue"),d=require("./design-system106.js"),l=require("./design-system6.js"),u=require("./design-system36.js"),i=e.defineComponent({__name:"BImagePreview",props:{modelValue:{type:Boolean},url:{}},emits:["update:modelValue"],setup(s,{emit:a}){const n=s,t=e.computed({get(){return n.modelValue},set(o){a("update:modelValue",o)}});e.watch(t,o=>{o?l.lockScrollBody():l.unlockScrollBody()});const c=()=>{t.value=!1},r=o=>{o.key==="Escape"&&c()};return e.onMounted(()=>{document.addEventListener("keydown",r)}),e.onBeforeUnmount(()=>{document.removeEventListener("keydown",r)}),(o,m)=>(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(e.Transition,{name:"fade"},{default:e.withCtx(()=>[t.value?(e.openBlock(),e.createBlock(u,{key:0},{default:e.withCtx(()=>[e.createVNode(d,{class:"ds-right-4 ds-top-4 ds-h-8 ds-w-8",onClick:c}),e.createElementVNode("div",{style:e.normalizeStyle({backgroundImage:`url('${n.url}')`,height:"calc(100vh - 16px)",width:"calc(100vw - 16px)"}),class:"ds-bg-contain ds-bg-center ds-bg-no-repeat"},null,4)]),_:1})):e.createCommentVNode("",!0)]),_:1})]))}});module.exports=i;
 //# sourceMappingURL=design-system46.js.map

package/dist/design-system46.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system46.js","sources":["../src/components/BImagePicker/BImagePreview.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { createVNode as _createVNode, normalizeStyle as _normalizeStyle, createElementVNode as _createElementVNode, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, Transition as _Transition, Teleport as _Teleport } from \"vue\"\n\nimport {\n  computed,\n  onBeforeUnmount,\n  onMounted,\n  type StyleValue,\n  watch,\n} from 'vue';\nimport BImagePickerCloseButton from './BImagePickerCloseButton.vue';\nimport { lockScrollBody, unlockScrollBody } from '@/helpers/ComponentHelper';\nimport BOverlay from '../BOverlay.vue';\n\n//#region Props\nexport interface Props {\n  modelValue: boolean;\n  url: string;\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BImagePreview',\n  props: {\n    modelValue: { type: Boolean },\n    url: {}\n  },\n  emits: [\"update:modelValue\"],\n  setup(__props: any, { emit }) {\n\nconst props = __props;\n\n\n//#endregion\n\n//#region Events\n\n//#endregion\n\n//#region Data\nconst value = computed({\n  get() {\n    return props.modelValue;\n  },\n  set(val: boolean) {\n    emit('update:modelValue', val);\n  },\n});\n//#endregion\n\n//#region Watchers\nwatch(value, (val: boolean) => {\n  if (val) {\n    lockScrollBody();\n  } else {\n    unlockScrollBody();\n  }\n});\n//#endregion\n\n//#region Methods\nconst closePreview = () => {\n  value.value = false;\n};\nconst closeOnEscapePressed = (event: KeyboardEvent) => {\n  if (event.key === 'Escape') {\n    closePreview();\n  }\n};\n//#endregion\n\n//#region Lifecycle Hooks\nonMounted(() => {\n  document.addEventListener('keydown', closeOnEscapePressed);\n});\nonBeforeUnmount(() => {\n  document.removeEventListener('keydown', closeOnEscapePressed);\n});\n//#endregion\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createBlock(_Teleport, { to: \"body\" }, [\n    _createVNode(_Transition, { name: \"fade\" }, {\n      default: _withCtx(() => [\n        (value.value)\n          ? (_openBlock(), _createBlock(BOverlay, { key: 0 }, {\n              default: _withCtx(() => [\n                _createVNode(BImagePickerCloseButton, {\n                  class: \"ds-right-4 ds-top-4 ds-h-8 ds-w-8\",\n                  onClick: closePreview\n                }),\n                _createElementVNode(\"div\", {\n                  style: _normalizeStyle(\n            {\n              backgroundImage: `url('${props.url}')`,\n              height: 'calc(100vh - 16px)',\n              width: 'calc(100vw - 16px)',\n            } as StyleValue\n          ),\n                  class: \"ds-bg-contain ds-bg-center ds-bg-no-repeat\"\n                }, null, 4)\n              ]),\n              _: 1\n            }))\n          : _createCommentVNode(\"\", true)\n      ]),\n      _: 1\n    })\n  ]))\n}\n}\n\n})"],"names":["_sfc_main","_defineComponent","__props","emit","props","value","computed","val","watch","lockScrollBody","unlockScrollBody","closePreview","closeOnEscapePressed","event","onMounted","onBeforeUnmount","_ctx","_cache","_openBlock","_createBlock","_Teleport","_createVNode","_Transition","_withCtx","BOverlay","BImagePickerCloseButton","_createElementVNode","_normalizeStyle","_createCommentVNode"],"mappings":"yIAqB4BA,EAAiBC,kBAAA,CAC3C,OAAQ,gBACR,MAAO,CACL,WAAY,CAAE,KAAM,OAAQ,EAC5B,IAAK,CAAC,CACR,EACA,MAAO,CAAC,mBAAmB,EAC3B,MAAMC,EAAc,CAAE,KAAAC,GAAQ,CAEhC,MAAMC,EAAQF,EAURG,EAAQC,EAAAA,SAAS,CACrB,KAAM,CACJ,OAAOF,EAAM,UACf,EACA,IAAIG,EAAc,CAChBJ,EAAK,oBAAqBI,CAAG,CAC/B,CAAA,CACD,EAIKC,QAAAH,EAAQE,GAAiB,CACzBA,EACaE,EAAAA,iBAEEC,EAAAA,kBACnB,CACD,EAID,MAAMC,EAAe,IAAM,CACzBN,EAAM,MAAQ,EAAA,EAEVO,EAAwBC,GAAyB,CACjDA,EAAM,MAAQ,UACHF,GACf,EAKFG,OAAAA,EAAAA,UAAU,IAAM,CACL,SAAA,iBAAiB,UAAWF,CAAoB,CAAA,CAC1D,EACDG,EAAAA,gBAAgB,IAAM,CACX,SAAA,oBAAoB,UAAWH,CAAoB,CAAA,CAC7D,EAGM,CAACI,EAAUC,KACRC,EAAAA,UAAc,EAAAC,EAAA,YAAaC,WAAW,CAAE,GAAI,QAAU,CAC5DC,EAAAA,YAAaC,EAAA,WAAa,CAAE,KAAM,QAAU,CAC1C,QAASC,UAAS,IAAM,CACrBlB,EAAM,OACFa,EAAAA,YAAcC,EAAAA,YAAaK,EAAU,CAAE,IAAK,GAAK,CAChD,QAASD,UAAS,IAAM,CACtBF,EAAAA,YAAaI,EAAyB,CACpC,MAAO,oCACP,QAASd,CAAA,CACV,EACDe,EAAAA,mBAAoB,MAAO,CACzB,MAAOC,EAAA,eACb,CACE,gBAAiB,QAAQvB,EAAM,GAAG,KAClC,OAAQ,qBACR,MAAO,oBACT,CACF,EACQ,MAAO,4CAAA,EACN,KAAM,CAAC,CAAA,CACX,EACD,EAAG,CAAA,CACJ,GACDwB,EAAAA,mBAAoB,GAAI,EAAI,CAAA,CACjC,EACD,EAAG,CAAA,CACJ,CAAA,CACF,EAEH,CAEA,CAAC"}
+{"version":3,"file":"design-system46.js","sources":["../src/components/BImagePicker/BImagePreview.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { createVNode as _createVNode, normalizeStyle as _normalizeStyle, createElementVNode as _createElementVNode, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, Transition as _Transition, Teleport as _Teleport } from \"vue\"\n\nimport {\n  computed,\n  onBeforeUnmount,\n  onMounted,\n  type StyleValue,\n  watch,\n} from 'vue';\nimport BImagePickerCloseButton from './BImagePickerCloseButton.vue';\nimport { lockScrollBody, unlockScrollBody } from '@/helpers/ComponentHelper';\nimport BOverlay from '../BOverlay.vue';\n\n//#region Props\nexport interface Props {\n  modelValue: boolean;\n  url: string;\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BImagePreview',\n  props: {\n    modelValue: { type: Boolean },\n    url: {}\n  },\n  emits: [\"update:modelValue\"],\n  setup(__props: any, { emit }) {\n\nconst props = __props;\n\n\n//#endregion\n\n//#region Events\n\n//#endregion\n\n//#region Data\nconst value = computed({\n  get() {\n    return props.modelValue;\n  },\n  set(val: boolean) {\n    emit('update:modelValue', val);\n  },\n});\n//#endregion\n\n//#region Watchers\nwatch(value, (val: boolean) => {\n  if (val) {\n    lockScrollBody();\n  } else {\n    unlockScrollBody();\n  }\n});\n//#endregion\n\n//#region Methods\nconst closePreview = () => {\n  value.value = false;\n};\nconst closeOnEscapePressed = (event: KeyboardEvent) => {\n  if (event.key === 'Escape') {\n    closePreview();\n  }\n};\n//#endregion\n\n//#region Lifecycle Hooks\nonMounted(() => {\n  document.addEventListener('keydown', closeOnEscapePressed);\n});\nonBeforeUnmount(() => {\n  document.removeEventListener('keydown', closeOnEscapePressed);\n});\n//#endregion\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createBlock(_Teleport, { to: \"body\" }, [\n    _createVNode(_Transition, { name: \"fade\" }, {\n      default: _withCtx(() => [\n        (value.value)\n          ? (_openBlock(), _createBlock(BOverlay, { key: 0 }, {\n              default: _withCtx(() => [\n                _createVNode(BImagePickerCloseButton, {\n                  class: \"ds-right-4 ds-top-4 ds-h-8 ds-w-8\",\n                  onClick: closePreview\n                }),\n                _createElementVNode(\"div\", {\n                  style: _normalizeStyle(\n            {\n              backgroundImage: `url('${props.url}')`,\n              height: 'calc(100vh - 16px)',\n              width: 'calc(100vw - 16px)',\n            } as StyleValue\n          ),\n                  class: \"ds-bg-contain ds-bg-center ds-bg-no-repeat\"\n                }, null, 4)\n              ]),\n              _: 1\n            }))\n          : _createCommentVNode(\"\", true)\n      ]),\n      _: 1\n    })\n  ]))\n}\n}\n\n})"],"names":["_sfc_main","_defineComponent","__props","emit","props","value","computed","val","watch","lockScrollBody","unlockScrollBody","closePreview","closeOnEscapePressed","event","onMounted","onBeforeUnmount","_ctx","_cache","_openBlock","_createBlock","_Teleport","_createVNode","_Transition","_withCtx","BOverlay","BImagePickerCloseButton","_createElementVNode","_normalizeStyle","_createCommentVNode"],"mappings":"0IAqB4BA,EAAiBC,kBAAA,CAC3C,OAAQ,gBACR,MAAO,CACL,WAAY,CAAE,KAAM,OAAQ,EAC5B,IAAK,CAAC,CACR,EACA,MAAO,CAAC,mBAAmB,EAC3B,MAAMC,EAAc,CAAE,KAAAC,GAAQ,CAEhC,MAAMC,EAAQF,EAURG,EAAQC,EAAAA,SAAS,CACrB,KAAM,CACJ,OAAOF,EAAM,UACf,EACA,IAAIG,EAAc,CAChBJ,EAAK,oBAAqBI,CAAG,CAC/B,CAAA,CACD,EAIKC,QAAAH,EAAQE,GAAiB,CACzBA,EACaE,EAAAA,iBAEEC,EAAAA,kBACnB,CACD,EAID,MAAMC,EAAe,IAAM,CACzBN,EAAM,MAAQ,EAAA,EAEVO,EAAwBC,GAAyB,CACjDA,EAAM,MAAQ,UACHF,GACf,EAKFG,OAAAA,EAAAA,UAAU,IAAM,CACL,SAAA,iBAAiB,UAAWF,CAAoB,CAAA,CAC1D,EACDG,EAAAA,gBAAgB,IAAM,CACX,SAAA,oBAAoB,UAAWH,CAAoB,CAAA,CAC7D,EAGM,CAACI,EAAUC,KACRC,EAAAA,UAAc,EAAAC,EAAA,YAAaC,WAAW,CAAE,GAAI,QAAU,CAC5DC,EAAAA,YAAaC,EAAA,WAAa,CAAE,KAAM,QAAU,CAC1C,QAASC,UAAS,IAAM,CACrBlB,EAAM,OACFa,EAAAA,YAAcC,EAAAA,YAAaK,EAAU,CAAE,IAAK,GAAK,CAChD,QAASD,UAAS,IAAM,CACtBF,EAAAA,YAAaI,EAAyB,CACpC,MAAO,oCACP,QAASd,CAAA,CACV,EACDe,EAAAA,mBAAoB,MAAO,CACzB,MAAOC,EAAA,eACb,CACE,gBAAiB,QAAQvB,EAAM,GAAG,KAClC,OAAQ,qBACR,MAAO,oBACT,CACF,EACQ,MAAO,4CAAA,EACN,KAAM,CAAC,CAAA,CACX,EACD,EAAG,CAAA,CACJ,GACDwB,EAAAA,mBAAoB,GAAI,EAAI,CAAA,CACjC,EACD,EAAG,CAAA,CACJ,CAAA,CACF,EAEH,CAEA,CAAC"}

package/dist/design-system46.mjs

@@ -1,7 +1,7 @@
 import { defineComponent as u, computed as i, watch as p, onMounted as f, onBeforeUnmount as v, openBlock as r, createBlock as a, Teleport as k, createVNode as c, Transition as y, withCtx as d, createElementVNode as g, normalizeStyle as B, createCommentVNode as h } from "vue";
-import w from "./design-system99.mjs";
+import w from "./design-system106.mjs";
 import { lockScrollBody as _, unlockScrollBody as V } from "./design-system6.mjs";
-import b from "./design-system37.mjs";
+import b from "./design-system36.mjs";
 const N = /* @__PURE__ */ u({
   __name: "BImagePreview",
   props: {

package/dist/design-system47.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("./design-system89.js");require("./design-system90.js");const r=require("./design-system54.js"),t=r(e,[["__scopeId","data-v-5cbc4bba"]]);module.exports=t;
+"use strict";const e=require("./design-system90.js");require("./design-system91.js");const r=require("./design-system54.js"),t=r(e,[["__scopeId","data-v-5cbc4bba"]]);module.exports=t;
 //# sourceMappingURL=design-system47.js.map

package/dist/design-system47.mjs

@@ -1,5 +1,5 @@
-import o from "./design-system89.mjs";
-import "./design-system90.mjs";
+import o from "./design-system90.mjs";
+import "./design-system91.mjs";
 import r from "./design-system54.mjs";
 const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-5cbc4bba"]]);
 export {

package/dist/design-system48.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("./design-system91.js");require("./design-system92.js");const t=require("./design-system54.js"),r=t(e,[["__scopeId","data-v-09cc212f"]]);module.exports=r;
+"use strict";const e=require("./design-system92.js");require("./design-system93.js");const t=require("./design-system54.js"),r=t(e,[["__scopeId","data-v-2162502a"]]);module.exports=r;
 //# sourceMappingURL=design-system48.js.map

package/dist/design-system48.mjs

@@ -1,8 +1,8 @@
-import o from "./design-system91.mjs";
-import "./design-system92.mjs";
+import o from "./design-system92.mjs";
+import "./design-system93.mjs";
 import t from "./design-system54.mjs";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-09cc212f"]]);
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-2162502a"]]);
 export {
-  m as default
+  p as default
 };
 //# sourceMappingURL=design-system48.mjs.map

package/dist/design-system49.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./design-system96.js"),n=e=>r(e,r.ISO_8601,!0).isValid(),a=(e,o)=>{let t=e.toString();for(;t.length<o;)t="0"+t;return t};exports.checkIfISOFormat=n;exports.padStartZero=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./design-system97.js"),n=e=>r(e,r.ISO_8601,!0).isValid(),a=(e,o)=>{let t=e.toString();for(;t.length<o;)t="0"+t;return t};exports.checkIfISOFormat=n;exports.padStartZero=a;
 //# sourceMappingURL=design-system49.js.map

package/dist/design-system49.mjs

@@ -1,4 +1,4 @@
-import e from "./design-system96.mjs";
+import e from "./design-system97.mjs";
 const m = (r) => e(r, e.ISO_8601, !0).isValid(), i = (r, o) => {
   let t = r.toString();
   for (; t.length < o; )

package/dist/design-system50.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./design-system93.js"),f=require("./design-system94.js"),v=require("vue"),De=require("./design-system95.js");/*!
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./design-system94.js"),f=require("./design-system95.js"),v=require("vue"),De=require("./design-system96.js");/*!
   * vue-i18n v9.2.2
   * (c) 2022 kazuya kawaguchi
   * Released under the MIT License.

package/dist/design-system50.mjs

@@ -1,7 +1,7 @@
-import { makeSymbol as V, assign as y, isNumber as Fe, isString as N, isObject as A, warn as la, isEmptyObject as La, isBoolean as k, isArray as p, isPlainObject as F, isRegExp as ae, isFunction as j, getGlobalThis as ee, format as Ta, hasOwn as ye, inBrowser as Ia, createEmitter as Ra } from "./design-system93.mjs";
-import { DEFAULT_LOCALE as na, registerMessageCompiler as Fa, registerMessageResolver as Pa, registerLocaleFallbacker as ka, setDevToolsHook as pa, updateFallbackLocale as K, NUMBER_FORMAT_OPTIONS_KEYS as Aa, DATETIME_FORMAT_OPTIONS_KEYS as Da, compileToFunction as Ca, resolveValue as ya, fallbackWithLocaleChain as ra, createCoreContext as Ma, clearDateTimeFormat as He, clearNumberFormat as Ge, CoreWarnCodes as Sa, setAdditionalMeta as Ye, getFallbackContext as Va, NOT_REOSLVED as Ua, isTranslateFallbackWarn as ha, isTranslateMissingWarn as Wa, parseTranslateArgs as xe, translate as Be, MISSING_RESOLVE_VALUE as je, parseDateTimeArgs as Xe, datetime as $e, parseNumberArgs as Ke, number as qe, setFallbackContext as Je } from "./design-system94.mjs";
+import { makeSymbol as V, assign as y, isNumber as Fe, isString as N, isObject as A, warn as la, isEmptyObject as La, isBoolean as k, isArray as p, isPlainObject as F, isRegExp as ae, isFunction as j, getGlobalThis as ee, format as Ta, hasOwn as ye, inBrowser as Ia, createEmitter as Ra } from "./design-system94.mjs";
+import { DEFAULT_LOCALE as na, registerMessageCompiler as Fa, registerMessageResolver as Pa, registerLocaleFallbacker as ka, setDevToolsHook as pa, updateFallbackLocale as K, NUMBER_FORMAT_OPTIONS_KEYS as Aa, DATETIME_FORMAT_OPTIONS_KEYS as Da, compileToFunction as Ca, resolveValue as ya, fallbackWithLocaleChain as ra, createCoreContext as Ma, clearDateTimeFormat as He, clearNumberFormat as Ge, CoreWarnCodes as Sa, setAdditionalMeta as Ye, getFallbackContext as Va, NOT_REOSLVED as Ua, isTranslateFallbackWarn as ha, isTranslateMissingWarn as Wa, parseTranslateArgs as xe, translate as Be, MISSING_RESOLVE_VALUE as je, parseDateTimeArgs as Xe, datetime as $e, parseNumberArgs as Ke, number as qe, setFallbackContext as Je } from "./design-system95.mjs";
 import { h as ua, getCurrentInstance as Me, inject as wa, onMounted as Ha, onUnmounted as Ga, shallowRef as Ya, ref as D, computed as C, onBeforeMount as xa, watch as Qe, Fragment as Ba, createVNode as ja, Text as Xa } from "vue";
-import { createCompileError as $a, CompileErrorCodes as Ka } from "./design-system95.mjs";
+import { createCompileError as $a, CompileErrorCodes as Ka } from "./design-system96.mjs";
 /*!
   * vue-i18n v9.2.2
   * (c) 2022 kazuya kawaguchi

package/dist/design-system57.js

@@ -1,5 +1,2 @@
-"use strict";const e=require("vue"),a=require("./design-system5.js"),n=require("./design-system98.js"),p=["id","disabled","value"],m=["for"],b=["for"],f=`
-  peer-checked:ds-text-transparent peer-checked:ds-bg-gradient-to-r peer-checked:ds-from-primary-f-stop peer-checked:ds-from-primary-f peer-checked:ds-to-primary-t
-  peer-checked:after:ds-opacity-100
-`,k=e.defineComponent({__name:"BCheckbox",props:{inputId:{default:""},modelValue:{type:[Boolean,Array],default:!1},label:{default:""},labelOrphan:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},size:{default:a.BCheckboxSize.Medium}},emits:["update:modelValue"],setup(r,{emit:u}){const t=r,s=e.computed(()=>t.inputId||`id-${n()}`),o=e.computed({get(){return t.modelValue},set(l){u("update:modelValue",l)}}),c=e.computed(()=>{let l="";switch(t.size){case a.BCheckboxSize.Small:l+="size-sm ";break;case a.BCheckboxSize.Medium:default:l+=" ";break}return l});return(l,d)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([c.value,"b-checkbox ds-flex ds-items-center"])},[e.withDirectives(e.createElementVNode("input",{id:s.value,"onUpdate:modelValue":d[0]||(d[0]=i=>o.value=i),disabled:l.disabled,value:l.$attrs.value,class:"ds-peer ds-invisible",type:"checkbox"},null,8,p),[[e.vModelCheckbox,o.value]]),e.createElementVNode("label",{class:e.normalizeClass([f,"input-label"]),for:s.value},null,8,m),l.label||l.$slots.default?(e.openBlock(),e.createElementBlock("label",{key:0,for:l.labelOrphan?void 0:s.value,class:"ds-ml-2 ds-text-sm ds-font-medium ds-text-gray-900"},[e.renderSlot(l.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.label),1)],!0)],8,b)):e.createCommentVNode("",!0)],2))}});module.exports=k;
+"use strict";const e=require("vue"),s=require("./design-system5.js"),i=require("./design-system99.js"),m=["id","disabled","value"],p=["for"],b=["for"],f=e.defineComponent({__name:"BCheckbox",props:{inputId:{default:""},modelValue:{type:[Boolean,Array],default:!1},label:{default:""},labelOrphan:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},size:{default:s.BCheckboxSize.Medium}},emits:["update:modelValue"],setup(u,{emit:n}){const t=u,a=e.computed(()=>t.inputId||`id-${i()}`),o=e.computed({get(){return t.modelValue},set(l){n("update:modelValue",l)}}),r=e.computed(()=>{let l="";switch(t.size){case s.BCheckboxSize.Small:l+="size-sm ";break;case s.BCheckboxSize.Medium:default:l+=" ";break}return l});return(l,d)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([r.value,"b-checkbox ds-flex ds-items-center"])},[e.withDirectives(e.createElementVNode("input",{id:a.value,"onUpdate:modelValue":d[0]||(d[0]=c=>o.value=c),disabled:l.disabled,value:l.$attrs.value,type:"checkbox",class:"b-checkbox__input"},null,8,m),[[e.vModelCheckbox,o.value]]),e.createElementVNode("label",{for:a.value,class:"b-checkbox__input-label"},null,8,p),l.label||l.$slots.default?(e.openBlock(),e.createElementBlock("label",{key:0,for:l.labelOrphan?void 0:a.value,class:"ds-ml-2 ds-text-sm ds-font-medium ds-text-gray-900"},[e.renderSlot(l.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.label),1)],!0)],8,b)):e.createCommentVNode("",!0)],2))}});module.exports=f;
 //# sourceMappingURL=design-system57.js.map

package/dist/design-system57.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system57.js","sources":["../src/components/BCheckbox.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { vModelCheckbox as _vModelCheckbox, createElementVNode as _createElementVNode, withDirectives as _withDirectives, normalizeClass as _normalizeClass, renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \"vue\"\n\nconst _withScopeId = n => (_pushScopeId(\"data-v-307dab6f\"),n=n(),_popScopeId(),n)\nconst _hoisted_1 = [\"id\", \"disabled\", \"value\"]\nconst _hoisted_2 = [\"for\"]\nconst _hoisted_3 = [\"for\"]\n\nimport { BCheckboxSize } from '@/constants/Enums';\nimport { v4 as uuid } from 'uuid';\nimport { computed } from 'vue';\n\n//#region Props\nexport interface BCheckboxProps {\n  inputId?: string;\n  modelValue: boolean | Array<string | number>;\n  label?: string;\n  /**\n   * Clicking on label will not check on checkbox.\n   */\n  labelOrphan?: boolean;\n  disabled?: boolean;\n  size?: `${BCheckboxSize}`;\n}\n\nconst SiblingCssClass = `\n  peer-checked:ds-text-transparent peer-checked:ds-bg-gradient-to-r peer-checked:ds-from-primary-f-stop peer-checked:ds-from-primary-f peer-checked:ds-to-primary-t\n  peer-checked:after:ds-opacity-100\n`;\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BCheckbox',\n  props: {\n    inputId: { default: '' },\n    modelValue: { type: [Boolean, Array], default: false },\n    label: { default: '' },\n    labelOrphan: { type: Boolean, default: false },\n    disabled: { type: Boolean, default: false },\n    size: { default: BCheckboxSize.Medium }\n  },\n  emits: [\"update:modelValue\"],\n  setup(__props: any, { emit }) {\n\nconst props = __props;\n\n\n//#endregion\n\n//#region Events\n\n//#endregion\n\n//#region Data\nconst id = computed(() => props.inputId || `id-${uuid()}`);\nconst value = computed({\n  get() {\n    return props.modelValue;\n  },\n  set(val) {\n    emit('update:modelValue', val);\n  },\n});\nconst cssClassValue = computed(() => {\n  let result = ``;\n\n  switch (props.size) {\n    case BCheckboxSize.Small:\n      result += `size-sm `;\n      break;\n    case BCheckboxSize.Medium:\n    default:\n      result += ` `;\n      break;\n  }\n\n  return result;\n});\n//#endregion\n\n/**\n * Customize checkbox styles, need to hide input tag and style a label which stands for that input\n * Example: https://codepen.io/AllThingsSmitty/pen/WjZVjo\n * Support input type=checkbox in Vue\n * https://vuejs.org/guide/essentials/forms#checkbox-1\n */\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    class: _normalizeClass([cssClassValue.value, \"b-checkbox ds-flex ds-items-center\"])\n  }, [\n    _withDirectives(_createElementVNode(\"input\", {\n      id: id.value,\n      \"onUpdate:modelValue\": _cache[0] || (_cache[0] = ($event: any) => ((value).value = $event)),\n      disabled: _ctx.disabled,\n      value: _ctx.$attrs.value,\n      class: \"ds-peer ds-invisible\",\n      type: \"checkbox\"\n    }, null, 8, _hoisted_1), [\n      [_vModelCheckbox, value.value]\n    ]),\n    _createElementVNode(\"label\", {\n      class: _normalizeClass([SiblingCssClass, \"input-label\"]),\n      for: id.value\n    }, null, 8, _hoisted_2),\n    (_ctx.label || _ctx.$slots.default)\n      ? (_openBlock(), _createElementBlock(\"label\", {\n          key: 0,\n          for: _ctx.labelOrphan ? undefined : id.value,\n          class: \"ds-ml-2 ds-text-sm ds-font-medium ds-text-gray-900\"\n        }, [\n          _renderSlot(_ctx.$slots, \"default\", {}, () => [\n            _createTextVNode(_toDisplayString(props.label), 1)\n          ], true)\n        ], 8, _hoisted_3))\n      : _createCommentVNode(\"\", true)\n  ], 2))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","SiblingCssClass","_sfc_main","_defineComponent","BCheckboxSize","__props","emit","props","id","computed","uuid","value","val","cssClassValue","result","_ctx","_cache","_openBlock","_createElementBlock","_normalizeClass","_withDirectives","_createElementVNode","$event","_vModelCheckbox","_renderSlot","_createTextVNode","_toDisplayString","_createCommentVNode"],"mappings":"uGAIMA,EAAa,CAAC,KAAM,WAAY,OAAO,EACvCC,EAAa,CAAC,KAAK,EACnBC,EAAa,CAAC,KAAK,EAmBnBC,EAAkB;AAAA;AAAA;AAAA,EAKIC,EAAiBC,kBAAA,CAC3C,OAAQ,YACR,MAAO,CACL,QAAS,CAAE,QAAS,EAAG,EACvB,WAAY,CAAE,KAAM,CAAC,QAAS,KAAK,EAAG,QAAS,EAAM,EACrD,MAAO,CAAE,QAAS,EAAG,EACrB,YAAa,CAAE,KAAM,QAAS,QAAS,EAAM,EAC7C,SAAU,CAAE,KAAM,QAAS,QAAS,EAAM,EAC1C,KAAM,CAAE,QAASC,EAAA,cAAc,MAAO,CACxC,EACA,MAAO,CAAC,mBAAmB,EAC3B,MAAMC,EAAc,CAAE,KAAAC,GAAQ,CAEhC,MAAMC,EAAQF,EAURG,EAAKC,WAAS,IAAMF,EAAM,SAAW,MAAMG,GAAM,EAAE,EACnDC,EAAQF,EAAAA,SAAS,CACrB,KAAM,CACJ,OAAOF,EAAM,UACf,EACA,IAAIK,EAAK,CACPN,EAAK,oBAAqBM,CAAG,CAC/B,CAAA,CACD,EACKC,EAAgBJ,EAAAA,SAAS,IAAM,CACnC,IAAIK,EAAS,GAEb,OAAQP,EAAM,KAAM,CAClB,KAAKH,EAAc,cAAA,MACPU,GAAA,WACV,MACF,KAAKV,EAAAA,cAAc,OACnB,QACYU,GAAA,IACV,KACJ,CAEO,OAAAA,CAAA,CACR,EAUM,MAAA,CAACC,EAAUC,KACRC,EAAA,UAAA,EAAcC,EAAA,mBAAoB,MAAO,CAC/C,MAAOC,EAAAA,eAAgB,CAACN,EAAc,MAAO,oCAAoC,CAAC,CAAA,EACjF,CACDO,EAAA,eAAgBC,qBAAoB,QAAS,CAC3C,GAAIb,EAAG,MACP,sBAAuBQ,EAAO,CAAC,IAAMA,EAAO,CAAC,EAAKM,GAAkBX,EAAO,MAAQW,GACnF,SAAUP,EAAK,SACf,MAAOA,EAAK,OAAO,MACnB,MAAO,uBACP,KAAM,UAAA,EACL,KAAM,EAAGjB,CAAU,EAAG,CACvB,CAACyB,EAAiB,eAAAZ,EAAM,KAAK,CAAA,CAC9B,EACDU,EAAAA,mBAAoB,QAAS,CAC3B,MAAOF,EAAA,eAAgB,CAAClB,EAAiB,aAAa,CAAC,EACvD,IAAKO,EAAG,KAAA,EACP,KAAM,EAAGT,CAAU,EACrBgB,EAAK,OAASA,EAAK,OAAO,SACtBE,YAAW,EAAGC,qBAAoB,QAAS,CAC1C,IAAK,EACL,IAAKH,EAAK,YAAc,OAAYP,EAAG,MACvC,MAAO,oDAAA,EACN,CACDgB,EAAAA,WAAYT,EAAK,OAAQ,UAAW,GAAI,IAAM,CAC5CU,EAAAA,gBAAiBC,EAAAA,gBAAiBnB,EAAM,KAAK,EAAG,CAAC,GAChD,EAAI,GACN,EAAGP,CAAU,GAChB2B,EAAAA,mBAAoB,GAAI,EAAI,GAC/B,CAAC,EAEN,CAEA,CAAC"}
+{"version":3,"file":"design-system57.js","sources":["../src/components/BCheckbox.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { vModelCheckbox as _vModelCheckbox, createElementVNode as _createElementVNode, withDirectives as _withDirectives, renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, normalizeClass as _normalizeClass, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \"vue\"\n\nconst _withScopeId = n => (_pushScopeId(\"data-v-abb2020f\"),n=n(),_popScopeId(),n)\nconst _hoisted_1 = [\"id\", \"disabled\", \"value\"]\nconst _hoisted_2 = [\"for\"]\nconst _hoisted_3 = [\"for\"]\n\nimport { BCheckboxSize } from '@/constants/Enums';\nimport { v4 as uuid } from 'uuid';\nimport { computed } from 'vue';\n\n//#region Props\nexport interface BCheckboxProps {\n  inputId?: string;\n  modelValue: boolean | Array<string | number>;\n  label?: string;\n  /**\n   * Clicking on label will not check on checkbox.\n   */\n  labelOrphan?: boolean;\n  disabled?: boolean;\n  size?: `${BCheckboxSize}`;\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BCheckbox',\n  props: {\n    inputId: { default: '' },\n    modelValue: { type: [Boolean, Array], default: false },\n    label: { default: '' },\n    labelOrphan: { type: Boolean, default: false },\n    disabled: { type: Boolean, default: false },\n    size: { default: BCheckboxSize.Medium }\n  },\n  emits: [\"update:modelValue\"],\n  setup(__props: any, { emit }) {\n\nconst props = __props;\n\n\n//#endregion\n\n//#region Events\n\n//#endregion\n\n//#region Data\nconst id = computed(() => props.inputId || `id-${uuid()}`);\nconst value = computed({\n  get() {\n    return props.modelValue;\n  },\n  set(val) {\n    emit('update:modelValue', val);\n  },\n});\nconst cssClassValue = computed(() => {\n  let result = ``;\n\n  switch (props.size) {\n    case BCheckboxSize.Small:\n      result += `size-sm `;\n      break;\n    case BCheckboxSize.Medium:\n    default:\n      result += ` `;\n      break;\n  }\n\n  return result;\n});\n//#endregion\n\n/**\n * Customize checkbox styles, need to hide input tag and style a label which stands for that input\n * Example: https://codepen.io/AllThingsSmitty/pen/WjZVjo\n * Support input type=checkbox in Vue\n * https://vuejs.org/guide/essentials/forms#checkbox-1\n */\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    class: _normalizeClass([cssClassValue.value, \"b-checkbox ds-flex ds-items-center\"])\n  }, [\n    _withDirectives(_createElementVNode(\"input\", {\n      id: id.value,\n      \"onUpdate:modelValue\": _cache[0] || (_cache[0] = ($event: any) => ((value).value = $event)),\n      disabled: _ctx.disabled,\n      value: _ctx.$attrs.value,\n      type: \"checkbox\",\n      class: \"b-checkbox__input\"\n    }, null, 8, _hoisted_1), [\n      [_vModelCheckbox, value.value]\n    ]),\n    _createElementVNode(\"label\", {\n      for: id.value,\n      class: \"b-checkbox__input-label\"\n    }, null, 8, _hoisted_2),\n    (_ctx.label || _ctx.$slots.default)\n      ? (_openBlock(), _createElementBlock(\"label\", {\n          key: 0,\n          for: _ctx.labelOrphan ? undefined : id.value,\n          class: \"ds-ml-2 ds-text-sm ds-font-medium ds-text-gray-900\"\n        }, [\n          _renderSlot(_ctx.$slots, \"default\", {}, () => [\n            _createTextVNode(_toDisplayString(props.label), 1)\n          ], true)\n        ], 8, _hoisted_3))\n      : _createCommentVNode(\"\", true)\n  ], 2))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_sfc_main","_defineComponent","BCheckboxSize","__props","emit","props","id","computed","uuid","value","val","cssClassValue","result","_ctx","_cache","_openBlock","_createElementBlock","_normalizeClass","_withDirectives","_createElementVNode","$event","_vModelCheckbox","_renderSlot","_createTextVNode","_toDisplayString","_createCommentVNode"],"mappings":"uGAIMA,EAAa,CAAC,KAAM,WAAY,OAAO,EACvCC,EAAa,CAAC,KAAK,EACnBC,EAAa,CAAC,KAAK,EAoBGC,EAAiBC,kBAAA,CAC3C,OAAQ,YACR,MAAO,CACL,QAAS,CAAE,QAAS,EAAG,EACvB,WAAY,CAAE,KAAM,CAAC,QAAS,KAAK,EAAG,QAAS,EAAM,EACrD,MAAO,CAAE,QAAS,EAAG,EACrB,YAAa,CAAE,KAAM,QAAS,QAAS,EAAM,EAC7C,SAAU,CAAE,KAAM,QAAS,QAAS,EAAM,EAC1C,KAAM,CAAE,QAASC,EAAA,cAAc,MAAO,CACxC,EACA,MAAO,CAAC,mBAAmB,EAC3B,MAAMC,EAAc,CAAE,KAAAC,GAAQ,CAEhC,MAAMC,EAAQF,EAURG,EAAKC,WAAS,IAAMF,EAAM,SAAW,MAAMG,GAAM,EAAE,EACnDC,EAAQF,EAAAA,SAAS,CACrB,KAAM,CACJ,OAAOF,EAAM,UACf,EACA,IAAIK,EAAK,CACPN,EAAK,oBAAqBM,CAAG,CAC/B,CAAA,CACD,EACKC,EAAgBJ,EAAAA,SAAS,IAAM,CACnC,IAAIK,EAAS,GAEb,OAAQP,EAAM,KAAM,CAClB,KAAKH,EAAc,cAAA,MACPU,GAAA,WACV,MACF,KAAKV,EAAAA,cAAc,OACnB,QACYU,GAAA,IACV,KACJ,CAEO,OAAAA,CAAA,CACR,EAUM,MAAA,CAACC,EAAUC,KACRC,EAAA,UAAA,EAAcC,EAAA,mBAAoB,MAAO,CAC/C,MAAOC,EAAAA,eAAgB,CAACN,EAAc,MAAO,oCAAoC,CAAC,CAAA,EACjF,CACDO,EAAA,eAAgBC,qBAAoB,QAAS,CAC3C,GAAIb,EAAG,MACP,sBAAuBQ,EAAO,CAAC,IAAMA,EAAO,CAAC,EAAKM,GAAkBX,EAAO,MAAQW,GACnF,SAAUP,EAAK,SACf,MAAOA,EAAK,OAAO,MACnB,KAAM,WACN,MAAO,mBAAA,EACN,KAAM,EAAGhB,CAAU,EAAG,CACvB,CAACwB,EAAiB,eAAAZ,EAAM,KAAK,CAAA,CAC9B,EACDU,EAAAA,mBAAoB,QAAS,CAC3B,IAAKb,EAAG,MACR,MAAO,yBAAA,EACN,KAAM,EAAGR,CAAU,EACrBe,EAAK,OAASA,EAAK,OAAO,SACtBE,YAAW,EAAGC,qBAAoB,QAAS,CAC1C,IAAK,EACL,IAAKH,EAAK,YAAc,OAAYP,EAAG,MACvC,MAAO,oDAAA,EACN,CACDgB,EAAAA,WAAYT,EAAK,OAAQ,UAAW,GAAI,IAAM,CAC5CU,EAAAA,gBAAiBC,EAAAA,gBAAiBnB,EAAM,KAAK,EAAG,CAAC,GAChD,EAAI,GACN,EAAGN,CAAU,GAChB0B,EAAAA,mBAAoB,GAAI,EAAI,GAC/B,CAAC,EAEN,CAEA,CAAC"}

package/dist/design-system57.mjs

@@ -1,10 +1,7 @@
-import { defineComponent as b, computed as a, openBlock as r, createElementBlock as i, normalizeClass as u, withDirectives as h, createElementVNode as n, vModelCheckbox as k, renderSlot as v, createTextVNode as y, toDisplayString as C, createCommentVNode as V } from "vue";
+import { defineComponent as b, computed as t, openBlock as u, createElementBlock as r, normalizeClass as f, withDirectives as v, createElementVNode as i, vModelCheckbox as h, renderSlot as k, createTextVNode as V, toDisplayString as y, createCommentVNode as _ } from "vue";
 import { BCheckboxSize as s } from "./design-system5.mjs";
-import B from "./design-system98.mjs";
-const g = ["id", "disabled", "value"], x = ["for"], z = ["for"], S = `
-  peer-checked:ds-text-transparent peer-checked:ds-bg-gradient-to-r peer-checked:ds-from-primary-f-stop peer-checked:ds-from-primary-f peer-checked:ds-to-primary-t
-  peer-checked:after:ds-opacity-100
-`, N = /* @__PURE__ */ b({
+import x from "./design-system99.mjs";
+const B = ["id", "disabled", "value"], C = ["for"], z = ["for"], M = /* @__PURE__ */ b({
   __name: "BCheckbox",
   props: {
     inputId: { default: "" },
@@ -15,15 +12,15 @@ const g = ["id", "disabled", "value"], x = ["for"], z = ["for"], S = `
     size: { default: s.Medium }
   },
   emits: ["update:modelValue"],
-  setup(c, { emit: p }) {
-    const l = c, t = a(() => l.inputId || `id-${B()}`), d = a({
+  setup(n, { emit: c }) {
+    const l = n, a = t(() => l.inputId || `id-${x()}`), o = t({
       get() {
         return l.modelValue;
       },
       set(e) {
-        p("update:modelValue", e);
+        c("update:modelValue", e);
       }
-    }), m = a(() => {
+    }), m = t(() => {
       let e = "";
       switch (l.size) {
         case s.Small:
@@ -36,36 +33,36 @@ const g = ["id", "disabled", "value"], x = ["for"], z = ["for"], S = `
       }
       return e;
     });
-    return (e, o) => (r(), i("div", {
-      class: u([m.value, "b-checkbox ds-flex ds-items-center"])
+    return (e, d) => (u(), r("div", {
+      class: f([m.value, "b-checkbox ds-flex ds-items-center"])
     }, [
-      h(n("input", {
-        id: t.value,
-        "onUpdate:modelValue": o[0] || (o[0] = (f) => d.value = f),
+      v(i("input", {
+        id: a.value,
+        "onUpdate:modelValue": d[0] || (d[0] = (p) => o.value = p),
         disabled: e.disabled,
         value: e.$attrs.value,
-        class: "ds-peer ds-invisible",
-        type: "checkbox"
-      }, null, 8, g), [
-        [k, d.value]
+        type: "checkbox",
+        class: "b-checkbox__input"
+      }, null, 8, B), [
+        [h, o.value]
       ]),
-      n("label", {
-        class: u([S, "input-label"]),
-        for: t.value
-      }, null, 8, x),
-      e.label || e.$slots.default ? (r(), i("label", {
+      i("label", {
+        for: a.value,
+        class: "b-checkbox__input-label"
+      }, null, 8, C),
+      e.label || e.$slots.default ? (u(), r("label", {
         key: 0,
-        for: e.labelOrphan ? void 0 : t.value,
+        for: e.labelOrphan ? void 0 : a.value,
         class: "ds-ml-2 ds-text-sm ds-font-medium ds-text-gray-900"
       }, [
-        v(e.$slots, "default", {}, () => [
-          y(C(l.label), 1)
+        k(e.$slots, "default", {}, () => [
+          V(y(l.label), 1)
         ], !0)
-      ], 8, z)) : V("", !0)
+      ], 8, z)) : _("", !0)
     ], 2));
   }
 });
 export {
-  N as default
+  M as default
 };
 //# sourceMappingURL=design-system57.mjs.map

package/dist/design-system57.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system57.mjs","sources":["../src/components/BCheckbox.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { vModelCheckbox as _vModelCheckbox, createElementVNode as _createElementVNode, withDirectives as _withDirectives, normalizeClass as _normalizeClass, renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \"vue\"\n\nconst _withScopeId = n => (_pushScopeId(\"data-v-307dab6f\"),n=n(),_popScopeId(),n)\nconst _hoisted_1 = [\"id\", \"disabled\", \"value\"]\nconst _hoisted_2 = [\"for\"]\nconst _hoisted_3 = [\"for\"]\n\nimport { BCheckboxSize } from '@/constants/Enums';\nimport { v4 as uuid } from 'uuid';\nimport { computed } from 'vue';\n\n//#region Props\nexport interface BCheckboxProps {\n  inputId?: string;\n  modelValue: boolean | Array<string | number>;\n  label?: string;\n  /**\n   * Clicking on label will not check on checkbox.\n   */\n  labelOrphan?: boolean;\n  disabled?: boolean;\n  size?: `${BCheckboxSize}`;\n}\n\nconst SiblingCssClass = `\n  peer-checked:ds-text-transparent peer-checked:ds-bg-gradient-to-r peer-checked:ds-from-primary-f-stop peer-checked:ds-from-primary-f peer-checked:ds-to-primary-t\n  peer-checked:after:ds-opacity-100\n`;\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BCheckbox',\n  props: {\n    inputId: { default: '' },\n    modelValue: { type: [Boolean, Array], default: false },\n    label: { default: '' },\n    labelOrphan: { type: Boolean, default: false },\n    disabled: { type: Boolean, default: false },\n    size: { default: BCheckboxSize.Medium }\n  },\n  emits: [\"update:modelValue\"],\n  setup(__props: any, { emit }) {\n\nconst props = __props;\n\n\n//#endregion\n\n//#region Events\n\n//#endregion\n\n//#region Data\nconst id = computed(() => props.inputId || `id-${uuid()}`);\nconst value = computed({\n  get() {\n    return props.modelValue;\n  },\n  set(val) {\n    emit('update:modelValue', val);\n  },\n});\nconst cssClassValue = computed(() => {\n  let result = ``;\n\n  switch (props.size) {\n    case BCheckboxSize.Small:\n      result += `size-sm `;\n      break;\n    case BCheckboxSize.Medium:\n    default:\n      result += ` `;\n      break;\n  }\n\n  return result;\n});\n//#endregion\n\n/**\n * Customize checkbox styles, need to hide input tag and style a label which stands for that input\n * Example: https://codepen.io/AllThingsSmitty/pen/WjZVjo\n * Support input type=checkbox in Vue\n * https://vuejs.org/guide/essentials/forms#checkbox-1\n */\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    class: _normalizeClass([cssClassValue.value, \"b-checkbox ds-flex ds-items-center\"])\n  }, [\n    _withDirectives(_createElementVNode(\"input\", {\n      id: id.value,\n      \"onUpdate:modelValue\": _cache[0] || (_cache[0] = ($event: any) => ((value).value = $event)),\n      disabled: _ctx.disabled,\n      value: _ctx.$attrs.value,\n      class: \"ds-peer ds-invisible\",\n      type: \"checkbox\"\n    }, null, 8, _hoisted_1), [\n      [_vModelCheckbox, value.value]\n    ]),\n    _createElementVNode(\"label\", {\n      class: _normalizeClass([SiblingCssClass, \"input-label\"]),\n      for: id.value\n    }, null, 8, _hoisted_2),\n    (_ctx.label || _ctx.$slots.default)\n      ? (_openBlock(), _createElementBlock(\"label\", {\n          key: 0,\n          for: _ctx.labelOrphan ? undefined : id.value,\n          class: \"ds-ml-2 ds-text-sm ds-font-medium ds-text-gray-900\"\n        }, [\n          _renderSlot(_ctx.$slots, \"default\", {}, () => [\n            _createTextVNode(_toDisplayString(props.label), 1)\n          ], true)\n        ], 8, _hoisted_3))\n      : _createCommentVNode(\"\", true)\n  ], 2))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","SiblingCssClass","_sfc_main","_defineComponent","BCheckboxSize","__props","emit","props","id","computed","uuid","value","val","cssClassValue","result","_ctx","_cache","_openBlock","_createElementBlock","_normalizeClass","_withDirectives","_createElementVNode","$event","_vModelCheckbox","_renderSlot","_createTextVNode","_toDisplayString","_createCommentVNode"],"mappings":";;;AAIA,MAAMA,IAAa,CAAC,MAAM,YAAY,OAAO,GACvCC,IAAa,CAAC,KAAK,GACnBC,IAAa,CAAC,KAAK,GAmBnBC,IAAkB;AAAA;AAAA;AAAA,GAKIC,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,SAAS,EAAE,SAAS,GAAG;AAAA,IACvB,YAAY,EAAE,MAAM,CAAC,SAAS,KAAK,GAAG,SAAS,GAAM;AAAA,IACrD,OAAO,EAAE,SAAS,GAAG;AAAA,IACrB,aAAa,EAAE,MAAM,SAAS,SAAS,GAAM;AAAA,IAC7C,UAAU,EAAE,MAAM,SAAS,SAAS,GAAM;AAAA,IAC1C,MAAM,EAAE,SAASC,EAAc,OAAO;AAAA,EACxC;AAAA,EACA,OAAO,CAAC,mBAAmB;AAAA,EAC3B,MAAMC,GAAc,EAAE,MAAAC,KAAQ;AAEhC,UAAMC,IAAQF,GAURG,IAAKC,EAAS,MAAMF,EAAM,WAAW,MAAMG,GAAM,EAAE,GACnDC,IAAQF,EAAS;AAAA,MACrB,MAAM;AACJ,eAAOF,EAAM;AAAA,MACf;AAAA,MACA,IAAIK,GAAK;AACP,QAAAN,EAAK,qBAAqBM,CAAG;AAAA,MAC/B;AAAA,IAAA,CACD,GACKC,IAAgBJ,EAAS,MAAM;AACnC,UAAIK,IAAS;AAEb,cAAQP,EAAM,MAAM;AAAA,QAClB,KAAKH,EAAc;AACP,UAAAU,KAAA;AACV;AAAA,QACF,KAAKV,EAAc;AAAA,QACnB;AACY,UAAAU,KAAA;AACV;AAAA,MACJ;AAEO,aAAAA;AAAA,IAAA,CACR;AAUM,WAAA,CAACC,GAAUC,OACRC,EAAA,GAAcC,EAAoB,OAAO;AAAA,MAC/C,OAAOC,EAAgB,CAACN,EAAc,OAAO,oCAAoC,CAAC;AAAA,IAAA,GACjF;AAAA,MACDO,EAAgBC,EAAoB,SAAS;AAAA,QAC3C,IAAIb,EAAG;AAAA,QACP,uBAAuBQ,EAAO,CAAC,MAAMA,EAAO,CAAC,IAAI,CAACM,MAAkBX,EAAO,QAAQW;AAAA,QACnF,UAAUP,EAAK;AAAA,QACf,OAAOA,EAAK,OAAO;AAAA,QACnB,OAAO;AAAA,QACP,MAAM;AAAA,MAAA,GACL,MAAM,GAAGjB,CAAU,GAAG;AAAA,QACvB,CAACyB,GAAiBZ,EAAM,KAAK;AAAA,MAAA,CAC9B;AAAA,MACDU,EAAoB,SAAS;AAAA,QAC3B,OAAOF,EAAgB,CAAClB,GAAiB,aAAa,CAAC;AAAA,QACvD,KAAKO,EAAG;AAAA,MAAA,GACP,MAAM,GAAGT,CAAU;AAAA,MACrBgB,EAAK,SAASA,EAAK,OAAO,WACtBE,EAAW,GAAGC,EAAoB,SAAS;AAAA,QAC1C,KAAK;AAAA,QACL,KAAKH,EAAK,cAAc,SAAYP,EAAG;AAAA,QACvC,OAAO;AAAA,MAAA,GACN;AAAA,QACDgB,EAAYT,EAAK,QAAQ,WAAW,IAAI,MAAM;AAAA,UAC5CU,EAAiBC,EAAiBnB,EAAM,KAAK,GAAG,CAAC;AAAA,WAChD,EAAI;AAAA,SACN,GAAGP,CAAU,KAChB2B,EAAoB,IAAI,EAAI;AAAA,OAC/B,CAAC;AAAA,EAEN;AAEA,CAAC;"}
+{"version":3,"file":"design-system57.mjs","sources":["../src/components/BCheckbox.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { vModelCheckbox as _vModelCheckbox, createElementVNode as _createElementVNode, withDirectives as _withDirectives, renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, normalizeClass as _normalizeClass, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \"vue\"\n\nconst _withScopeId = n => (_pushScopeId(\"data-v-abb2020f\"),n=n(),_popScopeId(),n)\nconst _hoisted_1 = [\"id\", \"disabled\", \"value\"]\nconst _hoisted_2 = [\"for\"]\nconst _hoisted_3 = [\"for\"]\n\nimport { BCheckboxSize } from '@/constants/Enums';\nimport { v4 as uuid } from 'uuid';\nimport { computed } from 'vue';\n\n//#region Props\nexport interface BCheckboxProps {\n  inputId?: string;\n  modelValue: boolean | Array<string | number>;\n  label?: string;\n  /**\n   * Clicking on label will not check on checkbox.\n   */\n  labelOrphan?: boolean;\n  disabled?: boolean;\n  size?: `${BCheckboxSize}`;\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BCheckbox',\n  props: {\n    inputId: { default: '' },\n    modelValue: { type: [Boolean, Array], default: false },\n    label: { default: '' },\n    labelOrphan: { type: Boolean, default: false },\n    disabled: { type: Boolean, default: false },\n    size: { default: BCheckboxSize.Medium }\n  },\n  emits: [\"update:modelValue\"],\n  setup(__props: any, { emit }) {\n\nconst props = __props;\n\n\n//#endregion\n\n//#region Events\n\n//#endregion\n\n//#region Data\nconst id = computed(() => props.inputId || `id-${uuid()}`);\nconst value = computed({\n  get() {\n    return props.modelValue;\n  },\n  set(val) {\n    emit('update:modelValue', val);\n  },\n});\nconst cssClassValue = computed(() => {\n  let result = ``;\n\n  switch (props.size) {\n    case BCheckboxSize.Small:\n      result += `size-sm `;\n      break;\n    case BCheckboxSize.Medium:\n    default:\n      result += ` `;\n      break;\n  }\n\n  return result;\n});\n//#endregion\n\n/**\n * Customize checkbox styles, need to hide input tag and style a label which stands for that input\n * Example: https://codepen.io/AllThingsSmitty/pen/WjZVjo\n * Support input type=checkbox in Vue\n * https://vuejs.org/guide/essentials/forms#checkbox-1\n */\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    class: _normalizeClass([cssClassValue.value, \"b-checkbox ds-flex ds-items-center\"])\n  }, [\n    _withDirectives(_createElementVNode(\"input\", {\n      id: id.value,\n      \"onUpdate:modelValue\": _cache[0] || (_cache[0] = ($event: any) => ((value).value = $event)),\n      disabled: _ctx.disabled,\n      value: _ctx.$attrs.value,\n      type: \"checkbox\",\n      class: \"b-checkbox__input\"\n    }, null, 8, _hoisted_1), [\n      [_vModelCheckbox, value.value]\n    ]),\n    _createElementVNode(\"label\", {\n      for: id.value,\n      class: \"b-checkbox__input-label\"\n    }, null, 8, _hoisted_2),\n    (_ctx.label || _ctx.$slots.default)\n      ? (_openBlock(), _createElementBlock(\"label\", {\n          key: 0,\n          for: _ctx.labelOrphan ? undefined : id.value,\n          class: \"ds-ml-2 ds-text-sm ds-font-medium ds-text-gray-900\"\n        }, [\n          _renderSlot(_ctx.$slots, \"default\", {}, () => [\n            _createTextVNode(_toDisplayString(props.label), 1)\n          ], true)\n        ], 8, _hoisted_3))\n      : _createCommentVNode(\"\", true)\n  ], 2))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_sfc_main","_defineComponent","BCheckboxSize","__props","emit","props","id","computed","uuid","value","val","cssClassValue","result","_ctx","_cache","_openBlock","_createElementBlock","_normalizeClass","_withDirectives","_createElementVNode","$event","_vModelCheckbox","_renderSlot","_createTextVNode","_toDisplayString","_createCommentVNode"],"mappings":";;;AAIA,MAAMA,IAAa,CAAC,MAAM,YAAY,OAAO,GACvCC,IAAa,CAAC,KAAK,GACnBC,IAAa,CAAC,KAAK,GAoBGC,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,SAAS,EAAE,SAAS,GAAG;AAAA,IACvB,YAAY,EAAE,MAAM,CAAC,SAAS,KAAK,GAAG,SAAS,GAAM;AAAA,IACrD,OAAO,EAAE,SAAS,GAAG;AAAA,IACrB,aAAa,EAAE,MAAM,SAAS,SAAS,GAAM;AAAA,IAC7C,UAAU,EAAE,MAAM,SAAS,SAAS,GAAM;AAAA,IAC1C,MAAM,EAAE,SAASC,EAAc,OAAO;AAAA,EACxC;AAAA,EACA,OAAO,CAAC,mBAAmB;AAAA,EAC3B,MAAMC,GAAc,EAAE,MAAAC,KAAQ;AAEhC,UAAMC,IAAQF,GAURG,IAAKC,EAAS,MAAMF,EAAM,WAAW,MAAMG,GAAM,EAAE,GACnDC,IAAQF,EAAS;AAAA,MACrB,MAAM;AACJ,eAAOF,EAAM;AAAA,MACf;AAAA,MACA,IAAIK,GAAK;AACP,QAAAN,EAAK,qBAAqBM,CAAG;AAAA,MAC/B;AAAA,IAAA,CACD,GACKC,IAAgBJ,EAAS,MAAM;AACnC,UAAIK,IAAS;AAEb,cAAQP,EAAM,MAAM;AAAA,QAClB,KAAKH,EAAc;AACP,UAAAU,KAAA;AACV;AAAA,QACF,KAAKV,EAAc;AAAA,QACnB;AACY,UAAAU,KAAA;AACV;AAAA,MACJ;AAEO,aAAAA;AAAA,IAAA,CACR;AAUM,WAAA,CAACC,GAAUC,OACRC,EAAA,GAAcC,EAAoB,OAAO;AAAA,MAC/C,OAAOC,EAAgB,CAACN,EAAc,OAAO,oCAAoC,CAAC;AAAA,IAAA,GACjF;AAAA,MACDO,EAAgBC,EAAoB,SAAS;AAAA,QAC3C,IAAIb,EAAG;AAAA,QACP,uBAAuBQ,EAAO,CAAC,MAAMA,EAAO,CAAC,IAAI,CAACM,MAAkBX,EAAO,QAAQW;AAAA,QACnF,UAAUP,EAAK;AAAA,QACf,OAAOA,EAAK,OAAO;AAAA,QACnB,MAAM;AAAA,QACN,OAAO;AAAA,MAAA,GACN,MAAM,GAAGhB,CAAU,GAAG;AAAA,QACvB,CAACwB,GAAiBZ,EAAM,KAAK;AAAA,MAAA,CAC9B;AAAA,MACDU,EAAoB,SAAS;AAAA,QAC3B,KAAKb,EAAG;AAAA,QACR,OAAO;AAAA,MAAA,GACN,MAAM,GAAGR,CAAU;AAAA,MACrBe,EAAK,SAASA,EAAK,OAAO,WACtBE,EAAW,GAAGC,EAAoB,SAAS;AAAA,QAC1C,KAAK;AAAA,QACL,KAAKH,EAAK,cAAc,SAAYP,EAAG;AAAA,QACvC,OAAO;AAAA,MAAA,GACN;AAAA,QACDgB,EAAYT,EAAK,QAAQ,WAAW,IAAI,MAAM;AAAA,UAC5CU,EAAiBC,EAAiBnB,EAAM,KAAK,GAAG,CAAC;AAAA,WAChD,EAAI;AAAA,SACN,GAAGN,CAAU,KAChB0B,EAAoB,IAAI,EAAI;AAAA,OAC/B,CAAC;AAAA,EAEN;AAEA,CAAC;"}

package/dist/design-system64.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("./design-system30.js");module.exports=e;
+"use strict";const e=require("./design-system29.js");module.exports=e;
 //# sourceMappingURL=design-system64.js.map