@7pmlabs/design-system 0.4.0 → 0.4.1

package/dist/design-system59.js

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

package/dist/design-system59.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system59.js","sources":["../src/components/BCheckbox.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { vModelCheckbox as _vModelCheckbox, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, withDirectives as _withDirectives, renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \"vue\"\n\nconst _withScopeId = n => (_pushScopeId(\"data-v-b9884539\"),n=n(),_popScopeId(),n)\nconst _hoisted_1 = [\"id\", \"disabled\", \"value\"]\nconst _hoisted_2 = [\"for\"]\nconst _hoisted_3 = [\"for\"]\n\nimport { BCheckboxSize } from '@/constants/Enums';\r\nimport { v4 as uuid } from 'uuid';\r\nimport { computed } from 'vue';\r\n\r\n//#region Props\r\nexport interface BCheckboxProps {\r\n  inputId?: string;\r\n  inputCssClass?: string;\r\n  modelValue?: boolean | Array<string | number>;\r\n  label?: string;\r\n  /**\r\n   * Clicking on label will not check on checkbox.\r\n   */\r\n  labelOrphan?: boolean;\r\n  disabled?: boolean;\r\n  size?: `${BCheckboxSize}`;\r\n}\r\n\r\nconst SiblingCssClass = `\r\n  peer-checked:ds-text-transparent peer-checked:ds-bg-gradient-to-r peer-checked:ds-from-primary-f-stop peer-checked:ds-from-primary-f peer-checked:ds-to-primary-t\r\n  peer-checked:after:ds-opacity-100\r\n`;\r\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BCheckbox',\n  props: {\n    inputId: { default: '' },\n    inputCssClass: { default: '' },\n    modelValue: { type: [Boolean, Array], default: false },\n    label: { default: '' },\n    labelOrphan: { type: Boolean, default: false },\n    disabled: { type: Boolean, default: false },\n    size: { default: BCheckboxSize.Medium }\n  },\n  emits: [\"update:modelValue\"],\n  setup(__props: any, { emit }) {\n\nconst props = __props;\n\r\n\r\n//#endregion\r\n\r\n//#region Events\r\n\r\n//#endregion\r\n\r\n//#region Data\r\nconst id = computed(() => props.inputId || `id-${uuid()}`);\r\nconst value = computed({\r\n  get() {\r\n    return props.modelValue;\r\n  },\r\n  set(val) {\r\n    emit('update:modelValue', val);\r\n  },\r\n});\r\nconst cssClassValue = computed(() => {\r\n  let result = ``;\r\n\r\n  switch (props.size) {\r\n    case BCheckboxSize.Small:\r\n      result += `size-sm `;\r\n      break;\r\n    case BCheckboxSize.Medium:\r\n    default:\r\n      result += ` `;\r\n      break;\r\n  }\r\n\r\n  return result;\r\n});\r\nconst inputCssClassValue = computed(() => [\r\n  props.inputCssClass,\r\n  {\r\n    'ds-cursor-not-allowed': props.disabled,\r\n  },\r\n]);\r\n//#endregion\r\n\r\n/**\r\n * Customize checkbox styles, need to hide input tag and style an label which stands for that input\r\n * Example: https://codepen.io/AllThingsSmitty/pen/WjZVjo\r\n */\r\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    class: _normalizeClass([cssClassValue.value, \"b-checkbox ds-flex ds-items-center\"])\n  }, [\n    _withDirectives(_createElementVNode(\"input\", {\n      id: id.value,\n      \"onUpdate:modelValue\": _cache[0] || (_cache[0] = ($event: any) => ((value).value = $event)),\n      class: _normalizeClass([inputCssClassValue.value, \"ds-peer ds-invisible\"]),\n      disabled: _ctx.disabled,\n      value: _ctx.$attrs.value || value.value,\n      type: \"checkbox\"\n    }, null, 10, _hoisted_1), [\n      [_vModelCheckbox, value.value]\n    ]),\n    _createElementVNode(\"label\", {\n      class: _normalizeClass([SiblingCssClass, \"input-label\"]),\n      for: id.value\n    }, null, 8, _hoisted_2),\n    (_ctx.label || _ctx.$slots.default)\n      ? (_openBlock(), _createElementBlock(\"label\", {\n          key: 0,\n          for: _ctx.labelOrphan ? undefined : id.value,\n          class: \"ds-ml-2 ds-text-sm ds-font-medium ds-text-gray-900\"\n        }, [\n          _renderSlot(_ctx.$slots, \"default\", {}, () => [\n            _createTextVNode(_toDisplayString(props.label), 1)\n          ], true)\n        ], 8, _hoisted_3))\n      : _createCommentVNode(\"\", true)\n  ], 2))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","SiblingCssClass","_sfc_main","_defineComponent","BCheckboxSize","__props","emit","props","id","computed","uuid","value","val","cssClassValue","result","inputCssClassValue","_ctx","_cache","_openBlock","_createElementBlock","_normalizeClass","_withDirectives","_createElementVNode","$event","_vModelCheckbox","_renderSlot","_createTextVNode","_toDisplayString","_createCommentVNode"],"mappings":"uGAIMA,EAAa,CAAC,KAAM,WAAY,OAAO,EACvCC,EAAa,CAAC,KAAK,EACnBC,EAAa,CAAC,KAAK,EAoBnBC,EAAkB;AAAA;AAAA;AAAA,EAKIC,EAAiBC,kBAAA,CAC3C,OAAQ,YACR,MAAO,CACL,QAAS,CAAE,QAAS,EAAG,EACvB,cAAe,CAAE,QAAS,EAAG,EAC7B,WAAY,CAAE,KAAM,CAAC,QAAS,KAAK,EAAG,QAAS,EAAM,EACrD,MAAO,CAAE,QAAS,EAAG,EACrB,YAAa,CAAE,KAAM,QAAS,QAAS,EAAM,EAC7C,SAAU,CAAE,KAAM,QAAS,QAAS,EAAM,EAC1C,KAAM,CAAE,QAASC,EAAA,cAAc,MAAO,CACxC,EACA,MAAO,CAAC,mBAAmB,EAC3B,MAAMC,EAAc,CAAE,KAAAC,GAAQ,CAEhC,MAAMC,EAAQF,EAURG,EAAKC,WAAS,IAAMF,EAAM,SAAW,MAAMG,GAAM,EAAE,EACnDC,EAAQF,EAAAA,SAAS,CACrB,KAAM,CACJ,OAAOF,EAAM,UACf,EACA,IAAIK,EAAK,CACPN,EAAK,oBAAqBM,CAAG,CAC/B,CAAA,CACD,EACKC,EAAgBJ,EAAAA,SAAS,IAAM,CACnC,IAAIK,EAAS,GAEb,OAAQP,EAAM,KAAM,CAClB,KAAKH,EAAc,cAAA,MACPU,GAAA,WACV,MACF,KAAKV,EAAAA,cAAc,OACnB,QACYU,GAAA,IACV,KACJ,CAEO,OAAAA,CAAA,CACR,EACKC,EAAqBN,EAAAA,SAAS,IAAM,CACxCF,EAAM,cACN,CACE,wBAAyBA,EAAM,QACjC,CAAA,CACD,EAQM,MAAA,CAACS,EAAUC,KACRC,EAAA,UAAA,EAAcC,EAAA,mBAAoB,MAAO,CAC/C,MAAOC,EAAAA,eAAgB,CAACP,EAAc,MAAO,oCAAoC,CAAC,CAAA,EACjF,CACDQ,EAAA,eAAgBC,qBAAoB,QAAS,CAC3C,GAAId,EAAG,MACP,sBAAuBS,EAAO,CAAC,IAAMA,EAAO,CAAC,EAAKM,GAAkBZ,EAAO,MAAQY,GACnF,MAAOH,EAAAA,eAAgB,CAACL,EAAmB,MAAO,sBAAsB,CAAC,EACzE,SAAUC,EAAK,SACf,MAAOA,EAAK,OAAO,OAASL,EAAM,MAClC,KAAM,UAAA,EACL,KAAM,GAAIb,CAAU,EAAG,CACxB,CAAC0B,EAAiB,eAAAb,EAAM,KAAK,CAAA,CAC9B,EACDW,EAAAA,mBAAoB,QAAS,CAC3B,MAAOF,EAAA,eAAgB,CAACnB,EAAiB,aAAa,CAAC,EACvD,IAAKO,EAAG,KAAA,EACP,KAAM,EAAGT,CAAU,EACrBiB,EAAK,OAASA,EAAK,OAAO,SACtBE,YAAW,EAAGC,qBAAoB,QAAS,CAC1C,IAAK,EACL,IAAKH,EAAK,YAAc,OAAYR,EAAG,MACvC,MAAO,oDAAA,EACN,CACDiB,EAAAA,WAAYT,EAAK,OAAQ,UAAW,GAAI,IAAM,CAC5CU,EAAAA,gBAAiBC,EAAAA,gBAAiBpB,EAAM,KAAK,EAAG,CAAC,GAChD,EAAI,GACN,EAAGP,CAAU,GAChB4B,EAAAA,mBAAoB,GAAI,EAAI,GAC/B,CAAC,EAEN,CAEA,CAAC"}
+{"version":3,"file":"design-system59.js","sources":["../src/components/BCheckbox.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { vModelCheckbox as _vModelCheckbox, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, withDirectives as _withDirectives, renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \"vue\"\n\nconst _withScopeId = n => (_pushScopeId(\"data-v-f539c27d\"),n=n(),_popScopeId(),n)\nconst _hoisted_1 = [\"id\", \"disabled\", \"value\"]\nconst _hoisted_2 = [\"for\"]\nconst _hoisted_3 = [\"for\"]\n\nimport { BCheckboxSize } from '@/constants/Enums';\nimport { v4 as uuid } from 'uuid';\nimport { computed } from 'vue';\n\n//#region Props\nexport interface BCheckboxProps {\n  inputId?: string;\n  inputCssClass?: string;\n  modelValue?: boolean | Array<string | number>;\n  label?: string;\n  /**\n   * Clicking on label will not check on checkbox.\n   */\n  labelOrphan?: boolean;\n  disabled?: boolean;\n  size?: `${BCheckboxSize}`;\n}\n\nconst SiblingCssClass = `\n  peer-checked:ds-text-transparent peer-checked:ds-bg-gradient-to-r peer-checked:ds-from-primary-f-stop peer-checked:ds-from-primary-f peer-checked:ds-to-primary-t\n  peer-checked:after:ds-opacity-100\n`;\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BCheckbox',\n  props: {\n    inputId: { default: '' },\n    inputCssClass: { default: '' },\n    modelValue: { type: [Boolean, Array], default: false },\n    label: { default: '' },\n    labelOrphan: { type: Boolean, default: false },\n    disabled: { type: Boolean, default: false },\n    size: { default: BCheckboxSize.Medium }\n  },\n  emits: [\"update:modelValue\"],\n  setup(__props: any, { emit }) {\n\nconst props = __props;\n\n\n//#endregion\n\n//#region Events\n\n//#endregion\n\n//#region Data\nconst id = computed(() => props.inputId || `id-${uuid()}`);\nconst value = computed({\n  get() {\n    return props.modelValue;\n  },\n  set(val) {\n    emit('update:modelValue', val);\n  },\n});\nconst cssClassValue = computed(() => {\n  let result = ``;\n\n  switch (props.size) {\n    case BCheckboxSize.Small:\n      result += `size-sm `;\n      break;\n    case BCheckboxSize.Medium:\n    default:\n      result += ` `;\n      break;\n  }\n\n  return result;\n});\nconst inputCssClassValue = computed(() => [\n  props.inputCssClass,\n  {\n    'ds-cursor-not-allowed': props.disabled,\n  },\n]);\n//#endregion\n\n/**\n * Customize checkbox styles, need to hide input tag and style an label which stands for that input\n * Example: https://codepen.io/AllThingsSmitty/pen/WjZVjo\n */\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    class: _normalizeClass([cssClassValue.value, \"b-checkbox ds-flex ds-items-center\"])\n  }, [\n    _withDirectives(_createElementVNode(\"input\", {\n      id: id.value,\n      \"onUpdate:modelValue\": _cache[0] || (_cache[0] = ($event: any) => ((value).value = $event)),\n      class: _normalizeClass([inputCssClassValue.value, \"ds-peer ds-invisible\"]),\n      disabled: _ctx.disabled,\n      value: _ctx.$attrs.value || value.value,\n      type: \"checkbox\"\n    }, null, 10, _hoisted_1), [\n      [_vModelCheckbox, value.value]\n    ]),\n    _createElementVNode(\"label\", {\n      class: _normalizeClass([SiblingCssClass, \"input-label\"]),\n      for: id.value\n    }, null, 8, _hoisted_2),\n    (_ctx.label || _ctx.$slots.default)\n      ? (_openBlock(), _createElementBlock(\"label\", {\n          key: 0,\n          for: _ctx.labelOrphan ? undefined : id.value,\n          class: \"ds-ml-2 ds-text-sm ds-font-medium ds-text-gray-900\"\n        }, [\n          _renderSlot(_ctx.$slots, \"default\", {}, () => [\n            _createTextVNode(_toDisplayString(props.label), 1)\n          ], true)\n        ], 8, _hoisted_3))\n      : _createCommentVNode(\"\", true)\n  ], 2))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","SiblingCssClass","_sfc_main","_defineComponent","BCheckboxSize","__props","emit","props","id","computed","uuid","value","val","cssClassValue","result","inputCssClassValue","_ctx","_cache","_openBlock","_createElementBlock","_normalizeClass","_withDirectives","_createElementVNode","$event","_vModelCheckbox","_renderSlot","_createTextVNode","_toDisplayString","_createCommentVNode"],"mappings":"uGAIMA,EAAa,CAAC,KAAM,WAAY,OAAO,EACvCC,EAAa,CAAC,KAAK,EACnBC,EAAa,CAAC,KAAK,EAoBnBC,EAAkB;AAAA;AAAA;AAAA,EAKIC,EAAiBC,kBAAA,CAC3C,OAAQ,YACR,MAAO,CACL,QAAS,CAAE,QAAS,EAAG,EACvB,cAAe,CAAE,QAAS,EAAG,EAC7B,WAAY,CAAE,KAAM,CAAC,QAAS,KAAK,EAAG,QAAS,EAAM,EACrD,MAAO,CAAE,QAAS,EAAG,EACrB,YAAa,CAAE,KAAM,QAAS,QAAS,EAAM,EAC7C,SAAU,CAAE,KAAM,QAAS,QAAS,EAAM,EAC1C,KAAM,CAAE,QAASC,EAAA,cAAc,MAAO,CACxC,EACA,MAAO,CAAC,mBAAmB,EAC3B,MAAMC,EAAc,CAAE,KAAAC,GAAQ,CAEhC,MAAMC,EAAQF,EAURG,EAAKC,WAAS,IAAMF,EAAM,SAAW,MAAMG,GAAM,EAAE,EACnDC,EAAQF,EAAAA,SAAS,CACrB,KAAM,CACJ,OAAOF,EAAM,UACf,EACA,IAAIK,EAAK,CACPN,EAAK,oBAAqBM,CAAG,CAC/B,CAAA,CACD,EACKC,EAAgBJ,EAAAA,SAAS,IAAM,CACnC,IAAIK,EAAS,GAEb,OAAQP,EAAM,KAAM,CAClB,KAAKH,EAAc,cAAA,MACPU,GAAA,WACV,MACF,KAAKV,EAAAA,cAAc,OACnB,QACYU,GAAA,IACV,KACJ,CAEO,OAAAA,CAAA,CACR,EACKC,EAAqBN,EAAAA,SAAS,IAAM,CACxCF,EAAM,cACN,CACE,wBAAyBA,EAAM,QACjC,CAAA,CACD,EAQM,MAAA,CAACS,EAAUC,KACRC,EAAA,UAAA,EAAcC,EAAA,mBAAoB,MAAO,CAC/C,MAAOC,EAAAA,eAAgB,CAACP,EAAc,MAAO,oCAAoC,CAAC,CAAA,EACjF,CACDQ,EAAA,eAAgBC,qBAAoB,QAAS,CAC3C,GAAId,EAAG,MACP,sBAAuBS,EAAO,CAAC,IAAMA,EAAO,CAAC,EAAKM,GAAkBZ,EAAO,MAAQY,GACnF,MAAOH,EAAAA,eAAgB,CAACL,EAAmB,MAAO,sBAAsB,CAAC,EACzE,SAAUC,EAAK,SACf,MAAOA,EAAK,OAAO,OAASL,EAAM,MAClC,KAAM,UAAA,EACL,KAAM,GAAIb,CAAU,EAAG,CACxB,CAAC0B,EAAiB,eAAAb,EAAM,KAAK,CAAA,CAC9B,EACDW,EAAAA,mBAAoB,QAAS,CAC3B,MAAOF,EAAA,eAAgB,CAACnB,EAAiB,aAAa,CAAC,EACvD,IAAKO,EAAG,KAAA,EACP,KAAM,EAAGT,CAAU,EACrBiB,EAAK,OAASA,EAAK,OAAO,SACtBE,YAAW,EAAGC,qBAAoB,QAAS,CAC1C,IAAK,EACL,IAAKH,EAAK,YAAc,OAAYR,EAAG,MACvC,MAAO,oDAAA,EACN,CACDiB,EAAAA,WAAYT,EAAK,OAAQ,UAAW,GAAI,IAAM,CAC5CU,EAAAA,gBAAiBC,EAAAA,gBAAiBpB,EAAM,KAAK,EAAG,CAAC,GAChD,EAAI,GACN,EAAGP,CAAU,GAChB4B,EAAAA,mBAAoB,GAAI,EAAI,GAC/B,CAAC,EAEN,CAEA,CAAC"}

package/dist/design-system59.mjs

@@ -1,6 +1,6 @@
 import { defineComponent as v, computed as s, openBlock as u, createElementBlock as i, normalizeClass as d, withDirectives as h, createElementVNode as n, vModelCheckbox as k, renderSlot as C, createTextVNode as y, toDisplayString as V, createCommentVNode as B } from "vue";
 import { BCheckboxSize as o } from "./design-system5.mjs";
-import g from "./design-system98.mjs";
+import g from "./design-system99.mjs";
 const x = ["id", "disabled", "value"], z = ["for"], S = ["for"], _ = `
   peer-checked:ds-text-transparent peer-checked:ds-bg-gradient-to-r peer-checked:ds-from-primary-f-stop peer-checked:ds-from-primary-f peer-checked:ds-to-primary-t
   peer-checked:after:ds-opacity-100

package/dist/design-system59.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system59.mjs","sources":["../src/components/BCheckbox.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { vModelCheckbox as _vModelCheckbox, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, withDirectives as _withDirectives, renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \"vue\"\n\nconst _withScopeId = n => (_pushScopeId(\"data-v-b9884539\"),n=n(),_popScopeId(),n)\nconst _hoisted_1 = [\"id\", \"disabled\", \"value\"]\nconst _hoisted_2 = [\"for\"]\nconst _hoisted_3 = [\"for\"]\n\nimport { BCheckboxSize } from '@/constants/Enums';\r\nimport { v4 as uuid } from 'uuid';\r\nimport { computed } from 'vue';\r\n\r\n//#region Props\r\nexport interface BCheckboxProps {\r\n  inputId?: string;\r\n  inputCssClass?: string;\r\n  modelValue?: boolean | Array<string | number>;\r\n  label?: string;\r\n  /**\r\n   * Clicking on label will not check on checkbox.\r\n   */\r\n  labelOrphan?: boolean;\r\n  disabled?: boolean;\r\n  size?: `${BCheckboxSize}`;\r\n}\r\n\r\nconst SiblingCssClass = `\r\n  peer-checked:ds-text-transparent peer-checked:ds-bg-gradient-to-r peer-checked:ds-from-primary-f-stop peer-checked:ds-from-primary-f peer-checked:ds-to-primary-t\r\n  peer-checked:after:ds-opacity-100\r\n`;\r\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BCheckbox',\n  props: {\n    inputId: { default: '' },\n    inputCssClass: { default: '' },\n    modelValue: { type: [Boolean, Array], default: false },\n    label: { default: '' },\n    labelOrphan: { type: Boolean, default: false },\n    disabled: { type: Boolean, default: false },\n    size: { default: BCheckboxSize.Medium }\n  },\n  emits: [\"update:modelValue\"],\n  setup(__props: any, { emit }) {\n\nconst props = __props;\n\r\n\r\n//#endregion\r\n\r\n//#region Events\r\n\r\n//#endregion\r\n\r\n//#region Data\r\nconst id = computed(() => props.inputId || `id-${uuid()}`);\r\nconst value = computed({\r\n  get() {\r\n    return props.modelValue;\r\n  },\r\n  set(val) {\r\n    emit('update:modelValue', val);\r\n  },\r\n});\r\nconst cssClassValue = computed(() => {\r\n  let result = ``;\r\n\r\n  switch (props.size) {\r\n    case BCheckboxSize.Small:\r\n      result += `size-sm `;\r\n      break;\r\n    case BCheckboxSize.Medium:\r\n    default:\r\n      result += ` `;\r\n      break;\r\n  }\r\n\r\n  return result;\r\n});\r\nconst inputCssClassValue = computed(() => [\r\n  props.inputCssClass,\r\n  {\r\n    'ds-cursor-not-allowed': props.disabled,\r\n  },\r\n]);\r\n//#endregion\r\n\r\n/**\r\n * Customize checkbox styles, need to hide input tag and style an label which stands for that input\r\n * Example: https://codepen.io/AllThingsSmitty/pen/WjZVjo\r\n */\r\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    class: _normalizeClass([cssClassValue.value, \"b-checkbox ds-flex ds-items-center\"])\n  }, [\n    _withDirectives(_createElementVNode(\"input\", {\n      id: id.value,\n      \"onUpdate:modelValue\": _cache[0] || (_cache[0] = ($event: any) => ((value).value = $event)),\n      class: _normalizeClass([inputCssClassValue.value, \"ds-peer ds-invisible\"]),\n      disabled: _ctx.disabled,\n      value: _ctx.$attrs.value || value.value,\n      type: \"checkbox\"\n    }, null, 10, _hoisted_1), [\n      [_vModelCheckbox, value.value]\n    ]),\n    _createElementVNode(\"label\", {\n      class: _normalizeClass([SiblingCssClass, \"input-label\"]),\n      for: id.value\n    }, null, 8, _hoisted_2),\n    (_ctx.label || _ctx.$slots.default)\n      ? (_openBlock(), _createElementBlock(\"label\", {\n          key: 0,\n          for: _ctx.labelOrphan ? undefined : id.value,\n          class: \"ds-ml-2 ds-text-sm ds-font-medium ds-text-gray-900\"\n        }, [\n          _renderSlot(_ctx.$slots, \"default\", {}, () => [\n            _createTextVNode(_toDisplayString(props.label), 1)\n          ], true)\n        ], 8, _hoisted_3))\n      : _createCommentVNode(\"\", true)\n  ], 2))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","SiblingCssClass","_sfc_main","_defineComponent","BCheckboxSize","__props","emit","props","id","computed","uuid","value","val","cssClassValue","result","inputCssClassValue","_ctx","_cache","_openBlock","_createElementBlock","_normalizeClass","_withDirectives","_createElementVNode","$event","_vModelCheckbox","_renderSlot","_createTextVNode","_toDisplayString","_createCommentVNode"],"mappings":";;;AAIA,MAAMA,IAAa,CAAC,MAAM,YAAY,OAAO,GACvCC,IAAa,CAAC,KAAK,GACnBC,IAAa,CAAC,KAAK,GAoBnBC,IAAkB;AAAA;AAAA;AAAA,GAKIC,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,SAAS,EAAE,SAAS,GAAG;AAAA,IACvB,eAAe,EAAE,SAAS,GAAG;AAAA,IAC7B,YAAY,EAAE,MAAM,CAAC,SAAS,KAAK,GAAG,SAAS,GAAM;AAAA,IACrD,OAAO,EAAE,SAAS,GAAG;AAAA,IACrB,aAAa,EAAE,MAAM,SAAS,SAAS,GAAM;AAAA,IAC7C,UAAU,EAAE,MAAM,SAAS,SAAS,GAAM;AAAA,IAC1C,MAAM,EAAE,SAASC,EAAc,OAAO;AAAA,EACxC;AAAA,EACA,OAAO,CAAC,mBAAmB;AAAA,EAC3B,MAAMC,GAAc,EAAE,MAAAC,KAAQ;AAEhC,UAAMC,IAAQF,GAURG,IAAKC,EAAS,MAAMF,EAAM,WAAW,MAAMG,GAAM,EAAE,GACnDC,IAAQF,EAAS;AAAA,MACrB,MAAM;AACJ,eAAOF,EAAM;AAAA,MACf;AAAA,MACA,IAAIK,GAAK;AACP,QAAAN,EAAK,qBAAqBM,CAAG;AAAA,MAC/B;AAAA,IAAA,CACD,GACKC,IAAgBJ,EAAS,MAAM;AACnC,UAAIK,IAAS;AAEb,cAAQP,EAAM,MAAM;AAAA,QAClB,KAAKH,EAAc;AACP,UAAAU,KAAA;AACV;AAAA,QACF,KAAKV,EAAc;AAAA,QACnB;AACY,UAAAU,KAAA;AACV;AAAA,MACJ;AAEO,aAAAA;AAAA,IAAA,CACR,GACKC,IAAqBN,EAAS,MAAM;AAAA,MACxCF,EAAM;AAAA,MACN;AAAA,QACE,yBAAyBA,EAAM;AAAA,MACjC;AAAA,IAAA,CACD;AAQM,WAAA,CAACS,GAAUC,OACRC,EAAA,GAAcC,EAAoB,OAAO;AAAA,MAC/C,OAAOC,EAAgB,CAACP,EAAc,OAAO,oCAAoC,CAAC;AAAA,IAAA,GACjF;AAAA,MACDQ,EAAgBC,EAAoB,SAAS;AAAA,QAC3C,IAAId,EAAG;AAAA,QACP,uBAAuBS,EAAO,CAAC,MAAMA,EAAO,CAAC,IAAI,CAACM,MAAkBZ,EAAO,QAAQY;AAAA,QACnF,OAAOH,EAAgB,CAACL,EAAmB,OAAO,sBAAsB,CAAC;AAAA,QACzE,UAAUC,EAAK;AAAA,QACf,OAAOA,EAAK,OAAO,SAASL,EAAM;AAAA,QAClC,MAAM;AAAA,MAAA,GACL,MAAM,IAAIb,CAAU,GAAG;AAAA,QACxB,CAAC0B,GAAiBb,EAAM,KAAK;AAAA,MAAA,CAC9B;AAAA,MACDW,EAAoB,SAAS;AAAA,QAC3B,OAAOF,EAAgB,CAACnB,GAAiB,aAAa,CAAC;AAAA,QACvD,KAAKO,EAAG;AAAA,MAAA,GACP,MAAM,GAAGT,CAAU;AAAA,MACrBiB,EAAK,SAASA,EAAK,OAAO,WACtBE,EAAW,GAAGC,EAAoB,SAAS;AAAA,QAC1C,KAAK;AAAA,QACL,KAAKH,EAAK,cAAc,SAAYR,EAAG;AAAA,QACvC,OAAO;AAAA,MAAA,GACN;AAAA,QACDiB,EAAYT,EAAK,QAAQ,WAAW,IAAI,MAAM;AAAA,UAC5CU,EAAiBC,EAAiBpB,EAAM,KAAK,GAAG,CAAC;AAAA,WAChD,EAAI;AAAA,SACN,GAAGP,CAAU,KAChB4B,EAAoB,IAAI,EAAI;AAAA,OAC/B,CAAC;AAAA,EAEN;AAEA,CAAC;"}
+{"version":3,"file":"design-system59.mjs","sources":["../src/components/BCheckbox.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { vModelCheckbox as _vModelCheckbox, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, withDirectives as _withDirectives, renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \"vue\"\n\nconst _withScopeId = n => (_pushScopeId(\"data-v-f539c27d\"),n=n(),_popScopeId(),n)\nconst _hoisted_1 = [\"id\", \"disabled\", \"value\"]\nconst _hoisted_2 = [\"for\"]\nconst _hoisted_3 = [\"for\"]\n\nimport { BCheckboxSize } from '@/constants/Enums';\nimport { v4 as uuid } from 'uuid';\nimport { computed } from 'vue';\n\n//#region Props\nexport interface BCheckboxProps {\n  inputId?: string;\n  inputCssClass?: string;\n  modelValue?: boolean | Array<string | number>;\n  label?: string;\n  /**\n   * Clicking on label will not check on checkbox.\n   */\n  labelOrphan?: boolean;\n  disabled?: boolean;\n  size?: `${BCheckboxSize}`;\n}\n\nconst SiblingCssClass = `\n  peer-checked:ds-text-transparent peer-checked:ds-bg-gradient-to-r peer-checked:ds-from-primary-f-stop peer-checked:ds-from-primary-f peer-checked:ds-to-primary-t\n  peer-checked:after:ds-opacity-100\n`;\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BCheckbox',\n  props: {\n    inputId: { default: '' },\n    inputCssClass: { default: '' },\n    modelValue: { type: [Boolean, Array], default: false },\n    label: { default: '' },\n    labelOrphan: { type: Boolean, default: false },\n    disabled: { type: Boolean, default: false },\n    size: { default: BCheckboxSize.Medium }\n  },\n  emits: [\"update:modelValue\"],\n  setup(__props: any, { emit }) {\n\nconst props = __props;\n\n\n//#endregion\n\n//#region Events\n\n//#endregion\n\n//#region Data\nconst id = computed(() => props.inputId || `id-${uuid()}`);\nconst value = computed({\n  get() {\n    return props.modelValue;\n  },\n  set(val) {\n    emit('update:modelValue', val);\n  },\n});\nconst cssClassValue = computed(() => {\n  let result = ``;\n\n  switch (props.size) {\n    case BCheckboxSize.Small:\n      result += `size-sm `;\n      break;\n    case BCheckboxSize.Medium:\n    default:\n      result += ` `;\n      break;\n  }\n\n  return result;\n});\nconst inputCssClassValue = computed(() => [\n  props.inputCssClass,\n  {\n    'ds-cursor-not-allowed': props.disabled,\n  },\n]);\n//#endregion\n\n/**\n * Customize checkbox styles, need to hide input tag and style an label which stands for that input\n * Example: https://codepen.io/AllThingsSmitty/pen/WjZVjo\n */\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    class: _normalizeClass([cssClassValue.value, \"b-checkbox ds-flex ds-items-center\"])\n  }, [\n    _withDirectives(_createElementVNode(\"input\", {\n      id: id.value,\n      \"onUpdate:modelValue\": _cache[0] || (_cache[0] = ($event: any) => ((value).value = $event)),\n      class: _normalizeClass([inputCssClassValue.value, \"ds-peer ds-invisible\"]),\n      disabled: _ctx.disabled,\n      value: _ctx.$attrs.value || value.value,\n      type: \"checkbox\"\n    }, null, 10, _hoisted_1), [\n      [_vModelCheckbox, value.value]\n    ]),\n    _createElementVNode(\"label\", {\n      class: _normalizeClass([SiblingCssClass, \"input-label\"]),\n      for: id.value\n    }, null, 8, _hoisted_2),\n    (_ctx.label || _ctx.$slots.default)\n      ? (_openBlock(), _createElementBlock(\"label\", {\n          key: 0,\n          for: _ctx.labelOrphan ? undefined : id.value,\n          class: \"ds-ml-2 ds-text-sm ds-font-medium ds-text-gray-900\"\n        }, [\n          _renderSlot(_ctx.$slots, \"default\", {}, () => [\n            _createTextVNode(_toDisplayString(props.label), 1)\n          ], true)\n        ], 8, _hoisted_3))\n      : _createCommentVNode(\"\", true)\n  ], 2))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","SiblingCssClass","_sfc_main","_defineComponent","BCheckboxSize","__props","emit","props","id","computed","uuid","value","val","cssClassValue","result","inputCssClassValue","_ctx","_cache","_openBlock","_createElementBlock","_normalizeClass","_withDirectives","_createElementVNode","$event","_vModelCheckbox","_renderSlot","_createTextVNode","_toDisplayString","_createCommentVNode"],"mappings":";;;AAIA,MAAMA,IAAa,CAAC,MAAM,YAAY,OAAO,GACvCC,IAAa,CAAC,KAAK,GACnBC,IAAa,CAAC,KAAK,GAoBnBC,IAAkB;AAAA;AAAA;AAAA,GAKIC,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,SAAS,EAAE,SAAS,GAAG;AAAA,IACvB,eAAe,EAAE,SAAS,GAAG;AAAA,IAC7B,YAAY,EAAE,MAAM,CAAC,SAAS,KAAK,GAAG,SAAS,GAAM;AAAA,IACrD,OAAO,EAAE,SAAS,GAAG;AAAA,IACrB,aAAa,EAAE,MAAM,SAAS,SAAS,GAAM;AAAA,IAC7C,UAAU,EAAE,MAAM,SAAS,SAAS,GAAM;AAAA,IAC1C,MAAM,EAAE,SAASC,EAAc,OAAO;AAAA,EACxC;AAAA,EACA,OAAO,CAAC,mBAAmB;AAAA,EAC3B,MAAMC,GAAc,EAAE,MAAAC,KAAQ;AAEhC,UAAMC,IAAQF,GAURG,IAAKC,EAAS,MAAMF,EAAM,WAAW,MAAMG,GAAM,EAAE,GACnDC,IAAQF,EAAS;AAAA,MACrB,MAAM;AACJ,eAAOF,EAAM;AAAA,MACf;AAAA,MACA,IAAIK,GAAK;AACP,QAAAN,EAAK,qBAAqBM,CAAG;AAAA,MAC/B;AAAA,IAAA,CACD,GACKC,IAAgBJ,EAAS,MAAM;AACnC,UAAIK,IAAS;AAEb,cAAQP,EAAM,MAAM;AAAA,QAClB,KAAKH,EAAc;AACP,UAAAU,KAAA;AACV;AAAA,QACF,KAAKV,EAAc;AAAA,QACnB;AACY,UAAAU,KAAA;AACV;AAAA,MACJ;AAEO,aAAAA;AAAA,IAAA,CACR,GACKC,IAAqBN,EAAS,MAAM;AAAA,MACxCF,EAAM;AAAA,MACN;AAAA,QACE,yBAAyBA,EAAM;AAAA,MACjC;AAAA,IAAA,CACD;AAQM,WAAA,CAACS,GAAUC,OACRC,EAAA,GAAcC,EAAoB,OAAO;AAAA,MAC/C,OAAOC,EAAgB,CAACP,EAAc,OAAO,oCAAoC,CAAC;AAAA,IAAA,GACjF;AAAA,MACDQ,EAAgBC,EAAoB,SAAS;AAAA,QAC3C,IAAId,EAAG;AAAA,QACP,uBAAuBS,EAAO,CAAC,MAAMA,EAAO,CAAC,IAAI,CAACM,MAAkBZ,EAAO,QAAQY;AAAA,QACnF,OAAOH,EAAgB,CAACL,EAAmB,OAAO,sBAAsB,CAAC;AAAA,QACzE,UAAUC,EAAK;AAAA,QACf,OAAOA,EAAK,OAAO,SAASL,EAAM;AAAA,QAClC,MAAM;AAAA,MAAA,GACL,MAAM,IAAIb,CAAU,GAAG;AAAA,QACxB,CAAC0B,GAAiBb,EAAM,KAAK;AAAA,MAAA,CAC9B;AAAA,MACDW,EAAoB,SAAS;AAAA,QAC3B,OAAOF,EAAgB,CAACnB,GAAiB,aAAa,CAAC;AAAA,QACvD,KAAKO,EAAG;AAAA,MAAA,GACP,MAAM,GAAGT,CAAU;AAAA,MACrBiB,EAAK,SAASA,EAAK,OAAO,WACtBE,EAAW,GAAGC,EAAoB,SAAS;AAAA,QAC1C,KAAK;AAAA,QACL,KAAKH,EAAK,cAAc,SAAYR,EAAG;AAAA,QACvC,OAAO;AAAA,MAAA,GACN;AAAA,QACDiB,EAAYT,EAAK,QAAQ,WAAW,IAAI,MAAM;AAAA,UAC5CU,EAAiBC,EAAiBpB,EAAM,KAAK,GAAG,CAAC;AAAA,WAChD,EAAI;AAAA,SACN,GAAGP,CAAU,KAChB4B,EAAoB,IAAI,EAAI;AAAA,OAC/B,CAAC;AAAA,EAEN;AAEA,CAAC;"}

package/dist/design-system6.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system6.js","sources":["../src/helpers/ComponentHelper.ts"],"sourcesContent":["export const ensureVisiblePosition = (\r\n  parentEl: HTMLElement,\r\n  menuEl: HTMLElement,\r\n  menuFixed?: boolean,\r\n): void => {\r\n  ensureVisibleX(parentEl, menuEl, menuFixed);\r\n  ensureVisibleY(parentEl, menuEl, menuFixed);\r\n  // Move menu element into body tag\r\n  document.body.append(menuEl);\r\n};\r\nexport const ensureVisibleX = (\r\n  parentEl: HTMLElement,\r\n  menuEl: HTMLElement,\r\n  menuFixed?: boolean,\r\n) => {\r\n  // Viewport\r\n  const screenWidth = window.innerWidth;\r\n\r\n  // https://developer.mozilla.org/en-US/docs/Web/API/Element/getBoundingClientRect\r\n  const scrollX = menuFixed ? 0 : window.scrollX;\r\n  const dropdownLeftEdge = parentEl.getBoundingClientRect().left + scrollX;\r\n  const dropdownWidth = parentEl.getBoundingClientRect().width;\r\n\r\n  const menuLeftEdge = menuEl.getBoundingClientRect().left + scrollX;\r\n  const menuWidth = menuEl.getBoundingClientRect().width;\r\n\r\n  // Apply positions' value\r\n  const isMenuRightEdgeVisible =\r\n    menuLeftEdge + menuWidth <= screenWidth + scrollX;\r\n  if (isMenuRightEdgeVisible) {\r\n    menuEl.style.left = `${dropdownLeftEdge}px`;\r\n  } else {\r\n    menuEl.style.left = `${dropdownLeftEdge - menuWidth + dropdownWidth}px`;\r\n  }\r\n};\r\nexport const ensureVisibleY = (\r\n  parentEl: HTMLElement,\r\n  menuEl: HTMLElement,\r\n  menuFixed?: boolean,\r\n) => {\r\n  // Viewport\r\n  const screenHeight = window.innerHeight;\r\n\r\n  // https://developer.mozilla.org/en-US/docs/Web/API/Element/getBoundingClientRect\r\n  // Height of screen can be longer when scrolling down, so TopEdge value should be calculated like this\r\n  const scrollY = menuFixed ? 0 : window.scrollY;\r\n  const dropdownTopEdge = parentEl.getBoundingClientRect().top + scrollY;\r\n  const dropdownHeight = parentEl.getBoundingClientRect().height;\r\n\r\n  const menuTopEdge = menuEl.getBoundingClientRect().top + scrollY;\r\n  const menuHeight = menuEl.getBoundingClientRect().height;\r\n\r\n  // Apply positions' value\r\n  const isMenuBottomEdgeVisible =\r\n    menuTopEdge + menuHeight <= screenHeight + scrollY;\r\n  if (isMenuBottomEdgeVisible) {\r\n    menuEl.style.top = `${dropdownTopEdge + dropdownHeight}px`;\r\n  } else {\r\n    menuEl.style.top = `${dropdownTopEdge - menuHeight}px`;\r\n  }\r\n};\r\nexport const resetPosition = (parentEl: HTMLElement, menuEl: HTMLElement) => {\r\n  menuEl.style.top = '';\r\n  menuEl.style.right = '';\r\n  menuEl.style.bottom = '';\r\n  menuEl.style.left = '';\r\n  // Move menu element back into dropdown tag\r\n  parentEl.append(menuEl);\r\n};\r\n\r\nexport const scrollToTop = () => {\r\n  if (window) {\r\n    window.scrollTo({ top: 0, behavior: 'smooth' });\r\n  }\r\n};\r\nexport const lockScrollBody = () => {\r\n  setTimeout(() => {\r\n    document.body.dataset['scrollLocked'] = '';\r\n    const scrollbarWith = getScrollbarWidth();\r\n    if (scrollbarWith) {\r\n      document.body.style.paddingRight = `${scrollbarWith}px`;\r\n    }\r\n    document.body.style.overflow = 'hidden';\r\n  }, 100);\r\n};\r\nexport const unlockScrollBody = () => {\r\n  document.body.removeAttribute('data-scroll-locked');\r\n  document.body.style.paddingRight = '';\r\n  document.body.style.overflow = '';\r\n};\r\nconst getScrollbarWidth = () =>\r\n  window.innerWidth - document.documentElement.clientWidth;\r\n"],"names":["ensureVisiblePosition","parentEl","menuEl","menuFixed","ensureVisibleX","ensureVisibleY","screenWidth","scrollX","dropdownLeftEdge","dropdownWidth","menuLeftEdge","menuWidth","screenHeight","scrollY","dropdownTopEdge","dropdownHeight","menuTopEdge","menuHeight","resetPosition","scrollToTop","lockScrollBody","scrollbarWith","getScrollbarWidth","unlockScrollBody"],"mappings":"gFAAO,MAAMA,EAAwB,CACnCC,EACAC,EACAC,IACS,CACMC,EAAAH,EAAUC,EAAQC,CAAS,EAC3BE,EAAAJ,EAAUC,EAAQC,CAAS,EAEjC,SAAA,KAAK,OAAOD,CAAM,CAC7B,EACaE,EAAiB,CAC5BH,EACAC,EACAC,IACG,CAEH,MAAMG,EAAc,OAAO,WAGrBC,EAAUJ,EAAY,EAAI,OAAO,QACjCK,EAAmBP,EAAS,sBAAsB,EAAE,KAAOM,EAC3DE,EAAgBR,EAAS,sBAAA,EAAwB,MAEjDS,EAAeR,EAAO,sBAAsB,EAAE,KAAOK,EACrDI,EAAYT,EAAO,sBAAA,EAAwB,MAI/CQ,EAAeC,GAAaL,EAAcC,EAEnCL,EAAA,MAAM,KAAO,GAAGM,CAAgB,KAEvCN,EAAO,MAAM,KAAO,GAAGM,EAAmBG,EAAYF,CAAa,IAEvE,EACaJ,EAAiB,CAC5BJ,EACAC,EACAC,IACG,CAEH,MAAMS,EAAe,OAAO,YAItBC,EAAUV,EAAY,EAAI,OAAO,QACjCW,EAAkBb,EAAS,sBAAsB,EAAE,IAAMY,EACzDE,EAAiBd,EAAS,sBAAA,EAAwB,OAElDe,EAAcd,EAAO,sBAAsB,EAAE,IAAMW,EACnDI,EAAaf,EAAO,sBAAA,EAAwB,OAIhDc,EAAcC,GAAcL,EAAeC,EAE3CX,EAAO,MAAM,IAAM,GAAGY,EAAkBC,CAAc,KAEtDb,EAAO,MAAM,IAAM,GAAGY,EAAkBG,CAAU,IAEtD,EACaC,EAAgB,CAACjB,EAAuBC,IAAwB,CAC3EA,EAAO,MAAM,IAAM,GACnBA,EAAO,MAAM,MAAQ,GACrBA,EAAO,MAAM,OAAS,GACtBA,EAAO,MAAM,KAAO,GAEpBD,EAAS,OAAOC,CAAM,CACxB,EAEaiB,EAAc,IAAM,CAC3B,QACF,OAAO,SAAS,CAAE,IAAK,EAAG,SAAU,SAAU,CAElD,EACaC,EAAiB,IAAM,CAClC,WAAW,IAAM,CACN,SAAA,KAAK,QAAQ,aAAkB,GACxC,MAAMC,EAAgBC,IAClBD,IACF,SAAS,KAAK,MAAM,aAAe,GAAGA,CAAa,MAE5C,SAAA,KAAK,MAAM,SAAW,UAC9B,GAAG,CACR,EACaE,EAAmB,IAAM,CAC3B,SAAA,KAAK,gBAAgB,oBAAoB,EACzC,SAAA,KAAK,MAAM,aAAe,GAC1B,SAAA,KAAK,MAAM,SAAW,EACjC,EACMD,EAAoB,IACxB,OAAO,WAAa,SAAS,gBAAgB"}
+{"version":3,"file":"design-system6.js","sources":["../src/helpers/ComponentHelper.ts"],"sourcesContent":["export const ensureVisiblePosition = (\n  parentEl: HTMLElement,\n  menuEl: HTMLElement,\n  menuFixed?: boolean,\n): void => {\n  ensureVisibleX(parentEl, menuEl, menuFixed);\n  ensureVisibleY(parentEl, menuEl, menuFixed);\n  // Move menu element into body tag\n  document.body.append(menuEl);\n};\nexport const ensureVisibleX = (\n  parentEl: HTMLElement,\n  menuEl: HTMLElement,\n  menuFixed?: boolean,\n) => {\n  // Viewport\n  const screenWidth = window.innerWidth;\n\n  // https://developer.mozilla.org/en-US/docs/Web/API/Element/getBoundingClientRect\n  const scrollX = menuFixed ? 0 : window.scrollX;\n  const dropdownLeftEdge = parentEl.getBoundingClientRect().left + scrollX;\n  const dropdownWidth = parentEl.getBoundingClientRect().width;\n\n  const menuLeftEdge = menuEl.getBoundingClientRect().left + scrollX;\n  const menuWidth = menuEl.getBoundingClientRect().width;\n\n  // Apply positions' value\n  const isMenuRightEdgeVisible =\n    menuLeftEdge + menuWidth <= screenWidth + scrollX;\n  if (isMenuRightEdgeVisible) {\n    menuEl.style.left = `${dropdownLeftEdge}px`;\n  } else {\n    menuEl.style.left = `${dropdownLeftEdge - menuWidth + dropdownWidth}px`;\n  }\n};\nexport const ensureVisibleY = (\n  parentEl: HTMLElement,\n  menuEl: HTMLElement,\n  menuFixed?: boolean,\n) => {\n  // Viewport\n  const screenHeight = window.innerHeight;\n\n  // https://developer.mozilla.org/en-US/docs/Web/API/Element/getBoundingClientRect\n  // Height of screen can be longer when scrolling down, so TopEdge value should be calculated like this\n  const scrollY = menuFixed ? 0 : window.scrollY;\n  const dropdownTopEdge = parentEl.getBoundingClientRect().top + scrollY;\n  const dropdownHeight = parentEl.getBoundingClientRect().height;\n\n  const menuTopEdge = menuEl.getBoundingClientRect().top + scrollY;\n  const menuHeight = menuEl.getBoundingClientRect().height;\n\n  // Apply positions' value\n  const isMenuBottomEdgeVisible =\n    menuTopEdge + menuHeight <= screenHeight + scrollY;\n  if (isMenuBottomEdgeVisible) {\n    menuEl.style.top = `${dropdownTopEdge + dropdownHeight}px`;\n  } else {\n    menuEl.style.top = `${dropdownTopEdge - menuHeight}px`;\n  }\n};\nexport const resetPosition = (parentEl: HTMLElement, menuEl: HTMLElement) => {\n  menuEl.style.top = '';\n  menuEl.style.right = '';\n  menuEl.style.bottom = '';\n  menuEl.style.left = '';\n  // Move menu element back into dropdown tag\n  parentEl.append(menuEl);\n};\n\nexport const scrollToTop = () => {\n  if (window) {\n    window.scrollTo({ top: 0, behavior: 'smooth' });\n  }\n};\nexport const lockScrollBody = () => {\n  setTimeout(() => {\n    document.body.dataset['scrollLocked'] = '';\n    const scrollbarWith = getScrollbarWidth();\n    if (scrollbarWith) {\n      document.body.style.paddingRight = `${scrollbarWith}px`;\n    }\n    document.body.style.overflow = 'hidden';\n  }, 100);\n};\nexport const unlockScrollBody = () => {\n  document.body.removeAttribute('data-scroll-locked');\n  document.body.style.paddingRight = '';\n  document.body.style.overflow = '';\n};\nconst getScrollbarWidth = () =>\n  window.innerWidth - document.documentElement.clientWidth;\n"],"names":["ensureVisiblePosition","parentEl","menuEl","menuFixed","ensureVisibleX","ensureVisibleY","screenWidth","scrollX","dropdownLeftEdge","dropdownWidth","menuLeftEdge","menuWidth","screenHeight","scrollY","dropdownTopEdge","dropdownHeight","menuTopEdge","menuHeight","resetPosition","scrollToTop","lockScrollBody","scrollbarWith","getScrollbarWidth","unlockScrollBody"],"mappings":"gFAAO,MAAMA,EAAwB,CACnCC,EACAC,EACAC,IACS,CACMC,EAAAH,EAAUC,EAAQC,CAAS,EAC3BE,EAAAJ,EAAUC,EAAQC,CAAS,EAEjC,SAAA,KAAK,OAAOD,CAAM,CAC7B,EACaE,EAAiB,CAC5BH,EACAC,EACAC,IACG,CAEH,MAAMG,EAAc,OAAO,WAGrBC,EAAUJ,EAAY,EAAI,OAAO,QACjCK,EAAmBP,EAAS,sBAAsB,EAAE,KAAOM,EAC3DE,EAAgBR,EAAS,sBAAA,EAAwB,MAEjDS,EAAeR,EAAO,sBAAsB,EAAE,KAAOK,EACrDI,EAAYT,EAAO,sBAAA,EAAwB,MAI/CQ,EAAeC,GAAaL,EAAcC,EAEnCL,EAAA,MAAM,KAAO,GAAGM,CAAgB,KAEvCN,EAAO,MAAM,KAAO,GAAGM,EAAmBG,EAAYF,CAAa,IAEvE,EACaJ,EAAiB,CAC5BJ,EACAC,EACAC,IACG,CAEH,MAAMS,EAAe,OAAO,YAItBC,EAAUV,EAAY,EAAI,OAAO,QACjCW,EAAkBb,EAAS,sBAAsB,EAAE,IAAMY,EACzDE,EAAiBd,EAAS,sBAAA,EAAwB,OAElDe,EAAcd,EAAO,sBAAsB,EAAE,IAAMW,EACnDI,EAAaf,EAAO,sBAAA,EAAwB,OAIhDc,EAAcC,GAAcL,EAAeC,EAE3CX,EAAO,MAAM,IAAM,GAAGY,EAAkBC,CAAc,KAEtDb,EAAO,MAAM,IAAM,GAAGY,EAAkBG,CAAU,IAEtD,EACaC,EAAgB,CAACjB,EAAuBC,IAAwB,CAC3EA,EAAO,MAAM,IAAM,GACnBA,EAAO,MAAM,MAAQ,GACrBA,EAAO,MAAM,OAAS,GACtBA,EAAO,MAAM,KAAO,GAEpBD,EAAS,OAAOC,CAAM,CACxB,EAEaiB,EAAc,IAAM,CAC3B,QACF,OAAO,SAAS,CAAE,IAAK,EAAG,SAAU,SAAU,CAElD,EACaC,EAAiB,IAAM,CAClC,WAAW,IAAM,CACN,SAAA,KAAK,QAAQ,aAAkB,GACxC,MAAMC,EAAgBC,IAClBD,IACF,SAAS,KAAK,MAAM,aAAe,GAAGA,CAAa,MAE5C,SAAA,KAAK,MAAM,SAAW,UAC9B,GAAG,CACR,EACaE,EAAmB,IAAM,CAC3B,SAAA,KAAK,gBAAgB,oBAAoB,EACzC,SAAA,KAAK,MAAM,aAAe,GAC1B,SAAA,KAAK,MAAM,SAAW,EACjC,EACMD,EAAoB,IACxB,OAAO,WAAa,SAAS,gBAAgB"}

package/dist/design-system6.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system6.mjs","sources":["../src/helpers/ComponentHelper.ts"],"sourcesContent":["export const ensureVisiblePosition = (\r\n  parentEl: HTMLElement,\r\n  menuEl: HTMLElement,\r\n  menuFixed?: boolean,\r\n): void => {\r\n  ensureVisibleX(parentEl, menuEl, menuFixed);\r\n  ensureVisibleY(parentEl, menuEl, menuFixed);\r\n  // Move menu element into body tag\r\n  document.body.append(menuEl);\r\n};\r\nexport const ensureVisibleX = (\r\n  parentEl: HTMLElement,\r\n  menuEl: HTMLElement,\r\n  menuFixed?: boolean,\r\n) => {\r\n  // Viewport\r\n  const screenWidth = window.innerWidth;\r\n\r\n  // https://developer.mozilla.org/en-US/docs/Web/API/Element/getBoundingClientRect\r\n  const scrollX = menuFixed ? 0 : window.scrollX;\r\n  const dropdownLeftEdge = parentEl.getBoundingClientRect().left + scrollX;\r\n  const dropdownWidth = parentEl.getBoundingClientRect().width;\r\n\r\n  const menuLeftEdge = menuEl.getBoundingClientRect().left + scrollX;\r\n  const menuWidth = menuEl.getBoundingClientRect().width;\r\n\r\n  // Apply positions' value\r\n  const isMenuRightEdgeVisible =\r\n    menuLeftEdge + menuWidth <= screenWidth + scrollX;\r\n  if (isMenuRightEdgeVisible) {\r\n    menuEl.style.left = `${dropdownLeftEdge}px`;\r\n  } else {\r\n    menuEl.style.left = `${dropdownLeftEdge - menuWidth + dropdownWidth}px`;\r\n  }\r\n};\r\nexport const ensureVisibleY = (\r\n  parentEl: HTMLElement,\r\n  menuEl: HTMLElement,\r\n  menuFixed?: boolean,\r\n) => {\r\n  // Viewport\r\n  const screenHeight = window.innerHeight;\r\n\r\n  // https://developer.mozilla.org/en-US/docs/Web/API/Element/getBoundingClientRect\r\n  // Height of screen can be longer when scrolling down, so TopEdge value should be calculated like this\r\n  const scrollY = menuFixed ? 0 : window.scrollY;\r\n  const dropdownTopEdge = parentEl.getBoundingClientRect().top + scrollY;\r\n  const dropdownHeight = parentEl.getBoundingClientRect().height;\r\n\r\n  const menuTopEdge = menuEl.getBoundingClientRect().top + scrollY;\r\n  const menuHeight = menuEl.getBoundingClientRect().height;\r\n\r\n  // Apply positions' value\r\n  const isMenuBottomEdgeVisible =\r\n    menuTopEdge + menuHeight <= screenHeight + scrollY;\r\n  if (isMenuBottomEdgeVisible) {\r\n    menuEl.style.top = `${dropdownTopEdge + dropdownHeight}px`;\r\n  } else {\r\n    menuEl.style.top = `${dropdownTopEdge - menuHeight}px`;\r\n  }\r\n};\r\nexport const resetPosition = (parentEl: HTMLElement, menuEl: HTMLElement) => {\r\n  menuEl.style.top = '';\r\n  menuEl.style.right = '';\r\n  menuEl.style.bottom = '';\r\n  menuEl.style.left = '';\r\n  // Move menu element back into dropdown tag\r\n  parentEl.append(menuEl);\r\n};\r\n\r\nexport const scrollToTop = () => {\r\n  if (window) {\r\n    window.scrollTo({ top: 0, behavior: 'smooth' });\r\n  }\r\n};\r\nexport const lockScrollBody = () => {\r\n  setTimeout(() => {\r\n    document.body.dataset['scrollLocked'] = '';\r\n    const scrollbarWith = getScrollbarWidth();\r\n    if (scrollbarWith) {\r\n      document.body.style.paddingRight = `${scrollbarWith}px`;\r\n    }\r\n    document.body.style.overflow = 'hidden';\r\n  }, 100);\r\n};\r\nexport const unlockScrollBody = () => {\r\n  document.body.removeAttribute('data-scroll-locked');\r\n  document.body.style.paddingRight = '';\r\n  document.body.style.overflow = '';\r\n};\r\nconst getScrollbarWidth = () =>\r\n  window.innerWidth - document.documentElement.clientWidth;\r\n"],"names":["ensureVisiblePosition","parentEl","menuEl","menuFixed","ensureVisibleX","ensureVisibleY","screenWidth","scrollX","dropdownLeftEdge","dropdownWidth","menuLeftEdge","menuWidth","screenHeight","scrollY","dropdownTopEdge","dropdownHeight","menuTopEdge","menuHeight","resetPosition","scrollToTop","lockScrollBody","scrollbarWith","getScrollbarWidth","unlockScrollBody"],"mappings":"AAAO,MAAMA,IAAwB,CACnCC,GACAC,GACAC,MACS;AACM,EAAAC,EAAAH,GAAUC,GAAQC,CAAS,GAC3BE,EAAAJ,GAAUC,GAAQC,CAAS,GAEjC,SAAA,KAAK,OAAOD,CAAM;AAC7B,GACaE,IAAiB,CAC5BH,GACAC,GACAC,MACG;AAEH,QAAMG,IAAc,OAAO,YAGrBC,IAAUJ,IAAY,IAAI,OAAO,SACjCK,IAAmBP,EAAS,sBAAsB,EAAE,OAAOM,GAC3DE,IAAgBR,EAAS,sBAAA,EAAwB,OAEjDS,IAAeR,EAAO,sBAAsB,EAAE,OAAOK,GACrDI,IAAYT,EAAO,sBAAA,EAAwB;AAKjD,EADEQ,IAAeC,KAAaL,IAAcC,IAEnCL,EAAA,MAAM,OAAO,GAAGM,CAAgB,OAEvCN,EAAO,MAAM,OAAO,GAAGM,IAAmBG,IAAYF,CAAa;AAEvE,GACaJ,IAAiB,CAC5BJ,GACAC,GACAC,MACG;AAEH,QAAMS,IAAe,OAAO,aAItBC,IAAUV,IAAY,IAAI,OAAO,SACjCW,IAAkBb,EAAS,sBAAsB,EAAE,MAAMY,GACzDE,IAAiBd,EAAS,sBAAA,EAAwB,QAElDe,IAAcd,EAAO,sBAAsB,EAAE,MAAMW,GACnDI,IAAaf,EAAO,sBAAA,EAAwB;AAKlD,EADEc,IAAcC,KAAcL,IAAeC,IAE3CX,EAAO,MAAM,MAAM,GAAGY,IAAkBC,CAAc,OAEtDb,EAAO,MAAM,MAAM,GAAGY,IAAkBG,CAAU;AAEtD,GACaC,IAAgB,CAACjB,GAAuBC,MAAwB;AAC3E,EAAAA,EAAO,MAAM,MAAM,IACnBA,EAAO,MAAM,QAAQ,IACrBA,EAAO,MAAM,SAAS,IACtBA,EAAO,MAAM,OAAO,IAEpBD,EAAS,OAAOC,CAAM;AACxB,GAEaiB,IAAc,MAAM;AAC/B,EAAI,UACF,OAAO,SAAS,EAAE,KAAK,GAAG,UAAU,UAAU;AAElD,GACaC,IAAiB,MAAM;AAClC,aAAW,MAAM;AACN,aAAA,KAAK,QAAQ,eAAkB;AACxC,UAAMC,IAAgBC;AACtB,IAAID,MACF,SAAS,KAAK,MAAM,eAAe,GAAGA,CAAa,OAE5C,SAAA,KAAK,MAAM,WAAW;AAAA,KAC9B,GAAG;AACR,GACaE,IAAmB,MAAM;AAC3B,WAAA,KAAK,gBAAgB,oBAAoB,GACzC,SAAA,KAAK,MAAM,eAAe,IAC1B,SAAA,KAAK,MAAM,WAAW;AACjC,GACMD,IAAoB,MACxB,OAAO,aAAa,SAAS,gBAAgB;"}
+{"version":3,"file":"design-system6.mjs","sources":["../src/helpers/ComponentHelper.ts"],"sourcesContent":["export const ensureVisiblePosition = (\n  parentEl: HTMLElement,\n  menuEl: HTMLElement,\n  menuFixed?: boolean,\n): void => {\n  ensureVisibleX(parentEl, menuEl, menuFixed);\n  ensureVisibleY(parentEl, menuEl, menuFixed);\n  // Move menu element into body tag\n  document.body.append(menuEl);\n};\nexport const ensureVisibleX = (\n  parentEl: HTMLElement,\n  menuEl: HTMLElement,\n  menuFixed?: boolean,\n) => {\n  // Viewport\n  const screenWidth = window.innerWidth;\n\n  // https://developer.mozilla.org/en-US/docs/Web/API/Element/getBoundingClientRect\n  const scrollX = menuFixed ? 0 : window.scrollX;\n  const dropdownLeftEdge = parentEl.getBoundingClientRect().left + scrollX;\n  const dropdownWidth = parentEl.getBoundingClientRect().width;\n\n  const menuLeftEdge = menuEl.getBoundingClientRect().left + scrollX;\n  const menuWidth = menuEl.getBoundingClientRect().width;\n\n  // Apply positions' value\n  const isMenuRightEdgeVisible =\n    menuLeftEdge + menuWidth <= screenWidth + scrollX;\n  if (isMenuRightEdgeVisible) {\n    menuEl.style.left = `${dropdownLeftEdge}px`;\n  } else {\n    menuEl.style.left = `${dropdownLeftEdge - menuWidth + dropdownWidth}px`;\n  }\n};\nexport const ensureVisibleY = (\n  parentEl: HTMLElement,\n  menuEl: HTMLElement,\n  menuFixed?: boolean,\n) => {\n  // Viewport\n  const screenHeight = window.innerHeight;\n\n  // https://developer.mozilla.org/en-US/docs/Web/API/Element/getBoundingClientRect\n  // Height of screen can be longer when scrolling down, so TopEdge value should be calculated like this\n  const scrollY = menuFixed ? 0 : window.scrollY;\n  const dropdownTopEdge = parentEl.getBoundingClientRect().top + scrollY;\n  const dropdownHeight = parentEl.getBoundingClientRect().height;\n\n  const menuTopEdge = menuEl.getBoundingClientRect().top + scrollY;\n  const menuHeight = menuEl.getBoundingClientRect().height;\n\n  // Apply positions' value\n  const isMenuBottomEdgeVisible =\n    menuTopEdge + menuHeight <= screenHeight + scrollY;\n  if (isMenuBottomEdgeVisible) {\n    menuEl.style.top = `${dropdownTopEdge + dropdownHeight}px`;\n  } else {\n    menuEl.style.top = `${dropdownTopEdge - menuHeight}px`;\n  }\n};\nexport const resetPosition = (parentEl: HTMLElement, menuEl: HTMLElement) => {\n  menuEl.style.top = '';\n  menuEl.style.right = '';\n  menuEl.style.bottom = '';\n  menuEl.style.left = '';\n  // Move menu element back into dropdown tag\n  parentEl.append(menuEl);\n};\n\nexport const scrollToTop = () => {\n  if (window) {\n    window.scrollTo({ top: 0, behavior: 'smooth' });\n  }\n};\nexport const lockScrollBody = () => {\n  setTimeout(() => {\n    document.body.dataset['scrollLocked'] = '';\n    const scrollbarWith = getScrollbarWidth();\n    if (scrollbarWith) {\n      document.body.style.paddingRight = `${scrollbarWith}px`;\n    }\n    document.body.style.overflow = 'hidden';\n  }, 100);\n};\nexport const unlockScrollBody = () => {\n  document.body.removeAttribute('data-scroll-locked');\n  document.body.style.paddingRight = '';\n  document.body.style.overflow = '';\n};\nconst getScrollbarWidth = () =>\n  window.innerWidth - document.documentElement.clientWidth;\n"],"names":["ensureVisiblePosition","parentEl","menuEl","menuFixed","ensureVisibleX","ensureVisibleY","screenWidth","scrollX","dropdownLeftEdge","dropdownWidth","menuLeftEdge","menuWidth","screenHeight","scrollY","dropdownTopEdge","dropdownHeight","menuTopEdge","menuHeight","resetPosition","scrollToTop","lockScrollBody","scrollbarWith","getScrollbarWidth","unlockScrollBody"],"mappings":"AAAO,MAAMA,IAAwB,CACnCC,GACAC,GACAC,MACS;AACM,EAAAC,EAAAH,GAAUC,GAAQC,CAAS,GAC3BE,EAAAJ,GAAUC,GAAQC,CAAS,GAEjC,SAAA,KAAK,OAAOD,CAAM;AAC7B,GACaE,IAAiB,CAC5BH,GACAC,GACAC,MACG;AAEH,QAAMG,IAAc,OAAO,YAGrBC,IAAUJ,IAAY,IAAI,OAAO,SACjCK,IAAmBP,EAAS,sBAAsB,EAAE,OAAOM,GAC3DE,IAAgBR,EAAS,sBAAA,EAAwB,OAEjDS,IAAeR,EAAO,sBAAsB,EAAE,OAAOK,GACrDI,IAAYT,EAAO,sBAAA,EAAwB;AAKjD,EADEQ,IAAeC,KAAaL,IAAcC,IAEnCL,EAAA,MAAM,OAAO,GAAGM,CAAgB,OAEvCN,EAAO,MAAM,OAAO,GAAGM,IAAmBG,IAAYF,CAAa;AAEvE,GACaJ,IAAiB,CAC5BJ,GACAC,GACAC,MACG;AAEH,QAAMS,IAAe,OAAO,aAItBC,IAAUV,IAAY,IAAI,OAAO,SACjCW,IAAkBb,EAAS,sBAAsB,EAAE,MAAMY,GACzDE,IAAiBd,EAAS,sBAAA,EAAwB,QAElDe,IAAcd,EAAO,sBAAsB,EAAE,MAAMW,GACnDI,IAAaf,EAAO,sBAAA,EAAwB;AAKlD,EADEc,IAAcC,KAAcL,IAAeC,IAE3CX,EAAO,MAAM,MAAM,GAAGY,IAAkBC,CAAc,OAEtDb,EAAO,MAAM,MAAM,GAAGY,IAAkBG,CAAU;AAEtD,GACaC,IAAgB,CAACjB,GAAuBC,MAAwB;AAC3E,EAAAA,EAAO,MAAM,MAAM,IACnBA,EAAO,MAAM,QAAQ,IACrBA,EAAO,MAAM,SAAS,IACtBA,EAAO,MAAM,OAAO,IAEpBD,EAAS,OAAOC,CAAM;AACxB,GAEaiB,IAAc,MAAM;AAC/B,EAAI,UACF,OAAO,SAAS,EAAE,KAAK,GAAG,UAAU,UAAU;AAElD,GACaC,IAAiB,MAAM;AAClC,aAAW,MAAM;AACN,aAAA,KAAK,QAAQ,eAAkB;AACxC,UAAMC,IAAgBC;AACtB,IAAID,MACF,SAAS,KAAK,MAAM,eAAe,GAAGA,CAAa,OAE5C,SAAA,KAAK,MAAM,WAAW;AAAA,KAC9B,GAAG;AACR,GACaE,IAAmB,MAAM;AAC3B,WAAA,KAAK,gBAAgB,oBAAoB,GACzC,SAAA,KAAK,MAAM,eAAe,IAC1B,SAAA,KAAK,MAAM,WAAW;AACjC,GACMD,IAAoB,MACxB,OAAO,aAAa,SAAS,gBAAgB;"}

package/dist/design-system68.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),i=o=>(e.pushScopeId("data-v-871b9c1c"),o=o(),e.popScopeId(),o),r=i(()=>e.createElementVNode("div",{class:"b-loading-bar-indeterminate"},null,-1)),d=[r],n=e.defineComponent({__name:"BLoadingBar",props:{loading:{type:Boolean},height:{default:""},borderRadius:{default:""},absolute:{type:Boolean,default:!1}},setup(o){const t=o,a=e.computed(()=>{const s={opacity:+t.loading,height:"",borderRadius:"",position:"relative"};return t.height&&(s.height=t.height),t.borderRadius&&(s.borderRadius=t.borderRadius),t.absolute&&(s.position="absolute"),s});return(s,l)=>(e.openBlock(),e.createElementBlock("div",{style:e.normalizeStyle(a.value),class:"b-loading-bar"},d,4))}});module.exports=n;
+"use strict";const e=require("vue"),i=o=>(e.pushScopeId("data-v-31348ccc"),o=o(),e.popScopeId(),o),r=i(()=>e.createElementVNode("div",{class:"b-loading-bar-indeterminate"},null,-1)),d=[r],n=e.defineComponent({__name:"BLoadingBar",props:{loading:{type:Boolean},height:{default:""},borderRadius:{default:""},absolute:{type:Boolean,default:!1}},setup(o){const t=o,a=e.computed(()=>{const s={opacity:+t.loading,height:"",borderRadius:"",position:"relative"};return t.height&&(s.height=t.height),t.borderRadius&&(s.borderRadius=t.borderRadius),t.absolute&&(s.position="absolute"),s});return(s,c)=>(e.openBlock(),e.createElementBlock("div",{style:e.normalizeStyle(a.value),class:"b-loading-bar"},d,4))}});module.exports=n;
 //# sourceMappingURL=design-system68.js.map

package/dist/design-system68.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system68.js","sources":["../src/components/BLoadingBar.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { createElementVNode as _createElementVNode, normalizeStyle as _normalizeStyle, openBlock as _openBlock, createElementBlock as _createElementBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \"vue\"\n\nconst _withScopeId = n => (_pushScopeId(\"data-v-871b9c1c\"),n=n(),_popScopeId(),n)\nconst _hoisted_1 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"div\", { class: \"b-loading-bar-indeterminate\" }, null, -1))\nconst _hoisted_2 = [\n  _hoisted_1\n]\n\nimport { computed, type StyleValue } from 'vue';\r\n\r\n//#region Props\r\nexport interface BLoadingBarProps {\r\n  loading: boolean;\r\n  height?: string;\r\n  borderRadius?: string;\r\n  absolute?: boolean;\r\n}\r\n\r\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BLoadingBar',\n  props: {\n    loading: { type: Boolean },\n    height: { default: '' },\n    borderRadius: { default: '' },\n    absolute: { type: Boolean, default: false }\n  },\n  setup(__props: any) {\n\nconst props = __props;\n\r\n\r\n//#endregion\r\n\r\n//#region Data\r\nconst cssStyle = computed(() => {\r\n  const result: StyleValue = {\r\n    opacity: +props.loading,\r\n    height: '',\r\n    borderRadius: '',\r\n    position: 'relative',\r\n  };\r\n\r\n  if (props.height) {\r\n    result.height = props.height;\r\n  }\r\n  if (props.borderRadius) {\r\n    result.borderRadius = props.borderRadius;\r\n  }\r\n  if (props.absolute) {\r\n    result.position = 'absolute';\r\n  }\r\n\r\n  return result;\r\n});\r\n//#endregion\r\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    style: _normalizeStyle(cssStyle.value),\n    class: \"b-loading-bar\"\n  }, _hoisted_2, 4))\n}\n}\n\n})"],"names":["_withScopeId","_pushScopeId","n","_popScopeId","_hoisted_1","_createElementVNode","_hoisted_2","_sfc_main","_defineComponent","__props","props","cssStyle","computed","result","_ctx","_cache","_openBlock","_createElementBlock","_normalizeStyle"],"mappings":"oCAGMA,MAAqBC,EAAa,YAAA,iBAAiB,EAAEC,EAAEA,IAAIC,EAAAA,aAAcD,GACzEE,EAAwCJ,EAAA,IAAuCK,EAAA,mBAAA,MAAO,CAAE,MAAO,+BAAiC,KAAM,EAAE,CAAC,EACzIC,EAAa,CACjBF,CACF,EAa4BG,EAAiBC,kBAAA,CAC3C,OAAQ,cACR,MAAO,CACL,QAAS,CAAE,KAAM,OAAQ,EACzB,OAAQ,CAAE,QAAS,EAAG,EACtB,aAAc,CAAE,QAAS,EAAG,EAC5B,SAAU,CAAE,KAAM,QAAS,QAAS,EAAM,CAC5C,EACA,MAAMC,EAAc,CAEtB,MAAMC,EAAQD,EAMRE,EAAWC,EAAAA,SAAS,IAAM,CAC9B,MAAMC,EAAqB,CACzB,QAAS,CAACH,EAAM,QAChB,OAAQ,GACR,aAAc,GACd,SAAU,UAAA,EAGZ,OAAIA,EAAM,SACRG,EAAO,OAASH,EAAM,QAEpBA,EAAM,eACRG,EAAO,aAAeH,EAAM,cAE1BA,EAAM,WACRG,EAAO,SAAW,YAGbA,CAAA,CACR,EAGM,MAAA,CAACC,EAAUC,KACRC,EAAA,UAAA,EAAcC,EAAA,mBAAoB,MAAO,CAC/C,MAAOC,EAAAA,eAAgBP,EAAS,KAAK,EACrC,MAAO,eAAA,EACNL,EAAY,CAAC,EAElB,CAEA,CAAC"}
+{"version":3,"file":"design-system68.js","sources":["../src/components/BLoadingBar.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { createElementVNode as _createElementVNode, normalizeStyle as _normalizeStyle, openBlock as _openBlock, createElementBlock as _createElementBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \"vue\"\n\nconst _withScopeId = n => (_pushScopeId(\"data-v-31348ccc\"),n=n(),_popScopeId(),n)\nconst _hoisted_1 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"div\", { class: \"b-loading-bar-indeterminate\" }, null, -1))\nconst _hoisted_2 = [\n  _hoisted_1\n]\n\nimport { computed, type StyleValue } from 'vue';\n\n//#region Props\nexport interface BLoadingBarProps {\n  loading: boolean;\n  height?: string;\n  borderRadius?: string;\n  absolute?: boolean;\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BLoadingBar',\n  props: {\n    loading: { type: Boolean },\n    height: { default: '' },\n    borderRadius: { default: '' },\n    absolute: { type: Boolean, default: false }\n  },\n  setup(__props: any) {\n\nconst props = __props;\n\n\n//#endregion\n\n//#region Data\nconst cssStyle = computed(() => {\n  const result: StyleValue = {\n    opacity: +props.loading,\n    height: '',\n    borderRadius: '',\n    position: 'relative',\n  };\n\n  if (props.height) {\n    result.height = props.height;\n  }\n  if (props.borderRadius) {\n    result.borderRadius = props.borderRadius;\n  }\n  if (props.absolute) {\n    result.position = 'absolute';\n  }\n\n  return result;\n});\n//#endregion\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    style: _normalizeStyle(cssStyle.value),\n    class: \"b-loading-bar\"\n  }, _hoisted_2, 4))\n}\n}\n\n})"],"names":["_withScopeId","_pushScopeId","n","_popScopeId","_hoisted_1","_createElementVNode","_hoisted_2","_sfc_main","_defineComponent","__props","props","cssStyle","computed","result","_ctx","_cache","_openBlock","_createElementBlock","_normalizeStyle"],"mappings":"oCAGMA,MAAqBC,EAAa,YAAA,iBAAiB,EAAEC,EAAEA,IAAIC,EAAAA,aAAcD,GACzEE,EAAwCJ,EAAA,IAAuCK,EAAA,mBAAA,MAAO,CAAE,MAAO,+BAAiC,KAAM,EAAE,CAAC,EACzIC,EAAa,CACjBF,CACF,EAa4BG,EAAiBC,kBAAA,CAC3C,OAAQ,cACR,MAAO,CACL,QAAS,CAAE,KAAM,OAAQ,EACzB,OAAQ,CAAE,QAAS,EAAG,EACtB,aAAc,CAAE,QAAS,EAAG,EAC5B,SAAU,CAAE,KAAM,QAAS,QAAS,EAAM,CAC5C,EACA,MAAMC,EAAc,CAEtB,MAAMC,EAAQD,EAMRE,EAAWC,EAAAA,SAAS,IAAM,CAC9B,MAAMC,EAAqB,CACzB,QAAS,CAACH,EAAM,QAChB,OAAQ,GACR,aAAc,GACd,SAAU,UAAA,EAGZ,OAAIA,EAAM,SACRG,EAAO,OAASH,EAAM,QAEpBA,EAAM,eACRG,EAAO,aAAeH,EAAM,cAE1BA,EAAM,WACRG,EAAO,SAAW,YAGbA,CAAA,CACR,EAGM,MAAA,CAACC,EAAUC,KACRC,EAAA,UAAA,EAAcC,EAAA,mBAAoB,MAAO,CAC/C,MAAOC,EAAAA,eAAgBP,EAAS,KAAK,EACrC,MAAO,eAAA,EACNL,EAAY,CAAC,EAElB,CAEA,CAAC"}

package/dist/design-system68.mjs

@@ -1,5 +1,5 @@
 import { defineComponent as i, computed as s, openBlock as d, createElementBlock as r, normalizeStyle as l, pushScopeId as n, popScopeId as c, createElementVNode as p } from "vue";
-const u = (o) => (n("data-v-871b9c1c"), o = o(), c(), o), h = /* @__PURE__ */ u(() => /* @__PURE__ */ p("div", { class: "b-loading-bar-indeterminate" }, null, -1)), b = [
+const u = (o) => (n("data-v-31348ccc"), o = o(), c(), o), h = /* @__PURE__ */ u(() => /* @__PURE__ */ p("div", { class: "b-loading-bar-indeterminate" }, null, -1)), b = [
   h
 ], g = /* @__PURE__ */ i({
   __name: "BLoadingBar",

package/dist/design-system68.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system68.mjs","sources":["../src/components/BLoadingBar.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { createElementVNode as _createElementVNode, normalizeStyle as _normalizeStyle, openBlock as _openBlock, createElementBlock as _createElementBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \"vue\"\n\nconst _withScopeId = n => (_pushScopeId(\"data-v-871b9c1c\"),n=n(),_popScopeId(),n)\nconst _hoisted_1 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"div\", { class: \"b-loading-bar-indeterminate\" }, null, -1))\nconst _hoisted_2 = [\n  _hoisted_1\n]\n\nimport { computed, type StyleValue } from 'vue';\r\n\r\n//#region Props\r\nexport interface BLoadingBarProps {\r\n  loading: boolean;\r\n  height?: string;\r\n  borderRadius?: string;\r\n  absolute?: boolean;\r\n}\r\n\r\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BLoadingBar',\n  props: {\n    loading: { type: Boolean },\n    height: { default: '' },\n    borderRadius: { default: '' },\n    absolute: { type: Boolean, default: false }\n  },\n  setup(__props: any) {\n\nconst props = __props;\n\r\n\r\n//#endregion\r\n\r\n//#region Data\r\nconst cssStyle = computed(() => {\r\n  const result: StyleValue = {\r\n    opacity: +props.loading,\r\n    height: '',\r\n    borderRadius: '',\r\n    position: 'relative',\r\n  };\r\n\r\n  if (props.height) {\r\n    result.height = props.height;\r\n  }\r\n  if (props.borderRadius) {\r\n    result.borderRadius = props.borderRadius;\r\n  }\r\n  if (props.absolute) {\r\n    result.position = 'absolute';\r\n  }\r\n\r\n  return result;\r\n});\r\n//#endregion\r\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    style: _normalizeStyle(cssStyle.value),\n    class: \"b-loading-bar\"\n  }, _hoisted_2, 4))\n}\n}\n\n})"],"names":["_withScopeId","_pushScopeId","n","_popScopeId","_hoisted_1","_createElementVNode","_hoisted_2","_sfc_main","_defineComponent","__props","props","cssStyle","computed","result","_ctx","_cache","_openBlock","_createElementBlock","_normalizeStyle"],"mappings":";AAGA,MAAMA,IAAe,QAAMC,EAAa,iBAAiB,GAAEC,IAAEA,KAAIC,KAAcD,IACzEE,IAAwC,gBAAAJ,EAAA,MAAuCK,gBAAAA,EAAA,OAAO,EAAE,OAAO,iCAAiC,MAAM,EAAE,CAAC,GACzIC,IAAa;AAAA,EACjBF;AACF,GAa4BG,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,SAAS,EAAE,MAAM,QAAQ;AAAA,IACzB,QAAQ,EAAE,SAAS,GAAG;AAAA,IACtB,cAAc,EAAE,SAAS,GAAG;AAAA,IAC5B,UAAU,EAAE,MAAM,SAAS,SAAS,GAAM;AAAA,EAC5C;AAAA,EACA,MAAMC,GAAc;AAEtB,UAAMC,IAAQD,GAMRE,IAAWC,EAAS,MAAM;AAC9B,YAAMC,IAAqB;AAAA,QACzB,SAAS,CAACH,EAAM;AAAA,QAChB,QAAQ;AAAA,QACR,cAAc;AAAA,QACd,UAAU;AAAA,MAAA;AAGZ,aAAIA,EAAM,WACRG,EAAO,SAASH,EAAM,SAEpBA,EAAM,iBACRG,EAAO,eAAeH,EAAM,eAE1BA,EAAM,aACRG,EAAO,WAAW,aAGbA;AAAA,IAAA,CACR;AAGM,WAAA,CAACC,GAAUC,OACRC,EAAA,GAAcC,EAAoB,OAAO;AAAA,MAC/C,OAAOC,EAAgBP,EAAS,KAAK;AAAA,MACrC,OAAO;AAAA,IAAA,GACNL,GAAY,CAAC;AAAA,EAElB;AAEA,CAAC;"}
+{"version":3,"file":"design-system68.mjs","sources":["../src/components/BLoadingBar.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { createElementVNode as _createElementVNode, normalizeStyle as _normalizeStyle, openBlock as _openBlock, createElementBlock as _createElementBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \"vue\"\n\nconst _withScopeId = n => (_pushScopeId(\"data-v-31348ccc\"),n=n(),_popScopeId(),n)\nconst _hoisted_1 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"div\", { class: \"b-loading-bar-indeterminate\" }, null, -1))\nconst _hoisted_2 = [\n  _hoisted_1\n]\n\nimport { computed, type StyleValue } from 'vue';\n\n//#region Props\nexport interface BLoadingBarProps {\n  loading: boolean;\n  height?: string;\n  borderRadius?: string;\n  absolute?: boolean;\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BLoadingBar',\n  props: {\n    loading: { type: Boolean },\n    height: { default: '' },\n    borderRadius: { default: '' },\n    absolute: { type: Boolean, default: false }\n  },\n  setup(__props: any) {\n\nconst props = __props;\n\n\n//#endregion\n\n//#region Data\nconst cssStyle = computed(() => {\n  const result: StyleValue = {\n    opacity: +props.loading,\n    height: '',\n    borderRadius: '',\n    position: 'relative',\n  };\n\n  if (props.height) {\n    result.height = props.height;\n  }\n  if (props.borderRadius) {\n    result.borderRadius = props.borderRadius;\n  }\n  if (props.absolute) {\n    result.position = 'absolute';\n  }\n\n  return result;\n});\n//#endregion\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    style: _normalizeStyle(cssStyle.value),\n    class: \"b-loading-bar\"\n  }, _hoisted_2, 4))\n}\n}\n\n})"],"names":["_withScopeId","_pushScopeId","n","_popScopeId","_hoisted_1","_createElementVNode","_hoisted_2","_sfc_main","_defineComponent","__props","props","cssStyle","computed","result","_ctx","_cache","_openBlock","_createElementBlock","_normalizeStyle"],"mappings":";AAGA,MAAMA,IAAe,QAAMC,EAAa,iBAAiB,GAAEC,IAAEA,KAAIC,KAAcD,IACzEE,IAAwC,gBAAAJ,EAAA,MAAuCK,gBAAAA,EAAA,OAAO,EAAE,OAAO,iCAAiC,MAAM,EAAE,CAAC,GACzIC,IAAa;AAAA,EACjBF;AACF,GAa4BG,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,SAAS,EAAE,MAAM,QAAQ;AAAA,IACzB,QAAQ,EAAE,SAAS,GAAG;AAAA,IACtB,cAAc,EAAE,SAAS,GAAG;AAAA,IAC5B,UAAU,EAAE,MAAM,SAAS,SAAS,GAAM;AAAA,EAC5C;AAAA,EACA,MAAMC,GAAc;AAEtB,UAAMC,IAAQD,GAMRE,IAAWC,EAAS,MAAM;AAC9B,YAAMC,IAAqB;AAAA,QACzB,SAAS,CAACH,EAAM;AAAA,QAChB,QAAQ;AAAA,QACR,cAAc;AAAA,QACd,UAAU;AAAA,MAAA;AAGZ,aAAIA,EAAM,WACRG,EAAO,SAASH,EAAM,SAEpBA,EAAM,iBACRG,EAAO,eAAeH,EAAM,eAE1BA,EAAM,aACRG,EAAO,WAAW,aAGbA;AAAA,IAAA,CACR;AAGM,WAAA,CAACC,GAAUC,OACRC,EAAA,GAAcC,EAAoB,OAAO;AAAA,MAC/C,OAAOC,EAAgBP,EAAS,KAAK;AAAA,MACrC,OAAO;AAAA,IAAA,GACNL,GAAY,CAAC;AAAA,EAElB;AAEA,CAAC;"}

package/dist/design-system7.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system7.js","sources":["../src/plugin.ts"],"sourcesContent":["import type { App } from 'vue';\r\nimport type { I18n } from 'vue-i18n';\r\nimport enUS from './locales/en-US.json';\r\nimport viVN from './locales/vi-VN.json';\r\n\r\nexport default {\r\n  install: (app: App<Element>, options: { i18n: I18n }) => {\r\n    if (options?.i18n) {\r\n      const { mergeLocaleMessage } = options.i18n.global;\r\n      mergeLocaleMessage('vi-VN', viVN);\r\n      mergeLocaleMessage('en-US', enUS);\r\n    }\r\n  },\r\n};\r\n"],"names":["plugin","app","options","mergeLocaleMessage","viVN","enUS"],"mappings":"sFAKeA,EAAA,CACb,QAAS,CAACC,EAAmBC,IAA4B,CACvD,GAAIA,GAAA,MAAAA,EAAS,KAAM,CACjB,KAAM,CAAE,mBAAAC,CAAuB,EAAAD,EAAQ,KAAK,OAC5CC,EAAmB,QAASC,EAAAA,OAAI,EAChCD,EAAmB,QAASE,EAAAA,OAAI,CAClC,CACF,CACF"}
+{"version":3,"file":"design-system7.js","sources":["../src/plugin.ts"],"sourcesContent":["import type { App } from 'vue';\nimport type { I18n } from 'vue-i18n';\nimport enUS from './locales/en-US.json';\nimport viVN from './locales/vi-VN.json';\n\nexport default {\n  install: (app: App<Element>, options: { i18n: I18n }) => {\n    if (options?.i18n) {\n      const { mergeLocaleMessage } = options.i18n.global;\n      mergeLocaleMessage('vi-VN', viVN);\n      mergeLocaleMessage('en-US', enUS);\n    }\n  },\n};\n"],"names":["plugin","app","options","mergeLocaleMessage","viVN","enUS"],"mappings":"sFAKeA,EAAA,CACb,QAAS,CAACC,EAAmBC,IAA4B,CACvD,GAAIA,GAAA,MAAAA,EAAS,KAAM,CACjB,KAAM,CAAE,mBAAAC,CAAuB,EAAAD,EAAQ,KAAK,OAC5CC,EAAmB,QAASC,EAAAA,OAAI,EAChCD,EAAmB,QAASE,EAAAA,OAAI,CAClC,CACF,CACF"}

package/dist/design-system7.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system7.mjs","sources":["../src/plugin.ts"],"sourcesContent":["import type { App } from 'vue';\r\nimport type { I18n } from 'vue-i18n';\r\nimport enUS from './locales/en-US.json';\r\nimport viVN from './locales/vi-VN.json';\r\n\r\nexport default {\r\n  install: (app: App<Element>, options: { i18n: I18n }) => {\r\n    if (options?.i18n) {\r\n      const { mergeLocaleMessage } = options.i18n.global;\r\n      mergeLocaleMessage('vi-VN', viVN);\r\n      mergeLocaleMessage('en-US', enUS);\r\n    }\r\n  },\r\n};\r\n"],"names":["plugin","app","options","mergeLocaleMessage","viVN","enUS"],"mappings":";;AAKA,MAAeA,IAAA;AAAA,EACb,SAAS,CAACC,GAAmBC,MAA4B;AACvD,QAAIA,KAAA,QAAAA,EAAS,MAAM;AACjB,YAAM,EAAE,oBAAAC,EAAuB,IAAAD,EAAQ,KAAK;AAC5C,MAAAC,EAAmB,SAASC,CAAI,GAChCD,EAAmB,SAASE,CAAI;AAAA,IAClC;AAAA,EACF;AACF;"}
+{"version":3,"file":"design-system7.mjs","sources":["../src/plugin.ts"],"sourcesContent":["import type { App } from 'vue';\nimport type { I18n } from 'vue-i18n';\nimport enUS from './locales/en-US.json';\nimport viVN from './locales/vi-VN.json';\n\nexport default {\n  install: (app: App<Element>, options: { i18n: I18n }) => {\n    if (options?.i18n) {\n      const { mergeLocaleMessage } = options.i18n.global;\n      mergeLocaleMessage('vi-VN', viVN);\n      mergeLocaleMessage('en-US', enUS);\n    }\n  },\n};\n"],"names":["plugin","app","options","mergeLocaleMessage","viVN","enUS"],"mappings":";;AAKA,MAAeA,IAAA;AAAA,EACb,SAAS,CAACC,GAAmBC,MAA4B;AACvD,QAAIA,KAAA,QAAAA,EAAS,MAAM;AACjB,YAAM,EAAE,oBAAAC,EAAuB,IAAAD,EAAQ,KAAK;AAC5C,MAAAC,EAAmB,SAASC,CAAI,GAChCD,EAAmB,SAASE,CAAI;AAAA,IAClC;AAAA,EACF;AACF;"}

package/dist/design-system70.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system70.js","sources":["../src/components/BLoadingOverlay.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, vShow as _vShow, withCtx as _withCtx, createVNode as _createVNode, withDirectives as _withDirectives, Teleport as _Teleport, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode } from \"vue\"\n\nimport { BLoadingOverlaySpinnerSize } from '@/constants/Enums';\r\nimport { computed } from 'vue';\r\nimport BOverlay from './BOverlay.vue';\r\n\r\n//#region Props\r\nexport interface BLoadingOverlayProps {\r\n  loading: boolean;\r\n  absolute?: boolean;\r\n  spinnerSize?: `${BLoadingOverlaySpinnerSize}`;\r\n}\r\n\r\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BLoadingOverlay',\n  props: {\n    loading: { type: Boolean },\n    absolute: { type: Boolean, default: false },\n    spinnerSize: { default: BLoadingOverlaySpinnerSize.Medium }\n  },\n  setup(__props: any) {\n\nconst props = __props;\n\r\n\r\n//#endregion\r\n\r\n//#region Data\r\nconst overlayCssClass = computed(() => {\r\n  let result = props.absolute ? `ds-absolute ` : `ds-fixed `;\r\n  return result;\r\n});\r\nconst spinnerCssClass = computed(() => {\r\n  let result = `spinner `;\r\n\r\n  switch (props.spinnerSize) {\r\n    case BLoadingOverlaySpinnerSize.Small:\r\n      result += `ds-w-4 ds-h-4 `;\r\n      break;\r\n    case BLoadingOverlaySpinnerSize.Large:\r\n      result += `ds-w-12 ds-h-12 `;\r\n      break;\r\n    case BLoadingOverlaySpinnerSize.Medium:\r\n    default:\r\n      result += `ds-w-8 ds-h-8 `;\r\n  }\r\n\r\n  return result;\r\n});\r\n//#endregion\r\n\nreturn (_ctx: any,_cache: any) => {\n  return (!props.absolute)\n    ? (_openBlock(), _createBlock(_Teleport, {\n        key: 0,\n        to: \"body\"\n      }, [\n        _withDirectives(_createVNode(BOverlay, {\n          class: _normalizeClass(overlayCssClass.value)\n        }, {\n          default: _withCtx(() => [\n            _createElementVNode(\"div\", {\n              class: _normalizeClass(spinnerCssClass.value)\n            }, null, 2)\n          ]),\n          _: 1\n        }, 8, [\"class\"]), [\n          [_vShow, _ctx.loading]\n        ])\n      ]))\n    : _withDirectives((_openBlock(), _createBlock(BOverlay, {\n        key: 1,\n        class: _normalizeClass(overlayCssClass.value)\n      }, {\n        default: _withCtx(() => [\n          _createElementVNode(\"div\", {\n            class: _normalizeClass(spinnerCssClass.value)\n          }, null, 2)\n        ]),\n        _: 1\n      }, 8, [\"class\"])), [\n        [_vShow, _ctx.loading]\n      ])\n}\n}\n\n})"],"names":["_sfc_main","_defineComponent","BLoadingOverlaySpinnerSize","__props","props","overlayCssClass","computed","spinnerCssClass","result","_ctx","_cache","_withDirectives","_openBlock","_createBlock","BOverlay","_normalizeClass","_withCtx","_createElementVNode","_vShow","_Teleport","_createVNode"],"mappings":"uGAe4BA,EAAiBC,kBAAA,CAC3C,OAAQ,kBACR,MAAO,CACL,QAAS,CAAE,KAAM,OAAQ,EACzB,SAAU,CAAE,KAAM,QAAS,QAAS,EAAM,EAC1C,YAAa,CAAE,QAASC,EAAA,2BAA2B,MAAO,CAC5D,EACA,MAAMC,EAAc,CAEtB,MAAMC,EAAQD,EAMRE,EAAkBC,EAAAA,SAAS,IAClBF,EAAM,SAAW,eAAiB,WAEhD,EACKG,EAAkBD,EAAAA,SAAS,IAAM,CACrC,IAAIE,EAAS,WAEb,OAAQJ,EAAM,YAAa,CACzB,KAAKF,EAA2B,2BAAA,MACpBM,GAAA,iBACV,MACF,KAAKN,EAA2B,2BAAA,MACpBM,GAAA,mBACV,MACF,KAAKN,EAAAA,2BAA2B,OAChC,QACYM,GAAA,gBACd,CAEO,OAAAA,CAAA,CACR,EAGM,MAAA,CAACC,EAAUC,IACPN,EAAM,SAkBXO,EAAAA,gBAAiBC,EAAAA,YAAcC,EAAAA,YAAaC,EAAU,CACpD,IAAK,EACL,MAAOC,EAAAA,eAAgBV,EAAgB,KAAK,CAAA,EAC3C,CACD,QAASW,UAAS,IAAM,CACtBC,EAAAA,mBAAoB,MAAO,CACzB,MAAOF,EAAAA,eAAgBR,EAAgB,KAAK,CAAA,EAC3C,KAAM,CAAC,CAAA,CACX,EACD,EAAG,CAAA,EACF,EAAG,CAAC,OAAO,CAAC,GAAI,CACjB,CAACW,EAAQ,MAAAT,EAAK,OAAO,CAAA,CACtB,GA7BAG,EAAW,UAAA,EAAGC,EAAAA,YAAaM,EAAAA,SAAW,CACrC,IAAK,EACL,GAAI,MAAA,EACH,CACDR,EAAA,eAAgBS,cAAaN,EAAU,CACrC,MAAOC,EAAAA,eAAgBV,EAAgB,KAAK,CAAA,EAC3C,CACD,QAASW,UAAS,IAAM,CACtBC,EAAAA,mBAAoB,MAAO,CACzB,MAAOF,EAAAA,eAAgBR,EAAgB,KAAK,CAAA,EAC3C,KAAM,CAAC,CAAA,CACX,EACD,EAAG,CAAA,EACF,EAAG,CAAC,OAAO,CAAC,EAAG,CAChB,CAACW,EAAQ,MAAAT,EAAK,OAAO,CAAA,CACtB,CACF,CAAA,EAeP,CAEA,CAAC"}
+{"version":3,"file":"design-system70.js","sources":["../src/components/BLoadingOverlay.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, vShow as _vShow, withCtx as _withCtx, createVNode as _createVNode, withDirectives as _withDirectives, Teleport as _Teleport, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode } from \"vue\"\n\nimport { BLoadingOverlaySpinnerSize } from '@/constants/Enums';\nimport { computed } from 'vue';\nimport BOverlay from './BOverlay.vue';\n\n//#region Props\nexport interface BLoadingOverlayProps {\n  loading: boolean;\n  absolute?: boolean;\n  spinnerSize?: `${BLoadingOverlaySpinnerSize}`;\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BLoadingOverlay',\n  props: {\n    loading: { type: Boolean },\n    absolute: { type: Boolean, default: false },\n    spinnerSize: { default: BLoadingOverlaySpinnerSize.Medium }\n  },\n  setup(__props: any) {\n\nconst props = __props;\n\n\n//#endregion\n\n//#region Data\nconst overlayCssClass = computed(() => {\n  let result = props.absolute ? `ds-absolute ` : `ds-fixed `;\n  return result;\n});\nconst spinnerCssClass = computed(() => {\n  let result = `spinner `;\n\n  switch (props.spinnerSize) {\n    case BLoadingOverlaySpinnerSize.Small:\n      result += `ds-w-4 ds-h-4 `;\n      break;\n    case BLoadingOverlaySpinnerSize.Large:\n      result += `ds-w-12 ds-h-12 `;\n      break;\n    case BLoadingOverlaySpinnerSize.Medium:\n    default:\n      result += `ds-w-8 ds-h-8 `;\n  }\n\n  return result;\n});\n//#endregion\n\nreturn (_ctx: any,_cache: any) => {\n  return (!props.absolute)\n    ? (_openBlock(), _createBlock(_Teleport, {\n        key: 0,\n        to: \"body\"\n      }, [\n        _withDirectives(_createVNode(BOverlay, {\n          class: _normalizeClass(overlayCssClass.value)\n        }, {\n          default: _withCtx(() => [\n            _createElementVNode(\"div\", {\n              class: _normalizeClass(spinnerCssClass.value)\n            }, null, 2)\n          ]),\n          _: 1\n        }, 8, [\"class\"]), [\n          [_vShow, _ctx.loading]\n        ])\n      ]))\n    : _withDirectives((_openBlock(), _createBlock(BOverlay, {\n        key: 1,\n        class: _normalizeClass(overlayCssClass.value)\n      }, {\n        default: _withCtx(() => [\n          _createElementVNode(\"div\", {\n            class: _normalizeClass(spinnerCssClass.value)\n          }, null, 2)\n        ]),\n        _: 1\n      }, 8, [\"class\"])), [\n        [_vShow, _ctx.loading]\n      ])\n}\n}\n\n})"],"names":["_sfc_main","_defineComponent","BLoadingOverlaySpinnerSize","__props","props","overlayCssClass","computed","spinnerCssClass","result","_ctx","_cache","_withDirectives","_openBlock","_createBlock","BOverlay","_normalizeClass","_withCtx","_createElementVNode","_vShow","_Teleport","_createVNode"],"mappings":"uGAe4BA,EAAiBC,kBAAA,CAC3C,OAAQ,kBACR,MAAO,CACL,QAAS,CAAE,KAAM,OAAQ,EACzB,SAAU,CAAE,KAAM,QAAS,QAAS,EAAM,EAC1C,YAAa,CAAE,QAASC,EAAA,2BAA2B,MAAO,CAC5D,EACA,MAAMC,EAAc,CAEtB,MAAMC,EAAQD,EAMRE,EAAkBC,EAAAA,SAAS,IAClBF,EAAM,SAAW,eAAiB,WAEhD,EACKG,EAAkBD,EAAAA,SAAS,IAAM,CACrC,IAAIE,EAAS,WAEb,OAAQJ,EAAM,YAAa,CACzB,KAAKF,EAA2B,2BAAA,MACpBM,GAAA,iBACV,MACF,KAAKN,EAA2B,2BAAA,MACpBM,GAAA,mBACV,MACF,KAAKN,EAAAA,2BAA2B,OAChC,QACYM,GAAA,gBACd,CAEO,OAAAA,CAAA,CACR,EAGM,MAAA,CAACC,EAAUC,IACPN,EAAM,SAkBXO,EAAAA,gBAAiBC,EAAAA,YAAcC,EAAAA,YAAaC,EAAU,CACpD,IAAK,EACL,MAAOC,EAAAA,eAAgBV,EAAgB,KAAK,CAAA,EAC3C,CACD,QAASW,UAAS,IAAM,CACtBC,EAAAA,mBAAoB,MAAO,CACzB,MAAOF,EAAAA,eAAgBR,EAAgB,KAAK,CAAA,EAC3C,KAAM,CAAC,CAAA,CACX,EACD,EAAG,CAAA,EACF,EAAG,CAAC,OAAO,CAAC,GAAI,CACjB,CAACW,EAAQ,MAAAT,EAAK,OAAO,CAAA,CACtB,GA7BAG,EAAW,UAAA,EAAGC,EAAAA,YAAaM,EAAAA,SAAW,CACrC,IAAK,EACL,GAAI,MAAA,EACH,CACDR,EAAA,eAAgBS,cAAaN,EAAU,CACrC,MAAOC,EAAAA,eAAgBV,EAAgB,KAAK,CAAA,EAC3C,CACD,QAASW,UAAS,IAAM,CACtBC,EAAAA,mBAAoB,MAAO,CACzB,MAAOF,EAAAA,eAAgBR,EAAgB,KAAK,CAAA,EAC3C,KAAM,CAAC,CAAA,CACX,EACD,EAAG,CAAA,EACF,EAAG,CAAC,OAAO,CAAC,EAAG,CAChB,CAACW,EAAQ,MAAAT,EAAK,OAAO,CAAA,CACtB,CACF,CAAA,EAeP,CAEA,CAAC"}

package/dist/design-system70.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system70.mjs","sources":["../src/components/BLoadingOverlay.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, vShow as _vShow, withCtx as _withCtx, createVNode as _createVNode, withDirectives as _withDirectives, Teleport as _Teleport, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode } from \"vue\"\n\nimport { BLoadingOverlaySpinnerSize } from '@/constants/Enums';\r\nimport { computed } from 'vue';\r\nimport BOverlay from './BOverlay.vue';\r\n\r\n//#region Props\r\nexport interface BLoadingOverlayProps {\r\n  loading: boolean;\r\n  absolute?: boolean;\r\n  spinnerSize?: `${BLoadingOverlaySpinnerSize}`;\r\n}\r\n\r\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BLoadingOverlay',\n  props: {\n    loading: { type: Boolean },\n    absolute: { type: Boolean, default: false },\n    spinnerSize: { default: BLoadingOverlaySpinnerSize.Medium }\n  },\n  setup(__props: any) {\n\nconst props = __props;\n\r\n\r\n//#endregion\r\n\r\n//#region Data\r\nconst overlayCssClass = computed(() => {\r\n  let result = props.absolute ? `ds-absolute ` : `ds-fixed `;\r\n  return result;\r\n});\r\nconst spinnerCssClass = computed(() => {\r\n  let result = `spinner `;\r\n\r\n  switch (props.spinnerSize) {\r\n    case BLoadingOverlaySpinnerSize.Small:\r\n      result += `ds-w-4 ds-h-4 `;\r\n      break;\r\n    case BLoadingOverlaySpinnerSize.Large:\r\n      result += `ds-w-12 ds-h-12 `;\r\n      break;\r\n    case BLoadingOverlaySpinnerSize.Medium:\r\n    default:\r\n      result += `ds-w-8 ds-h-8 `;\r\n  }\r\n\r\n  return result;\r\n});\r\n//#endregion\r\n\nreturn (_ctx: any,_cache: any) => {\n  return (!props.absolute)\n    ? (_openBlock(), _createBlock(_Teleport, {\n        key: 0,\n        to: \"body\"\n      }, [\n        _withDirectives(_createVNode(BOverlay, {\n          class: _normalizeClass(overlayCssClass.value)\n        }, {\n          default: _withCtx(() => [\n            _createElementVNode(\"div\", {\n              class: _normalizeClass(spinnerCssClass.value)\n            }, null, 2)\n          ]),\n          _: 1\n        }, 8, [\"class\"]), [\n          [_vShow, _ctx.loading]\n        ])\n      ]))\n    : _withDirectives((_openBlock(), _createBlock(BOverlay, {\n        key: 1,\n        class: _normalizeClass(overlayCssClass.value)\n      }, {\n        default: _withCtx(() => [\n          _createElementVNode(\"div\", {\n            class: _normalizeClass(spinnerCssClass.value)\n          }, null, 2)\n        ]),\n        _: 1\n      }, 8, [\"class\"])), [\n        [_vShow, _ctx.loading]\n      ])\n}\n}\n\n})"],"names":["_sfc_main","_defineComponent","BLoadingOverlaySpinnerSize","__props","props","overlayCssClass","computed","spinnerCssClass","result","_ctx","_cache","_withDirectives","_openBlock","_createBlock","BOverlay","_normalizeClass","_withCtx","_createElementVNode","_vShow","_Teleport","_createVNode"],"mappings":";;;AAeA,MAA4BA,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,SAAS,EAAE,MAAM,QAAQ;AAAA,IACzB,UAAU,EAAE,MAAM,SAAS,SAAS,GAAM;AAAA,IAC1C,aAAa,EAAE,SAASC,EAA2B,OAAO;AAAA,EAC5D;AAAA,EACA,MAAMC,GAAc;AAEtB,UAAMC,IAAQD,GAMRE,IAAkBC,EAAS,MAClBF,EAAM,WAAW,iBAAiB,WAEhD,GACKG,IAAkBD,EAAS,MAAM;AACrC,UAAIE,IAAS;AAEb,cAAQJ,EAAM,aAAa;AAAA,QACzB,KAAKF,EAA2B;AACpB,UAAAM,KAAA;AACV;AAAA,QACF,KAAKN,EAA2B;AACpB,UAAAM,KAAA;AACV;AAAA,QACF,KAAKN,EAA2B;AAAA,QAChC;AACY,UAAAM,KAAA;AAAA,MACd;AAEO,aAAAA;AAAA,IAAA,CACR;AAGM,WAAA,CAACC,GAAUC,MACPN,EAAM,WAkBXO,GAAiBC,KAAcC,EAAaC,GAAU;AAAA,MACpD,KAAK;AAAA,MACL,OAAOC,EAAgBV,EAAgB,KAAK;AAAA,IAAA,GAC3C;AAAA,MACD,SAASW,EAAS,MAAM;AAAA,QACtBC,EAAoB,OAAO;AAAA,UACzB,OAAOF,EAAgBR,EAAgB,KAAK;AAAA,QAAA,GAC3C,MAAM,CAAC;AAAA,MAAA,CACX;AAAA,MACD,GAAG;AAAA,IAAA,GACF,GAAG,CAAC,OAAO,CAAC,IAAI;AAAA,MACjB,CAACW,GAAQT,EAAK,OAAO;AAAA,IAAA,CACtB,KA7BAG,EAAW,GAAGC,EAAaM,GAAW;AAAA,MACrC,KAAK;AAAA,MACL,IAAI;AAAA,IAAA,GACH;AAAA,MACDR,EAAgBS,EAAaN,GAAU;AAAA,QACrC,OAAOC,EAAgBV,EAAgB,KAAK;AAAA,MAAA,GAC3C;AAAA,QACD,SAASW,EAAS,MAAM;AAAA,UACtBC,EAAoB,OAAO;AAAA,YACzB,OAAOF,EAAgBR,EAAgB,KAAK;AAAA,UAAA,GAC3C,MAAM,CAAC;AAAA,QAAA,CACX;AAAA,QACD,GAAG;AAAA,MAAA,GACF,GAAG,CAAC,OAAO,CAAC,GAAG;AAAA,QAChB,CAACW,GAAQT,EAAK,OAAO;AAAA,MAAA,CACtB;AAAA,IACF,CAAA;AAAA,EAeP;AAEA,CAAC;"}
+{"version":3,"file":"design-system70.mjs","sources":["../src/components/BLoadingOverlay.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, vShow as _vShow, withCtx as _withCtx, createVNode as _createVNode, withDirectives as _withDirectives, Teleport as _Teleport, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode } from \"vue\"\n\nimport { BLoadingOverlaySpinnerSize } from '@/constants/Enums';\nimport { computed } from 'vue';\nimport BOverlay from './BOverlay.vue';\n\n//#region Props\nexport interface BLoadingOverlayProps {\n  loading: boolean;\n  absolute?: boolean;\n  spinnerSize?: `${BLoadingOverlaySpinnerSize}`;\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BLoadingOverlay',\n  props: {\n    loading: { type: Boolean },\n    absolute: { type: Boolean, default: false },\n    spinnerSize: { default: BLoadingOverlaySpinnerSize.Medium }\n  },\n  setup(__props: any) {\n\nconst props = __props;\n\n\n//#endregion\n\n//#region Data\nconst overlayCssClass = computed(() => {\n  let result = props.absolute ? `ds-absolute ` : `ds-fixed `;\n  return result;\n});\nconst spinnerCssClass = computed(() => {\n  let result = `spinner `;\n\n  switch (props.spinnerSize) {\n    case BLoadingOverlaySpinnerSize.Small:\n      result += `ds-w-4 ds-h-4 `;\n      break;\n    case BLoadingOverlaySpinnerSize.Large:\n      result += `ds-w-12 ds-h-12 `;\n      break;\n    case BLoadingOverlaySpinnerSize.Medium:\n    default:\n      result += `ds-w-8 ds-h-8 `;\n  }\n\n  return result;\n});\n//#endregion\n\nreturn (_ctx: any,_cache: any) => {\n  return (!props.absolute)\n    ? (_openBlock(), _createBlock(_Teleport, {\n        key: 0,\n        to: \"body\"\n      }, [\n        _withDirectives(_createVNode(BOverlay, {\n          class: _normalizeClass(overlayCssClass.value)\n        }, {\n          default: _withCtx(() => [\n            _createElementVNode(\"div\", {\n              class: _normalizeClass(spinnerCssClass.value)\n            }, null, 2)\n          ]),\n          _: 1\n        }, 8, [\"class\"]), [\n          [_vShow, _ctx.loading]\n        ])\n      ]))\n    : _withDirectives((_openBlock(), _createBlock(BOverlay, {\n        key: 1,\n        class: _normalizeClass(overlayCssClass.value)\n      }, {\n        default: _withCtx(() => [\n          _createElementVNode(\"div\", {\n            class: _normalizeClass(spinnerCssClass.value)\n          }, null, 2)\n        ]),\n        _: 1\n      }, 8, [\"class\"])), [\n        [_vShow, _ctx.loading]\n      ])\n}\n}\n\n})"],"names":["_sfc_main","_defineComponent","BLoadingOverlaySpinnerSize","__props","props","overlayCssClass","computed","spinnerCssClass","result","_ctx","_cache","_withDirectives","_openBlock","_createBlock","BOverlay","_normalizeClass","_withCtx","_createElementVNode","_vShow","_Teleport","_createVNode"],"mappings":";;;AAeA,MAA4BA,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,SAAS,EAAE,MAAM,QAAQ;AAAA,IACzB,UAAU,EAAE,MAAM,SAAS,SAAS,GAAM;AAAA,IAC1C,aAAa,EAAE,SAASC,EAA2B,OAAO;AAAA,EAC5D;AAAA,EACA,MAAMC,GAAc;AAEtB,UAAMC,IAAQD,GAMRE,IAAkBC,EAAS,MAClBF,EAAM,WAAW,iBAAiB,WAEhD,GACKG,IAAkBD,EAAS,MAAM;AACrC,UAAIE,IAAS;AAEb,cAAQJ,EAAM,aAAa;AAAA,QACzB,KAAKF,EAA2B;AACpB,UAAAM,KAAA;AACV;AAAA,QACF,KAAKN,EAA2B;AACpB,UAAAM,KAAA;AACV;AAAA,QACF,KAAKN,EAA2B;AAAA,QAChC;AACY,UAAAM,KAAA;AAAA,MACd;AAEO,aAAAA;AAAA,IAAA,CACR;AAGM,WAAA,CAACC,GAAUC,MACPN,EAAM,WAkBXO,GAAiBC,KAAcC,EAAaC,GAAU;AAAA,MACpD,KAAK;AAAA,MACL,OAAOC,EAAgBV,EAAgB,KAAK;AAAA,IAAA,GAC3C;AAAA,MACD,SAASW,EAAS,MAAM;AAAA,QACtBC,EAAoB,OAAO;AAAA,UACzB,OAAOF,EAAgBR,EAAgB,KAAK;AAAA,QAAA,GAC3C,MAAM,CAAC;AAAA,MAAA,CACX;AAAA,MACD,GAAG;AAAA,IAAA,GACF,GAAG,CAAC,OAAO,CAAC,IAAI;AAAA,MACjB,CAACW,GAAQT,EAAK,OAAO;AAAA,IAAA,CACtB,KA7BAG,EAAW,GAAGC,EAAaM,GAAW;AAAA,MACrC,KAAK;AAAA,MACL,IAAI;AAAA,IAAA,GACH;AAAA,MACDR,EAAgBS,EAAaN,GAAU;AAAA,QACrC,OAAOC,EAAgBV,EAAgB,KAAK;AAAA,MAAA,GAC3C;AAAA,QACD,SAASW,EAAS,MAAM;AAAA,UACtBC,EAAoB,OAAO;AAAA,YACzB,OAAOF,EAAgBR,EAAgB,KAAK;AAAA,UAAA,GAC3C,MAAM,CAAC;AAAA,QAAA,CACX;AAAA,QACD,GAAG;AAAA,MAAA,GACF,GAAG,CAAC,OAAO,CAAC,GAAG;AAAA,QAChB,CAACW,GAAQT,EAAK,OAAO;AAAA,MAAA,CACtB;AAAA,IACF,CAAA;AAAA,EAeP;AAEA,CAAC;"}

package/dist/design-system79.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),k=require("./design-system98.js"),C={class:"ds-flex ds-flex-wrap ds-overflow-hidden ds-rounded-lg ds-border ds-border-gray-100 ds-bg-gray-100"},_=["onClick"],g=["id"],y=e.defineComponent({__name:"BTabs",props:{headers:{},modelValue:{default:void 0},headerCssClass:{default:""}},emits:["update:modelValue"],setup(p,{emit:b}){const r=p,o=e.ref(null),l=e.ref(null),s=e.ref(null),t=e.ref(0),n=e.ref(0),u=e.computed({get(){return r.modelValue!==void 0?r.modelValue:n.value},set(a){r.modelValue!==void 0?b("update:modelValue",a):n.value=a}}),c=e.computed(()=>`id-${k()}`);e.watch(u,a=>{i(a)}),e.watch(()=>r.headers,()=>{e.nextTick(()=>{v()})});const h=a=>{u.value=a},i=a=>{if(s.value&&l.value)if(t.value=a,[...s.value,...l.value].forEach(d=>{d.classList.remove("active")}),s.value[t.value]&&l.value[t.value])s.value[t.value].classList.add("active"),l.value[t.value].classList.add("active");else{const d=t.value-1;d>=0&&(s.value[d].classList.add("active"),l.value[d].classList.add("active"))}},v=()=>{o.value&&(s.value=[...o.value.querySelectorAll(`#${c.value} > .tab`)],s.value.forEach(a=>{a.classList.contains("active")&&(t.value=s.value.indexOf(a))}),i(t.value))};return e.onMounted(()=>{v()}),(a,d)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"tabContainer",ref:o},[e.renderSlot(a.$slots,"headers-prepend",{},void 0,!0),e.createElementVNode("ul",C,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.headers,(f,m)=>(e.openBlock(),e.createElementBlock("li",{key:m,ref_for:!0,ref_key:"tabHeaders",ref:l,class:e.normalizeClass([[a.headerCssClass,f.disabled?"ds-pointer-events-none ds-text-black/40":""],"tab-header ds-min-w-[5rem] ds-flex-1 ds-cursor-pointer ds-rounded-lg ds-p-2 ds-text-center ds-text-sm ds-font-medium ds-capitalize hover:ds-bg-slate-50 hover:ds-text-primary-t"]),onClick:V=>h(m)},e.toDisplayString(f.text),11,_))),128))]),e.renderSlot(a.$slots,"headers-append",{},void 0,!0),e.createElementVNode("div",{id:c.value,class:"ds-w-full"},[e.renderSlot(a.$slots,"default",{},void 0,!0)],8,g)],512))}});module.exports=y;
+"use strict";const e=require("vue"),k=require("./design-system99.js"),C={class:"ds-flex ds-flex-wrap ds-overflow-hidden ds-rounded-lg ds-border ds-border-gray-100 ds-bg-gray-100"},_=["onClick"],g=["id"],y=e.defineComponent({__name:"BTabs",props:{headers:{},modelValue:{default:void 0},headerCssClass:{default:""}},emits:["update:modelValue"],setup(p,{emit:b}){const r=p,o=e.ref(null),l=e.ref(null),s=e.ref(null),t=e.ref(0),n=e.ref(0),u=e.computed({get(){return r.modelValue!==void 0?r.modelValue:n.value},set(a){r.modelValue!==void 0?b("update:modelValue",a):n.value=a}}),c=e.computed(()=>`id-${k()}`);e.watch(u,a=>{i(a)}),e.watch(()=>r.headers,()=>{e.nextTick(()=>{v()})});const h=a=>{u.value=a},i=a=>{if(s.value&&l.value)if(t.value=a,[...s.value,...l.value].forEach(d=>{d.classList.remove("active")}),s.value[t.value]&&l.value[t.value])s.value[t.value].classList.add("active"),l.value[t.value].classList.add("active");else{const d=t.value-1;d>=0&&(s.value[d].classList.add("active"),l.value[d].classList.add("active"))}},v=()=>{o.value&&(s.value=[...o.value.querySelectorAll(`#${c.value} > .tab`)],s.value.forEach(a=>{a.classList.contains("active")&&(t.value=s.value.indexOf(a))}),i(t.value))};return e.onMounted(()=>{v()}),(a,d)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"tabContainer",ref:o},[e.renderSlot(a.$slots,"headers-prepend",{},void 0,!0),e.createElementVNode("ul",C,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.headers,(f,m)=>(e.openBlock(),e.createElementBlock("li",{key:m,ref_for:!0,ref_key:"tabHeaders",ref:l,class:e.normalizeClass([[a.headerCssClass,f.disabled?"ds-pointer-events-none ds-text-black/40":""],"tab-header ds-min-w-[5rem] ds-flex-1 ds-cursor-pointer ds-rounded-lg ds-p-2 ds-text-center ds-text-sm ds-font-medium ds-capitalize hover:ds-bg-slate-50 hover:ds-text-primary-t"]),onClick:V=>h(m)},e.toDisplayString(f.text),11,_))),128))]),e.renderSlot(a.$slots,"headers-append",{},void 0,!0),e.createElementVNode("div",{id:c.value,class:"ds-w-full"},[e.renderSlot(a.$slots,"default",{},void 0,!0)],8,g)],512))}});module.exports=y;
 //# sourceMappingURL=design-system79.js.map

package/dist/design-system79.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system79.js","sources":["../src/components/BTabs/BTabs.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, toDisplayString as _toDisplayString, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \"vue\"\n\nconst _withScopeId = n => (_pushScopeId(\"data-v-cb1627f0\"),n=n(),_popScopeId(),n)\nconst _hoisted_1 = { class: \"ds-flex ds-flex-wrap ds-overflow-hidden ds-rounded-lg ds-border ds-border-gray-100 ds-bg-gray-100\" }\nconst _hoisted_2 = [\"onClick\"]\nconst _hoisted_3 = [\"id\"]\n\nimport type { BTabsHeader } from '@/types';\r\nimport { v4 as uuid } from 'uuid';\r\nimport { computed, nextTick, onMounted, ref, watch } from 'vue';\r\n\r\n//#region Props\r\nexport interface BTabsProps {\r\n  /**\r\n   * Array of header objects.\r\n   */\r\n  headers: BTabsHeader[];\r\n  /**\r\n   * Index of tab.\r\n   */\r\n  modelValue?: number;\r\n  /**\r\n   * CSS of header.\r\n   */\r\n  headerCssClass?: string;\r\n}\r\n\r\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BTabs',\n  props: {\n    headers: {},\n    modelValue: { default: undefined },\n    headerCssClass: { default: '' }\n  },\n  emits: [\"update:modelValue\"],\n  setup(__props: any, { emit }) {\n\nconst props = __props;\n\r\n\r\n//#endregion\r\n\r\n//#region Events\r\n\r\n//#endregion\r\n\r\n//#region Data\r\nconst tabContainer = ref<HTMLElement | null>(null);\r\nconst tabHeaders = ref<HTMLElement[] | null>(null);\r\nconst tabs = ref<Element[] | null>(null);\r\nconst activeTabIndex = ref(0);\r\nconst mValue = ref(0);\r\nconst value = computed({\r\n  get() {\r\n    return props.modelValue !== undefined ? props.modelValue : mValue.value;\r\n  },\r\n  set(val) {\r\n    if (props.modelValue !== undefined) {\r\n      emit('update:modelValue', val);\r\n    } else {\r\n      mValue.value = val;\r\n    }\r\n  },\r\n});\r\nconst tabBodyId = computed(() => `id-${uuid()}`);\r\n//#endregion\r\n\r\n//#region Watchers\r\nwatch(value, (val) => {\r\n  selectTab(val);\r\n});\r\nwatch(\r\n  () => props.headers,\r\n  () => {\r\n    nextTick(() => {\r\n      initTabs();\r\n    });\r\n  },\r\n);\r\n//#endregion\r\n\r\n//#region Methods\r\nconst onClickTabHeader = (index: number) => {\r\n  value.value = index;\r\n};\r\nconst selectTab = (index: number) => {\r\n  if (tabs.value && tabHeaders.value) {\r\n    // Set activeTabIndex item to the index of the element clicked\r\n    activeTabIndex.value = index;\r\n    // Remove any active classes\r\n    [...tabs.value, ...tabHeaders.value].forEach((t) => {\r\n      t.classList.remove('active');\r\n    });\r\n    // Add active classes where appropriate, to the active element\r\n    if (\r\n      tabs.value[activeTabIndex.value] &&\r\n      tabHeaders.value[activeTabIndex.value]\r\n    ) {\r\n      tabs.value[activeTabIndex.value].classList.add('active');\r\n      tabHeaders.value[activeTabIndex.value].classList.add('active');\r\n    } else {\r\n      // Nearest element if desired index is not found\r\n      const nearestIndex = activeTabIndex.value - 1;\r\n      if (nearestIndex >= 0) {\r\n        tabs.value[nearestIndex].classList.add('active');\r\n        tabHeaders.value[nearestIndex].classList.add('active');\r\n      }\r\n    }\r\n  }\r\n};\r\nconst initTabs = () => {\r\n  if (tabContainer.value) {\r\n    // Selects all elements with the class '.tab', which are direct children of element with the id 'tabBodyId'\r\n    tabs.value = [\r\n      ...(tabContainer.value.querySelectorAll(\r\n        `#${tabBodyId.value} > .tab`,\r\n      ) as any),\r\n    ];\r\n    tabs.value.forEach((tab) => {\r\n      if (tab.classList.contains('active')) {\r\n        activeTabIndex.value = tabs.value!.indexOf(tab);\r\n      }\r\n    });\r\n    selectTab(activeTabIndex.value);\r\n  }\r\n};\r\n//#endregion\r\n\r\n//#region Lifecycle Hooks\r\nonMounted(() => {\r\n  initTabs();\r\n});\r\n//#endregion\r\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    ref_key: \"tabContainer\",\n    ref: tabContainer\n  }, [\n    _renderSlot(_ctx.$slots, \"headers-prepend\", {}, undefined, true),\n    _createElementVNode(\"ul\", _hoisted_1, [\n      (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.headers, (header, index) => {\n        return (_openBlock(), _createElementBlock(\"li\", {\n          key: index,\n          ref_for: true,\n          ref_key: \"tabHeaders\",\n          ref: tabHeaders,\n          class: _normalizeClass([[\r\n          _ctx.headerCssClass,\r\n          header.disabled ? 'ds-pointer-events-none ds-text-black/40' : '',\r\n        ], \"tab-header ds-min-w-[5rem] ds-flex-1 ds-cursor-pointer ds-rounded-lg ds-p-2 ds-text-center ds-text-sm ds-font-medium ds-capitalize hover:ds-bg-slate-50 hover:ds-text-primary-t\"]),\n          onClick: ($event: any) => (onClickTabHeader(index))\n        }, _toDisplayString(header.text), 11, _hoisted_2))\n      }), 128))\n    ]),\n    _renderSlot(_ctx.$slots, \"headers-append\", {}, undefined, true),\n    _createElementVNode(\"div\", {\n      id: tabBodyId.value,\n      class: \"ds-w-full\"\n    }, [\n      _renderSlot(_ctx.$slots, \"default\", {}, undefined, true)\n    ], 8, _hoisted_3)\n  ], 512))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_sfc_main","_defineComponent","__props","emit","props","tabContainer","ref","tabHeaders","tabs","activeTabIndex","mValue","value","computed","val","tabBodyId","uuid","watch","selectTab","nextTick","initTabs","onClickTabHeader","index","t","nearestIndex","tab","onMounted","_ctx","_cache","_openBlock","_createElementBlock","_renderSlot","_createElementVNode","_Fragment","_renderList","header","_normalizeClass","$event","_toDisplayString"],"mappings":"sEAIMA,EAAa,CAAE,MAAO,qGACtBC,EAAa,CAAC,SAAS,EACvBC,EAAa,CAAC,IAAI,EAuBIC,EAAiBC,kBAAA,CAC3C,OAAQ,QACR,MAAO,CACL,QAAS,CAAC,EACV,WAAY,CAAE,QAAS,MAAU,EACjC,eAAgB,CAAE,QAAS,EAAG,CAChC,EACA,MAAO,CAAC,mBAAmB,EAC3B,MAAMC,EAAc,CAAE,KAAAC,GAAQ,CAEhC,MAAMC,EAAQF,EAURG,EAAeC,MAAwB,IAAI,EAC3CC,EAAaD,MAA0B,IAAI,EAC3CE,EAAOF,MAAsB,IAAI,EACjCG,EAAiBH,MAAI,CAAC,EACtBI,EAASJ,MAAI,CAAC,EACdK,EAAQC,EAAAA,SAAS,CACrB,KAAM,CACJ,OAAOR,EAAM,aAAe,OAAYA,EAAM,WAAaM,EAAO,KACpE,EACA,IAAIG,EAAK,CACHT,EAAM,aAAe,OACvBD,EAAK,oBAAqBU,CAAG,EAE7BH,EAAO,MAAQG,CAEnB,CAAA,CACD,EACKC,EAAYF,EAAAA,SAAS,IAAM,MAAMG,EAAA,CAAM,EAAE,EAIzCC,QAAAL,EAAQE,GAAQ,CACpBI,EAAUJ,CAAG,CAAA,CACd,EACDG,EAAA,MACE,IAAMZ,EAAM,QACZ,IAAM,CACJc,EAAAA,SAAS,IAAM,CACJC,GAAA,CACV,CACH,CAAA,EAKI,MAAAC,EAAoBC,GAAkB,CAC1CV,EAAM,MAAQU,CAAA,EAEVJ,EAAaI,GAAkB,CAC/B,GAAAb,EAAK,OAASD,EAAW,MASzB,GAPFE,EAAe,MAAQY,EAEtB,CAAA,GAAGb,EAAK,MAAO,GAAGD,EAAW,KAAK,EAAE,QAASe,GAAM,CAChDA,EAAA,UAAU,OAAO,QAAQ,CAAA,CAC5B,EAGCd,EAAK,MAAMC,EAAe,KAAK,GAC/BF,EAAW,MAAME,EAAe,KAAK,EAErCD,EAAK,MAAMC,EAAe,KAAK,EAAE,UAAU,IAAI,QAAQ,EACvDF,EAAW,MAAME,EAAe,KAAK,EAAE,UAAU,IAAI,QAAQ,MACxD,CAEC,MAAAc,EAAed,EAAe,MAAQ,EACxCc,GAAgB,IAClBf,EAAK,MAAMe,CAAY,EAAE,UAAU,IAAI,QAAQ,EAC/ChB,EAAW,MAAMgB,CAAY,EAAE,UAAU,IAAI,QAAQ,EAEzD,CACF,EAEIJ,EAAW,IAAM,CACjBd,EAAa,QAEfG,EAAK,MAAQ,CACX,GAAIH,EAAa,MAAM,iBACrB,IAAIS,EAAU,KAAK,SACrB,CAAA,EAEGN,EAAA,MAAM,QAASgB,GAAQ,CACtBA,EAAI,UAAU,SAAS,QAAQ,IACjCf,EAAe,MAAQD,EAAK,MAAO,QAAQgB,CAAG,EAChD,CACD,EACDP,EAAUR,EAAe,KAAK,EAChC,EAKFgB,OAAAA,EAAAA,UAAU,IAAM,CACLN,GAAA,CACV,EAGM,CAACO,EAAUC,KACRC,EAAA,UAAA,EAAcC,EAAA,mBAAoB,MAAO,CAC/C,QAAS,eACT,IAAKxB,CAAA,EACJ,CACDyB,aAAYJ,EAAK,OAAQ,kBAAmB,CAAA,EAAI,OAAW,EAAI,EAC/DK,EAAA,mBAAoB,KAAMlC,EAAY,EACnC+B,EAAAA,UAAW,EAAI,EAAGC,EAAoB,mBAAAG,WAAW,KAAMC,EAAA,WAAYP,EAAK,QAAS,CAACQ,EAAQb,KACjFO,EAAA,UAAA,EAAcC,EAAA,mBAAoB,KAAM,CAC9C,IAAKR,EACL,QAAS,GACT,QAAS,aACT,IAAKd,EACL,MAAO4B,iBAAgB,CAAC,CACxBT,EAAK,eACLQ,EAAO,SAAW,0CAA4C,EAChE,EAAG,iLAAiL,CAAC,EACnL,QAAUE,GAAiBhB,EAAiBC,CAAK,CAAA,EAChDgB,EAAAA,gBAAiBH,EAAO,IAAI,EAAG,GAAIpC,CAAU,EACjD,EAAG,GAAG,EAAA,CACR,EACDgC,aAAYJ,EAAK,OAAQ,iBAAkB,CAAA,EAAI,OAAW,EAAI,EAC9DK,EAAAA,mBAAoB,MAAO,CACzB,GAAIjB,EAAU,MACd,MAAO,WAAA,EACN,CACDgB,aAAYJ,EAAK,OAAQ,UAAW,CAAA,EAAI,OAAW,EAAI,CAAA,EACtD,EAAG3B,CAAU,GACf,GAAG,EAER,CAEA,CAAC"}
+{"version":3,"file":"design-system79.js","sources":["../src/components/BTabs/BTabs.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, toDisplayString as _toDisplayString, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \"vue\"\n\nconst _withScopeId = n => (_pushScopeId(\"data-v-a36aa95c\"),n=n(),_popScopeId(),n)\nconst _hoisted_1 = { class: \"ds-flex ds-flex-wrap ds-overflow-hidden ds-rounded-lg ds-border ds-border-gray-100 ds-bg-gray-100\" }\nconst _hoisted_2 = [\"onClick\"]\nconst _hoisted_3 = [\"id\"]\n\nimport type { BTabsHeader } from '@/types';\nimport { v4 as uuid } from 'uuid';\nimport { computed, nextTick, onMounted, ref, watch } from 'vue';\n\n//#region Props\nexport interface BTabsProps {\n  /**\n   * Array of header objects.\n   */\n  headers: BTabsHeader[];\n  /**\n   * Index of tab.\n   */\n  modelValue?: number;\n  /**\n   * CSS of header.\n   */\n  headerCssClass?: string;\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BTabs',\n  props: {\n    headers: {},\n    modelValue: { default: undefined },\n    headerCssClass: { default: '' }\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 tabContainer = ref<HTMLElement | null>(null);\nconst tabHeaders = ref<HTMLElement[] | null>(null);\nconst tabs = ref<Element[] | null>(null);\nconst activeTabIndex = ref(0);\nconst mValue = ref(0);\nconst value = computed({\n  get() {\n    return props.modelValue !== undefined ? props.modelValue : mValue.value;\n  },\n  set(val) {\n    if (props.modelValue !== undefined) {\n      emit('update:modelValue', val);\n    } else {\n      mValue.value = val;\n    }\n  },\n});\nconst tabBodyId = computed(() => `id-${uuid()}`);\n//#endregion\n\n//#region Watchers\nwatch(value, (val) => {\n  selectTab(val);\n});\nwatch(\n  () => props.headers,\n  () => {\n    nextTick(() => {\n      initTabs();\n    });\n  },\n);\n//#endregion\n\n//#region Methods\nconst onClickTabHeader = (index: number) => {\n  value.value = index;\n};\nconst selectTab = (index: number) => {\n  if (tabs.value && tabHeaders.value) {\n    // Set activeTabIndex item to the index of the element clicked\n    activeTabIndex.value = index;\n    // Remove any active classes\n    [...tabs.value, ...tabHeaders.value].forEach((t) => {\n      t.classList.remove('active');\n    });\n    // Add active classes where appropriate, to the active element\n    if (\n      tabs.value[activeTabIndex.value] &&\n      tabHeaders.value[activeTabIndex.value]\n    ) {\n      tabs.value[activeTabIndex.value].classList.add('active');\n      tabHeaders.value[activeTabIndex.value].classList.add('active');\n    } else {\n      // Nearest element if desired index is not found\n      const nearestIndex = activeTabIndex.value - 1;\n      if (nearestIndex >= 0) {\n        tabs.value[nearestIndex].classList.add('active');\n        tabHeaders.value[nearestIndex].classList.add('active');\n      }\n    }\n  }\n};\nconst initTabs = () => {\n  if (tabContainer.value) {\n    // Selects all elements with the class '.tab', which are direct children of element with the id 'tabBodyId'\n    tabs.value = [\n      ...(tabContainer.value.querySelectorAll(\n        `#${tabBodyId.value} > .tab`,\n      ) as any),\n    ];\n    tabs.value.forEach((tab) => {\n      if (tab.classList.contains('active')) {\n        activeTabIndex.value = tabs.value!.indexOf(tab);\n      }\n    });\n    selectTab(activeTabIndex.value);\n  }\n};\n//#endregion\n\n//#region Lifecycle Hooks\nonMounted(() => {\n  initTabs();\n});\n//#endregion\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    ref_key: \"tabContainer\",\n    ref: tabContainer\n  }, [\n    _renderSlot(_ctx.$slots, \"headers-prepend\", {}, undefined, true),\n    _createElementVNode(\"ul\", _hoisted_1, [\n      (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.headers, (header, index) => {\n        return (_openBlock(), _createElementBlock(\"li\", {\n          key: index,\n          ref_for: true,\n          ref_key: \"tabHeaders\",\n          ref: tabHeaders,\n          class: _normalizeClass([[\n          _ctx.headerCssClass,\n          header.disabled ? 'ds-pointer-events-none ds-text-black/40' : '',\n        ], \"tab-header ds-min-w-[5rem] ds-flex-1 ds-cursor-pointer ds-rounded-lg ds-p-2 ds-text-center ds-text-sm ds-font-medium ds-capitalize hover:ds-bg-slate-50 hover:ds-text-primary-t\"]),\n          onClick: ($event: any) => (onClickTabHeader(index))\n        }, _toDisplayString(header.text), 11, _hoisted_2))\n      }), 128))\n    ]),\n    _renderSlot(_ctx.$slots, \"headers-append\", {}, undefined, true),\n    _createElementVNode(\"div\", {\n      id: tabBodyId.value,\n      class: \"ds-w-full\"\n    }, [\n      _renderSlot(_ctx.$slots, \"default\", {}, undefined, true)\n    ], 8, _hoisted_3)\n  ], 512))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_sfc_main","_defineComponent","__props","emit","props","tabContainer","ref","tabHeaders","tabs","activeTabIndex","mValue","value","computed","val","tabBodyId","uuid","watch","selectTab","nextTick","initTabs","onClickTabHeader","index","t","nearestIndex","tab","onMounted","_ctx","_cache","_openBlock","_createElementBlock","_renderSlot","_createElementVNode","_Fragment","_renderList","header","_normalizeClass","$event","_toDisplayString"],"mappings":"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"}

package/dist/design-system79.mjs

@@ -1,5 +1,5 @@
 import { defineComponent as V, ref as d, computed as C, watch as k, nextTick as L, onMounted as T, openBlock as n, createElementBlock as u, renderSlot as i, createElementVNode as _, Fragment as $, renderList as w, normalizeClass as B, toDisplayString as E } from "vue";
-import H from "./design-system98.mjs";
+import H from "./design-system99.mjs";
 const I = { class: "ds-flex ds-flex-wrap ds-overflow-hidden ds-rounded-lg ds-border ds-border-gray-100 ds-bg-gray-100" }, S = ["onClick"], z = ["id"], F = /* @__PURE__ */ V({
   __name: "BTabs",
   props: {

package/dist/design-system79.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system79.mjs","sources":["../src/components/BTabs/BTabs.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, toDisplayString as _toDisplayString, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \"vue\"\n\nconst _withScopeId = n => (_pushScopeId(\"data-v-cb1627f0\"),n=n(),_popScopeId(),n)\nconst _hoisted_1 = { class: \"ds-flex ds-flex-wrap ds-overflow-hidden ds-rounded-lg ds-border ds-border-gray-100 ds-bg-gray-100\" }\nconst _hoisted_2 = [\"onClick\"]\nconst _hoisted_3 = [\"id\"]\n\nimport type { BTabsHeader } from '@/types';\r\nimport { v4 as uuid } from 'uuid';\r\nimport { computed, nextTick, onMounted, ref, watch } from 'vue';\r\n\r\n//#region Props\r\nexport interface BTabsProps {\r\n  /**\r\n   * Array of header objects.\r\n   */\r\n  headers: BTabsHeader[];\r\n  /**\r\n   * Index of tab.\r\n   */\r\n  modelValue?: number;\r\n  /**\r\n   * CSS of header.\r\n   */\r\n  headerCssClass?: string;\r\n}\r\n\r\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BTabs',\n  props: {\n    headers: {},\n    modelValue: { default: undefined },\n    headerCssClass: { default: '' }\n  },\n  emits: [\"update:modelValue\"],\n  setup(__props: any, { emit }) {\n\nconst props = __props;\n\r\n\r\n//#endregion\r\n\r\n//#region Events\r\n\r\n//#endregion\r\n\r\n//#region Data\r\nconst tabContainer = ref<HTMLElement | null>(null);\r\nconst tabHeaders = ref<HTMLElement[] | null>(null);\r\nconst tabs = ref<Element[] | null>(null);\r\nconst activeTabIndex = ref(0);\r\nconst mValue = ref(0);\r\nconst value = computed({\r\n  get() {\r\n    return props.modelValue !== undefined ? props.modelValue : mValue.value;\r\n  },\r\n  set(val) {\r\n    if (props.modelValue !== undefined) {\r\n      emit('update:modelValue', val);\r\n    } else {\r\n      mValue.value = val;\r\n    }\r\n  },\r\n});\r\nconst tabBodyId = computed(() => `id-${uuid()}`);\r\n//#endregion\r\n\r\n//#region Watchers\r\nwatch(value, (val) => {\r\n  selectTab(val);\r\n});\r\nwatch(\r\n  () => props.headers,\r\n  () => {\r\n    nextTick(() => {\r\n      initTabs();\r\n    });\r\n  },\r\n);\r\n//#endregion\r\n\r\n//#region Methods\r\nconst onClickTabHeader = (index: number) => {\r\n  value.value = index;\r\n};\r\nconst selectTab = (index: number) => {\r\n  if (tabs.value && tabHeaders.value) {\r\n    // Set activeTabIndex item to the index of the element clicked\r\n    activeTabIndex.value = index;\r\n    // Remove any active classes\r\n    [...tabs.value, ...tabHeaders.value].forEach((t) => {\r\n      t.classList.remove('active');\r\n    });\r\n    // Add active classes where appropriate, to the active element\r\n    if (\r\n      tabs.value[activeTabIndex.value] &&\r\n      tabHeaders.value[activeTabIndex.value]\r\n    ) {\r\n      tabs.value[activeTabIndex.value].classList.add('active');\r\n      tabHeaders.value[activeTabIndex.value].classList.add('active');\r\n    } else {\r\n      // Nearest element if desired index is not found\r\n      const nearestIndex = activeTabIndex.value - 1;\r\n      if (nearestIndex >= 0) {\r\n        tabs.value[nearestIndex].classList.add('active');\r\n        tabHeaders.value[nearestIndex].classList.add('active');\r\n      }\r\n    }\r\n  }\r\n};\r\nconst initTabs = () => {\r\n  if (tabContainer.value) {\r\n    // Selects all elements with the class '.tab', which are direct children of element with the id 'tabBodyId'\r\n    tabs.value = [\r\n      ...(tabContainer.value.querySelectorAll(\r\n        `#${tabBodyId.value} > .tab`,\r\n      ) as any),\r\n    ];\r\n    tabs.value.forEach((tab) => {\r\n      if (tab.classList.contains('active')) {\r\n        activeTabIndex.value = tabs.value!.indexOf(tab);\r\n      }\r\n    });\r\n    selectTab(activeTabIndex.value);\r\n  }\r\n};\r\n//#endregion\r\n\r\n//#region Lifecycle Hooks\r\nonMounted(() => {\r\n  initTabs();\r\n});\r\n//#endregion\r\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    ref_key: \"tabContainer\",\n    ref: tabContainer\n  }, [\n    _renderSlot(_ctx.$slots, \"headers-prepend\", {}, undefined, true),\n    _createElementVNode(\"ul\", _hoisted_1, [\n      (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.headers, (header, index) => {\n        return (_openBlock(), _createElementBlock(\"li\", {\n          key: index,\n          ref_for: true,\n          ref_key: \"tabHeaders\",\n          ref: tabHeaders,\n          class: _normalizeClass([[\r\n          _ctx.headerCssClass,\r\n          header.disabled ? 'ds-pointer-events-none ds-text-black/40' : '',\r\n        ], \"tab-header ds-min-w-[5rem] ds-flex-1 ds-cursor-pointer ds-rounded-lg ds-p-2 ds-text-center ds-text-sm ds-font-medium ds-capitalize hover:ds-bg-slate-50 hover:ds-text-primary-t\"]),\n          onClick: ($event: any) => (onClickTabHeader(index))\n        }, _toDisplayString(header.text), 11, _hoisted_2))\n      }), 128))\n    ]),\n    _renderSlot(_ctx.$slots, \"headers-append\", {}, undefined, true),\n    _createElementVNode(\"div\", {\n      id: tabBodyId.value,\n      class: \"ds-w-full\"\n    }, [\n      _renderSlot(_ctx.$slots, \"default\", {}, undefined, true)\n    ], 8, _hoisted_3)\n  ], 512))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_sfc_main","_defineComponent","__props","emit","props","tabContainer","ref","tabHeaders","tabs","activeTabIndex","mValue","value","computed","val","tabBodyId","uuid","watch","selectTab","nextTick","initTabs","onClickTabHeader","index","t","nearestIndex","tab","onMounted","_ctx","_cache","_openBlock","_createElementBlock","_renderSlot","_createElementVNode","_Fragment","_renderList","header","_normalizeClass","$event","_toDisplayString"],"mappings":"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"}
+{"version":3,"file":"design-system79.mjs","sources":["../src/components/BTabs/BTabs.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, toDisplayString as _toDisplayString, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \"vue\"\n\nconst _withScopeId = n => (_pushScopeId(\"data-v-a36aa95c\"),n=n(),_popScopeId(),n)\nconst _hoisted_1 = { class: \"ds-flex ds-flex-wrap ds-overflow-hidden ds-rounded-lg ds-border ds-border-gray-100 ds-bg-gray-100\" }\nconst _hoisted_2 = [\"onClick\"]\nconst _hoisted_3 = [\"id\"]\n\nimport type { BTabsHeader } from '@/types';\nimport { v4 as uuid } from 'uuid';\nimport { computed, nextTick, onMounted, ref, watch } from 'vue';\n\n//#region Props\nexport interface BTabsProps {\n  /**\n   * Array of header objects.\n   */\n  headers: BTabsHeader[];\n  /**\n   * Index of tab.\n   */\n  modelValue?: number;\n  /**\n   * CSS of header.\n   */\n  headerCssClass?: string;\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BTabs',\n  props: {\n    headers: {},\n    modelValue: { default: undefined },\n    headerCssClass: { default: '' }\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 tabContainer = ref<HTMLElement | null>(null);\nconst tabHeaders = ref<HTMLElement[] | null>(null);\nconst tabs = ref<Element[] | null>(null);\nconst activeTabIndex = ref(0);\nconst mValue = ref(0);\nconst value = computed({\n  get() {\n    return props.modelValue !== undefined ? props.modelValue : mValue.value;\n  },\n  set(val) {\n    if (props.modelValue !== undefined) {\n      emit('update:modelValue', val);\n    } else {\n      mValue.value = val;\n    }\n  },\n});\nconst tabBodyId = computed(() => `id-${uuid()}`);\n//#endregion\n\n//#region Watchers\nwatch(value, (val) => {\n  selectTab(val);\n});\nwatch(\n  () => props.headers,\n  () => {\n    nextTick(() => {\n      initTabs();\n    });\n  },\n);\n//#endregion\n\n//#region Methods\nconst onClickTabHeader = (index: number) => {\n  value.value = index;\n};\nconst selectTab = (index: number) => {\n  if (tabs.value && tabHeaders.value) {\n    // Set activeTabIndex item to the index of the element clicked\n    activeTabIndex.value = index;\n    // Remove any active classes\n    [...tabs.value, ...tabHeaders.value].forEach((t) => {\n      t.classList.remove('active');\n    });\n    // Add active classes where appropriate, to the active element\n    if (\n      tabs.value[activeTabIndex.value] &&\n      tabHeaders.value[activeTabIndex.value]\n    ) {\n      tabs.value[activeTabIndex.value].classList.add('active');\n      tabHeaders.value[activeTabIndex.value].classList.add('active');\n    } else {\n      // Nearest element if desired index is not found\n      const nearestIndex = activeTabIndex.value - 1;\n      if (nearestIndex >= 0) {\n        tabs.value[nearestIndex].classList.add('active');\n        tabHeaders.value[nearestIndex].classList.add('active');\n      }\n    }\n  }\n};\nconst initTabs = () => {\n  if (tabContainer.value) {\n    // Selects all elements with the class '.tab', which are direct children of element with the id 'tabBodyId'\n    tabs.value = [\n      ...(tabContainer.value.querySelectorAll(\n        `#${tabBodyId.value} > .tab`,\n      ) as any),\n    ];\n    tabs.value.forEach((tab) => {\n      if (tab.classList.contains('active')) {\n        activeTabIndex.value = tabs.value!.indexOf(tab);\n      }\n    });\n    selectTab(activeTabIndex.value);\n  }\n};\n//#endregion\n\n//#region Lifecycle Hooks\nonMounted(() => {\n  initTabs();\n});\n//#endregion\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    ref_key: \"tabContainer\",\n    ref: tabContainer\n  }, [\n    _renderSlot(_ctx.$slots, \"headers-prepend\", {}, undefined, true),\n    _createElementVNode(\"ul\", _hoisted_1, [\n      (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.headers, (header, index) => {\n        return (_openBlock(), _createElementBlock(\"li\", {\n          key: index,\n          ref_for: true,\n          ref_key: \"tabHeaders\",\n          ref: tabHeaders,\n          class: _normalizeClass([[\n          _ctx.headerCssClass,\n          header.disabled ? 'ds-pointer-events-none ds-text-black/40' : '',\n        ], \"tab-header ds-min-w-[5rem] ds-flex-1 ds-cursor-pointer ds-rounded-lg ds-p-2 ds-text-center ds-text-sm ds-font-medium ds-capitalize hover:ds-bg-slate-50 hover:ds-text-primary-t\"]),\n          onClick: ($event: any) => (onClickTabHeader(index))\n        }, _toDisplayString(header.text), 11, _hoisted_2))\n      }), 128))\n    ]),\n    _renderSlot(_ctx.$slots, \"headers-append\", {}, undefined, true),\n    _createElementVNode(\"div\", {\n      id: tabBodyId.value,\n      class: \"ds-w-full\"\n    }, [\n      _renderSlot(_ctx.$slots, \"default\", {}, undefined, true)\n    ], 8, _hoisted_3)\n  ], 512))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_sfc_main","_defineComponent","__props","emit","props","tabContainer","ref","tabHeaders","tabs","activeTabIndex","mValue","value","computed","val","tabBodyId","uuid","watch","selectTab","nextTick","initTabs","onClickTabHeader","index","t","nearestIndex","tab","onMounted","_ctx","_cache","_openBlock","_createElementBlock","_renderSlot","_createElementVNode","_Fragment","_renderList","header","_normalizeClass","$event","_toDisplayString"],"mappings":"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"}

package/dist/design-system82.js

@@ -1,2 +1,2 @@
-"use strict";const t=require("vue"),B=require("./design-system3.js"),k=require("./design-system48.js"),q=require("./design-system29.js"),V=require("./design-system30.js"),C=require("./design-system98.js"),x={class:"b-text-field"},E={class:"ds-relative"},I={key:0,class:"b-text-field__prepend-icon ds-absolute ds-left-3 ds-top-0 ds-z-[1] ds-flex ds-h-full ds-cursor-pointer ds-items-center hover:ds-text-primary-t"},R=["id","autocomplete","disabled","inputmode","placeholder","readonly","type","onKeyup"],M={key:1,class:"b-text-field__append-icon ds-absolute ds-right-3 ds-top-0 ds-z-[1] ds-flex ds-h-full ds-cursor-pointer ds-items-center hover:ds-text-primary-t"},N=t.defineComponent({__name:"BTextField",props:{inputId:{default:""},inputCssClass:{default:""},validationRules:{default:void 0},modelValue:{},label:{default:""},placeholder:{default:""},autocomplete:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},type:{default:"text"},required:{type:Boolean,default:!1},requiredErrorMessage:{default:""},hideDetails:{type:Boolean,default:!1},inputHandler:{default:void 0},inputmode:{default:"text"}},emits:["focus","blur","press:enter","update:modelValue"],setup(p,{expose:c,emit:o}){const s=p,{t:f}=k.useI18n(),d=t.ref(null),m={validateRule:e=>typeof e=="number"?!!e:!!(e&&(e!=null&&e.trim())),errorMessage:()=>s.requiredErrorMessage||f("ds.global.field_required")},r=t.computed(()=>s.inputId||`id-${C()}`),u=t.computed({get(){return s.modelValue},set(e){o("update:modelValue",e)}}),v=t.computed(()=>[{"ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/[0.4]":s.disabled,"ds-text-black/[0.85]":!s.disabled,"ds-border-error focus:ds-ring-1 focus:ds-ring-error":!n.value.valid,"ds-border-black/[0.1] focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus":n.value.valid},s.inputCssClass]),b=t.computed(()=>{let e=[];return s.required&&e.push(m),s.validationRules&&(e=e.concat(s.validationRules)),e.length?e:void 0}),{validate:i,validationResult:n}=B.useValidationField(r.value,u,b.value),y=()=>{o("press:enter")},_=()=>{o("focus")},g=()=>{o("blur")},h=()=>{i()};return c({validate:i,focus:()=>{var e;(e=d.value)==null||e.focus()},blur:()=>{var e;(e=d.value)==null||e.blur()}}),(e,l)=>(t.openBlock(),t.createElementBlock("div",x,[t.createVNode(V,{id:r.value,label:e.label,required:e.required},null,8,["id","label","required"]),t.createElementVNode("div",E,[e.$slots.prependIcon?(t.openBlock(),t.createElementBlock("div",I,[t.renderSlot(e.$slots,"prependIcon",{},void 0,!0)])):t.createCommentVNode("",!0),t.withDirectives(t.createElementVNode("input",{id:r.value,ref_key:"inputRef",ref:d,"onUpdate:modelValue":l[0]||(l[0]=a=>u.value=a),autocomplete:s.autocomplete?"on":"off",disabled:s.disabled,inputmode:s.inputmode,placeholder:s.placeholder,readonly:s.readonly,type:s.type,class:t.normalizeClass([[v.value],"ds-block ds-h-[40px] ds-w-full ds-rounded-lg ds-border ds-px-3 ds-text-sm ds-drop-shadow-light"]),onBlur:g,onFocus:_,onInput:l[1]||(l[1]=(...a)=>e.inputHandler&&e.inputHandler(...a)),onKeyup:[h,t.withKeys(y,["enter"])]},null,42,R),[[t.vModelDynamic,u.value]]),e.$slots.appendIcon?(t.openBlock(),t.createElementBlock("div",M,[t.renderSlot(e.$slots,"appendIcon",{},void 0,!0)])):t.createCommentVNode("",!0)]),e.hideDetails?t.createCommentVNode("",!0):(t.openBlock(),t.createBlock(q,{key:0,"error-message":t.unref(n).errorMessage(),class:"ds-mt-1"},null,8,["error-message"]))]))}});module.exports=N;
+"use strict";const t=require("vue"),B=require("./design-system3.js"),k=require("./design-system48.js"),q=require("./design-system29.js"),V=require("./design-system30.js"),C=require("./design-system99.js"),x={class:"b-text-field"},E={class:"ds-relative"},I={key:0,class:"b-text-field__prepend-icon ds-absolute ds-left-3 ds-top-0 ds-z-[1] ds-flex ds-h-full ds-cursor-pointer ds-items-center hover:ds-text-primary-t"},R=["id","autocomplete","disabled","inputmode","placeholder","readonly","type","onKeyup"],M={key:1,class:"b-text-field__append-icon ds-absolute ds-right-3 ds-top-0 ds-z-[1] ds-flex ds-h-full ds-cursor-pointer ds-items-center hover:ds-text-primary-t"},N=t.defineComponent({__name:"BTextField",props:{inputId:{default:""},inputCssClass:{default:""},validationRules:{default:void 0},modelValue:{},label:{default:""},placeholder:{default:""},autocomplete:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},type:{default:"text"},required:{type:Boolean,default:!1},requiredErrorMessage:{default:""},hideDetails:{type:Boolean,default:!1},inputHandler:{default:void 0},inputmode:{default:"text"}},emits:["focus","blur","press:enter","update:modelValue"],setup(p,{expose:c,emit:o}){const s=p,{t:f}=k.useI18n(),d=t.ref(null),m={validateRule:e=>typeof e=="number"?!!e:!!(e&&(e!=null&&e.trim())),errorMessage:()=>s.requiredErrorMessage||f("ds.global.field_required")},r=t.computed(()=>s.inputId||`id-${C()}`),u=t.computed({get(){return s.modelValue},set(e){o("update:modelValue",e)}}),v=t.computed(()=>[{"ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/[0.4]":s.disabled,"ds-text-black/[0.85]":!s.disabled,"ds-border-error focus:ds-ring-1 focus:ds-ring-error":!n.value.valid,"ds-border-black/[0.1] focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus":n.value.valid},s.inputCssClass]),b=t.computed(()=>{let e=[];return s.required&&e.push(m),s.validationRules&&(e=e.concat(s.validationRules)),e.length?e:void 0}),{validate:i,validationResult:n}=B.useValidationField(r.value,u,b.value),y=()=>{o("press:enter")},_=()=>{o("focus")},g=()=>{o("blur")},h=()=>{i()};return c({validate:i,focus:()=>{var e;(e=d.value)==null||e.focus()},blur:()=>{var e;(e=d.value)==null||e.blur()}}),(e,l)=>(t.openBlock(),t.createElementBlock("div",x,[t.createVNode(V,{id:r.value,label:e.label,required:e.required},null,8,["id","label","required"]),t.createElementVNode("div",E,[e.$slots.prependIcon?(t.openBlock(),t.createElementBlock("div",I,[t.renderSlot(e.$slots,"prependIcon",{},void 0,!0)])):t.createCommentVNode("",!0),t.withDirectives(t.createElementVNode("input",{id:r.value,ref_key:"inputRef",ref:d,"onUpdate:modelValue":l[0]||(l[0]=a=>u.value=a),autocomplete:s.autocomplete?"on":"off",disabled:s.disabled,inputmode:s.inputmode,placeholder:s.placeholder,readonly:s.readonly,type:s.type,class:t.normalizeClass([[v.value],"ds-block ds-h-[40px] ds-w-full ds-rounded-lg ds-border ds-px-3 ds-text-sm ds-drop-shadow-light"]),onBlur:g,onFocus:_,onInput:l[1]||(l[1]=(...a)=>e.inputHandler&&e.inputHandler(...a)),onKeyup:[h,t.withKeys(y,["enter"])]},null,42,R),[[t.vModelDynamic,u.value]]),e.$slots.appendIcon?(t.openBlock(),t.createElementBlock("div",M,[t.renderSlot(e.$slots,"appendIcon",{},void 0,!0)])):t.createCommentVNode("",!0)]),e.hideDetails?t.createCommentVNode("",!0):(t.openBlock(),t.createBlock(q,{key:0,"error-message":t.unref(n).errorMessage(),class:"ds-mt-1"},null,8,["error-message"]))]))}});module.exports=N;
 //# sourceMappingURL=design-system82.js.map

package/dist/design-system82.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system82.js","sources":["../src/components/BTextField.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { createVNode as _createVNode, renderSlot as _renderSlot, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, vModelDynamic as _vModelDynamic, withKeys as _withKeys, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, withDirectives as _withDirectives, unref as _unref, createBlock as _createBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \"vue\"\n\nconst _withScopeId = n => (_pushScopeId(\"data-v-67b64925\"),n=n(),_popScopeId(),n)\nconst _hoisted_1 = { class: \"b-text-field\" }\nconst _hoisted_2 = { class: \"ds-relative\" }\nconst _hoisted_3 = {\n  key: 0,\n  class: \"b-text-field__prepend-icon ds-absolute ds-left-3 ds-top-0 ds-z-[1] ds-flex ds-h-full ds-cursor-pointer ds-items-center hover:ds-text-primary-t\"\n}\nconst _hoisted_4 = [\"id\", \"autocomplete\", \"disabled\", \"inputmode\", \"placeholder\", \"readonly\", \"type\", \"onKeyup\"]\nconst _hoisted_5 = {\n  key: 1,\n  class: \"b-text-field__append-icon ds-absolute ds-right-3 ds-top-0 ds-z-[1] ds-flex ds-h-full ds-cursor-pointer ds-items-center hover:ds-text-primary-t\"\n}\n\nimport {\r\n  useValidationField,\r\n  type ValidationRule,\r\n} from '@/composables/Validation';\r\nimport { v4 as uuid } from 'uuid';\r\nimport { computed, ref } from 'vue';\r\nimport { useI18n } from 'vue-i18n';\r\nimport BErrorMessage from './BErrorMessage.vue';\r\nimport BLabel from './BLabel.vue';\r\n\r\n//#region Props\r\nexport interface BTextFieldProps {\r\n  /**\r\n   * ID of input element\r\n   */\r\n  inputId?: string;\r\n  inputCssClass?: string;\r\n  /**\r\n   * Array of custom validation rules.\r\n   */\r\n  validationRules?: ValidationRule[];\r\n  modelValue: string | number;\r\n  label?: string;\r\n  placeholder?: string;\r\n  autocomplete?: boolean;\r\n  disabled?: boolean;\r\n  readonly?: boolean;\r\n  type?: string;\r\n  /**\r\n   * Validate if the field is left empty.\r\n   */\r\n  required?: boolean;\r\n  requiredErrorMessage?: string;\r\n  /**\r\n   * Hide the validation error message.\r\n   */\r\n  hideDetails?: boolean;\r\n  /**\r\n   * Function is executed on input event.\r\n   */\r\n  inputHandler?: any;\r\n  /**\r\n   * Value of input element's inputmode\r\n   */\r\n  inputmode?:\r\n    | 'none'\r\n    | 'text'\r\n    | 'tel'\r\n    | 'url'\r\n    | 'email'\r\n    | 'numeric'\r\n    | 'decimal'\r\n    | 'search'; // This allows a browser to display an appropriate virtual keyboard\r\n}\r\n\r\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BTextField',\n  props: {\n    inputId: { default: '' },\n    inputCssClass: { default: '' },\n    validationRules: { default: undefined },\n    modelValue: {},\n    label: { default: '' },\n    placeholder: { default: '' },\n    autocomplete: { type: Boolean, default: false },\n    disabled: { type: Boolean, default: false },\n    readonly: { type: Boolean, default: false },\n    type: { default: 'text' },\n    required: { type: Boolean, default: false },\n    requiredErrorMessage: { default: '' },\n    hideDetails: { type: Boolean, default: false },\n    inputHandler: { default: undefined },\n    inputmode: { default: 'text' }\n  },\n  emits: [\"focus\", \"blur\", \"press:enter\", \"update:modelValue\"],\n  setup(__props: any, { expose: __expose, emit }) {\n\nconst props = __props;\n\r\n// https://github.com/tailwindlabs/tailwindcss/discussions/7554\r\n\r\n//#endregion\r\n\r\n//#region Events\r\n// https://vuejs.org/api/sfc-script-setup.html#defineprops-defineemits\r\n// new \"defineEmits\" way of Vue 3.3+ doesn't work with Storybook's autodocs yet\r\n\r\n//#endregion\r\n\r\n//#region Data\r\nconst { t } = useI18n();\r\nconst inputRef = ref<HTMLInputElement | null>(null);\r\nconst validateRequired: ValidationRule = {\r\n  validateRule: (val: string) => {\r\n    if (typeof val === 'number') {\r\n      return !!val;\r\n    }\r\n    return !!(val && val?.trim());\r\n  },\r\n  errorMessage: () =>\r\n    props.requiredErrorMessage || t('ds.global.field_required'),\r\n};\r\nconst id = computed(() => props.inputId || `id-${uuid()}`);\r\nconst value = computed({\r\n  get() {\r\n    return props.modelValue;\r\n  },\r\n  set(val) {\r\n    emit('update:modelValue', val);\r\n  },\r\n});\r\nconst inputCssClassValue = computed(() => [\r\n  {\r\n    'ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/[0.4]': props.disabled,\r\n    'ds-text-black/[0.85]': !props.disabled,\r\n    'ds-border-error focus:ds-ring-1 focus:ds-ring-error':\r\n      !validationResult.value.valid,\r\n    'ds-border-black/[0.1] focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus':\r\n      validationResult.value.valid,\r\n  },\r\n  props.inputCssClass,\r\n]);\r\nconst vRules = computed(() => {\r\n  let result: ValidationRule[] = [];\r\n\r\n  if (props.required) {\r\n    result.push(validateRequired);\r\n  }\r\n  if (props.validationRules) {\r\n    result = result.concat(props.validationRules);\r\n  }\r\n\r\n  return result.length ? result : undefined;\r\n});\r\n\r\nconst { validate, validationResult } = useValidationField(\r\n  id.value,\r\n  value,\r\n  vRules.value,\r\n);\r\n//#endregion\r\n\r\n//#region Methods\r\nconst onKeyUpEnter = () => {\r\n  emit('press:enter');\r\n};\r\nconst onFocus = () => {\r\n  emit('focus');\r\n};\r\nconst onBlur = () => {\r\n  emit('blur');\r\n};\r\nconst onKeyUp = () => {\r\n  validate();\r\n};\r\nconst focus = () => {\r\n  inputRef.value?.focus();\r\n};\r\nconst blur = () => {\r\n  inputRef.value?.blur();\r\n};\r\n//#endregion\r\n\r\n__expose({ validate, focus, blur });\r\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1, [\n    _createVNode(BLabel, {\n      id: id.value,\n      label: _ctx.label,\n      required: _ctx.required\n    }, null, 8, [\"id\", \"label\", \"required\"]),\n    _createElementVNode(\"div\", _hoisted_2, [\n      (_ctx.$slots.prependIcon)\n        ? (_openBlock(), _createElementBlock(\"div\", _hoisted_3, [\n            _renderSlot(_ctx.$slots, \"prependIcon\", {}, undefined, true)\n          ]))\n        : _createCommentVNode(\"\", true),\n      _withDirectives(_createElementVNode(\"input\", {\n        id: id.value,\n        ref_key: \"inputRef\",\n        ref: inputRef,\n        \"onUpdate:modelValue\": _cache[0] || (_cache[0] = ($event: any) => ((value).value = $event)),\n        autocomplete: props.autocomplete ? 'on' : 'off',\n        disabled: props.disabled,\n        inputmode: props.inputmode,\n        placeholder: props.placeholder,\n        readonly: props.readonly,\n        type: props.type,\n        class: _normalizeClass([[inputCssClassValue.value], \"ds-block ds-h-[40px] ds-w-full ds-rounded-lg ds-border ds-px-3 ds-text-sm ds-drop-shadow-light\"]),\n        onBlur: onBlur,\n        onFocus: onFocus,\n        onInput: _cache[1] || (_cache[1] = \n//@ts-ignore\n(...args) => (_ctx.inputHandler && _ctx.inputHandler(...args))),\n        onKeyup: [\n          onKeyUp,\n          _withKeys(onKeyUpEnter, [\"enter\"])\n        ]\n      }, null, 42, _hoisted_4), [\n        [_vModelDynamic, value.value]\n      ]),\n      (_ctx.$slots.appendIcon)\n        ? (_openBlock(), _createElementBlock(\"div\", _hoisted_5, [\n            _renderSlot(_ctx.$slots, \"appendIcon\", {}, undefined, true)\n          ]))\n        : _createCommentVNode(\"\", true)\n    ]),\n    (!_ctx.hideDetails)\n      ? (_openBlock(), _createBlock(BErrorMessage, {\n          key: 0,\n          \"error-message\": _unref(validationResult).errorMessage(),\n          class: \"ds-mt-1\"\n        }, null, 8, [\"error-message\"]))\n      : _createCommentVNode(\"\", true)\n  ]))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_sfc_main","_defineComponent","__props","__expose","emit","props","t","useI18n","inputRef","ref","validateRequired","val","id","computed","uuid","value","inputCssClassValue","validationResult","vRules","result","validate","useValidationField","onKeyUpEnter","onFocus","onBlur","onKeyUp","_a","_ctx","_cache","_openBlock","_createElementBlock","_createVNode","BLabel","_createElementVNode","_renderSlot","_createCommentVNode","_withDirectives","$event","_normalizeClass","args","_withKeys","_vModelDynamic","_createBlock","BErrorMessage","_unref"],"mappings":"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"}
+{"version":3,"file":"design-system82.js","sources":["../src/components/BTextField.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { createVNode as _createVNode, renderSlot as _renderSlot, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, vModelDynamic as _vModelDynamic, withKeys as _withKeys, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, withDirectives as _withDirectives, unref as _unref, createBlock as _createBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \"vue\"\n\nconst _withScopeId = n => (_pushScopeId(\"data-v-9c6e89e6\"),n=n(),_popScopeId(),n)\nconst _hoisted_1 = { class: \"b-text-field\" }\nconst _hoisted_2 = { class: \"ds-relative\" }\nconst _hoisted_3 = {\n  key: 0,\n  class: \"b-text-field__prepend-icon ds-absolute ds-left-3 ds-top-0 ds-z-[1] ds-flex ds-h-full ds-cursor-pointer ds-items-center hover:ds-text-primary-t\"\n}\nconst _hoisted_4 = [\"id\", \"autocomplete\", \"disabled\", \"inputmode\", \"placeholder\", \"readonly\", \"type\", \"onKeyup\"]\nconst _hoisted_5 = {\n  key: 1,\n  class: \"b-text-field__append-icon ds-absolute ds-right-3 ds-top-0 ds-z-[1] ds-flex ds-h-full ds-cursor-pointer ds-items-center hover:ds-text-primary-t\"\n}\n\nimport {\n  useValidationField,\n  type ValidationRule,\n} from '@/composables/Validation';\nimport { v4 as uuid } from 'uuid';\nimport { computed, ref } from 'vue';\nimport { useI18n } from 'vue-i18n';\nimport BErrorMessage from './BErrorMessage.vue';\nimport BLabel from './BLabel.vue';\n\n//#region Props\nexport interface BTextFieldProps {\n  /**\n   * ID of input element\n   */\n  inputId?: string;\n  inputCssClass?: string;\n  /**\n   * Array of custom validation rules.\n   */\n  validationRules?: ValidationRule[];\n  modelValue: string | number;\n  label?: string;\n  placeholder?: string;\n  autocomplete?: boolean;\n  disabled?: boolean;\n  readonly?: boolean;\n  type?: string;\n  /**\n   * Validate if the field is left empty.\n   */\n  required?: boolean;\n  requiredErrorMessage?: string;\n  /**\n   * Hide the validation error message.\n   */\n  hideDetails?: boolean;\n  /**\n   * Function is executed on input event.\n   */\n  inputHandler?: any;\n  /**\n   * Value of input element's inputmode\n   */\n  inputmode?:\n    | 'none'\n    | 'text'\n    | 'tel'\n    | 'url'\n    | 'email'\n    | 'numeric'\n    | 'decimal'\n    | 'search'; // This allows a browser to display an appropriate virtual keyboard\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BTextField',\n  props: {\n    inputId: { default: '' },\n    inputCssClass: { default: '' },\n    validationRules: { default: undefined },\n    modelValue: {},\n    label: { default: '' },\n    placeholder: { default: '' },\n    autocomplete: { type: Boolean, default: false },\n    disabled: { type: Boolean, default: false },\n    readonly: { type: Boolean, default: false },\n    type: { default: 'text' },\n    required: { type: Boolean, default: false },\n    requiredErrorMessage: { default: '' },\n    hideDetails: { type: Boolean, default: false },\n    inputHandler: { default: undefined },\n    inputmode: { default: 'text' }\n  },\n  emits: [\"focus\", \"blur\", \"press:enter\", \"update:modelValue\"],\n  setup(__props: any, { expose: __expose, emit }) {\n\nconst props = __props;\n\n// https://github.com/tailwindlabs/tailwindcss/discussions/7554\n\n//#endregion\n\n//#region Events\n// https://vuejs.org/api/sfc-script-setup.html#defineprops-defineemits\n// new \"defineEmits\" way of Vue 3.3+ doesn't work with Storybook's autodocs yet\n\n//#endregion\n\n//#region Data\nconst { t } = useI18n();\nconst inputRef = ref<HTMLInputElement | null>(null);\nconst validateRequired: ValidationRule = {\n  validateRule: (val: string) => {\n    if (typeof val === 'number') {\n      return !!val;\n    }\n    return !!(val && val?.trim());\n  },\n  errorMessage: () =>\n    props.requiredErrorMessage || t('ds.global.field_required'),\n};\nconst id = computed(() => props.inputId || `id-${uuid()}`);\nconst value = computed({\n  get() {\n    return props.modelValue;\n  },\n  set(val) {\n    emit('update:modelValue', val);\n  },\n});\nconst inputCssClassValue = computed(() => [\n  {\n    'ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/[0.4]': props.disabled,\n    'ds-text-black/[0.85]': !props.disabled,\n    'ds-border-error focus:ds-ring-1 focus:ds-ring-error':\n      !validationResult.value.valid,\n    'ds-border-black/[0.1] focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus':\n      validationResult.value.valid,\n  },\n  props.inputCssClass,\n]);\nconst vRules = computed(() => {\n  let result: ValidationRule[] = [];\n\n  if (props.required) {\n    result.push(validateRequired);\n  }\n  if (props.validationRules) {\n    result = result.concat(props.validationRules);\n  }\n\n  return result.length ? result : undefined;\n});\n\nconst { validate, validationResult } = useValidationField(\n  id.value,\n  value,\n  vRules.value,\n);\n//#endregion\n\n//#region Methods\nconst onKeyUpEnter = () => {\n  emit('press:enter');\n};\nconst onFocus = () => {\n  emit('focus');\n};\nconst onBlur = () => {\n  emit('blur');\n};\nconst onKeyUp = () => {\n  validate();\n};\nconst focus = () => {\n  inputRef.value?.focus();\n};\nconst blur = () => {\n  inputRef.value?.blur();\n};\n//#endregion\n\n__expose({ validate, focus, blur });\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1, [\n    _createVNode(BLabel, {\n      id: id.value,\n      label: _ctx.label,\n      required: _ctx.required\n    }, null, 8, [\"id\", \"label\", \"required\"]),\n    _createElementVNode(\"div\", _hoisted_2, [\n      (_ctx.$slots.prependIcon)\n        ? (_openBlock(), _createElementBlock(\"div\", _hoisted_3, [\n            _renderSlot(_ctx.$slots, \"prependIcon\", {}, undefined, true)\n          ]))\n        : _createCommentVNode(\"\", true),\n      _withDirectives(_createElementVNode(\"input\", {\n        id: id.value,\n        ref_key: \"inputRef\",\n        ref: inputRef,\n        \"onUpdate:modelValue\": _cache[0] || (_cache[0] = ($event: any) => ((value).value = $event)),\n        autocomplete: props.autocomplete ? 'on' : 'off',\n        disabled: props.disabled,\n        inputmode: props.inputmode,\n        placeholder: props.placeholder,\n        readonly: props.readonly,\n        type: props.type,\n        class: _normalizeClass([[inputCssClassValue.value], \"ds-block ds-h-[40px] ds-w-full ds-rounded-lg ds-border ds-px-3 ds-text-sm ds-drop-shadow-light\"]),\n        onBlur: onBlur,\n        onFocus: onFocus,\n        onInput: _cache[1] || (_cache[1] = \n//@ts-ignore\n(...args) => (_ctx.inputHandler && _ctx.inputHandler(...args))),\n        onKeyup: [\n          onKeyUp,\n          _withKeys(onKeyUpEnter, [\"enter\"])\n        ]\n      }, null, 42, _hoisted_4), [\n        [_vModelDynamic, value.value]\n      ]),\n      (_ctx.$slots.appendIcon)\n        ? (_openBlock(), _createElementBlock(\"div\", _hoisted_5, [\n            _renderSlot(_ctx.$slots, \"appendIcon\", {}, undefined, true)\n          ]))\n        : _createCommentVNode(\"\", true)\n    ]),\n    (!_ctx.hideDetails)\n      ? (_openBlock(), _createBlock(BErrorMessage, {\n          key: 0,\n          \"error-message\": _unref(validationResult).errorMessage(),\n          class: \"ds-mt-1\"\n        }, null, 8, [\"error-message\"]))\n      : _createCommentVNode(\"\", true)\n  ]))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_sfc_main","_defineComponent","__props","__expose","emit","props","t","useI18n","inputRef","ref","validateRequired","val","id","computed","uuid","value","inputCssClassValue","validationResult","vRules","result","validate","useValidationField","onKeyUpEnter","onFocus","onBlur","onKeyUp","_a","_ctx","_cache","_openBlock","_createElementBlock","_createVNode","BLabel","_createElementVNode","_renderSlot","_createCommentVNode","_withDirectives","$event","_normalizeClass","args","_withKeys","_vModelDynamic","_createBlock","BErrorMessage","_unref"],"mappings":"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"}

package/dist/design-system82.mjs

@@ -3,7 +3,7 @@ import { useValidationField as z } from "./design-system3.mjs";
 import { useI18n as F } from "./design-system48.mjs";
 import H from "./design-system29.mjs";
 import N from "./design-system30.mjs";
-import U from "./design-system98.mjs";
+import U from "./design-system99.mjs";
 const S = { class: "b-text-field" }, T = { class: "ds-relative" }, j = {
   key: 0,
   class: "b-text-field__prepend-icon ds-absolute ds-left-3 ds-top-0 ds-z-[1] ds-flex ds-h-full ds-cursor-pointer ds-items-center hover:ds-text-primary-t"

package/dist/design-system82.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system82.mjs","sources":["../src/components/BTextField.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { createVNode as _createVNode, renderSlot as _renderSlot, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, vModelDynamic as _vModelDynamic, withKeys as _withKeys, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, withDirectives as _withDirectives, unref as _unref, createBlock as _createBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \"vue\"\n\nconst _withScopeId = n => (_pushScopeId(\"data-v-67b64925\"),n=n(),_popScopeId(),n)\nconst _hoisted_1 = { class: \"b-text-field\" }\nconst _hoisted_2 = { class: \"ds-relative\" }\nconst _hoisted_3 = {\n  key: 0,\n  class: \"b-text-field__prepend-icon ds-absolute ds-left-3 ds-top-0 ds-z-[1] ds-flex ds-h-full ds-cursor-pointer ds-items-center hover:ds-text-primary-t\"\n}\nconst _hoisted_4 = [\"id\", \"autocomplete\", \"disabled\", \"inputmode\", \"placeholder\", \"readonly\", \"type\", \"onKeyup\"]\nconst _hoisted_5 = {\n  key: 1,\n  class: \"b-text-field__append-icon ds-absolute ds-right-3 ds-top-0 ds-z-[1] ds-flex ds-h-full ds-cursor-pointer ds-items-center hover:ds-text-primary-t\"\n}\n\nimport {\r\n  useValidationField,\r\n  type ValidationRule,\r\n} from '@/composables/Validation';\r\nimport { v4 as uuid } from 'uuid';\r\nimport { computed, ref } from 'vue';\r\nimport { useI18n } from 'vue-i18n';\r\nimport BErrorMessage from './BErrorMessage.vue';\r\nimport BLabel from './BLabel.vue';\r\n\r\n//#region Props\r\nexport interface BTextFieldProps {\r\n  /**\r\n   * ID of input element\r\n   */\r\n  inputId?: string;\r\n  inputCssClass?: string;\r\n  /**\r\n   * Array of custom validation rules.\r\n   */\r\n  validationRules?: ValidationRule[];\r\n  modelValue: string | number;\r\n  label?: string;\r\n  placeholder?: string;\r\n  autocomplete?: boolean;\r\n  disabled?: boolean;\r\n  readonly?: boolean;\r\n  type?: string;\r\n  /**\r\n   * Validate if the field is left empty.\r\n   */\r\n  required?: boolean;\r\n  requiredErrorMessage?: string;\r\n  /**\r\n   * Hide the validation error message.\r\n   */\r\n  hideDetails?: boolean;\r\n  /**\r\n   * Function is executed on input event.\r\n   */\r\n  inputHandler?: any;\r\n  /**\r\n   * Value of input element's inputmode\r\n   */\r\n  inputmode?:\r\n    | 'none'\r\n    | 'text'\r\n    | 'tel'\r\n    | 'url'\r\n    | 'email'\r\n    | 'numeric'\r\n    | 'decimal'\r\n    | 'search'; // This allows a browser to display an appropriate virtual keyboard\r\n}\r\n\r\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BTextField',\n  props: {\n    inputId: { default: '' },\n    inputCssClass: { default: '' },\n    validationRules: { default: undefined },\n    modelValue: {},\n    label: { default: '' },\n    placeholder: { default: '' },\n    autocomplete: { type: Boolean, default: false },\n    disabled: { type: Boolean, default: false },\n    readonly: { type: Boolean, default: false },\n    type: { default: 'text' },\n    required: { type: Boolean, default: false },\n    requiredErrorMessage: { default: '' },\n    hideDetails: { type: Boolean, default: false },\n    inputHandler: { default: undefined },\n    inputmode: { default: 'text' }\n  },\n  emits: [\"focus\", \"blur\", \"press:enter\", \"update:modelValue\"],\n  setup(__props: any, { expose: __expose, emit }) {\n\nconst props = __props;\n\r\n// https://github.com/tailwindlabs/tailwindcss/discussions/7554\r\n\r\n//#endregion\r\n\r\n//#region Events\r\n// https://vuejs.org/api/sfc-script-setup.html#defineprops-defineemits\r\n// new \"defineEmits\" way of Vue 3.3+ doesn't work with Storybook's autodocs yet\r\n\r\n//#endregion\r\n\r\n//#region Data\r\nconst { t } = useI18n();\r\nconst inputRef = ref<HTMLInputElement | null>(null);\r\nconst validateRequired: ValidationRule = {\r\n  validateRule: (val: string) => {\r\n    if (typeof val === 'number') {\r\n      return !!val;\r\n    }\r\n    return !!(val && val?.trim());\r\n  },\r\n  errorMessage: () =>\r\n    props.requiredErrorMessage || t('ds.global.field_required'),\r\n};\r\nconst id = computed(() => props.inputId || `id-${uuid()}`);\r\nconst value = computed({\r\n  get() {\r\n    return props.modelValue;\r\n  },\r\n  set(val) {\r\n    emit('update:modelValue', val);\r\n  },\r\n});\r\nconst inputCssClassValue = computed(() => [\r\n  {\r\n    'ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/[0.4]': props.disabled,\r\n    'ds-text-black/[0.85]': !props.disabled,\r\n    'ds-border-error focus:ds-ring-1 focus:ds-ring-error':\r\n      !validationResult.value.valid,\r\n    'ds-border-black/[0.1] focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus':\r\n      validationResult.value.valid,\r\n  },\r\n  props.inputCssClass,\r\n]);\r\nconst vRules = computed(() => {\r\n  let result: ValidationRule[] = [];\r\n\r\n  if (props.required) {\r\n    result.push(validateRequired);\r\n  }\r\n  if (props.validationRules) {\r\n    result = result.concat(props.validationRules);\r\n  }\r\n\r\n  return result.length ? result : undefined;\r\n});\r\n\r\nconst { validate, validationResult } = useValidationField(\r\n  id.value,\r\n  value,\r\n  vRules.value,\r\n);\r\n//#endregion\r\n\r\n//#region Methods\r\nconst onKeyUpEnter = () => {\r\n  emit('press:enter');\r\n};\r\nconst onFocus = () => {\r\n  emit('focus');\r\n};\r\nconst onBlur = () => {\r\n  emit('blur');\r\n};\r\nconst onKeyUp = () => {\r\n  validate();\r\n};\r\nconst focus = () => {\r\n  inputRef.value?.focus();\r\n};\r\nconst blur = () => {\r\n  inputRef.value?.blur();\r\n};\r\n//#endregion\r\n\r\n__expose({ validate, focus, blur });\r\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1, [\n    _createVNode(BLabel, {\n      id: id.value,\n      label: _ctx.label,\n      required: _ctx.required\n    }, null, 8, [\"id\", \"label\", \"required\"]),\n    _createElementVNode(\"div\", _hoisted_2, [\n      (_ctx.$slots.prependIcon)\n        ? (_openBlock(), _createElementBlock(\"div\", _hoisted_3, [\n            _renderSlot(_ctx.$slots, \"prependIcon\", {}, undefined, true)\n          ]))\n        : _createCommentVNode(\"\", true),\n      _withDirectives(_createElementVNode(\"input\", {\n        id: id.value,\n        ref_key: \"inputRef\",\n        ref: inputRef,\n        \"onUpdate:modelValue\": _cache[0] || (_cache[0] = ($event: any) => ((value).value = $event)),\n        autocomplete: props.autocomplete ? 'on' : 'off',\n        disabled: props.disabled,\n        inputmode: props.inputmode,\n        placeholder: props.placeholder,\n        readonly: props.readonly,\n        type: props.type,\n        class: _normalizeClass([[inputCssClassValue.value], \"ds-block ds-h-[40px] ds-w-full ds-rounded-lg ds-border ds-px-3 ds-text-sm ds-drop-shadow-light\"]),\n        onBlur: onBlur,\n        onFocus: onFocus,\n        onInput: _cache[1] || (_cache[1] = \n//@ts-ignore\n(...args) => (_ctx.inputHandler && _ctx.inputHandler(...args))),\n        onKeyup: [\n          onKeyUp,\n          _withKeys(onKeyUpEnter, [\"enter\"])\n        ]\n      }, null, 42, _hoisted_4), [\n        [_vModelDynamic, value.value]\n      ]),\n      (_ctx.$slots.appendIcon)\n        ? (_openBlock(), _createElementBlock(\"div\", _hoisted_5, [\n            _renderSlot(_ctx.$slots, \"appendIcon\", {}, undefined, true)\n          ]))\n        : _createCommentVNode(\"\", true)\n    ]),\n    (!_ctx.hideDetails)\n      ? (_openBlock(), _createBlock(BErrorMessage, {\n          key: 0,\n          \"error-message\": _unref(validationResult).errorMessage(),\n          class: \"ds-mt-1\"\n        }, null, 8, [\"error-message\"]))\n      : _createCommentVNode(\"\", true)\n  ]))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_sfc_main","_defineComponent","__props","__expose","emit","props","t","useI18n","inputRef","ref","validateRequired","val","id","computed","uuid","value","inputCssClassValue","validationResult","vRules","result","validate","useValidationField","onKeyUpEnter","onFocus","onBlur","onKeyUp","_a","_ctx","_cache","_openBlock","_createElementBlock","_createVNode","BLabel","_createElementVNode","_renderSlot","_createCommentVNode","_withDirectives","$event","_normalizeClass","args","_withKeys","_vModelDynamic","_createBlock","BErrorMessage","_unref"],"mappings":"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"}
+{"version":3,"file":"design-system82.mjs","sources":["../src/components/BTextField.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { createVNode as _createVNode, renderSlot as _renderSlot, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, vModelDynamic as _vModelDynamic, withKeys as _withKeys, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, withDirectives as _withDirectives, unref as _unref, createBlock as _createBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \"vue\"\n\nconst _withScopeId = n => (_pushScopeId(\"data-v-9c6e89e6\"),n=n(),_popScopeId(),n)\nconst _hoisted_1 = { class: \"b-text-field\" }\nconst _hoisted_2 = { class: \"ds-relative\" }\nconst _hoisted_3 = {\n  key: 0,\n  class: \"b-text-field__prepend-icon ds-absolute ds-left-3 ds-top-0 ds-z-[1] ds-flex ds-h-full ds-cursor-pointer ds-items-center hover:ds-text-primary-t\"\n}\nconst _hoisted_4 = [\"id\", \"autocomplete\", \"disabled\", \"inputmode\", \"placeholder\", \"readonly\", \"type\", \"onKeyup\"]\nconst _hoisted_5 = {\n  key: 1,\n  class: \"b-text-field__append-icon ds-absolute ds-right-3 ds-top-0 ds-z-[1] ds-flex ds-h-full ds-cursor-pointer ds-items-center hover:ds-text-primary-t\"\n}\n\nimport {\n  useValidationField,\n  type ValidationRule,\n} from '@/composables/Validation';\nimport { v4 as uuid } from 'uuid';\nimport { computed, ref } from 'vue';\nimport { useI18n } from 'vue-i18n';\nimport BErrorMessage from './BErrorMessage.vue';\nimport BLabel from './BLabel.vue';\n\n//#region Props\nexport interface BTextFieldProps {\n  /**\n   * ID of input element\n   */\n  inputId?: string;\n  inputCssClass?: string;\n  /**\n   * Array of custom validation rules.\n   */\n  validationRules?: ValidationRule[];\n  modelValue: string | number;\n  label?: string;\n  placeholder?: string;\n  autocomplete?: boolean;\n  disabled?: boolean;\n  readonly?: boolean;\n  type?: string;\n  /**\n   * Validate if the field is left empty.\n   */\n  required?: boolean;\n  requiredErrorMessage?: string;\n  /**\n   * Hide the validation error message.\n   */\n  hideDetails?: boolean;\n  /**\n   * Function is executed on input event.\n   */\n  inputHandler?: any;\n  /**\n   * Value of input element's inputmode\n   */\n  inputmode?:\n    | 'none'\n    | 'text'\n    | 'tel'\n    | 'url'\n    | 'email'\n    | 'numeric'\n    | 'decimal'\n    | 'search'; // This allows a browser to display an appropriate virtual keyboard\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BTextField',\n  props: {\n    inputId: { default: '' },\n    inputCssClass: { default: '' },\n    validationRules: { default: undefined },\n    modelValue: {},\n    label: { default: '' },\n    placeholder: { default: '' },\n    autocomplete: { type: Boolean, default: false },\n    disabled: { type: Boolean, default: false },\n    readonly: { type: Boolean, default: false },\n    type: { default: 'text' },\n    required: { type: Boolean, default: false },\n    requiredErrorMessage: { default: '' },\n    hideDetails: { type: Boolean, default: false },\n    inputHandler: { default: undefined },\n    inputmode: { default: 'text' }\n  },\n  emits: [\"focus\", \"blur\", \"press:enter\", \"update:modelValue\"],\n  setup(__props: any, { expose: __expose, emit }) {\n\nconst props = __props;\n\n// https://github.com/tailwindlabs/tailwindcss/discussions/7554\n\n//#endregion\n\n//#region Events\n// https://vuejs.org/api/sfc-script-setup.html#defineprops-defineemits\n// new \"defineEmits\" way of Vue 3.3+ doesn't work with Storybook's autodocs yet\n\n//#endregion\n\n//#region Data\nconst { t } = useI18n();\nconst inputRef = ref<HTMLInputElement | null>(null);\nconst validateRequired: ValidationRule = {\n  validateRule: (val: string) => {\n    if (typeof val === 'number') {\n      return !!val;\n    }\n    return !!(val && val?.trim());\n  },\n  errorMessage: () =>\n    props.requiredErrorMessage || t('ds.global.field_required'),\n};\nconst id = computed(() => props.inputId || `id-${uuid()}`);\nconst value = computed({\n  get() {\n    return props.modelValue;\n  },\n  set(val) {\n    emit('update:modelValue', val);\n  },\n});\nconst inputCssClassValue = computed(() => [\n  {\n    'ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/[0.4]': props.disabled,\n    'ds-text-black/[0.85]': !props.disabled,\n    'ds-border-error focus:ds-ring-1 focus:ds-ring-error':\n      !validationResult.value.valid,\n    'ds-border-black/[0.1] focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus':\n      validationResult.value.valid,\n  },\n  props.inputCssClass,\n]);\nconst vRules = computed(() => {\n  let result: ValidationRule[] = [];\n\n  if (props.required) {\n    result.push(validateRequired);\n  }\n  if (props.validationRules) {\n    result = result.concat(props.validationRules);\n  }\n\n  return result.length ? result : undefined;\n});\n\nconst { validate, validationResult } = useValidationField(\n  id.value,\n  value,\n  vRules.value,\n);\n//#endregion\n\n//#region Methods\nconst onKeyUpEnter = () => {\n  emit('press:enter');\n};\nconst onFocus = () => {\n  emit('focus');\n};\nconst onBlur = () => {\n  emit('blur');\n};\nconst onKeyUp = () => {\n  validate();\n};\nconst focus = () => {\n  inputRef.value?.focus();\n};\nconst blur = () => {\n  inputRef.value?.blur();\n};\n//#endregion\n\n__expose({ validate, focus, blur });\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1, [\n    _createVNode(BLabel, {\n      id: id.value,\n      label: _ctx.label,\n      required: _ctx.required\n    }, null, 8, [\"id\", \"label\", \"required\"]),\n    _createElementVNode(\"div\", _hoisted_2, [\n      (_ctx.$slots.prependIcon)\n        ? (_openBlock(), _createElementBlock(\"div\", _hoisted_3, [\n            _renderSlot(_ctx.$slots, \"prependIcon\", {}, undefined, true)\n          ]))\n        : _createCommentVNode(\"\", true),\n      _withDirectives(_createElementVNode(\"input\", {\n        id: id.value,\n        ref_key: \"inputRef\",\n        ref: inputRef,\n        \"onUpdate:modelValue\": _cache[0] || (_cache[0] = ($event: any) => ((value).value = $event)),\n        autocomplete: props.autocomplete ? 'on' : 'off',\n        disabled: props.disabled,\n        inputmode: props.inputmode,\n        placeholder: props.placeholder,\n        readonly: props.readonly,\n        type: props.type,\n        class: _normalizeClass([[inputCssClassValue.value], \"ds-block ds-h-[40px] ds-w-full ds-rounded-lg ds-border ds-px-3 ds-text-sm ds-drop-shadow-light\"]),\n        onBlur: onBlur,\n        onFocus: onFocus,\n        onInput: _cache[1] || (_cache[1] = \n//@ts-ignore\n(...args) => (_ctx.inputHandler && _ctx.inputHandler(...args))),\n        onKeyup: [\n          onKeyUp,\n          _withKeys(onKeyUpEnter, [\"enter\"])\n        ]\n      }, null, 42, _hoisted_4), [\n        [_vModelDynamic, value.value]\n      ]),\n      (_ctx.$slots.appendIcon)\n        ? (_openBlock(), _createElementBlock(\"div\", _hoisted_5, [\n            _renderSlot(_ctx.$slots, \"appendIcon\", {}, undefined, true)\n          ]))\n        : _createCommentVNode(\"\", true)\n    ]),\n    (!_ctx.hideDetails)\n      ? (_openBlock(), _createBlock(BErrorMessage, {\n          key: 0,\n          \"error-message\": _unref(validationResult).errorMessage(),\n          class: \"ds-mt-1\"\n        }, null, 8, [\"error-message\"]))\n      : _createCommentVNode(\"\", true)\n  ]))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_sfc_main","_defineComponent","__props","__expose","emit","props","t","useI18n","inputRef","ref","validateRequired","val","id","computed","uuid","value","inputCssClassValue","validationResult","vRules","result","validate","useValidationField","onKeyUpEnter","onFocus","onBlur","onKeyUp","_a","_ctx","_cache","_openBlock","_createElementBlock","_createVNode","BLabel","_createElementVNode","_renderSlot","_createCommentVNode","_withDirectives","$event","_normalizeClass","args","_withKeys","_vModelDynamic","_createBlock","BErrorMessage","_unref"],"mappings":"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"}