@7pmlabs/design-system 0.4.15 → 0.4.16

package/dist/design-system32.mjs

@@ -1,6 +1,6 @@
-import o from "./design-system67.mjs";
-import "./design-system68.mjs";
-import r from "./design-system55.mjs";
+import o from "./design-system71.mjs";
+import "./design-system72.mjs";
+import r from "./design-system59.mjs";
 const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-31348ccc"]]);
 export {
   m as default

package/dist/design-system33.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("./design-system69.js");require("./design-system70.js");const r=require("./design-system55.js"),t=r(e,[["__scopeId","data-v-c49c635e"]]);module.exports=t;
+"use strict";const e=require("./design-system73.js");require("./design-system74.js");const r=require("./design-system59.js"),t=r(e,[["__scopeId","data-v-c49c635e"]]);module.exports=t;
 //# sourceMappingURL=design-system33.js.map

package/dist/design-system33.mjs

@@ -1,6 +1,6 @@
-import o from "./design-system69.mjs";
-import "./design-system70.mjs";
-import r from "./design-system55.mjs";
+import o from "./design-system73.mjs";
+import "./design-system74.mjs";
+import r from "./design-system59.mjs";
 const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-c49c635e"]]);
 export {
   e as default

package/dist/design-system34.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),t=require("./design-system55.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-system59.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-system34.js.map

package/dist/design-system34.mjs

@@ -1,5 +1,5 @@
 import { openBlock as o, createElementBlock as t, renderSlot as r } from "vue";
-import c from "./design-system55.mjs";
+import c from "./design-system59.mjs";
 const s = {}, n = { class: "ds-p-4" };
 function d(e, l) {
   return o(), t("div", n, [

package/dist/design-system35.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),t=require("./design-system55.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-system59.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-system35.js.map

package/dist/design-system35.mjs

@@ -1,5 +1,5 @@
 import { openBlock as o, createElementBlock as t, renderSlot as s } from "vue";
-import r from "./design-system55.mjs";
+import r from "./design-system59.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, [

package/dist/design-system36.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),t=require("./design-system55.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"),t=require("./design-system59.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-system36.js.map

package/dist/design-system36.mjs

@@ -1,5 +1,5 @@
 import { openBlock as t, createElementBlock as s, renderSlot as o } from "vue";
-import r from "./design-system55.mjs";
+import r from "./design-system59.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, [

package/dist/design-system37.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),r=require("./design-system55.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("vue"),r=require("./design-system59.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-system37.js.map

package/dist/design-system37.mjs

@@ -1,5 +1,5 @@
 import { openBlock as s, createElementBlock as d, renderSlot as t } from "vue";
-import o from "./design-system55.mjs";
+import o from "./design-system59.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, [

package/dist/design-system38.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("./design-system75.js");require("./design-system76.js");const r=require("./design-system55.js"),t=r(e,[["__scopeId","data-v-9fff80f3"]]);module.exports=t;
+"use strict";const e=require("./design-system79.js");require("./design-system80.js");const r=require("./design-system59.js"),t=r(e,[["__scopeId","data-v-9fff80f3"]]);module.exports=t;
 //# sourceMappingURL=design-system38.js.map

package/dist/design-system38.mjs

@@ -1,6 +1,6 @@
-import o from "./design-system75.mjs";
-import "./design-system76.mjs";
-import f from "./design-system55.mjs";
+import o from "./design-system79.mjs";
+import "./design-system80.mjs";
+import f from "./design-system59.mjs";
 const m = /* @__PURE__ */ f(o, [["__scopeId", "data-v-9fff80f3"]]);
 export {
   m as default

package/dist/design-system39.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue");require("./design-system78.js");const t=require("./design-system55.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-system82.js");const t=require("./design-system59.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-system39.js.map

package/dist/design-system39.mjs

@@ -1,6 +1,6 @@
 import { openBlock as t, createElementBlock as o, renderSlot as r } from "vue";
-import "./design-system78.mjs";
-import c from "./design-system55.mjs";
+import "./design-system82.mjs";
+import c from "./design-system59.mjs";
 const n = {}, s = { class: "tab" };
 function a(e, d) {
   return t(), o("div", s, [

package/dist/design-system40.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("./design-system79.js");require("./design-system80.js");const r=require("./design-system55.js"),t=r(e,[["__scopeId","data-v-646ae8c4"]]);module.exports=t;
+"use strict";const e=require("./design-system83.js");require("./design-system84.js");const r=require("./design-system59.js"),t=r(e,[["__scopeId","data-v-646ae8c4"]]);module.exports=t;
 //# sourceMappingURL=design-system40.js.map

package/dist/design-system40.mjs

@@ -1,6 +1,6 @@
-import o from "./design-system79.mjs";
-import "./design-system80.mjs";
-import t from "./design-system55.mjs";
+import o from "./design-system83.mjs";
+import "./design-system84.mjs";
+import t from "./design-system59.mjs";
 const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-646ae8c4"]]);
 export {
   p as default

package/dist/design-system41.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("./design-system82.js");require("./design-system83.js");const t=require("./design-system55.js"),r=t(e,[["__scopeId","data-v-d47b93d4"]]);module.exports=r;
+"use strict";const e=require("./design-system86.js");require("./design-system87.js");const t=require("./design-system59.js"),r=t(e,[["__scopeId","data-v-d47b93d4"]]);module.exports=r;
 //# sourceMappingURL=design-system41.js.map

package/dist/design-system41.mjs

@@ -1,6 +1,6 @@
-import o from "./design-system82.mjs";
-import "./design-system83.mjs";
-import t from "./design-system55.mjs";
+import o from "./design-system86.mjs";
+import "./design-system87.mjs";
+import t from "./design-system59.mjs";
 const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-d47b93d4"]]);
 export {
   m as default

package/dist/design-system42.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),t=require("./design-system5.js"),a={key:0,class:"ds-flex ds-flex-initial ds-items-center ds-pr-1"},r=e.createElementVNode("svg",{class:"ds-h-5 ds-w-5 ds-fill-white",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},[e.createElementVNode("path",{d:"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z"})],-1),i=[r],m={key:1,class:"ds-flex ds-flex-initial ds-items-center ds-pr-1"},p=e.createElementVNode("svg",{class:"ds-h-5 ds-w-5 ds-fill-white",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},[e.createElementVNode("path",{d:"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24V264c0 13.3-10.7 24-24 24s-24-10.7-24-24V152c0-13.3 10.7-24 24-24zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z"})],-1),u=[p],h={class:"ds-flex-auto ds-text-sm ds-font-normal"},f=["innerHTML"],w=e.createElementVNode("path",{d:"M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z"},null,-1),x=[w],B=e.defineComponent({__name:"BToastItem",props:{text:{default:""},type:{default:t.BToastItemType.Default},hideClose:{type:Boolean,default:!1}},emits:["close"],setup(d,{emit:c}){const o=d,n=e.computed(()=>{let s="ds-flex ds-items-center ds-w-80 ds-px-4 ds-py-5 ds-rounded-lg ds-shadow-2xl ";switch(o.type){case t.BToastItemType.Success:s+="ds-bg-[#00a86b] ds-text-white ";break;case t.BToastItemType.Error:s+="ds-bg-red-600 ds-text-white ";break;case t.BToastItemType.Default:default:s+="ds-bg-white ds-text-primary-t "}return s});return(s,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(n.value)},[e.unref(t.BToastItemType).Success===o.type?(e.openBlock(),e.createElementBlock("div",a,i)):e.unref(t.BToastItemType).Error===o.type?(e.openBlock(),e.createElementBlock("div",m,u)):e.createCommentVNode("",!0),e.createElementVNode("div",h,[e.renderSlot(s.$slots,"default",{},()=>[e.createElementVNode("div",{innerHTML:s.text},null,8,f)])]),o.hideClose?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:2,class:"ds-flex ds-flex-initial ds-cursor-pointer ds-items-center ds-pl-1",onClick:l[0]||(l[0]=_=>c("close"))},[(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass([[e.unref(t.BToastItemType).Default===o.type?"ds-fill-primary-t":"ds-fill-white"],"ds-h-5 ds-w-5"]),viewBox:"0 0 384 512",xmlns:"http://www.w3.org/2000/svg"},x,2))]))],2))}});module.exports=B;
+"use strict";const e=require("vue"),s=require("./design-system5.js"),r={key:0,class:"ds-flex ds-flex-initial ds-items-center ds-pr-1"},i=e.createElementVNode("svg",{class:"ds-h-5 ds-w-5 ds-fill-white",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},[e.createElementVNode("path",{d:"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z"})],-1),m=[i],p={key:1,class:"ds-flex ds-flex-initial ds-items-center ds-pr-1"},u=e.createElementVNode("svg",{class:"ds-h-5 ds-w-5 ds-fill-white",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},[e.createElementVNode("path",{d:"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24V264c0 13.3-10.7 24-24 24s-24-10.7-24-24V152c0-13.3 10.7-24 24-24zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z"})],-1),h=[u],f={class:"ds-flex-auto ds-text-sm ds-font-normal"},w=["innerHTML"],x=e.createElementVNode("path",{d:"M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z"},null,-1),B=[x],_=e.defineComponent({__name:"BToastItem",props:{text:{default:""},type:{default:s.BToastItemType.Default},hideClose:{type:Boolean,default:!1}},emits:["close"],setup(d,{emit:c}){const o=d,n=c,a=e.computed(()=>{let t="ds-flex ds-items-center ds-w-80 ds-px-4 ds-py-5 ds-rounded-lg ds-shadow-2xl ";switch(o.type){case s.BToastItemType.Success:t+="ds-bg-[#00a86b] ds-text-white ";break;case s.BToastItemType.Error:t+="ds-bg-red-600 ds-text-white ";break;case s.BToastItemType.Default:default:t+="ds-bg-white ds-text-primary-t "}return t});return(t,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(a.value)},[e.unref(s.BToastItemType).Success===o.type?(e.openBlock(),e.createElementBlock("div",r,m)):e.unref(s.BToastItemType).Error===o.type?(e.openBlock(),e.createElementBlock("div",p,h)):e.createCommentVNode("",!0),e.createElementVNode("div",f,[e.renderSlot(t.$slots,"default",{},()=>[e.createElementVNode("div",{innerHTML:t.text},null,8,w)])]),o.hideClose?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:2,class:"ds-flex ds-flex-initial ds-cursor-pointer ds-items-center ds-pl-1",onClick:l[0]||(l[0]=y=>n("close"))},[(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass([[e.unref(s.BToastItemType).Default===o.type?"ds-fill-primary-t":"ds-fill-white"],"ds-h-5 ds-w-5"]),viewBox:"0 0 384 512",xmlns:"http://www.w3.org/2000/svg"},B,2))]))],2))}});module.exports=_;
 //# sourceMappingURL=design-system42.js.map

package/dist/design-system42.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system42.js","sources":["../src/components/BToast/BToastItem.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { unref as _unref, createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, renderSlot as _renderSlot, normalizeClass as _normalizeClass } from \"vue\"\n\nconst _hoisted_1 = {\n  key: 0,\n  class: \"ds-flex ds-flex-initial ds-items-center ds-pr-1\"\n}\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"svg\", {\n  class: \"ds-h-5 ds-w-5 ds-fill-white\",\n  viewBox: \"0 0 512 512\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n}, [\n  /*#__PURE__*/_createElementVNode(\"path\", { d: \"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z\" })\n], -1)\nconst _hoisted_3 = [\n  _hoisted_2\n]\nconst _hoisted_4 = {\n  key: 1,\n  class: \"ds-flex ds-flex-initial ds-items-center ds-pr-1\"\n}\nconst _hoisted_5 = /*#__PURE__*/_createElementVNode(\"svg\", {\n  class: \"ds-h-5 ds-w-5 ds-fill-white\",\n  viewBox: \"0 0 512 512\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n}, [\n  /*#__PURE__*/_createElementVNode(\"path\", { d: \"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24V264c0 13.3-10.7 24-24 24s-24-10.7-24-24V152c0-13.3 10.7-24 24-24zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z\" })\n], -1)\nconst _hoisted_6 = [\n  _hoisted_5\n]\nconst _hoisted_7 = { class: \"ds-flex-auto ds-text-sm ds-font-normal\" }\nconst _hoisted_8 = [\"innerHTML\"]\nconst _hoisted_9 = /*#__PURE__*/_createElementVNode(\"path\", { d: \"M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z\" }, null, -1)\nconst _hoisted_10 = [\n  _hoisted_9\n]\n\nimport { BToastItemType } from '@/constants/Enums';\nimport { computed } from 'vue';\n\n//#region Props\nexport interface Props {\n  text?: string;\n  type?: `${BToastItemType}`;\n  hideClose?: boolean;\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BToastItem',\n  props: {\n    text: { default: '' },\n    type: { default: BToastItemType.Default },\n    hideClose: { type: Boolean, default: false }\n  },\n  emits: [\"close\"],\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 cssClass = computed<string>(() => {\n  let result = `ds-flex ds-items-center ds-w-80 ds-px-4 ds-py-5 ds-rounded-lg ds-shadow-2xl `;\n\n  switch (props.type) {\n    case BToastItemType.Success:\n      result += `ds-bg-[#00a86b] ds-text-white `;\n      break;\n    case BToastItemType.Error:\n      result += `ds-bg-red-600 ds-text-white `;\n      break;\n    case BToastItemType.Default:\n    default:\n      result += `ds-bg-white ds-text-primary-t `;\n  }\n\n  return result;\n});\n//#endregion\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    class: _normalizeClass(cssClass.value)\n  }, [\n    (_unref(BToastItemType).Success === props.type)\n      ? (_openBlock(), _createElementBlock(\"div\", _hoisted_1, _hoisted_3))\n      : (_unref(BToastItemType).Error === props.type)\n        ? (_openBlock(), _createElementBlock(\"div\", _hoisted_4, _hoisted_6))\n        : _createCommentVNode(\"\", true),\n    _createElementVNode(\"div\", _hoisted_7, [\n      _renderSlot(_ctx.$slots, \"default\", {}, () => [\n        _createElementVNode(\"div\", { innerHTML: _ctx.text }, null, 8, _hoisted_8)\n      ])\n    ]),\n    (!props.hideClose)\n      ? (_openBlock(), _createElementBlock(\"div\", {\n          key: 2,\n          class: \"ds-flex ds-flex-initial ds-cursor-pointer ds-items-center ds-pl-1\",\n          onClick: _cache[0] || (_cache[0] = ($event: any) => (emit('close')))\n        }, [\n          (_openBlock(), _createElementBlock(\"svg\", {\n            class: _normalizeClass([[\n          _unref(BToastItemType).Default === props.type\n            ? 'ds-fill-primary-t'\n            : 'ds-fill-white',\n        ], \"ds-h-5 ds-w-5\"]),\n            viewBox: \"0 0 384 512\",\n            xmlns: \"http://www.w3.org/2000/svg\"\n          }, _hoisted_10, 2))\n        ]))\n      : _createCommentVNode(\"\", true)\n  ], 2))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_createElementVNode","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_sfc_main","_defineComponent","BToastItemType","__props","emit","props","cssClass","computed","result","_ctx","_cache","_openBlock","_createElementBlock","_normalizeClass","_unref","_createCommentVNode","_renderSlot","$event"],"mappings":"qEAGMA,EAAa,CACjB,IAAK,EACL,MAAO,iDACT,EACMC,uBAA8C,MAAO,CACzD,MAAO,8BACP,QAAS,cACT,MAAO,4BACT,EAAG,CACgCC,EAAAA,mBAAA,OAAQ,CAAE,EAAG,oMAAqM,CACrP,EAAG,EAAE,EACCC,EAAa,CACjBF,CACF,EACMG,EAAa,CACjB,IAAK,EACL,MAAO,iDACT,EACMC,uBAA8C,MAAO,CACzD,MAAO,8BACP,QAAS,cACT,MAAO,4BACT,EAAG,CACgCH,EAAAA,mBAAA,OAAQ,CAAE,EAAG,6LAA8L,CAC9O,EAAG,EAAE,EACCI,EAAa,CACjBD,CACF,EACME,EAAa,CAAE,MAAO,0CACtBC,EAAa,CAAC,WAAW,EACzBC,uBAA8C,OAAQ,CAAE,EAAG,2RAA6R,KAAM,EAAE,EAChWC,EAAc,CAClBD,CACF,EAa4BE,EAAiBC,kBAAA,CAC3C,OAAQ,aACR,MAAO,CACL,KAAM,CAAE,QAAS,EAAG,EACpB,KAAM,CAAE,QAASC,EAAA,eAAe,OAAQ,EACxC,UAAW,CAAE,KAAM,QAAS,QAAS,EAAM,CAC7C,EACA,MAAO,CAAC,OAAO,EACf,MAAMC,EAAc,CAAE,KAAAC,GAAQ,CAEhC,MAAMC,EAAQF,EAURG,EAAWC,EAAAA,SAAiB,IAAM,CACtC,IAAIC,EAAS,+EAEb,OAAQH,EAAM,KAAM,CAClB,KAAKH,EAAe,eAAA,QACRM,GAAA,iCACV,MACF,KAAKN,EAAe,eAAA,MACRM,GAAA,+BACV,MACF,KAAKN,EAAAA,eAAe,QACpB,QACYM,GAAA,gCACd,CAEO,OAAAA,CAAA,CACR,EAGM,MAAA,CAACC,EAAUC,KACRC,EAAA,UAAA,EAAcC,EAAA,mBAAoB,MAAO,CAC/C,MAAOC,EAAAA,eAAgBP,EAAS,KAAK,CAAA,EACpC,CACAQ,EAAAA,MAAOZ,EAAc,cAAA,EAAE,UAAYG,EAAM,MACrCM,YAAW,EAAGC,EAAoB,mBAAA,MAAOvB,EAAYG,CAAU,GAC/DsB,EAAA,MAAOZ,gBAAc,EAAE,QAAUG,EAAM,MACrCM,EAAAA,UAAc,EAAAC,EAAA,mBAAoB,MAAOnB,EAAYE,CAAU,GAChEoB,qBAAoB,GAAI,EAAI,EAClCxB,EAAA,mBAAoB,MAAOK,EAAY,CACrCoB,EAAAA,WAAYP,EAAK,OAAQ,UAAW,GAAI,IAAM,CAC5ClB,qBAAoB,MAAO,CAAE,UAAWkB,EAAK,MAAQ,KAAM,EAAGZ,CAAU,CAAA,CACzE,CAAA,CACF,EACCQ,EAAM,UAgBJU,EAAAA,mBAAoB,GAAI,EAAI,GAf3BJ,EAAW,UAAA,EAAGC,EAAAA,mBAAoB,MAAO,CACxC,IAAK,EACL,MAAO,oEACP,QAASF,EAAO,CAAC,IAAMA,EAAO,CAAC,EAAKO,GAAiBb,EAAK,OAAO,EAAA,EAChE,EACAO,YAAc,EAAAC,EAAA,mBAAoB,MAAO,CACxC,MAAOC,iBAAgB,CAAC,CAC1BC,QAAOZ,EAAc,cAAA,EAAE,UAAYG,EAAM,KACrC,oBACA,eACN,EAAG,eAAe,CAAC,EACf,QAAS,cACT,MAAO,4BAAA,EACNN,EAAa,CAAC,EAAA,CAClB,IAEJ,CAAC,EAEN,CAEA,CAAC"}
+{"version":3,"file":"design-system42.js","sources":["../src/components/BToast/BToastItem.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { unref as _unref, createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, renderSlot as _renderSlot, normalizeClass as _normalizeClass } from \"vue\"\n\nconst _hoisted_1 = {\n  key: 0,\n  class: \"ds-flex ds-flex-initial ds-items-center ds-pr-1\"\n}\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"svg\", {\n  class: \"ds-h-5 ds-w-5 ds-fill-white\",\n  viewBox: \"0 0 512 512\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n}, [\n  /*#__PURE__*/_createElementVNode(\"path\", { d: \"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z\" })\n], -1)\nconst _hoisted_3 = [\n  _hoisted_2\n]\nconst _hoisted_4 = {\n  key: 1,\n  class: \"ds-flex ds-flex-initial ds-items-center ds-pr-1\"\n}\nconst _hoisted_5 = /*#__PURE__*/_createElementVNode(\"svg\", {\n  class: \"ds-h-5 ds-w-5 ds-fill-white\",\n  viewBox: \"0 0 512 512\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n}, [\n  /*#__PURE__*/_createElementVNode(\"path\", { d: \"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24V264c0 13.3-10.7 24-24 24s-24-10.7-24-24V152c0-13.3 10.7-24 24-24zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z\" })\n], -1)\nconst _hoisted_6 = [\n  _hoisted_5\n]\nconst _hoisted_7 = { class: \"ds-flex-auto ds-text-sm ds-font-normal\" }\nconst _hoisted_8 = [\"innerHTML\"]\nconst _hoisted_9 = /*#__PURE__*/_createElementVNode(\"path\", { d: \"M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z\" }, null, -1)\nconst _hoisted_10 = [\n  _hoisted_9\n]\n\nimport { BToastItemType } from '@/constants/Enums';\nimport { computed } from 'vue';\n\n//#region Props\nexport interface Props {\n  text?: string;\n  type?: `${BToastItemType}`;\n  hideClose?: boolean;\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BToastItem',\n  props: {\n    text: { default: '' },\n    type: { default: BToastItemType.Default },\n    hideClose: { type: Boolean, default: false }\n  },\n  emits: [\"close\"],\n  setup(__props: any, { emit: __emit }) {\n\nconst props = __props;\n//#endregion\n\n//#region Events\nconst emit = __emit;\n//#endregion\n\n//#region Data\nconst cssClass = computed<string>(() => {\n  let result = `ds-flex ds-items-center ds-w-80 ds-px-4 ds-py-5 ds-rounded-lg ds-shadow-2xl `;\n\n  switch (props.type) {\n    case BToastItemType.Success:\n      result += `ds-bg-[#00a86b] ds-text-white `;\n      break;\n    case BToastItemType.Error:\n      result += `ds-bg-red-600 ds-text-white `;\n      break;\n    case BToastItemType.Default:\n    default:\n      result += `ds-bg-white ds-text-primary-t `;\n  }\n\n  return result;\n});\n//#endregion\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    class: _normalizeClass(cssClass.value)\n  }, [\n    (_unref(BToastItemType).Success === props.type)\n      ? (_openBlock(), _createElementBlock(\"div\", _hoisted_1, _hoisted_3))\n      : (_unref(BToastItemType).Error === props.type)\n        ? (_openBlock(), _createElementBlock(\"div\", _hoisted_4, _hoisted_6))\n        : _createCommentVNode(\"\", true),\n    _createElementVNode(\"div\", _hoisted_7, [\n      _renderSlot(_ctx.$slots, \"default\", {}, () => [\n        _createElementVNode(\"div\", { innerHTML: _ctx.text }, null, 8, _hoisted_8)\n      ])\n    ]),\n    (!props.hideClose)\n      ? (_openBlock(), _createElementBlock(\"div\", {\n          key: 2,\n          class: \"ds-flex ds-flex-initial ds-cursor-pointer ds-items-center ds-pl-1\",\n          onClick: _cache[0] || (_cache[0] = ($event: any) => (emit('close')))\n        }, [\n          (_openBlock(), _createElementBlock(\"svg\", {\n            class: _normalizeClass([[\n          _unref(BToastItemType).Default === props.type\n            ? 'ds-fill-primary-t'\n            : 'ds-fill-white',\n        ], \"ds-h-5 ds-w-5\"]),\n            viewBox: \"0 0 384 512\",\n            xmlns: \"http://www.w3.org/2000/svg\"\n          }, _hoisted_10, 2))\n        ]))\n      : _createCommentVNode(\"\", true)\n  ], 2))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_createElementVNode","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_sfc_main","_defineComponent","BToastItemType","__props","__emit","props","emit","cssClass","computed","result","_ctx","_cache","_openBlock","_createElementBlock","_normalizeClass","_unref","_createCommentVNode","_renderSlot","$event"],"mappings":"qEAGMA,EAAa,CACjB,IAAK,EACL,MAAO,iDACT,EACMC,uBAA8C,MAAO,CACzD,MAAO,8BACP,QAAS,cACT,MAAO,4BACT,EAAG,CACgCC,EAAAA,mBAAA,OAAQ,CAAE,EAAG,oMAAqM,CACrP,EAAG,EAAE,EACCC,EAAa,CACjBF,CACF,EACMG,EAAa,CACjB,IAAK,EACL,MAAO,iDACT,EACMC,uBAA8C,MAAO,CACzD,MAAO,8BACP,QAAS,cACT,MAAO,4BACT,EAAG,CACgCH,EAAAA,mBAAA,OAAQ,CAAE,EAAG,6LAA8L,CAC9O,EAAG,EAAE,EACCI,EAAa,CACjBD,CACF,EACME,EAAa,CAAE,MAAO,0CACtBC,EAAa,CAAC,WAAW,EACzBC,uBAA8C,OAAQ,CAAE,EAAG,2RAA6R,KAAM,EAAE,EAChWC,EAAc,CAClBD,CACF,EAa4BE,EAAiBC,kBAAA,CAC3C,OAAQ,aACR,MAAO,CACL,KAAM,CAAE,QAAS,EAAG,EACpB,KAAM,CAAE,QAASC,EAAA,eAAe,OAAQ,EACxC,UAAW,CAAE,KAAM,QAAS,QAAS,EAAM,CAC7C,EACA,MAAO,CAAC,OAAO,EACf,MAAMC,EAAc,CAAE,KAAMC,GAAU,CAExC,MAAMC,EAAQF,EAIRG,EAAOF,EAIPG,EAAWC,EAAAA,SAAiB,IAAM,CACtC,IAAIC,EAAS,+EAEb,OAAQJ,EAAM,KAAM,CAClB,KAAKH,EAAe,eAAA,QACRO,GAAA,iCACV,MACF,KAAKP,EAAe,eAAA,MACRO,GAAA,+BACV,MACF,KAAKP,EAAAA,eAAe,QACpB,QACYO,GAAA,gCACd,CAEO,OAAAA,CAAA,CACR,EAGM,MAAA,CAACC,EAAUC,KACRC,EAAA,UAAA,EAAcC,EAAA,mBAAoB,MAAO,CAC/C,MAAOC,EAAAA,eAAgBP,EAAS,KAAK,CAAA,EACpC,CACAQ,EAAAA,MAAOb,EAAc,cAAA,EAAE,UAAYG,EAAM,MACrCO,YAAW,EAAGC,EAAoB,mBAAA,MAAOxB,EAAYG,CAAU,GAC/DuB,EAAA,MAAOb,gBAAc,EAAE,QAAUG,EAAM,MACrCO,EAAAA,UAAc,EAAAC,EAAA,mBAAoB,MAAOpB,EAAYE,CAAU,GAChEqB,qBAAoB,GAAI,EAAI,EAClCzB,EAAA,mBAAoB,MAAOK,EAAY,CACrCqB,EAAAA,WAAYP,EAAK,OAAQ,UAAW,GAAI,IAAM,CAC5CnB,qBAAoB,MAAO,CAAE,UAAWmB,EAAK,MAAQ,KAAM,EAAGb,CAAU,CAAA,CACzE,CAAA,CACF,EACCQ,EAAM,UAgBJW,EAAAA,mBAAoB,GAAI,EAAI,GAf3BJ,EAAW,UAAA,EAAGC,EAAAA,mBAAoB,MAAO,CACxC,IAAK,EACL,MAAO,oEACP,QAASF,EAAO,CAAC,IAAMA,EAAO,CAAC,EAAKO,GAAiBZ,EAAK,OAAO,EAAA,EAChE,EACAM,YAAc,EAAAC,EAAA,mBAAoB,MAAO,CACxC,MAAOC,iBAAgB,CAAC,CAC1BC,QAAOb,EAAc,cAAA,EAAE,UAAYG,EAAM,KACrC,oBACA,eACN,EAAG,eAAe,CAAC,EACf,QAAS,cACT,MAAO,4BAAA,EACNN,EAAa,CAAC,EAAA,CAClB,IAEJ,CAAC,EAEN,CAEA,CAAC"}

package/dist/design-system42.mjs

@@ -1,30 +1,30 @@
-import { defineComponent as h, computed as m, openBlock as l, createElementBlock as o, normalizeClass as r, unref as i, createCommentVNode as n, createElementVNode as t, renderSlot as w } from "vue";
+import { defineComponent as h, computed as w, openBlock as l, createElementBlock as o, normalizeClass as n, unref as i, createCommentVNode as r, createElementVNode as t, renderSlot as u } from "vue";
 import { BToastItemType as e } from "./design-system5.mjs";
-const u = {
+const x = {
   key: 0,
   class: "ds-flex ds-flex-initial ds-items-center ds-pr-1"
-}, x = /* @__PURE__ */ t("svg", {
+}, _ = /* @__PURE__ */ t("svg", {
   class: "ds-h-5 ds-w-5 ds-fill-white",
   viewBox: "0 0 512 512",
   xmlns: "http://www.w3.org/2000/svg"
 }, [
   /* @__PURE__ */ t("path", { d: "M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z" })
-], -1), _ = [
-  x
-], v = {
+], -1), v = [
+  _
+], g = {
   key: 1,
   class: "ds-flex ds-flex-initial ds-items-center ds-pr-1"
-}, g = /* @__PURE__ */ t("svg", {
+}, y = /* @__PURE__ */ t("svg", {
   class: "ds-h-5 ds-w-5 ds-fill-white",
   viewBox: "0 0 512 512",
   xmlns: "http://www.w3.org/2000/svg"
 }, [
   /* @__PURE__ */ t("path", { d: "M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24V264c0 13.3-10.7 24-24 24s-24-10.7-24-24V152c0-13.3 10.7-24 24-24zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z" })
-], -1), y = [
-  g
-], k = { class: "ds-flex-auto ds-text-sm ds-font-normal" }, B = ["innerHTML"], L = /* @__PURE__ */ t("path", { d: "M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z" }, null, -1), z = [
-  L
-], T = /* @__PURE__ */ h({
+], -1), k = [
+  y
+], B = { class: "ds-flex-auto ds-text-sm ds-font-normal" }, L = ["innerHTML"], z = /* @__PURE__ */ t("path", { d: "M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z" }, null, -1), C = [
+  z
+], E = /* @__PURE__ */ h({
   __name: "BToastItem",
   props: {
     text: { default: "" },
@@ -33,7 +33,7 @@ const u = {
   },
   emits: ["close"],
   setup(a, { emit: p }) {
-    const d = a, f = m(() => {
+    const d = a, m = p, f = w(() => {
       let s = "ds-flex ds-items-center ds-w-80 ds-px-4 ds-py-5 ds-rounded-lg ds-shadow-2xl ";
       switch (d.type) {
         case e.Success:
@@ -49,31 +49,31 @@ const u = {
       return s;
     });
     return (s, c) => (l(), o("div", {
-      class: r(f.value)
+      class: n(f.value)
     }, [
-      i(e).Success === d.type ? (l(), o("div", u, _)) : i(e).Error === d.type ? (l(), o("div", v, y)) : n("", !0),
-      t("div", k, [
-        w(s.$slots, "default", {}, () => [
-          t("div", { innerHTML: s.text }, null, 8, B)
+      i(e).Success === d.type ? (l(), o("div", x, v)) : i(e).Error === d.type ? (l(), o("div", g, k)) : r("", !0),
+      t("div", B, [
+        u(s.$slots, "default", {}, () => [
+          t("div", { innerHTML: s.text }, null, 8, L)
         ])
       ]),
-      d.hideClose ? n("", !0) : (l(), o("div", {
+      d.hideClose ? r("", !0) : (l(), o("div", {
         key: 2,
         class: "ds-flex ds-flex-initial ds-cursor-pointer ds-items-center ds-pl-1",
-        onClick: c[0] || (c[0] = (C) => p("close"))
+        onClick: c[0] || (c[0] = (M) => m("close"))
       }, [
         (l(), o("svg", {
-          class: r([[
+          class: n([[
             i(e).Default === d.type ? "ds-fill-primary-t" : "ds-fill-white"
           ], "ds-h-5 ds-w-5"]),
           viewBox: "0 0 384 512",
           xmlns: "http://www.w3.org/2000/svg"
-        }, z, 2))
+        }, C, 2))
       ]))
     ], 2));
   }
 });
 export {
-  T as default
+  E as default
 };
 //# sourceMappingURL=design-system42.mjs.map

package/dist/design-system42.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system42.mjs","sources":["../src/components/BToast/BToastItem.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { unref as _unref, createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, renderSlot as _renderSlot, normalizeClass as _normalizeClass } from \"vue\"\n\nconst _hoisted_1 = {\n  key: 0,\n  class: \"ds-flex ds-flex-initial ds-items-center ds-pr-1\"\n}\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"svg\", {\n  class: \"ds-h-5 ds-w-5 ds-fill-white\",\n  viewBox: \"0 0 512 512\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n}, [\n  /*#__PURE__*/_createElementVNode(\"path\", { d: \"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z\" })\n], -1)\nconst _hoisted_3 = [\n  _hoisted_2\n]\nconst _hoisted_4 = {\n  key: 1,\n  class: \"ds-flex ds-flex-initial ds-items-center ds-pr-1\"\n}\nconst _hoisted_5 = /*#__PURE__*/_createElementVNode(\"svg\", {\n  class: \"ds-h-5 ds-w-5 ds-fill-white\",\n  viewBox: \"0 0 512 512\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n}, [\n  /*#__PURE__*/_createElementVNode(\"path\", { d: \"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24V264c0 13.3-10.7 24-24 24s-24-10.7-24-24V152c0-13.3 10.7-24 24-24zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z\" })\n], -1)\nconst _hoisted_6 = [\n  _hoisted_5\n]\nconst _hoisted_7 = { class: \"ds-flex-auto ds-text-sm ds-font-normal\" }\nconst _hoisted_8 = [\"innerHTML\"]\nconst _hoisted_9 = /*#__PURE__*/_createElementVNode(\"path\", { d: \"M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z\" }, null, -1)\nconst _hoisted_10 = [\n  _hoisted_9\n]\n\nimport { BToastItemType } from '@/constants/Enums';\nimport { computed } from 'vue';\n\n//#region Props\nexport interface Props {\n  text?: string;\n  type?: `${BToastItemType}`;\n  hideClose?: boolean;\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BToastItem',\n  props: {\n    text: { default: '' },\n    type: { default: BToastItemType.Default },\n    hideClose: { type: Boolean, default: false }\n  },\n  emits: [\"close\"],\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 cssClass = computed<string>(() => {\n  let result = `ds-flex ds-items-center ds-w-80 ds-px-4 ds-py-5 ds-rounded-lg ds-shadow-2xl `;\n\n  switch (props.type) {\n    case BToastItemType.Success:\n      result += `ds-bg-[#00a86b] ds-text-white `;\n      break;\n    case BToastItemType.Error:\n      result += `ds-bg-red-600 ds-text-white `;\n      break;\n    case BToastItemType.Default:\n    default:\n      result += `ds-bg-white ds-text-primary-t `;\n  }\n\n  return result;\n});\n//#endregion\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    class: _normalizeClass(cssClass.value)\n  }, [\n    (_unref(BToastItemType).Success === props.type)\n      ? (_openBlock(), _createElementBlock(\"div\", _hoisted_1, _hoisted_3))\n      : (_unref(BToastItemType).Error === props.type)\n        ? (_openBlock(), _createElementBlock(\"div\", _hoisted_4, _hoisted_6))\n        : _createCommentVNode(\"\", true),\n    _createElementVNode(\"div\", _hoisted_7, [\n      _renderSlot(_ctx.$slots, \"default\", {}, () => [\n        _createElementVNode(\"div\", { innerHTML: _ctx.text }, null, 8, _hoisted_8)\n      ])\n    ]),\n    (!props.hideClose)\n      ? (_openBlock(), _createElementBlock(\"div\", {\n          key: 2,\n          class: \"ds-flex ds-flex-initial ds-cursor-pointer ds-items-center ds-pl-1\",\n          onClick: _cache[0] || (_cache[0] = ($event: any) => (emit('close')))\n        }, [\n          (_openBlock(), _createElementBlock(\"svg\", {\n            class: _normalizeClass([[\n          _unref(BToastItemType).Default === props.type\n            ? 'ds-fill-primary-t'\n            : 'ds-fill-white',\n        ], \"ds-h-5 ds-w-5\"]),\n            viewBox: \"0 0 384 512\",\n            xmlns: \"http://www.w3.org/2000/svg\"\n          }, _hoisted_10, 2))\n        ]))\n      : _createCommentVNode(\"\", true)\n  ], 2))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_createElementVNode","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_sfc_main","_defineComponent","BToastItemType","__props","emit","props","cssClass","computed","result","_ctx","_cache","_openBlock","_createElementBlock","_normalizeClass","_unref","_createCommentVNode","_renderSlot","$event"],"mappings":";;AAGA,MAAMA,IAAa;AAAA,EACjB,KAAK;AAAA,EACL,OAAO;AACT,GACMC,sBAA8C,OAAO;AAAA,EACzD,OAAO;AAAA,EACP,SAAS;AAAA,EACT,OAAO;AACT,GAAG;AAAA,EACgCC,gBAAAA,EAAA,QAAQ,EAAE,GAAG,qMAAqM;AACrP,GAAG,EAAE,GACCC,IAAa;AAAA,EACjBF;AACF,GACMG,IAAa;AAAA,EACjB,KAAK;AAAA,EACL,OAAO;AACT,GACMC,sBAA8C,OAAO;AAAA,EACzD,OAAO;AAAA,EACP,SAAS;AAAA,EACT,OAAO;AACT,GAAG;AAAA,EACgCH,gBAAAA,EAAA,QAAQ,EAAE,GAAG,8LAA8L;AAC9O,GAAG,EAAE,GACCI,IAAa;AAAA,EACjBD;AACF,GACME,IAAa,EAAE,OAAO,4CACtBC,IAAa,CAAC,WAAW,GACzBC,sBAA8C,QAAQ,EAAE,GAAG,6RAA6R,MAAM,EAAE,GAChWC,IAAc;AAAA,EAClBD;AACF,GAa4BE,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,MAAM,EAAE,SAAS,GAAG;AAAA,IACpB,MAAM,EAAE,SAASC,EAAe,QAAQ;AAAA,IACxC,WAAW,EAAE,MAAM,SAAS,SAAS,GAAM;AAAA,EAC7C;AAAA,EACA,OAAO,CAAC,OAAO;AAAA,EACf,MAAMC,GAAc,EAAE,MAAAC,KAAQ;AAEhC,UAAMC,IAAQF,GAURG,IAAWC,EAAiB,MAAM;AACtC,UAAIC,IAAS;AAEb,cAAQH,EAAM,MAAM;AAAA,QAClB,KAAKH,EAAe;AACR,UAAAM,KAAA;AACV;AAAA,QACF,KAAKN,EAAe;AACR,UAAAM,KAAA;AACV;AAAA,QACF,KAAKN,EAAe;AAAA,QACpB;AACY,UAAAM,KAAA;AAAA,MACd;AAEO,aAAAA;AAAA,IAAA,CACR;AAGM,WAAA,CAACC,GAAUC,OACRC,EAAA,GAAcC,EAAoB,OAAO;AAAA,MAC/C,OAAOC,EAAgBP,EAAS,KAAK;AAAA,IAAA,GACpC;AAAA,MACAQ,EAAOZ,CAAc,EAAE,YAAYG,EAAM,QACrCM,EAAW,GAAGC,EAAoB,OAAOvB,GAAYG,CAAU,KAC/DsB,EAAOZ,CAAc,EAAE,UAAUG,EAAM,QACrCM,EAAc,GAAAC,EAAoB,OAAOnB,GAAYE,CAAU,KAChEoB,EAAoB,IAAI,EAAI;AAAA,MAClCxB,EAAoB,OAAOK,GAAY;AAAA,QACrCoB,EAAYP,EAAK,QAAQ,WAAW,IAAI,MAAM;AAAA,UAC5ClB,EAAoB,OAAO,EAAE,WAAWkB,EAAK,QAAQ,MAAM,GAAGZ,CAAU;AAAA,QAAA,CACzE;AAAA,MAAA,CACF;AAAA,MACCQ,EAAM,YAgBJU,EAAoB,IAAI,EAAI,KAf3BJ,EAAW,GAAGC,EAAoB,OAAO;AAAA,QACxC,KAAK;AAAA,QACL,OAAO;AAAA,QACP,SAASF,EAAO,CAAC,MAAMA,EAAO,CAAC,IAAI,CAACO,MAAiBb,EAAK,OAAO;AAAA,MAAA,GAChE;AAAA,SACAO,EAAc,GAAAC,EAAoB,OAAO;AAAA,UACxC,OAAOC,EAAgB,CAAC;AAAA,YAC1BC,EAAOZ,CAAc,EAAE,YAAYG,EAAM,OACrC,sBACA;AAAA,UACN,GAAG,eAAe,CAAC;AAAA,UACf,SAAS;AAAA,UACT,OAAO;AAAA,QAAA,GACNN,GAAa,CAAC;AAAA,MAAA,CAClB;AAAA,OAEJ,CAAC;AAAA,EAEN;AAEA,CAAC;"}
+{"version":3,"file":"design-system42.mjs","sources":["../src/components/BToast/BToastItem.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { unref as _unref, createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, renderSlot as _renderSlot, normalizeClass as _normalizeClass } from \"vue\"\n\nconst _hoisted_1 = {\n  key: 0,\n  class: \"ds-flex ds-flex-initial ds-items-center ds-pr-1\"\n}\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"svg\", {\n  class: \"ds-h-5 ds-w-5 ds-fill-white\",\n  viewBox: \"0 0 512 512\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n}, [\n  /*#__PURE__*/_createElementVNode(\"path\", { d: \"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z\" })\n], -1)\nconst _hoisted_3 = [\n  _hoisted_2\n]\nconst _hoisted_4 = {\n  key: 1,\n  class: \"ds-flex ds-flex-initial ds-items-center ds-pr-1\"\n}\nconst _hoisted_5 = /*#__PURE__*/_createElementVNode(\"svg\", {\n  class: \"ds-h-5 ds-w-5 ds-fill-white\",\n  viewBox: \"0 0 512 512\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n}, [\n  /*#__PURE__*/_createElementVNode(\"path\", { d: \"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24V264c0 13.3-10.7 24-24 24s-24-10.7-24-24V152c0-13.3 10.7-24 24-24zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z\" })\n], -1)\nconst _hoisted_6 = [\n  _hoisted_5\n]\nconst _hoisted_7 = { class: \"ds-flex-auto ds-text-sm ds-font-normal\" }\nconst _hoisted_8 = [\"innerHTML\"]\nconst _hoisted_9 = /*#__PURE__*/_createElementVNode(\"path\", { d: \"M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z\" }, null, -1)\nconst _hoisted_10 = [\n  _hoisted_9\n]\n\nimport { BToastItemType } from '@/constants/Enums';\nimport { computed } from 'vue';\n\n//#region Props\nexport interface Props {\n  text?: string;\n  type?: `${BToastItemType}`;\n  hideClose?: boolean;\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BToastItem',\n  props: {\n    text: { default: '' },\n    type: { default: BToastItemType.Default },\n    hideClose: { type: Boolean, default: false }\n  },\n  emits: [\"close\"],\n  setup(__props: any, { emit: __emit }) {\n\nconst props = __props;\n//#endregion\n\n//#region Events\nconst emit = __emit;\n//#endregion\n\n//#region Data\nconst cssClass = computed<string>(() => {\n  let result = `ds-flex ds-items-center ds-w-80 ds-px-4 ds-py-5 ds-rounded-lg ds-shadow-2xl `;\n\n  switch (props.type) {\n    case BToastItemType.Success:\n      result += `ds-bg-[#00a86b] ds-text-white `;\n      break;\n    case BToastItemType.Error:\n      result += `ds-bg-red-600 ds-text-white `;\n      break;\n    case BToastItemType.Default:\n    default:\n      result += `ds-bg-white ds-text-primary-t `;\n  }\n\n  return result;\n});\n//#endregion\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    class: _normalizeClass(cssClass.value)\n  }, [\n    (_unref(BToastItemType).Success === props.type)\n      ? (_openBlock(), _createElementBlock(\"div\", _hoisted_1, _hoisted_3))\n      : (_unref(BToastItemType).Error === props.type)\n        ? (_openBlock(), _createElementBlock(\"div\", _hoisted_4, _hoisted_6))\n        : _createCommentVNode(\"\", true),\n    _createElementVNode(\"div\", _hoisted_7, [\n      _renderSlot(_ctx.$slots, \"default\", {}, () => [\n        _createElementVNode(\"div\", { innerHTML: _ctx.text }, null, 8, _hoisted_8)\n      ])\n    ]),\n    (!props.hideClose)\n      ? (_openBlock(), _createElementBlock(\"div\", {\n          key: 2,\n          class: \"ds-flex ds-flex-initial ds-cursor-pointer ds-items-center ds-pl-1\",\n          onClick: _cache[0] || (_cache[0] = ($event: any) => (emit('close')))\n        }, [\n          (_openBlock(), _createElementBlock(\"svg\", {\n            class: _normalizeClass([[\n          _unref(BToastItemType).Default === props.type\n            ? 'ds-fill-primary-t'\n            : 'ds-fill-white',\n        ], \"ds-h-5 ds-w-5\"]),\n            viewBox: \"0 0 384 512\",\n            xmlns: \"http://www.w3.org/2000/svg\"\n          }, _hoisted_10, 2))\n        ]))\n      : _createCommentVNode(\"\", true)\n  ], 2))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_createElementVNode","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_sfc_main","_defineComponent","BToastItemType","__props","__emit","props","emit","cssClass","computed","result","_ctx","_cache","_openBlock","_createElementBlock","_normalizeClass","_unref","_createCommentVNode","_renderSlot","$event"],"mappings":";;AAGA,MAAMA,IAAa;AAAA,EACjB,KAAK;AAAA,EACL,OAAO;AACT,GACMC,sBAA8C,OAAO;AAAA,EACzD,OAAO;AAAA,EACP,SAAS;AAAA,EACT,OAAO;AACT,GAAG;AAAA,EACgCC,gBAAAA,EAAA,QAAQ,EAAE,GAAG,qMAAqM;AACrP,GAAG,EAAE,GACCC,IAAa;AAAA,EACjBF;AACF,GACMG,IAAa;AAAA,EACjB,KAAK;AAAA,EACL,OAAO;AACT,GACMC,sBAA8C,OAAO;AAAA,EACzD,OAAO;AAAA,EACP,SAAS;AAAA,EACT,OAAO;AACT,GAAG;AAAA,EACgCH,gBAAAA,EAAA,QAAQ,EAAE,GAAG,8LAA8L;AAC9O,GAAG,EAAE,GACCI,IAAa;AAAA,EACjBD;AACF,GACME,IAAa,EAAE,OAAO,4CACtBC,IAAa,CAAC,WAAW,GACzBC,sBAA8C,QAAQ,EAAE,GAAG,6RAA6R,MAAM,EAAE,GAChWC,IAAc;AAAA,EAClBD;AACF,GAa4BE,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,MAAM,EAAE,SAAS,GAAG;AAAA,IACpB,MAAM,EAAE,SAASC,EAAe,QAAQ;AAAA,IACxC,WAAW,EAAE,MAAM,SAAS,SAAS,GAAM;AAAA,EAC7C;AAAA,EACA,OAAO,CAAC,OAAO;AAAA,EACf,MAAMC,GAAc,EAAE,MAAMC,KAAU;AAExC,UAAMC,IAAQF,GAIRG,IAAOF,GAIPG,IAAWC,EAAiB,MAAM;AACtC,UAAIC,IAAS;AAEb,cAAQJ,EAAM,MAAM;AAAA,QAClB,KAAKH,EAAe;AACR,UAAAO,KAAA;AACV;AAAA,QACF,KAAKP,EAAe;AACR,UAAAO,KAAA;AACV;AAAA,QACF,KAAKP,EAAe;AAAA,QACpB;AACY,UAAAO,KAAA;AAAA,MACd;AAEO,aAAAA;AAAA,IAAA,CACR;AAGM,WAAA,CAACC,GAAUC,OACRC,EAAA,GAAcC,EAAoB,OAAO;AAAA,MAC/C,OAAOC,EAAgBP,EAAS,KAAK;AAAA,IAAA,GACpC;AAAA,MACAQ,EAAOb,CAAc,EAAE,YAAYG,EAAM,QACrCO,EAAW,GAAGC,EAAoB,OAAOxB,GAAYG,CAAU,KAC/DuB,EAAOb,CAAc,EAAE,UAAUG,EAAM,QACrCO,EAAc,GAAAC,EAAoB,OAAOpB,GAAYE,CAAU,KAChEqB,EAAoB,IAAI,EAAI;AAAA,MAClCzB,EAAoB,OAAOK,GAAY;AAAA,QACrCqB,EAAYP,EAAK,QAAQ,WAAW,IAAI,MAAM;AAAA,UAC5CnB,EAAoB,OAAO,EAAE,WAAWmB,EAAK,QAAQ,MAAM,GAAGb,CAAU;AAAA,QAAA,CACzE;AAAA,MAAA,CACF;AAAA,MACCQ,EAAM,YAgBJW,EAAoB,IAAI,EAAI,KAf3BJ,EAAW,GAAGC,EAAoB,OAAO;AAAA,QACxC,KAAK;AAAA,QACL,OAAO;AAAA,QACP,SAASF,EAAO,CAAC,MAAMA,EAAO,CAAC,IAAI,CAACO,MAAiBZ,EAAK,OAAO;AAAA,MAAA,GAChE;AAAA,SACAM,EAAc,GAAAC,EAAoB,OAAO;AAAA,UACxC,OAAOC,EAAgB,CAAC;AAAA,YAC1BC,EAAOb,CAAc,EAAE,YAAYG,EAAM,OACrC,sBACA;AAAA,UACN,GAAG,eAAe,CAAC;AAAA,UACf,SAAS;AAAA,UACT,OAAO;AAAA,QAAA,GACNN,GAAa,CAAC;AAAA,MAAA,CAClB;AAAA,OAEJ,CAAC;AAAA,EAEN;AAEA,CAAC;"}

package/dist/design-system43.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("./design-system86.js");require("./design-system87.js");const t=require("./design-system55.js"),r=t(e,[["__scopeId","data-v-8e5f01f5"]]);module.exports=r;
+"use strict";const e=require("./design-system90.js");require("./design-system91.js");const t=require("./design-system59.js"),r=t(e,[["__scopeId","data-v-8e5f01f5"]]);module.exports=r;
 //# sourceMappingURL=design-system43.js.map

package/dist/design-system43.mjs

@@ -1,6 +1,6 @@
-import o from "./design-system86.mjs";
-import "./design-system87.mjs";
-import t from "./design-system55.mjs";
+import o from "./design-system90.mjs";
+import "./design-system91.mjs";
+import t from "./design-system59.mjs";
 const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-8e5f01f5"]]);
 export {
   m as default

package/dist/design-system44.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),s=require("./design-system55.js"),t={},o={class:"ds-relative ds-w-full ds-border-l-2 ds-border-primary-f/50"};function n(r,l){return e.openBlock(),e.createElementBlock("ol",o,[e.renderSlot(r.$slots,"default")])}const c=s(t,[["render",n]]);module.exports=c;
+"use strict";const e=require("vue"),s=require("./design-system59.js"),t={},o={class:"ds-relative ds-w-full ds-border-l-2 ds-border-primary-f/50"};function n(r,l){return e.openBlock(),e.createElementBlock("ol",o,[e.renderSlot(r.$slots,"default")])}const c=s(t,[["render",n]]);module.exports=c;
 //# sourceMappingURL=design-system44.js.map

package/dist/design-system44.mjs

@@ -1,5 +1,5 @@
 import { openBlock as r, createElementBlock as o, renderSlot as t } from "vue";
-import s from "./design-system55.mjs";
+import s from "./design-system59.mjs";
 const l = {}, c = { class: "ds-relative ds-w-full ds-border-l-2 ds-border-primary-f/50" };
 function n(e, d) {
   return r(), o("ol", c, [

package/dist/design-system45.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),t=require("./design-system55.js"),l={},d={class:"ds-ml-4 ds-flex ds-w-full ds-items-center"},n=e.createElementVNode("div",null,[e.createElementVNode("div",{class:"-ds-ml-[25px] ds-h-4 ds-w-4 ds-rounded-full ds-bg-primary-f"})],-1),r={class:"ds-flex-auto"};function c(s,i){return e.openBlock(),e.createElementBlock("li",d,[n,e.createElementVNode("div",r,[e.renderSlot(s.$slots,"default")])])}const o=t(l,[["render",c]]);module.exports=o;
+"use strict";const e=require("vue"),t=require("./design-system59.js"),l={},d={class:"ds-ml-4 ds-flex ds-w-full ds-items-center"},n=e.createElementVNode("div",null,[e.createElementVNode("div",{class:"-ds-ml-[25px] ds-h-4 ds-w-4 ds-rounded-full ds-bg-primary-f"})],-1),r={class:"ds-flex-auto"};function c(s,i){return e.openBlock(),e.createElementBlock("li",d,[n,e.createElementVNode("div",r,[e.renderSlot(s.$slots,"default")])])}const o=t(l,[["render",c]]);module.exports=o;
 //# sourceMappingURL=design-system45.js.map

package/dist/design-system45.mjs

@@ -1,5 +1,5 @@
 import { openBlock as t, createElementBlock as d, createElementVNode as e, renderSlot as l } from "vue";
-import o from "./design-system55.mjs";
+import o from "./design-system59.mjs";
 const r = {}, c = { class: "ds-ml-4 ds-flex ds-w-full ds-items-center" }, n = /* @__PURE__ */ e("div", null, [
   /* @__PURE__ */ e("div", { class: "-ds-ml-[25px] ds-h-4 ds-w-4 ds-rounded-full ds-bg-primary-f" })
 ], -1), i = { class: "ds-flex-auto" };

package/dist/design-system46.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("./design-system88.js");require("./design-system89.js");const r=require("./design-system55.js"),t=r(e,[["__scopeId","data-v-77676d6f"]]);module.exports=t;
+"use strict";const e=require("./design-system92.js");require("./design-system93.js");const r=require("./design-system59.js"),t=r(e,[["__scopeId","data-v-77676d6f"]]);module.exports=t;
 //# sourceMappingURL=design-system46.js.map

package/dist/design-system46.mjs

@@ -1,6 +1,6 @@
-import o from "./design-system88.mjs";
-import "./design-system89.mjs";
-import r from "./design-system55.mjs";
+import o from "./design-system92.mjs";
+import "./design-system93.mjs";
+import r from "./design-system59.mjs";
 const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-77676d6f"]]);
 export {
   e as default

package/dist/design-system47.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),d=require("./design-system105.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"),u=require("./design-system110.js"),l=require("./design-system6.js"),i=require("./design-system37.js"),m=e.defineComponent({__name:"BImagePreview",props:{modelValue:{type:Boolean},url:{}},emits:["update:modelValue"],setup(s,{emit:a}){const n=s,d=a,o=e.computed({get(){return n.modelValue},set(t){d("update:modelValue",t)}});e.watch(o,t=>{t?l.lockScrollBody():l.unlockScrollBody()});const c=()=>{o.value=!1},r=t=>{t.key==="Escape"&&c()};return e.onMounted(()=>{document.addEventListener("keydown",r)}),e.onBeforeUnmount(()=>{document.removeEventListener("keydown",r)}),(t,p)=>(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(e.Transition,{name:"fade"},{default:e.withCtx(()=>[o.value?(e.openBlock(),e.createBlock(i,{key:0},{default:e.withCtx(()=>[e.createVNode(u,{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=m;
 //# sourceMappingURL=design-system47.js.map

package/dist/design-system47.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system47.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"}
+{"version":3,"file":"design-system47.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: __emit }) {\n\nconst props = __props;\n//#endregion\n\n//#region Events\nconst emit = __emit;\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","emit","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,KAAMC,GAAU,CAExC,MAAMC,EAAQF,EAIRG,EAAOF,EAIPG,EAAQC,EAAAA,SAAS,CACrB,KAAM,CACJ,OAAOH,EAAM,UACf,EACA,IAAII,EAAc,CAChBH,EAAK,oBAAqBG,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,QAAQxB,EAAM,GAAG,KAClC,OAAQ,qBACR,MAAO,oBACT,CACF,EACQ,MAAO,4CAAA,EACN,KAAM,CAAC,CAAA,CACX,EACD,EAAG,CAAA,CACJ,GACDyB,EAAAA,mBAAoB,GAAI,EAAI,CAAA,CACjC,EACD,EAAG,CAAA,CACJ,CAAA,CACF,EAEH,CAEA,CAAC"}

package/dist/design-system47.mjs

@@ -1,46 +1,46 @@
-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-system105.mjs";
-import { lockScrollBody as _, unlockScrollBody as V } from "./design-system6.mjs";
-import b from "./design-system37.mjs";
-const N = /* @__PURE__ */ u({
+import { defineComponent as i, computed as p, watch as f, onMounted as v, onBeforeUnmount as k, openBlock as r, createBlock as a, Teleport as y, createVNode as c, Transition as g, withCtx as s, createElementVNode as B, normalizeStyle as h, createCommentVNode as w } from "vue";
+import _ from "./design-system110.mjs";
+import { lockScrollBody as V, unlockScrollBody as b } from "./design-system6.mjs";
+import x from "./design-system37.mjs";
+const S = /* @__PURE__ */ i({
   __name: "BImagePreview",
   props: {
     modelValue: { type: Boolean },
     url: {}
   },
   emits: ["update:modelValue"],
-  setup(s, { emit: m }) {
-    const t = s, o = i({
+  setup(d, { emit: m }) {
+    const t = d, u = m, o = p({
       get() {
         return t.modelValue;
       },
       set(e) {
-        m("update:modelValue", e);
+        u("update:modelValue", e);
       }
     });
-    p(o, (e) => {
-      e ? _() : V();
+    f(o, (e) => {
+      e ? V() : b();
     });
-    const l = () => {
+    const n = () => {
       o.value = !1;
-    }, n = (e) => {
-      e.key === "Escape" && l();
+    }, l = (e) => {
+      e.key === "Escape" && n();
     };
-    return f(() => {
-      document.addEventListener("keydown", n);
-    }), v(() => {
-      document.removeEventListener("keydown", n);
-    }), (e, x) => (r(), a(k, { to: "body" }, [
-      c(y, { name: "fade" }, {
-        default: d(() => [
-          o.value ? (r(), a(b, { key: 0 }, {
-            default: d(() => [
-              c(w, {
+    return v(() => {
+      document.addEventListener("keydown", l);
+    }), k(() => {
+      document.removeEventListener("keydown", l);
+    }), (e, C) => (r(), a(y, { to: "body" }, [
+      c(g, { name: "fade" }, {
+        default: s(() => [
+          o.value ? (r(), a(x, { key: 0 }, {
+            default: s(() => [
+              c(_, {
                 class: "ds-right-4 ds-top-4 ds-h-8 ds-w-8",
-                onClick: l
+                onClick: n
               }),
-              g("div", {
-                style: B(
+              B("div", {
+                style: h(
                   {
                     backgroundImage: `url('${t.url}')`,
                     height: "calc(100vh - 16px)",
@@ -51,7 +51,7 @@ const N = /* @__PURE__ */ u({
               }, null, 4)
             ]),
             _: 1
-          })) : h("", !0)
+          })) : w("", !0)
         ]),
         _: 1
       })
@@ -59,6 +59,6 @@ const N = /* @__PURE__ */ u({
   }
 });
 export {
-  N as default
+  S as default
 };
 //# sourceMappingURL=design-system47.mjs.map

package/dist/design-system47.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system47.mjs","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":";;;;AAqBA,MAA4BA,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,YAAY,EAAE,MAAM,QAAQ;AAAA,IAC5B,KAAK,CAAC;AAAA,EACR;AAAA,EACA,OAAO,CAAC,mBAAmB;AAAA,EAC3B,MAAMC,GAAc,EAAE,MAAAC,KAAQ;AAEhC,UAAMC,IAAQF,GAURG,IAAQC,EAAS;AAAA,MACrB,MAAM;AACJ,eAAOF,EAAM;AAAA,MACf;AAAA,MACA,IAAIG,GAAc;AAChB,QAAAJ,EAAK,qBAAqBI,CAAG;AAAA,MAC/B;AAAA,IAAA,CACD;AAIK,IAAAC,EAAAH,GAAO,CAACE,MAAiB;AAC7B,MAAIA,IACaE,MAEEC;IACnB,CACD;AAID,UAAMC,IAAe,MAAM;AACzB,MAAAN,EAAM,QAAQ;AAAA,IAAA,GAEVO,IAAuB,CAACC,MAAyB;AACjD,MAAAA,EAAM,QAAQ,YACHF;IACf;AAKF,WAAAG,EAAU,MAAM;AACL,eAAA,iBAAiB,WAAWF,CAAoB;AAAA,IAAA,CAC1D,GACDG,EAAgB,MAAM;AACX,eAAA,oBAAoB,WAAWH,CAAoB;AAAA,IAAA,CAC7D,GAGM,CAACI,GAAUC,OACRC,EAAc,GAAAC,EAAaC,GAAW,EAAE,IAAI,UAAU;AAAA,MAC5DC,EAAaC,GAAa,EAAE,MAAM,UAAU;AAAA,QAC1C,SAASC,EAAS,MAAM;AAAA,UACrBlB,EAAM,SACFa,KAAcC,EAAaK,GAAU,EAAE,KAAK,KAAK;AAAA,YAChD,SAASD,EAAS,MAAM;AAAA,cACtBF,EAAaI,GAAyB;AAAA,gBACpC,OAAO;AAAA,gBACP,SAASd;AAAA,cAAA,CACV;AAAA,cACDe,EAAoB,OAAO;AAAA,gBACzB,OAAOC;AAAAA,kBACb;AAAA,oBACE,iBAAiB,QAAQvB,EAAM,GAAG;AAAA,oBAClC,QAAQ;AAAA,oBACR,OAAO;AAAA,kBACT;AAAA,gBACF;AAAA,gBACQ,OAAO;AAAA,cAAA,GACN,MAAM,CAAC;AAAA,YAAA,CACX;AAAA,YACD,GAAG;AAAA,UAAA,CACJ,KACDwB,EAAoB,IAAI,EAAI;AAAA,QAAA,CACjC;AAAA,QACD,GAAG;AAAA,MAAA,CACJ;AAAA,IAAA,CACF;AAAA,EAEH;AAEA,CAAC;"}
+{"version":3,"file":"design-system47.mjs","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: __emit }) {\n\nconst props = __props;\n//#endregion\n\n//#region Events\nconst emit = __emit;\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","emit","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":";;;;AAqBA,MAA4BA,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,YAAY,EAAE,MAAM,QAAQ;AAAA,IAC5B,KAAK,CAAC;AAAA,EACR;AAAA,EACA,OAAO,CAAC,mBAAmB;AAAA,EAC3B,MAAMC,GAAc,EAAE,MAAMC,KAAU;AAExC,UAAMC,IAAQF,GAIRG,IAAOF,GAIPG,IAAQC,EAAS;AAAA,MACrB,MAAM;AACJ,eAAOH,EAAM;AAAA,MACf;AAAA,MACA,IAAII,GAAc;AAChB,QAAAH,EAAK,qBAAqBG,CAAG;AAAA,MAC/B;AAAA,IAAA,CACD;AAIK,IAAAC,EAAAH,GAAO,CAACE,MAAiB;AAC7B,MAAIA,IACaE,MAEEC;IACnB,CACD;AAID,UAAMC,IAAe,MAAM;AACzB,MAAAN,EAAM,QAAQ;AAAA,IAAA,GAEVO,IAAuB,CAACC,MAAyB;AACjD,MAAAA,EAAM,QAAQ,YACHF;IACf;AAKF,WAAAG,EAAU,MAAM;AACL,eAAA,iBAAiB,WAAWF,CAAoB;AAAA,IAAA,CAC1D,GACDG,EAAgB,MAAM;AACX,eAAA,oBAAoB,WAAWH,CAAoB;AAAA,IAAA,CAC7D,GAGM,CAACI,GAAUC,OACRC,EAAc,GAAAC,EAAaC,GAAW,EAAE,IAAI,UAAU;AAAA,MAC5DC,EAAaC,GAAa,EAAE,MAAM,UAAU;AAAA,QAC1C,SAASC,EAAS,MAAM;AAAA,UACrBlB,EAAM,SACFa,KAAcC,EAAaK,GAAU,EAAE,KAAK,KAAK;AAAA,YAChD,SAASD,EAAS,MAAM;AAAA,cACtBF,EAAaI,GAAyB;AAAA,gBACpC,OAAO;AAAA,gBACP,SAASd;AAAA,cAAA,CACV;AAAA,cACDe,EAAoB,OAAO;AAAA,gBACzB,OAAOC;AAAAA,kBACb;AAAA,oBACE,iBAAiB,QAAQxB,EAAM,GAAG;AAAA,oBAClC,QAAQ;AAAA,oBACR,OAAO;AAAA,kBACT;AAAA,gBACF;AAAA,gBACQ,OAAO;AAAA,cAAA,GACN,MAAM,CAAC;AAAA,YAAA,CACX;AAAA,YACD,GAAG;AAAA,UAAA,CACJ,KACDyB,EAAoB,IAAI,EAAI;AAAA,QAAA,CACjC;AAAA,QACD,GAAG;AAAA,MAAA,CACJ;AAAA,IAAA,CACF;AAAA,EAEH;AAEA,CAAC;"}

package/dist/design-system48.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("./design-system91.js");require("./design-system92.js");const r=require("./design-system55.js"),t=r(e,[["__scopeId","data-v-5cbc4bba"]]);module.exports=t;
+"use strict";const e=require("./design-system95.js");require("./design-system96.js");const r=require("./design-system59.js"),t=r(e,[["__scopeId","data-v-5cbc4bba"]]);module.exports=t;
 //# sourceMappingURL=design-system48.js.map

package/dist/design-system48.mjs

@@ -1,6 +1,6 @@
-import o from "./design-system91.mjs";
-import "./design-system92.mjs";
-import r from "./design-system55.mjs";
+import o from "./design-system95.mjs";
+import "./design-system96.mjs";
+import r from "./design-system59.mjs";
 const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-5cbc4bba"]]);
 export {
   e as default

package/dist/design-system49.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("./design-system93.js");require("./design-system94.js");const t=require("./design-system55.js"),r=t(e,[["__scopeId","data-v-2162502a"]]);module.exports=r;
+"use strict";const e=require("./design-system97.js");require("./design-system98.js");const t=require("./design-system59.js"),r=t(e,[["__scopeId","data-v-2162502a"]]);module.exports=r;
 //# sourceMappingURL=design-system49.js.map