@7pmlabs/design-system 0.5.1 → 0.5.2

package/dist/design-system73.mjs

@@ -1,5 +1,5 @@
-import f from "./design-system19.mjs";
+const _ = "";
 export {
-  f as default
+  _ as default
 };
 //# sourceMappingURL=design-system73.mjs.map

package/dist/design-system74.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("./design-system20.js");module.exports=e;
+"use strict";const e=require("vue"),a=require("./design-system5.js"),t=require("./design-system38.js"),i=e.defineComponent({__name:"BLoadingOverlay",props:{loading:{type:Boolean},absolute:{type:Boolean,default:!1},spinnerSize:{default:a.BLoadingOverlaySpinnerSize.Medium}},setup(o){const l=o,n=e.computed(()=>l.absolute?"ds-absolute ":"ds-fixed "),r=e.computed(()=>{let s="spinner ";switch(l.spinnerSize){case a.BLoadingOverlaySpinnerSize.Small:s+="ds-w-4 ds-h-4 ";break;case a.BLoadingOverlaySpinnerSize.Large:s+="ds-w-12 ds-h-12 ";break;case a.BLoadingOverlaySpinnerSize.Medium:default:s+="ds-w-8 ds-h-8 "}return s});return(s,c)=>l.absolute?e.withDirectives((e.openBlock(),e.createBlock(t,{key:1,class:e.normalizeClass(n.value)},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(r.value)},null,2)]),_:1},8,["class"])),[[e.vShow,s.loading]]):(e.openBlock(),e.createBlock(e.Teleport,{key:0,to:"body"},[e.withDirectives(e.createVNode(t,{class:e.normalizeClass(n.value)},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(r.value)},null,2)]),_:1},8,["class"]),[[e.vShow,s.loading]])]))}});module.exports=i;
 //# sourceMappingURL=design-system74.js.map

package/dist/design-system74.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system74.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"design-system74.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//#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,EAIRE,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-system74.mjs

@@ -1,5 +1,61 @@
-import f from "./design-system20.mjs";
+import { defineComponent as v, computed as r, openBlock as n, createBlock as d, Teleport as y, withDirectives as i, createVNode as h, normalizeClass as s, withCtx as u, createElementVNode as c, vShow as p } from "vue";
+import { BLoadingOverlaySpinnerSize as a } from "./design-system5.mjs";
+import m from "./design-system38.mjs";
+const g = /* @__PURE__ */ v({
+  __name: "BLoadingOverlay",
+  props: {
+    loading: { type: Boolean },
+    absolute: { type: Boolean, default: !1 },
+    spinnerSize: { default: a.Medium }
+  },
+  setup(f) {
+    const l = f, t = r(() => l.absolute ? "ds-absolute " : "ds-fixed "), o = r(() => {
+      let e = "spinner ";
+      switch (l.spinnerSize) {
+        case a.Small:
+          e += "ds-w-4 ds-h-4 ";
+          break;
+        case a.Large:
+          e += "ds-w-12 ds-h-12 ";
+          break;
+        case a.Medium:
+        default:
+          e += "ds-w-8 ds-h-8 ";
+      }
+      return e;
+    });
+    return (e, b) => l.absolute ? i((n(), d(m, {
+      key: 1,
+      class: s(t.value)
+    }, {
+      default: u(() => [
+        c("div", {
+          class: s(o.value)
+        }, null, 2)
+      ]),
+      _: 1
+    }, 8, ["class"])), [
+      [p, e.loading]
+    ]) : (n(), d(y, {
+      key: 0,
+      to: "body"
+    }, [
+      i(h(m, {
+        class: s(t.value)
+      }, {
+        default: u(() => [
+          c("div", {
+            class: s(o.value)
+          }, null, 2)
+        ]),
+        _: 1
+      }, 8, ["class"]), [
+        [p, e.loading]
+      ])
+    ]));
+  }
+});
 export {
-  f as default
+  g as default
 };
 //# sourceMappingURL=design-system74.mjs.map

package/dist/design-system74.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system74.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"design-system74.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//#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,GAIRE,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-system75.js

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

package/dist/design-system75.mjs

@@ -1,5 +1,5 @@
-import f from "./design-system21.mjs";
+const e = "";
 export {
-  f as default
+  e as default
 };
 //# sourceMappingURL=design-system75.mjs.map

package/dist/design-system76.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),b=require("./design-system31.js"),g=require("./design-system3.js"),_=require("./design-system52.js"),h=require("./design-system102.js"),B={class:"b-radio ds-flex ds-items-center"},V=["id","disabled","name","value"],q=["for"],y=["for"],k=e.defineComponent({__name:"BRadio",props:{inputId:{default:""},modelValue:{type:[String,Number,Boolean],default:""},inputName:{default:""},label:{default:""},labelOrphan:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},labelCssClass:{default:""},hideDetails:{type:Boolean,default:!1},validationRules:{default:void 0},required:{type:Boolean,default:!1},requiredErrorMessage:{default:""}},emits:["change","update:modelValue"],setup(d,{emit:u}){const t=d,o=u,{t:n}=_.useI18n(),i={validateRule:l=>!!(l&&l.trim()),errorMessage:()=>t.requiredErrorMessage||n("ds.global.field_required")},a=e.computed(()=>t.inputId||`id-${h()}`),s=e.computed({get(){return t.modelValue},set(l){o("update:modelValue",l)}}),c=e.computed(()=>{let l=[];return t.required&&l.push(i),t.validationRules&&(l=l.concat(t.validationRules)),l.length?l:void 0}),{validate:m,validationResult:p}=g.useValidationField(a.value,s,c.value),f=()=>{o("change"),m()};return(l,r)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",B,[e.withDirectives(e.createElementVNode("input",{id:a.value,"onUpdate:modelValue":r[0]||(r[0]=v=>s.value=v),disabled:l.disabled,name:l.inputName,value:l.$attrs.value,class:"b-radio__input",type:"radio",onChange:f},null,40,V),[[e.vModelRadio,s.value]]),e.createElementVNode("label",{for:a.value,class:"b-radio__input-label ds-border ds-border-black/[0.1] ds-drop-shadow-light"},null,8,q),t.label||l.$slots.default?(e.openBlock(),e.createElementBlock("label",{key:0,for:t.labelOrphan?void 0:a.value,class:e.normalizeClass([l.labelCssClass,"ds-ml-2 ds-text-sm ds-font-medium ds-text-gray-900"])},[e.renderSlot(l.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.label),1)],!0)],10,y)):e.createCommentVNode("",!0)]),l.hideDetails?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(b,{key:0,"error-message":e.unref(p).errorMessage(),class:"ds-mt-1"},null,8,["error-message"]))],64))}});module.exports=k;
+"use strict";const e=require("./design-system18.js");module.exports=e;
 //# sourceMappingURL=design-system76.js.map

package/dist/design-system76.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system76.js","sources":["../src/components/BRadio.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { vModelRadio as _vModelRadio, createElementVNode as _createElementVNode, withDirectives as _withDirectives, renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, unref as _unref, createBlock as _createBlock, Fragment as _Fragment, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \"vue\"\n\nconst _withScopeId = n => (_pushScopeId(\"data-v-98637356\"),n=n(),_popScopeId(),n)\nconst _hoisted_1 = { class: \"b-radio ds-flex ds-items-center\" }\nconst _hoisted_2 = [\"id\", \"disabled\", \"name\", \"value\"]\nconst _hoisted_3 = [\"for\"]\nconst _hoisted_4 = [\"for\"]\n\nimport BErrorMessage from '@/components/BErrorMessage.vue';\nimport {\n  useValidationField,\n  type ValidationRule,\n} from '@/composables/Validation';\nimport { v4 as uuid } from 'uuid';\nimport { computed } from 'vue';\nimport { useI18n } from 'vue-i18n';\n\n//#region Props\nexport interface BRadioProps {\n  inputId?: string;\n  modelValue: string | number | boolean;\n  inputName?: string;\n  label?: string;\n  /**\n   * Clicking on label will not select the radio.\n   */\n  labelOrphan?: boolean;\n  disabled?: boolean;\n  labelCssClass?: string;\n  /**\n   * Hide the validation error message.\n   */\n  hideDetails?: boolean;\n  /**\n   * Array of custom validation rules.\n   */\n  validationRules?: ValidationRule[];\n  /**\n   * Validate if the field is left empty.\n   */\n  required?: boolean;\n  requiredErrorMessage?: string;\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BRadio',\n  props: {\n    inputId: { default: '' },\n    modelValue: { type: [String, Number, Boolean], default: '' },\n    inputName: { default: '' },\n    label: { default: '' },\n    labelOrphan: { type: Boolean, default: false },\n    disabled: { type: Boolean, default: false },\n    labelCssClass: { default: '' },\n    hideDetails: { type: Boolean, default: false },\n    validationRules: { default: undefined },\n    required: { type: Boolean, default: false },\n    requiredErrorMessage: { default: '' }\n  },\n  emits: [\"change\", \"update:modelValue\"],\n  setup(__props: any, { emit: __emit }) {\n\nconst props = __props;\n//#endregion\n\n//#region Events\nconst emit = __emit;\n//#endregion\n\n//#region Data\nconst { t } = useI18n();\nconst validateRequired: ValidationRule = {\n  validateRule: (val: string) => !!(val && val.trim()),\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 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 onChange = () => {\n  emit('change');\n  validate();\n};\n//#endregion\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(_Fragment, null, [\n    _createElementVNode(\"div\", _hoisted_1, [\n      _withDirectives(_createElementVNode(\"input\", {\n        id: id.value,\n        \"onUpdate:modelValue\": _cache[0] || (_cache[0] = ($event: any) => ((value).value = $event)),\n        disabled: _ctx.disabled,\n        name: _ctx.inputName,\n        value: _ctx.$attrs.value,\n        class: \"b-radio__input\",\n        type: \"radio\",\n        onChange: onChange\n      }, null, 40, _hoisted_2), [\n        [_vModelRadio, value.value]\n      ]),\n      _createElementVNode(\"label\", {\n        for: id.value,\n        class: \"b-radio__input-label ds-border ds-border-black/[0.1] ds-drop-shadow-light\"\n      }, null, 8, _hoisted_3),\n      (props.label || _ctx.$slots.default)\n        ? (_openBlock(), _createElementBlock(\"label\", {\n            key: 0,\n            for: props.labelOrphan ? undefined : id.value,\n            class: _normalizeClass([_ctx.labelCssClass, \"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          ], 10, _hoisted_4))\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  ], 64))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_sfc_main","_defineComponent","__props","__emit","props","emit","t","useI18n","validateRequired","val","id","computed","uuid","value","vRules","result","validate","validationResult","useValidationField","onChange","_ctx","_cache","_openBlock","_createElementBlock","_Fragment","_createElementVNode","_withDirectives","$event","_vModelRadio","_normalizeClass","_renderSlot","_createTextVNode","_toDisplayString","_createCommentVNode","_createBlock","BErrorMessage","_unref"],"mappings":"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"}
+{"version":3,"file":"design-system76.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/design-system76.mjs

@@ -1,82 +1,5 @@
-import { defineComponent as y, computed as s, openBlock as o, createElementBlock as u, Fragment as B, createElementVNode as d, withDirectives as R, vModelRadio as V, normalizeClass as C, renderSlot as k, createTextVNode as q, toDisplayString as N, createCommentVNode as n, createBlock as M, unref as $ } from "vue";
-import D from "./design-system31.mjs";
-import { useValidationField as E } from "./design-system3.mjs";
-import { useI18n as I } from "./design-system52.mjs";
-import S from "./design-system102.mjs";
-const w = { class: "b-radio ds-flex ds-items-center" }, F = ["id", "disabled", "name", "value"], O = ["for"], z = ["for"], H = /* @__PURE__ */ y({
-  __name: "BRadio",
-  props: {
-    inputId: { default: "" },
-    modelValue: { type: [String, Number, Boolean], default: "" },
-    inputName: { default: "" },
-    label: { default: "" },
-    labelOrphan: { type: Boolean, default: !1 },
-    disabled: { type: Boolean, default: !1 },
-    labelCssClass: { default: "" },
-    hideDetails: { type: Boolean, default: !1 },
-    validationRules: { default: void 0 },
-    required: { type: Boolean, default: !1 },
-    requiredErrorMessage: { default: "" }
-  },
-  emits: ["change", "update:modelValue"],
-  setup(m, { emit: f }) {
-    const l = m, r = f, { t: p } = I(), c = {
-      validateRule: (e) => !!(e && e.trim()),
-      errorMessage: () => l.requiredErrorMessage || p("ds.global.field_required")
-    }, a = s(() => l.inputId || `id-${S()}`), t = s({
-      get() {
-        return l.modelValue;
-      },
-      set(e) {
-        r("update:modelValue", e);
-      }
-    }), v = s(() => {
-      let e = [];
-      return l.required && e.push(c), l.validationRules && (e = e.concat(l.validationRules)), e.length ? e : void 0;
-    }), { validate: b, validationResult: g } = E(
-      a.value,
-      t,
-      v.value
-    ), h = () => {
-      r("change"), b();
-    };
-    return (e, i) => (o(), u(B, null, [
-      d("div", w, [
-        R(d("input", {
-          id: a.value,
-          "onUpdate:modelValue": i[0] || (i[0] = (_) => t.value = _),
-          disabled: e.disabled,
-          name: e.inputName,
-          value: e.$attrs.value,
-          class: "b-radio__input",
-          type: "radio",
-          onChange: h
-        }, null, 40, F), [
-          [V, t.value]
-        ]),
-        d("label", {
-          for: a.value,
-          class: "b-radio__input-label ds-border ds-border-black/[0.1] ds-drop-shadow-light"
-        }, null, 8, O),
-        l.label || e.$slots.default ? (o(), u("label", {
-          key: 0,
-          for: l.labelOrphan ? void 0 : a.value,
-          class: C([e.labelCssClass, "ds-ml-2 ds-text-sm ds-font-medium ds-text-gray-900"])
-        }, [
-          k(e.$slots, "default", {}, () => [
-            q(N(l.label), 1)
-          ], !0)
-        ], 10, z)) : n("", !0)
-      ]),
-      e.hideDetails ? n("", !0) : (o(), M(D, {
-        key: 0,
-        "error-message": $(g).errorMessage(),
-        class: "ds-mt-1"
-      }, null, 8, ["error-message"]))
-    ], 64));
-  }
-});
+import f from "./design-system18.mjs";
 export {
-  H as default
+  f as default
 };
 //# sourceMappingURL=design-system76.mjs.map

package/dist/design-system76.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system76.mjs","sources":["../src/components/BRadio.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { vModelRadio as _vModelRadio, createElementVNode as _createElementVNode, withDirectives as _withDirectives, renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, unref as _unref, createBlock as _createBlock, Fragment as _Fragment, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \"vue\"\n\nconst _withScopeId = n => (_pushScopeId(\"data-v-98637356\"),n=n(),_popScopeId(),n)\nconst _hoisted_1 = { class: \"b-radio ds-flex ds-items-center\" }\nconst _hoisted_2 = [\"id\", \"disabled\", \"name\", \"value\"]\nconst _hoisted_3 = [\"for\"]\nconst _hoisted_4 = [\"for\"]\n\nimport BErrorMessage from '@/components/BErrorMessage.vue';\nimport {\n  useValidationField,\n  type ValidationRule,\n} from '@/composables/Validation';\nimport { v4 as uuid } from 'uuid';\nimport { computed } from 'vue';\nimport { useI18n } from 'vue-i18n';\n\n//#region Props\nexport interface BRadioProps {\n  inputId?: string;\n  modelValue: string | number | boolean;\n  inputName?: string;\n  label?: string;\n  /**\n   * Clicking on label will not select the radio.\n   */\n  labelOrphan?: boolean;\n  disabled?: boolean;\n  labelCssClass?: string;\n  /**\n   * Hide the validation error message.\n   */\n  hideDetails?: boolean;\n  /**\n   * Array of custom validation rules.\n   */\n  validationRules?: ValidationRule[];\n  /**\n   * Validate if the field is left empty.\n   */\n  required?: boolean;\n  requiredErrorMessage?: string;\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BRadio',\n  props: {\n    inputId: { default: '' },\n    modelValue: { type: [String, Number, Boolean], default: '' },\n    inputName: { default: '' },\n    label: { default: '' },\n    labelOrphan: { type: Boolean, default: false },\n    disabled: { type: Boolean, default: false },\n    labelCssClass: { default: '' },\n    hideDetails: { type: Boolean, default: false },\n    validationRules: { default: undefined },\n    required: { type: Boolean, default: false },\n    requiredErrorMessage: { default: '' }\n  },\n  emits: [\"change\", \"update:modelValue\"],\n  setup(__props: any, { emit: __emit }) {\n\nconst props = __props;\n//#endregion\n\n//#region Events\nconst emit = __emit;\n//#endregion\n\n//#region Data\nconst { t } = useI18n();\nconst validateRequired: ValidationRule = {\n  validateRule: (val: string) => !!(val && val.trim()),\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 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 onChange = () => {\n  emit('change');\n  validate();\n};\n//#endregion\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(_Fragment, null, [\n    _createElementVNode(\"div\", _hoisted_1, [\n      _withDirectives(_createElementVNode(\"input\", {\n        id: id.value,\n        \"onUpdate:modelValue\": _cache[0] || (_cache[0] = ($event: any) => ((value).value = $event)),\n        disabled: _ctx.disabled,\n        name: _ctx.inputName,\n        value: _ctx.$attrs.value,\n        class: \"b-radio__input\",\n        type: \"radio\",\n        onChange: onChange\n      }, null, 40, _hoisted_2), [\n        [_vModelRadio, value.value]\n      ]),\n      _createElementVNode(\"label\", {\n        for: id.value,\n        class: \"b-radio__input-label ds-border ds-border-black/[0.1] ds-drop-shadow-light\"\n      }, null, 8, _hoisted_3),\n      (props.label || _ctx.$slots.default)\n        ? (_openBlock(), _createElementBlock(\"label\", {\n            key: 0,\n            for: props.labelOrphan ? undefined : id.value,\n            class: _normalizeClass([_ctx.labelCssClass, \"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          ], 10, _hoisted_4))\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  ], 64))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_sfc_main","_defineComponent","__props","__emit","props","emit","t","useI18n","validateRequired","val","id","computed","uuid","value","vRules","result","validate","validationResult","useValidationField","onChange","_ctx","_cache","_openBlock","_createElementBlock","_Fragment","_createElementVNode","_withDirectives","$event","_vModelRadio","_normalizeClass","_renderSlot","_createTextVNode","_toDisplayString","_createCommentVNode","_createBlock","BErrorMessage","_unref"],"mappings":"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"}
+{"version":3,"file":"design-system76.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/design-system77.js

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

package/dist/design-system77.mjs

@@ -1,5 +1,5 @@
-const _ = "";
+import f from "./design-system19.mjs";
 export {
-  _ as default
+  f as default
 };
 //# sourceMappingURL=design-system77.mjs.map

package/dist/design-system78.js

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

package/dist/design-system78.mjs

@@ -1,4 +1,4 @@
-import f from "./design-system22.mjs";
+import f from "./design-system20.mjs";
 export {
   f as default
 };

package/dist/design-system79.js

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

package/dist/design-system79.mjs

@@ -1,5 +1,5 @@
-const _ = "";
+import f from "./design-system21.mjs";
 export {
-  _ as default
+  f as default
 };
 //# sourceMappingURL=design-system79.mjs.map

package/dist/design-system80.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),C=require("./design-system102.js"),_={class:"ds-flex ds-flex-wrap ds-overflow-hidden ds-rounded-lg ds-border ds-border-gray-100 ds-bg-gray-100"},g=["onClick"],y=["id"],V=e.defineComponent({__name:"BTabs",props:{headers:{},modelValue:{default:void 0},headerCssClass:{default:""}},emits:["update:modelValue"],setup(p,{emit:b}){const o=p,h=b,r=e.ref(null),l=e.ref(null),s=e.ref(null),t=e.ref(0),n=e.ref(0),u=e.computed({get(){return o.modelValue!==void 0?o.modelValue:n.value},set(a){o.modelValue!==void 0?h("update:modelValue",a):n.value=a}}),i=e.computed(()=>`id-${C()}`);e.watch(u,a=>{c(a)}),e.watch(()=>o.headers,()=>{e.nextTick(()=>{v()})});const k=a=>{u.value=a},c=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=()=>{r.value&&(s.value=[...r.value.querySelectorAll(`#${i.value} > .tab`)],s.value.forEach(a=>{a.classList.contains("active")&&(t.value=s.value.indexOf(a))}),c(t.value))};return e.onMounted(()=>{v()}),(a,d)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"tabContainer",ref:r},[e.renderSlot(a.$slots,"headers-prepend",{},void 0,!0),e.createElementVNode("ul",_,[(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:x=>k(m)},e.toDisplayString(f.text),11,g))),128))]),e.renderSlot(a.$slots,"headers-append",{},void 0,!0),e.createElementVNode("div",{id:i.value,class:"ds-w-full"},[e.renderSlot(a.$slots,"default",{},void 0,!0)],8,y)],512))}});module.exports=V;
+"use strict";const e=require("vue"),b=require("./design-system31.js"),g=require("./design-system3.js"),_=require("./design-system52.js"),h=require("./design-system105.js"),B={class:"b-radio ds-flex ds-items-center"},V=["id","disabled","name","value"],q=["for"],y=["for"],k=e.defineComponent({__name:"BRadio",props:{inputId:{default:""},modelValue:{type:[String,Number,Boolean],default:""},inputName:{default:""},label:{default:""},labelOrphan:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},labelCssClass:{default:""},hideDetails:{type:Boolean,default:!1},validationRules:{default:void 0},required:{type:Boolean,default:!1},requiredErrorMessage:{default:""}},emits:["change","update:modelValue"],setup(d,{emit:u}){const t=d,o=u,{t:n}=_.useI18n(),i={validateRule:l=>!!(l&&l.trim()),errorMessage:()=>t.requiredErrorMessage||n("ds.global.field_required")},a=e.computed(()=>t.inputId||`id-${h()}`),s=e.computed({get(){return t.modelValue},set(l){o("update:modelValue",l)}}),c=e.computed(()=>{let l=[];return t.required&&l.push(i),t.validationRules&&(l=l.concat(t.validationRules)),l.length?l:void 0}),{validate:m,validationResult:p}=g.useValidationField(a.value,s,c.value),f=()=>{o("change"),m()};return(l,r)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",B,[e.withDirectives(e.createElementVNode("input",{id:a.value,"onUpdate:modelValue":r[0]||(r[0]=v=>s.value=v),disabled:l.disabled,name:l.inputName,value:l.$attrs.value,class:"b-radio__input",type:"radio",onChange:f},null,40,V),[[e.vModelRadio,s.value]]),e.createElementVNode("label",{for:a.value,class:"b-radio__input-label ds-border ds-border-black/[0.1] ds-drop-shadow-light"},null,8,q),t.label||l.$slots.default?(e.openBlock(),e.createElementBlock("label",{key:0,for:t.labelOrphan?void 0:a.value,class:e.normalizeClass([l.labelCssClass,"ds-ml-2 ds-text-sm ds-font-medium ds-text-gray-900"])},[e.renderSlot(l.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.label),1)],!0)],10,y)):e.createCommentVNode("",!0)]),l.hideDetails?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(b,{key:0,"error-message":e.unref(p).errorMessage(),class:"ds-mt-1"},null,8,["error-message"]))],64))}});module.exports=k;
 //# sourceMappingURL=design-system80.js.map

package/dist/design-system80.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system80.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-646ae8c4\"),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: __emit }) {\n\nconst props = __props;\n//#endregion\n\n//#region Events\nconst emit = __emit;\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","emit","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-system80.js","sources":["../src/components/BRadio.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { vModelRadio as _vModelRadio, createElementVNode as _createElementVNode, withDirectives as _withDirectives, renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, unref as _unref, createBlock as _createBlock, Fragment as _Fragment, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \"vue\"\n\nconst _withScopeId = n => (_pushScopeId(\"data-v-98637356\"),n=n(),_popScopeId(),n)\nconst _hoisted_1 = { class: \"b-radio ds-flex ds-items-center\" }\nconst _hoisted_2 = [\"id\", \"disabled\", \"name\", \"value\"]\nconst _hoisted_3 = [\"for\"]\nconst _hoisted_4 = [\"for\"]\n\nimport BErrorMessage from '@/components/BErrorMessage.vue';\nimport {\n  useValidationField,\n  type ValidationRule,\n} from '@/composables/Validation';\nimport { v4 as uuid } from 'uuid';\nimport { computed } from 'vue';\nimport { useI18n } from 'vue-i18n';\n\n//#region Props\nexport interface BRadioProps {\n  inputId?: string;\n  modelValue: string | number | boolean;\n  inputName?: string;\n  label?: string;\n  /**\n   * Clicking on label will not select the radio.\n   */\n  labelOrphan?: boolean;\n  disabled?: boolean;\n  labelCssClass?: string;\n  /**\n   * Hide the validation error message.\n   */\n  hideDetails?: boolean;\n  /**\n   * Array of custom validation rules.\n   */\n  validationRules?: ValidationRule[];\n  /**\n   * Validate if the field is left empty.\n   */\n  required?: boolean;\n  requiredErrorMessage?: string;\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BRadio',\n  props: {\n    inputId: { default: '' },\n    modelValue: { type: [String, Number, Boolean], default: '' },\n    inputName: { default: '' },\n    label: { default: '' },\n    labelOrphan: { type: Boolean, default: false },\n    disabled: { type: Boolean, default: false },\n    labelCssClass: { default: '' },\n    hideDetails: { type: Boolean, default: false },\n    validationRules: { default: undefined },\n    required: { type: Boolean, default: false },\n    requiredErrorMessage: { default: '' }\n  },\n  emits: [\"change\", \"update:modelValue\"],\n  setup(__props: any, { emit: __emit }) {\n\nconst props = __props;\n//#endregion\n\n//#region Events\nconst emit = __emit;\n//#endregion\n\n//#region Data\nconst { t } = useI18n();\nconst validateRequired: ValidationRule = {\n  validateRule: (val: string) => !!(val && val.trim()),\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 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 onChange = () => {\n  emit('change');\n  validate();\n};\n//#endregion\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(_Fragment, null, [\n    _createElementVNode(\"div\", _hoisted_1, [\n      _withDirectives(_createElementVNode(\"input\", {\n        id: id.value,\n        \"onUpdate:modelValue\": _cache[0] || (_cache[0] = ($event: any) => ((value).value = $event)),\n        disabled: _ctx.disabled,\n        name: _ctx.inputName,\n        value: _ctx.$attrs.value,\n        class: \"b-radio__input\",\n        type: \"radio\",\n        onChange: onChange\n      }, null, 40, _hoisted_2), [\n        [_vModelRadio, value.value]\n      ]),\n      _createElementVNode(\"label\", {\n        for: id.value,\n        class: \"b-radio__input-label ds-border ds-border-black/[0.1] ds-drop-shadow-light\"\n      }, null, 8, _hoisted_3),\n      (props.label || _ctx.$slots.default)\n        ? (_openBlock(), _createElementBlock(\"label\", {\n            key: 0,\n            for: props.labelOrphan ? undefined : id.value,\n            class: _normalizeClass([_ctx.labelCssClass, \"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          ], 10, _hoisted_4))\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  ], 64))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_sfc_main","_defineComponent","__props","__emit","props","emit","t","useI18n","validateRequired","val","id","computed","uuid","value","vRules","result","validate","validationResult","useValidationField","onChange","_ctx","_cache","_openBlock","_createElementBlock","_Fragment","_createElementVNode","_withDirectives","$event","_vModelRadio","_normalizeClass","_renderSlot","_createTextVNode","_toDisplayString","_createCommentVNode","_createBlock","BErrorMessage","_unref"],"mappings":"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"}

package/dist/design-system80.mjs

@@ -1,84 +1,82 @@
-import { defineComponent as L, ref as d, computed as C, watch as k, nextTick as T, onMounted as $, openBlock as n, createElementBlock as u, renderSlot as i, createElementVNode as _, Fragment as w, renderList as B, normalizeClass as E, toDisplayString as H } from "vue";
-import I from "./design-system102.mjs";
-const S = { class: "ds-flex ds-flex-wrap ds-overflow-hidden ds-rounded-lg ds-border ds-border-gray-100 ds-bg-gray-100" }, z = ["onClick"], q = ["id"], M = /* @__PURE__ */ L({
-  __name: "BTabs",
+import { defineComponent as y, computed as s, openBlock as o, createElementBlock as u, Fragment as B, createElementVNode as d, withDirectives as R, vModelRadio as V, normalizeClass as C, renderSlot as k, createTextVNode as q, toDisplayString as N, createCommentVNode as n, createBlock as M, unref as $ } from "vue";
+import D from "./design-system31.mjs";
+import { useValidationField as E } from "./design-system3.mjs";
+import { useI18n as I } from "./design-system52.mjs";
+import S from "./design-system105.mjs";
+const w = { class: "b-radio ds-flex ds-items-center" }, F = ["id", "disabled", "name", "value"], O = ["for"], z = ["for"], H = /* @__PURE__ */ y({
+  __name: "BRadio",
   props: {
-    headers: {},
-    modelValue: { default: void 0 },
-    headerCssClass: { default: "" }
+    inputId: { default: "" },
+    modelValue: { type: [String, Number, Boolean], default: "" },
+    inputName: { default: "" },
+    label: { default: "" },
+    labelOrphan: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    labelCssClass: { default: "" },
+    hideDetails: { type: Boolean, default: !1 },
+    validationRules: { default: void 0 },
+    required: { type: Boolean, default: !1 },
+    requiredErrorMessage: { default: "" }
   },
-  emits: ["update:modelValue"],
-  setup(g, { emit: y }) {
-    const o = g, x = y, r = d(null), t = d(null), a = d(null), s = d(0), c = d(0), v = C({
+  emits: ["change", "update:modelValue"],
+  setup(m, { emit: f }) {
+    const l = m, r = f, { t: p } = I(), c = {
+      validateRule: (e) => !!(e && e.trim()),
+      errorMessage: () => l.requiredErrorMessage || p("ds.global.field_required")
+    }, a = s(() => l.inputId || `id-${S()}`), t = s({
       get() {
-        return o.modelValue !== void 0 ? o.modelValue : c.value;
+        return l.modelValue;
       },
       set(e) {
-        o.modelValue !== void 0 ? x("update:modelValue", e) : c.value = e;
+        r("update:modelValue", e);
       }
-    }), f = C(() => `id-${I()}`);
-    k(v, (e) => {
-      m(e);
-    }), k(
-      () => o.headers,
-      () => {
-        T(() => {
-          p();
-        });
-      }
-    );
-    const V = (e) => {
-      v.value = e;
-    }, m = (e) => {
-      if (a.value && t.value)
-        if (s.value = e, [...a.value, ...t.value].forEach((l) => {
-          l.classList.remove("active");
-        }), a.value[s.value] && t.value[s.value])
-          a.value[s.value].classList.add("active"), t.value[s.value].classList.add("active");
-        else {
-          const l = s.value - 1;
-          l >= 0 && (a.value[l].classList.add("active"), t.value[l].classList.add("active"));
-        }
-    }, p = () => {
-      r.value && (a.value = [
-        ...r.value.querySelectorAll(
-          `#${f.value} > .tab`
-        )
-      ], a.value.forEach((e) => {
-        e.classList.contains("active") && (s.value = a.value.indexOf(e));
-      }), m(s.value));
+    }), v = s(() => {
+      let e = [];
+      return l.required && e.push(c), l.validationRules && (e = e.concat(l.validationRules)), e.length ? e : void 0;
+    }), { validate: b, validationResult: g } = E(
+      a.value,
+      t,
+      v.value
+    ), h = () => {
+      r("change"), b();
     };
-    return $(() => {
-      p();
-    }), (e, l) => (n(), u("div", {
-      ref_key: "tabContainer",
-      ref: r
-    }, [
-      i(e.$slots, "headers-prepend", {}, void 0, !0),
-      _("ul", S, [
-        (n(!0), u(w, null, B(e.headers, (b, h) => (n(), u("li", {
-          key: h,
-          ref_for: !0,
-          ref_key: "tabHeaders",
-          ref: t,
-          class: E([[
-            e.headerCssClass,
-            b.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: (A) => V(h)
-        }, H(b.text), 11, z))), 128))
+    return (e, i) => (o(), u(B, null, [
+      d("div", w, [
+        R(d("input", {
+          id: a.value,
+          "onUpdate:modelValue": i[0] || (i[0] = (_) => t.value = _),
+          disabled: e.disabled,
+          name: e.inputName,
+          value: e.$attrs.value,
+          class: "b-radio__input",
+          type: "radio",
+          onChange: h
+        }, null, 40, F), [
+          [V, t.value]
+        ]),
+        d("label", {
+          for: a.value,
+          class: "b-radio__input-label ds-border ds-border-black/[0.1] ds-drop-shadow-light"
+        }, null, 8, O),
+        l.label || e.$slots.default ? (o(), u("label", {
+          key: 0,
+          for: l.labelOrphan ? void 0 : a.value,
+          class: C([e.labelCssClass, "ds-ml-2 ds-text-sm ds-font-medium ds-text-gray-900"])
+        }, [
+          k(e.$slots, "default", {}, () => [
+            q(N(l.label), 1)
+          ], !0)
+        ], 10, z)) : n("", !0)
       ]),
-      i(e.$slots, "headers-append", {}, void 0, !0),
-      _("div", {
-        id: f.value,
-        class: "ds-w-full"
-      }, [
-        i(e.$slots, "default", {}, void 0, !0)
-      ], 8, q)
-    ], 512));
+      e.hideDetails ? n("", !0) : (o(), M(D, {
+        key: 0,
+        "error-message": $(g).errorMessage(),
+        class: "ds-mt-1"
+      }, null, 8, ["error-message"]))
+    ], 64));
   }
 });
 export {
-  M as default
+  H as default
 };
 //# sourceMappingURL=design-system80.mjs.map