@7pmlabs/design-system 0.8.0 → 0.8.2

package/dist/design-system40.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system40.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;"}
+{"version":3,"file":"design-system40.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 = {\n  key: 1,\n  class: \"ds-flex ds-flex-initial ds-items-center ds-pr-1\"\n}\nconst _hoisted_3 = { class: \"ds-flex-auto ds-text-sm ds-font-normal\" }\nconst _hoisted_4 = [\"innerHTML\"]\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, _cache[1] || (_cache[1] = [\n          _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            _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)\n        ])))\n      : (_unref(BToastItemType).Error === props.type)\n        ? (_openBlock(), _createElementBlock(\"div\", _hoisted_2, _cache[2] || (_cache[2] = [\n            _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              _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)\n          ])))\n        : _createCommentVNode(\"\", true),\n    _createElementVNode(\"div\", _hoisted_3, [\n      _renderSlot(_ctx.$slots, \"default\", {}, () => [\n        _createElementVNode(\"div\", { innerHTML: _ctx.text }, null, 8, _hoisted_4)\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          }, _cache[3] || (_cache[3] = [\n            _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)\n          ]), 2))\n        ]))\n      : _createCommentVNode(\"\", true)\n  ], 2))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_sfc_main","_defineComponent","BToastItemType","__props","__emit","props","emit","cssClass","computed","result","_ctx","_cache","_openBlock","_createElementBlock","_normalizeClass","_unref","_createElementVNode","_createCommentVNode","_renderSlot","$event"],"mappings":";;AAGA,MAAMA,IAAa;AAAA,EACjB,KAAK;AAAA,EACL,OAAO;AACT,GACMC,IAAa;AAAA,EACjB,KAAK;AAAA,EACL,OAAO;AACT,GACMC,IAAa,EAAE,OAAO,4CACtBC,IAAa,CAAC,WAAW,GAaHC,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,OAAOjB,GAAYe,EAAO,CAAC,MAAMA,EAAO,CAAC,IAAI;AAAA,QAC9EK,EAAoB,OAAO;AAAA,UACzB,OAAO;AAAA,UACP,SAAS;AAAA,UACT,OAAO;AAAA,QAAA,GACN;AAAA,UACDA,EAAoB,QAAQ,EAAE,GAAG,qMAAqM;AAAA,WACrO,EAAE;AAAA,MAAA,EACL,KACDD,EAAOb,CAAc,EAAE,UAAUG,EAAM,QACrCO,EAAA,GAAcC,EAAoB,OAAOhB,GAAYc,EAAO,CAAC,MAAMA,EAAO,CAAC,IAAI;AAAA,QAC9EK,EAAoB,OAAO;AAAA,UACzB,OAAO;AAAA,UACP,SAAS;AAAA,UACT,OAAO;AAAA,QAAA,GACN;AAAA,UACDA,EAAoB,QAAQ,EAAE,GAAG,8LAA8L;AAAA,WAC9N,EAAE;AAAA,MACL,EAAA,KACFC,EAAoB,IAAI,EAAI;AAAA,MAClCD,EAAoB,OAAOlB,GAAY;AAAA,QACrCoB,EAAYR,EAAK,QAAQ,WAAW,IAAI,MAAM;AAAA,UAC5CM,EAAoB,OAAO,EAAE,WAAWN,EAAK,QAAQ,MAAM,GAAGX,CAAU;AAAA,QAAA,CACzE;AAAA,MAAA,CACF;AAAA,MACCM,EAAM,YAkBJY,EAAoB,IAAI,EAAI,KAjB3BL,EAAW,GAAGC,EAAoB,OAAO;AAAA,QACxC,KAAK;AAAA,QACL,OAAO;AAAA,QACP,SAASF,EAAO,CAAC,MAAMA,EAAO,CAAC,IAAI,CAACQ,MAAiBb,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,WACNM,EAAO,CAAC,MAAMA,EAAO,CAAC,IAAI;AAAA,UAC3BK,EAAoB,QAAQ,EAAE,GAAG,0RAA0R,GAAG,MAAM,EAAE;AAAA,YACpU,CAAC;AAAA,MAAA,CACN;AAAA,OAEJ,CAAC;AAAA,EAEN;AAEA,CAAC;"}

package/dist/design-system43.mjs

@@ -1,17 +1,17 @@
-import { openBlock as t, createElementBlock as d, createElementVNode as e, renderSlot as l } from "vue";
-import o from "./design-system53.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" };
-function f(s, m) {
-  return t(), d("li", c, [
-    n,
+import { openBlock as d, createElementBlock as l, createElementVNode as e, renderSlot as o } from "vue";
+import r from "./design-system53.mjs";
+const n = {}, c = { class: "ds-ml-4 ds-flex ds-w-full ds-items-center" }, i = { class: "ds-flex-auto" };
+function f(t, s) {
+  return d(), l("li", c, [
+    s[0] || (s[0] = e("div", null, [
+      e("div", { class: "-ds-ml-[25px] ds-h-4 ds-w-4 ds-rounded-full ds-bg-primary-f" })
+    ], -1)),
     e("div", i, [
-      l(s.$slots, "default")
+      o(t.$slots, "default")
     ])
   ]);
 }
-const u = /* @__PURE__ */ o(r, [["render", f]]);
+const u = /* @__PURE__ */ r(n, [["render", f]]);
 export {
   u as default
 };

package/dist/design-system45.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system45.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;"}
+{"version":3,"file":"design-system45.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-system49.mjs

@@ -3,11 +3,11 @@ import { DEFAULT_LOCALE as ca, registerMessageCompiler as je, registerMessageRes
 import { defineComponent as Ve, h as ma, getCurrentInstance as Ue, inject as Za, onMounted as et, onUnmounted as at, shallowRef as fa, ref as $, computed as D, onBeforeMount as tt, watch as ta, Fragment as Ea, createVNode as lt, Text as nt } from "vue";
 import { createCompileError as rt } from "./design-system97.mjs";
 /*!
-  * vue-i18n v9.13.1
+  * vue-i18n v9.14.1
   * (c) 2024 kazuya kawaguchi
   * Released under the MIT License.
   */
-const st = "9.13.1";
+const st = "9.14.1";
 function ut() {
   typeof __VUE_I18N_FULL_INSTALL__ != "boolean" && (J().__VUE_I18N_FULL_INSTALL__ = !0), typeof __VUE_I18N_LEGACY_API__ != "boolean" && (J().__VUE_I18N_LEGACY_API__ = !0), typeof __INTLIFY_JIT_COMPILATION__ != "boolean" && (J().__INTLIFY_JIT_COMPILATION__ = !1), typeof __INTLIFY_DROP_MESSAGE_COMPILER__ != "boolean" && (J().__INTLIFY_DROP_MESSAGE_COMPILER__ = !1), typeof __INTLIFY_PROD_DEVTOOLS__ != "boolean" && (J().__INTLIFY_PROD_DEVTOOLS__ = !1);
 }