@7pmlabs/design-system 0.4.8 → 0.4.10

package/dist/design-system21.js

@@ -1,2 +1,4 @@
-"use strict";const e=require("vue"),f=require("./design-system29.js"),g=require("./design-system3.js"),b=require("./design-system48.js"),y=require("./design-system94.js"),B={class:"ds-flex ds-items-center"},h=["id","disabled","name","value"],q=["for"],V=e.defineComponent({__name:"BRadio",props:{inputId:{default:""},modelValue:{type:[String,Number,Boolean],default:""},inputName:{default:""},label:{default:""},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(o,{emit:r}){const l=o,{t:u}=b.useI18n(),n={validateRule:a=>!!(a&&a.trim()),errorMessage:()=>l.requiredErrorMessage||u("ds.global.field_required")},s=e.computed(()=>l.inputId||`id-${y()}`),t=e.computed({get(){return l.modelValue},set(a){r("update:modelValue",a)}}),i=e.computed(()=>{let a=[];return l.required&&a.push(n),l.validationRules&&(a=a.concat(l.validationRules)),a.length?a:void 0}),{validate:m,validationResult:c}=g.useValidationField(s.value,t,i.value),p=()=>{r("change"),m()};return(a,d)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",B,[e.withDirectives(e.createElementVNode("input",{id:s.value,"onUpdate:modelValue":d[0]||(d[0]=v=>t.value=v),class:e.normalizeClass([{"ds-cursor-not-allowed":a.disabled},"ds-h-6 ds-min-h-[1.5rem] ds-w-6 ds-min-w-[1.5rem] ds-border-gray-300 ds-bg-gray-100 ds-text-primary-t focus:ds-ring-primary-t"]),disabled:a.disabled,name:a.inputName,value:a.$attrs.value,type:"radio",onChange:p},null,42,h),[[e.vModelRadio,t.value]]),a.label?(e.openBlock(),e.createElementBlock("label",{key:0,class:e.normalizeClass([a.labelCssClass,"ds-ml-2 ds-text-sm ds-font-medium ds-text-gray-900"]),for:s.value},e.toDisplayString(a.label),11,q)):e.createCommentVNode("",!0)]),a.hideDetails?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(f,{key:0,"error-message":e.unref(c).errorMessage(),class:"ds-mt-1"},null,8,["error-message"]))],64))}});module.exports=V;
+"use strict";const e=require("vue"),d=require("./design-system5.js"),p={class:"ds-inline-flex ds-space-x-1"},f=e.createElementVNode("svg",{class:"ds-h-4 ds-w-4 ds-fill-black/80",viewBox:"0 0 320 512",xmlns:"http://www.w3.org/2000/svg"},[e.createElementVNode("path",{d:"M41.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.3 256 246.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z"})],-1),w=[f],V=e.createElementVNode("svg",{class:"ds-h-4 ds-w-4 ds-fill-black/80",viewBox:"0 0 320 512",xmlns:"http://www.w3.org/2000/svg"},[e.createElementVNode("path",{d:"M278.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L210.7 256 73.4 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160z"})],-1),h=[V],E=1,c="...",b=e.defineComponent({__name:"BPagination",props:{modelValue:{},numberOfPages:{},border:{type:Boolean,default:!1},transparent:{type:Boolean,default:!1},size:{default:d.BPaginationSize.Medium}},emits:["change","update:modelValue"],setup(v,{emit:i}){const r=v,l=e.computed({get(){return r.modelValue+1},set(s){i("update:modelValue",s-1)}}),a=e.computed(()=>{let s=`
+  ds-flex ds-items-center ds-justify-center
+  ds-rounded-lg `;switch(r.border&&(s+="ds-border ds-border-gray-300 "),r.size){case d.BPaginationSize.Small:s+="ds-w-8 ds-h-8 ";break;case d.BPaginationSize.Medium:default:s+="ds-w-10 ds-h-10 ";break}return s}),o=s=>{l.value=s,i("change",l.value)},m=()=>{l.value>1&&(l.value--,i("change",l.value))},g=()=>{l.value<r.numberOfPages&&(l.value++,i("change",l.value))},n=(s=!0)=>s?"ds-text-white ds-bg-primary-t ":`ds-text-black/80 hover:ds-bg-primary-t/10 ${r.transparent?"ds-bg-transparent":"ds-bg-white"}`;return(s,t)=>(e.openBlock(),e.createElementBlock("nav",null,[e.createElementVNode("ul",p,[e.createElementVNode("li",{class:e.normalizeClass([[a.value,n(!1)],"ds-ml-0 ds-cursor-pointer"]),onClick:m},w,2),e.createElementVNode("li",{class:e.normalizeClass([[n(l.value===1),a.value],"ds-cursor-pointer"]),onClick:t[0]||(t[0]=u=>o(1))},[e.createElementVNode("a",null,e.toDisplayString(E))],2),e.withDirectives(e.createElementVNode("li",{class:e.normalizeClass([[a.value],"ds-cursor-default"])},[e.createElementVNode("a",null,e.toDisplayString(c))],2),[[e.vShow,l.value>3]]),e.withDirectives(e.createElementVNode("li",{class:e.normalizeClass([[a.value,n(!1)],"ds-cursor-pointer"]),onClick:t[1]||(t[1]=u=>o(l.value-1))},[e.createElementVNode("a",null,e.toDisplayString(l.value-1),1)],2),[[e.vShow,l.value>2]]),e.withDirectives(e.createElementVNode("li",{class:e.normalizeClass([[a.value,n()],"ds-cursor-pointer"]),onClick:t[2]||(t[2]=u=>o(l.value))},[e.createElementVNode("a",null,e.toDisplayString(l.value),1)],2),[[e.vShow,l.value!==1&&l.value!==s.numberOfPages]]),e.withDirectives(e.createElementVNode("li",{class:e.normalizeClass([[a.value,n(!1)],"ds-cursor-pointer"]),onClick:t[3]||(t[3]=u=>o(l.value+1))},[e.createElementVNode("a",null,e.toDisplayString(l.value+1),1)],2),[[e.vShow,l.value<s.numberOfPages-1]]),e.withDirectives(e.createElementVNode("li",{class:e.normalizeClass([[a.value],"ds-cursor-default"])},[e.createElementVNode("a",null,e.toDisplayString(c))],2),[[e.vShow,l.value<s.numberOfPages-2]]),e.withDirectives(e.createElementVNode("li",{class:e.normalizeClass([[a.value,n(l.value===s.numberOfPages)],"ds-cursor-pointer"]),onClick:t[4]||(t[4]=u=>o(s.numberOfPages))},[e.createElementVNode("a",null,e.toDisplayString(s.numberOfPages),1)],2),[[e.vShow,s.numberOfPages>1]]),e.createElementVNode("li",{class:e.normalizeClass([[a.value,n(!1)],"ds-cursor-pointer"]),onClick:g},h,2)])]))}});module.exports=b;
 //# sourceMappingURL=design-system21.js.map

package/dist/design-system21.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system21.js","sources":["../src/components/BRadio.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { vModelRadio as _vModelRadio, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, withDirectives as _withDirectives, toDisplayString as _toDisplayString, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, unref as _unref, createBlock as _createBlock, Fragment as _Fragment } from \"vue\"\n\nconst _hoisted_1 = { class: \"ds-flex ds-items-center\" }\nconst _hoisted_2 = [\"id\", \"disabled\", \"name\", \"value\"]\nconst _hoisted_3 = [\"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  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    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 }) {\n\nconst props = __props;\n\n\n//#endregion\n\n//#region Events\n\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        class: _normalizeClass([{ 'ds-cursor-not-allowed': _ctx.disabled }, \"ds-h-6 ds-min-h-[1.5rem] ds-w-6 ds-min-w-[1.5rem] ds-border-gray-300 ds-bg-gray-100 ds-text-primary-t focus:ds-ring-primary-t\"]),\n        disabled: _ctx.disabled,\n        name: _ctx.inputName,\n        value: _ctx.$attrs.value,\n        type: \"radio\",\n        onChange: onChange\n      }, null, 42, _hoisted_2), [\n        [_vModelRadio, value.value]\n      ]),\n      (_ctx.label)\n        ? (_openBlock(), _createElementBlock(\"label\", {\n            key: 0,\n            class: _normalizeClass([_ctx.labelCssClass, \"ds-ml-2 ds-text-sm ds-font-medium ds-text-gray-900\"]),\n            for: id.value\n          }, _toDisplayString(_ctx.label), 11, _hoisted_3))\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","_sfc_main","_defineComponent","__props","emit","props","t","useI18n","validateRequired","val","id","computed","uuid","value","vRules","result","validate","validationResult","useValidationField","onChange","_ctx","_cache","_openBlock","_createElementBlock","_Fragment","_createElementVNode","_withDirectives","$event","_normalizeClass","_vModelRadio","_toDisplayString","_createCommentVNode","_createBlock","BErrorMessage","_unref"],"mappings":"2KAGMA,EAAa,CAAE,MAAO,2BACtBC,EAAa,CAAC,KAAM,WAAY,OAAQ,OAAO,EAC/CC,EAAa,CAAC,KAAK,EAmCGC,EAAiBC,kBAAA,CAC3C,OAAQ,SACR,MAAO,CACL,QAAS,CAAE,QAAS,EAAG,EACvB,WAAY,CAAE,KAAM,CAAC,OAAQ,OAAQ,OAAO,EAAG,QAAS,EAAG,EAC3D,UAAW,CAAE,QAAS,EAAG,EACzB,MAAO,CAAE,QAAS,EAAG,EACrB,SAAU,CAAE,KAAM,QAAS,QAAS,EAAM,EAC1C,cAAe,CAAE,QAAS,EAAG,EAC7B,YAAa,CAAE,KAAM,QAAS,QAAS,EAAM,EAC7C,gBAAiB,CAAE,QAAS,MAAU,EACtC,SAAU,CAAE,KAAM,QAAS,QAAS,EAAM,EAC1C,qBAAsB,CAAE,QAAS,EAAG,CACtC,EACA,MAAO,CAAC,SAAU,mBAAmB,EACrC,MAAMC,EAAc,CAAE,KAAAC,GAAQ,CAEhC,MAAMC,EAAQF,EAUR,CAAE,EAAAG,GAAMC,EAAAA,UACRC,EAAmC,CACvC,aAAeC,GAAgB,CAAC,EAAEA,GAAOA,EAAI,QAC7C,aAAc,IACZJ,EAAM,sBAAwBC,EAAE,0BAA0B,CAAA,EAExDI,EAAKC,WAAS,IAAMN,EAAM,SAAW,MAAMO,GAAM,EAAE,EACnDC,EAAQF,EAAAA,SAAS,CACrB,KAAM,CACJ,OAAON,EAAM,UACf,EACA,IAAII,EAAK,CACPL,EAAK,oBAAqBK,CAAG,CAC/B,CAAA,CACD,EACKK,EAASH,EAAAA,SAAS,IAAM,CAC5B,IAAII,EAA2B,CAAA,EAE/B,OAAIV,EAAM,UACRU,EAAO,KAAKP,CAAgB,EAE1BH,EAAM,kBACCU,EAAAA,EAAO,OAAOV,EAAM,eAAe,GAGvCU,EAAO,OAASA,EAAS,MAAA,CACjC,EAEK,CAAE,SAAAC,EAAU,iBAAAC,CAAA,EAAqBC,EAAA,mBACrCR,EAAG,MACHG,EACAC,EAAO,KAAA,EAKHK,EAAW,IAAM,CACrBf,EAAK,QAAQ,EACJY,GAAA,EAIJ,MAAA,CAACI,EAAUC,KACRC,YAAW,EAAGC,qBAAoBC,EAAAA,SAAW,KAAM,CACzDC,EAAA,mBAAoB,MAAO3B,EAAY,CACrC4B,EAAA,eAAgBD,qBAAoB,QAAS,CAC3C,GAAIf,EAAG,MACP,sBAAuBW,EAAO,CAAC,IAAMA,EAAO,CAAC,EAAKM,GAAkBd,EAAO,MAAQc,GACnF,MAAOC,iBAAgB,CAAC,CAAE,wBAAyBR,EAAK,QAAA,EAAY,+HAA+H,CAAC,EACpM,SAAUA,EAAK,SACf,KAAMA,EAAK,UACX,MAAOA,EAAK,OAAO,MACnB,KAAM,QACN,SAAAD,CAAA,EACC,KAAM,GAAIpB,CAAU,EAAG,CACxB,CAAC8B,EAAc,YAAAhB,EAAM,KAAK,CAAA,CAC3B,EACAO,EAAK,OACDE,EAAAA,YAAcC,EAAAA,mBAAoB,QAAS,CAC1C,IAAK,EACL,MAAOK,EAAAA,eAAgB,CAACR,EAAK,cAAe,oDAAoD,CAAC,EACjG,IAAKV,EAAG,KAAA,EACPoB,EAAiB,gBAAAV,EAAK,KAAK,EAAG,GAAIpB,CAAU,GAC/C+B,EAAAA,mBAAoB,GAAI,EAAI,CAAA,CACjC,EACCX,EAAK,YAMHW,EAAoB,mBAAA,GAAI,EAAI,GAL3BT,EAAW,UAAA,EAAGU,EAAAA,YAAaC,EAAe,CACzC,IAAK,EACL,gBAAiBC,EAAA,MAAOjB,CAAgB,EAAE,aAAa,EACvD,MAAO,SAAA,EACN,KAAM,EAAG,CAAC,eAAe,CAAC,IAEhC,EAAE,EAEP,CAEA,CAAC"}
+{"version":3,"file":"design-system21.js","sources":["../src/components/BPagination.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { createElementVNode as _createElementVNode, normalizeClass as _normalizeClass, toDisplayString as _toDisplayString, vShow as _vShow, withDirectives as _withDirectives, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = { class: \"ds-inline-flex ds-space-x-1\" }\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"svg\", {\n  class: \"ds-h-4 ds-w-4 ds-fill-black/80\",\n  viewBox: \"0 0 320 512\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n}, [\n  /*#__PURE__*/_createElementVNode(\"path\", { d: \"M41.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.3 256 246.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z\" })\n], -1)\nconst _hoisted_3 = [\n  _hoisted_2\n]\nconst _hoisted_4 = /*#__PURE__*/_createElementVNode(\"svg\", {\n  class: \"ds-h-4 ds-w-4 ds-fill-black/80\",\n  viewBox: \"0 0 320 512\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n}, [\n  /*#__PURE__*/_createElementVNode(\"path\", { d: \"M278.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L210.7 256 73.4 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160z\" })\n], -1)\nconst _hoisted_5 = [\n  _hoisted_4\n]\n\nimport { BPaginationSize } from '@/constants/Enums';\nimport { computed } from 'vue';\n\n//#region Props\nexport interface BPaginationProps {\n  /**\n   * Start by 1.\n   */\n  modelValue: number;\n  numberOfPages: number;\n  /**\n   * Bordered buttons.\n   */\n  border?: boolean;\n  /**\n   * Transparent background buttons.\n   */\n  transparent?: boolean;\n  size?: `${BPaginationSize}`;\n}\n\nconst First = 1;\nconst EllipsisText = '...';\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BPagination',\n  props: {\n    modelValue: {},\n    numberOfPages: {},\n    border: { type: Boolean, default: false },\n    transparent: { type: Boolean, default: false },\n    size: { default: BPaginationSize.Medium }\n  },\n  emits: [\"change\", \"update:modelValue\"],\n  setup(__props: any, { emit }) {\n\nconst props = __props;\n\n\n//#endregion\n\n//#region Events\n\n//#endregion\n\n//#region Data\nconst value = computed({\n  get() {\n    return props.modelValue + 1;\n  },\n  set(val: number) {\n    emit('update:modelValue', val - 1);\n  },\n});\nconst paginationItemClass = computed(() => {\n  let result = `\n  ds-flex ds-items-center ds-justify-center\n  ds-rounded-lg `;\n\n  if (props.border) {\n    result += 'ds-border ds-border-gray-300 ';\n  }\n\n  switch (props.size) {\n    case BPaginationSize.Small:\n      result += `ds-w-8 ds-h-8 `;\n      break;\n    case BPaginationSize.Medium:\n    default:\n      result += `ds-w-10 ds-h-10 `;\n      break;\n  }\n\n  return result;\n});\n//#endregion\n\n//#region Methods\nconst clickPage = (page: number) => {\n  value.value = page;\n  // Emitted when page changes via user interaction\n  emit('change', value.value);\n};\nconst clickPrevious = () => {\n  if (value.value > 1) {\n    value.value--;\n    emit('change', value.value);\n  }\n};\nconst clickNext = () => {\n  if (value.value < props.numberOfPages) {\n    value.value++;\n    emit('change', value.value);\n  }\n};\nconst getActiveClass = (isActive: boolean = true) => {\n  return isActive\n    ? `ds-text-white ds-bg-primary-t `\n    : `ds-text-black/80 hover:ds-bg-primary-t/10 ${\n        props.transparent ? 'ds-bg-transparent' : 'ds-bg-white'\n      }`;\n};\n//#endregion\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"nav\", null, [\n    _createElementVNode(\"ul\", _hoisted_1, [\n      _createElementVNode(\"li\", {\n        class: _normalizeClass([[paginationItemClass.value, getActiveClass(false)], \"ds-ml-0 ds-cursor-pointer\"]),\n        onClick: clickPrevious\n      }, _hoisted_3, 2),\n      _createElementVNode(\"li\", {\n        class: _normalizeClass([[getActiveClass(value.value === 1), paginationItemClass.value], \"ds-cursor-pointer\"]),\n        onClick: _cache[0] || (_cache[0] = ($event: any) => (clickPage(1)))\n      }, [\n        _createElementVNode(\"a\", null, _toDisplayString(First))\n      ], 2),\n      _withDirectives(_createElementVNode(\"li\", {\n        class: _normalizeClass([[paginationItemClass.value], \"ds-cursor-default\"])\n      }, [\n        _createElementVNode(\"a\", null, _toDisplayString(EllipsisText))\n      ], 2), [\n        [_vShow, value.value > 3]\n      ]),\n      _withDirectives(_createElementVNode(\"li\", {\n        class: _normalizeClass([[paginationItemClass.value, getActiveClass(false)], \"ds-cursor-pointer\"]),\n        onClick: _cache[1] || (_cache[1] = ($event: any) => (clickPage(value.value - 1)))\n      }, [\n        _createElementVNode(\"a\", null, _toDisplayString(value.value - 1), 1)\n      ], 2), [\n        [_vShow, value.value > 2]\n      ]),\n      _withDirectives(_createElementVNode(\"li\", {\n        class: _normalizeClass([[paginationItemClass.value, getActiveClass()], \"ds-cursor-pointer\"]),\n        onClick: _cache[2] || (_cache[2] = ($event: any) => (clickPage(value.value)))\n      }, [\n        _createElementVNode(\"a\", null, _toDisplayString(value.value), 1)\n      ], 2), [\n        [_vShow, value.value !== 1 && value.value !== _ctx.numberOfPages]\n      ]),\n      _withDirectives(_createElementVNode(\"li\", {\n        class: _normalizeClass([[paginationItemClass.value, getActiveClass(false)], \"ds-cursor-pointer\"]),\n        onClick: _cache[3] || (_cache[3] = ($event: any) => (clickPage(value.value + 1)))\n      }, [\n        _createElementVNode(\"a\", null, _toDisplayString(value.value + 1), 1)\n      ], 2), [\n        [_vShow, value.value < _ctx.numberOfPages - 1]\n      ]),\n      _withDirectives(_createElementVNode(\"li\", {\n        class: _normalizeClass([[paginationItemClass.value], \"ds-cursor-default\"])\n      }, [\n        _createElementVNode(\"a\", null, _toDisplayString(EllipsisText))\n      ], 2), [\n        [_vShow, value.value < _ctx.numberOfPages - 2]\n      ]),\n      _withDirectives(_createElementVNode(\"li\", {\n        class: _normalizeClass([[paginationItemClass.value, getActiveClass(value.value === _ctx.numberOfPages)], \"ds-cursor-pointer\"]),\n        onClick: _cache[4] || (_cache[4] = ($event: any) => (clickPage(_ctx.numberOfPages)))\n      }, [\n        _createElementVNode(\"a\", null, _toDisplayString(_ctx.numberOfPages), 1)\n      ], 2), [\n        [_vShow, _ctx.numberOfPages > 1]\n      ]),\n      _createElementVNode(\"li\", {\n        class: _normalizeClass([[paginationItemClass.value, getActiveClass(false)], \"ds-cursor-pointer\"]),\n        onClick: clickNext\n      }, _hoisted_5, 2)\n    ])\n  ]))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_createElementVNode","_hoisted_3","_hoisted_4","_hoisted_5","First","EllipsisText","_sfc_main","_defineComponent","BPaginationSize","__props","emit","props","value","computed","val","paginationItemClass","result","clickPage","page","clickPrevious","clickNext","getActiveClass","isActive","_ctx","_cache","_openBlock","_createElementBlock","_normalizeClass","$event","_toDisplayString","_withDirectives","_vShow"],"mappings":"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"}

package/dist/design-system21.mjs

@@ -1,73 +1,127 @@
-import { defineComponent as R, computed as t, openBlock as d, createElementBlock as i, Fragment as B, createElementVNode as u, withDirectives as C, normalizeClass as n, vModelRadio as V, toDisplayString as q, createCommentVNode as m, createBlock as k, unref as M } from "vue";
-import N from "./design-system29.mjs";
-import { useValidationField as _ } from "./design-system3.mjs";
-import { useI18n as w } from "./design-system48.mjs";
-import D from "./design-system94.mjs";
-const E = { class: "ds-flex ds-items-center" }, I = ["id", "disabled", "name", "value"], $ = ["for"], A = /* @__PURE__ */ R({
-  __name: "BRadio",
+import { defineComponent as h, computed as g, openBlock as P, createElementBlock as C, createElementVNode as s, normalizeClass as n, toDisplayString as u, withDirectives as o, vShow as i } from "vue";
+import { BPaginationSize as f } from "./design-system5.mjs";
+const O = { class: "ds-inline-flex ds-space-x-1" }, B = /* @__PURE__ */ s("svg", {
+  class: "ds-h-4 ds-w-4 ds-fill-black/80",
+  viewBox: "0 0 320 512",
+  xmlns: "http://www.w3.org/2000/svg"
+}, [
+  /* @__PURE__ */ s("path", { d: "M41.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.3 256 246.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z" })
+], -1), y = [
+  B
+], x = /* @__PURE__ */ s("svg", {
+  class: "ds-h-4 ds-w-4 ds-fill-black/80",
+  viewBox: "0 0 320 512",
+  xmlns: "http://www.w3.org/2000/svg"
+}, [
+  /* @__PURE__ */ s("path", { d: "M278.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L210.7 256 73.4 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160z" })
+], -1), z = [
+  x
+], $ = 1, m = "...", S = /* @__PURE__ */ h({
+  __name: "BPagination",
   props: {
-    inputId: { default: "" },
-    modelValue: { type: [String, Number, Boolean], default: "" },
-    inputName: { default: "" },
-    label: { default: "" },
-    disabled: { type: Boolean, default: !1 },
-    labelCssClass: { default: "" },
-    hideDetails: { type: Boolean, default: !1 },
-    validationRules: { default: void 0 },
-    required: { type: Boolean, default: !1 },
-    requiredErrorMessage: { default: "" }
+    modelValue: {},
+    numberOfPages: {},
+    border: { type: Boolean, default: !1 },
+    transparent: { type: Boolean, default: !1 },
+    size: { default: f.Medium }
   },
   emits: ["change", "update:modelValue"],
-  setup(f, { emit: r }) {
-    const a = f, { t: p } = w(), c = {
-      validateRule: (e) => !!(e && e.trim()),
-      errorMessage: () => a.requiredErrorMessage || p("ds.global.field_required")
-    }, l = t(() => a.inputId || `id-${D()}`), s = t({
+  setup(b, { emit: v }) {
+    const d = b, e = g({
       get() {
-        return a.modelValue;
+        return d.modelValue + 1;
       },
-      set(e) {
-        r("update:modelValue", e);
+      set(l) {
+        v("update:modelValue", l - 1);
       }
-    }), v = t(() => {
-      let e = [];
-      return a.required && e.push(c), a.validationRules && (e = e.concat(a.validationRules)), e.length ? e : void 0;
-    }), { validate: g, validationResult: b } = _(
-      l.value,
-      s,
-      v.value
-    ), y = () => {
-      r("change"), g();
-    };
-    return (e, o) => (d(), i(B, null, [
-      u("div", E, [
-        C(u("input", {
-          id: l.value,
-          "onUpdate:modelValue": o[0] || (o[0] = (h) => s.value = h),
-          class: n([{ "ds-cursor-not-allowed": e.disabled }, "ds-h-6 ds-min-h-[1.5rem] ds-w-6 ds-min-w-[1.5rem] ds-border-gray-300 ds-bg-gray-100 ds-text-primary-t focus:ds-ring-primary-t"]),
-          disabled: e.disabled,
-          name: e.inputName,
-          value: e.$attrs.value,
-          type: "radio",
-          onChange: y
-        }, null, 42, I), [
-          [V, s.value]
+    }), t = g(() => {
+      let l = `
+  ds-flex ds-items-center ds-justify-center
+  ds-rounded-lg `;
+      switch (d.border && (l += "ds-border ds-border-gray-300 "), d.size) {
+        case f.Small:
+          l += "ds-w-8 ds-h-8 ";
+          break;
+        case f.Medium:
+        default:
+          l += "ds-w-10 ds-h-10 ";
+          break;
+      }
+      return l;
+    }), c = (l) => {
+      e.value = l, v("change", e.value);
+    }, w = () => {
+      e.value > 1 && (e.value--, v("change", e.value));
+    }, k = () => {
+      e.value < d.numberOfPages && (e.value++, v("change", e.value));
+    }, r = (l = !0) => l ? "ds-text-white ds-bg-primary-t " : `ds-text-black/80 hover:ds-bg-primary-t/10 ${d.transparent ? "ds-bg-transparent" : "ds-bg-white"}`;
+    return (l, a) => (P(), C("nav", null, [
+      s("ul", O, [
+        s("li", {
+          class: n([[t.value, r(!1)], "ds-ml-0 ds-cursor-pointer"]),
+          onClick: w
+        }, y, 2),
+        s("li", {
+          class: n([[r(e.value === 1), t.value], "ds-cursor-pointer"]),
+          onClick: a[0] || (a[0] = (p) => c(1))
+        }, [
+          s("a", null, u($))
+        ], 2),
+        o(s("li", {
+          class: n([[t.value], "ds-cursor-default"])
+        }, [
+          s("a", null, u(m))
+        ], 2), [
+          [i, e.value > 3]
+        ]),
+        o(s("li", {
+          class: n([[t.value, r(!1)], "ds-cursor-pointer"]),
+          onClick: a[1] || (a[1] = (p) => c(e.value - 1))
+        }, [
+          s("a", null, u(e.value - 1), 1)
+        ], 2), [
+          [i, e.value > 2]
+        ]),
+        o(s("li", {
+          class: n([[t.value, r()], "ds-cursor-pointer"]),
+          onClick: a[2] || (a[2] = (p) => c(e.value))
+        }, [
+          s("a", null, u(e.value), 1)
+        ], 2), [
+          [i, e.value !== 1 && e.value !== l.numberOfPages]
+        ]),
+        o(s("li", {
+          class: n([[t.value, r(!1)], "ds-cursor-pointer"]),
+          onClick: a[3] || (a[3] = (p) => c(e.value + 1))
+        }, [
+          s("a", null, u(e.value + 1), 1)
+        ], 2), [
+          [i, e.value < l.numberOfPages - 1]
+        ]),
+        o(s("li", {
+          class: n([[t.value], "ds-cursor-default"])
+        }, [
+          s("a", null, u(m))
+        ], 2), [
+          [i, e.value < l.numberOfPages - 2]
+        ]),
+        o(s("li", {
+          class: n([[t.value, r(e.value === l.numberOfPages)], "ds-cursor-pointer"]),
+          onClick: a[4] || (a[4] = (p) => c(l.numberOfPages))
+        }, [
+          s("a", null, u(l.numberOfPages), 1)
+        ], 2), [
+          [i, l.numberOfPages > 1]
         ]),
-        e.label ? (d(), i("label", {
-          key: 0,
-          class: n([e.labelCssClass, "ds-ml-2 ds-text-sm ds-font-medium ds-text-gray-900"]),
-          for: l.value
-        }, q(e.label), 11, $)) : m("", !0)
-      ]),
-      e.hideDetails ? m("", !0) : (d(), k(N, {
-        key: 0,
-        "error-message": M(b).errorMessage(),
-        class: "ds-mt-1"
-      }, null, 8, ["error-message"]))
-    ], 64));
+        s("li", {
+          class: n([[t.value, r(!1)], "ds-cursor-pointer"]),
+          onClick: k
+        }, z, 2)
+      ])
+    ]));
   }
 });
 export {
-  A as default
+  S as default
 };
 //# sourceMappingURL=design-system21.mjs.map

package/dist/design-system21.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system21.mjs","sources":["../src/components/BRadio.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { vModelRadio as _vModelRadio, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, withDirectives as _withDirectives, toDisplayString as _toDisplayString, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, unref as _unref, createBlock as _createBlock, Fragment as _Fragment } from \"vue\"\n\nconst _hoisted_1 = { class: \"ds-flex ds-items-center\" }\nconst _hoisted_2 = [\"id\", \"disabled\", \"name\", \"value\"]\nconst _hoisted_3 = [\"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  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    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 }) {\n\nconst props = __props;\n\n\n//#endregion\n\n//#region Events\n\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        class: _normalizeClass([{ 'ds-cursor-not-allowed': _ctx.disabled }, \"ds-h-6 ds-min-h-[1.5rem] ds-w-6 ds-min-w-[1.5rem] ds-border-gray-300 ds-bg-gray-100 ds-text-primary-t focus:ds-ring-primary-t\"]),\n        disabled: _ctx.disabled,\n        name: _ctx.inputName,\n        value: _ctx.$attrs.value,\n        type: \"radio\",\n        onChange: onChange\n      }, null, 42, _hoisted_2), [\n        [_vModelRadio, value.value]\n      ]),\n      (_ctx.label)\n        ? (_openBlock(), _createElementBlock(\"label\", {\n            key: 0,\n            class: _normalizeClass([_ctx.labelCssClass, \"ds-ml-2 ds-text-sm ds-font-medium ds-text-gray-900\"]),\n            for: id.value\n          }, _toDisplayString(_ctx.label), 11, _hoisted_3))\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","_sfc_main","_defineComponent","__props","emit","props","t","useI18n","validateRequired","val","id","computed","uuid","value","vRules","result","validate","validationResult","useValidationField","onChange","_ctx","_cache","_openBlock","_createElementBlock","_Fragment","_createElementVNode","_withDirectives","$event","_normalizeClass","_vModelRadio","_toDisplayString","_createCommentVNode","_createBlock","BErrorMessage","_unref"],"mappings":"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"}
+{"version":3,"file":"design-system21.mjs","sources":["../src/components/BPagination.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { createElementVNode as _createElementVNode, normalizeClass as _normalizeClass, toDisplayString as _toDisplayString, vShow as _vShow, withDirectives as _withDirectives, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = { class: \"ds-inline-flex ds-space-x-1\" }\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"svg\", {\n  class: \"ds-h-4 ds-w-4 ds-fill-black/80\",\n  viewBox: \"0 0 320 512\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n}, [\n  /*#__PURE__*/_createElementVNode(\"path\", { d: \"M41.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.3 256 246.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z\" })\n], -1)\nconst _hoisted_3 = [\n  _hoisted_2\n]\nconst _hoisted_4 = /*#__PURE__*/_createElementVNode(\"svg\", {\n  class: \"ds-h-4 ds-w-4 ds-fill-black/80\",\n  viewBox: \"0 0 320 512\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n}, [\n  /*#__PURE__*/_createElementVNode(\"path\", { d: \"M278.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L210.7 256 73.4 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160z\" })\n], -1)\nconst _hoisted_5 = [\n  _hoisted_4\n]\n\nimport { BPaginationSize } from '@/constants/Enums';\nimport { computed } from 'vue';\n\n//#region Props\nexport interface BPaginationProps {\n  /**\n   * Start by 1.\n   */\n  modelValue: number;\n  numberOfPages: number;\n  /**\n   * Bordered buttons.\n   */\n  border?: boolean;\n  /**\n   * Transparent background buttons.\n   */\n  transparent?: boolean;\n  size?: `${BPaginationSize}`;\n}\n\nconst First = 1;\nconst EllipsisText = '...';\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BPagination',\n  props: {\n    modelValue: {},\n    numberOfPages: {},\n    border: { type: Boolean, default: false },\n    transparent: { type: Boolean, default: false },\n    size: { default: BPaginationSize.Medium }\n  },\n  emits: [\"change\", \"update:modelValue\"],\n  setup(__props: any, { emit }) {\n\nconst props = __props;\n\n\n//#endregion\n\n//#region Events\n\n//#endregion\n\n//#region Data\nconst value = computed({\n  get() {\n    return props.modelValue + 1;\n  },\n  set(val: number) {\n    emit('update:modelValue', val - 1);\n  },\n});\nconst paginationItemClass = computed(() => {\n  let result = `\n  ds-flex ds-items-center ds-justify-center\n  ds-rounded-lg `;\n\n  if (props.border) {\n    result += 'ds-border ds-border-gray-300 ';\n  }\n\n  switch (props.size) {\n    case BPaginationSize.Small:\n      result += `ds-w-8 ds-h-8 `;\n      break;\n    case BPaginationSize.Medium:\n    default:\n      result += `ds-w-10 ds-h-10 `;\n      break;\n  }\n\n  return result;\n});\n//#endregion\n\n//#region Methods\nconst clickPage = (page: number) => {\n  value.value = page;\n  // Emitted when page changes via user interaction\n  emit('change', value.value);\n};\nconst clickPrevious = () => {\n  if (value.value > 1) {\n    value.value--;\n    emit('change', value.value);\n  }\n};\nconst clickNext = () => {\n  if (value.value < props.numberOfPages) {\n    value.value++;\n    emit('change', value.value);\n  }\n};\nconst getActiveClass = (isActive: boolean = true) => {\n  return isActive\n    ? `ds-text-white ds-bg-primary-t `\n    : `ds-text-black/80 hover:ds-bg-primary-t/10 ${\n        props.transparent ? 'ds-bg-transparent' : 'ds-bg-white'\n      }`;\n};\n//#endregion\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"nav\", null, [\n    _createElementVNode(\"ul\", _hoisted_1, [\n      _createElementVNode(\"li\", {\n        class: _normalizeClass([[paginationItemClass.value, getActiveClass(false)], \"ds-ml-0 ds-cursor-pointer\"]),\n        onClick: clickPrevious\n      }, _hoisted_3, 2),\n      _createElementVNode(\"li\", {\n        class: _normalizeClass([[getActiveClass(value.value === 1), paginationItemClass.value], \"ds-cursor-pointer\"]),\n        onClick: _cache[0] || (_cache[0] = ($event: any) => (clickPage(1)))\n      }, [\n        _createElementVNode(\"a\", null, _toDisplayString(First))\n      ], 2),\n      _withDirectives(_createElementVNode(\"li\", {\n        class: _normalizeClass([[paginationItemClass.value], \"ds-cursor-default\"])\n      }, [\n        _createElementVNode(\"a\", null, _toDisplayString(EllipsisText))\n      ], 2), [\n        [_vShow, value.value > 3]\n      ]),\n      _withDirectives(_createElementVNode(\"li\", {\n        class: _normalizeClass([[paginationItemClass.value, getActiveClass(false)], \"ds-cursor-pointer\"]),\n        onClick: _cache[1] || (_cache[1] = ($event: any) => (clickPage(value.value - 1)))\n      }, [\n        _createElementVNode(\"a\", null, _toDisplayString(value.value - 1), 1)\n      ], 2), [\n        [_vShow, value.value > 2]\n      ]),\n      _withDirectives(_createElementVNode(\"li\", {\n        class: _normalizeClass([[paginationItemClass.value, getActiveClass()], \"ds-cursor-pointer\"]),\n        onClick: _cache[2] || (_cache[2] = ($event: any) => (clickPage(value.value)))\n      }, [\n        _createElementVNode(\"a\", null, _toDisplayString(value.value), 1)\n      ], 2), [\n        [_vShow, value.value !== 1 && value.value !== _ctx.numberOfPages]\n      ]),\n      _withDirectives(_createElementVNode(\"li\", {\n        class: _normalizeClass([[paginationItemClass.value, getActiveClass(false)], \"ds-cursor-pointer\"]),\n        onClick: _cache[3] || (_cache[3] = ($event: any) => (clickPage(value.value + 1)))\n      }, [\n        _createElementVNode(\"a\", null, _toDisplayString(value.value + 1), 1)\n      ], 2), [\n        [_vShow, value.value < _ctx.numberOfPages - 1]\n      ]),\n      _withDirectives(_createElementVNode(\"li\", {\n        class: _normalizeClass([[paginationItemClass.value], \"ds-cursor-default\"])\n      }, [\n        _createElementVNode(\"a\", null, _toDisplayString(EllipsisText))\n      ], 2), [\n        [_vShow, value.value < _ctx.numberOfPages - 2]\n      ]),\n      _withDirectives(_createElementVNode(\"li\", {\n        class: _normalizeClass([[paginationItemClass.value, getActiveClass(value.value === _ctx.numberOfPages)], \"ds-cursor-pointer\"]),\n        onClick: _cache[4] || (_cache[4] = ($event: any) => (clickPage(_ctx.numberOfPages)))\n      }, [\n        _createElementVNode(\"a\", null, _toDisplayString(_ctx.numberOfPages), 1)\n      ], 2), [\n        [_vShow, _ctx.numberOfPages > 1]\n      ]),\n      _createElementVNode(\"li\", {\n        class: _normalizeClass([[paginationItemClass.value, getActiveClass(false)], \"ds-cursor-pointer\"]),\n        onClick: clickNext\n      }, _hoisted_5, 2)\n    ])\n  ]))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_createElementVNode","_hoisted_3","_hoisted_4","_hoisted_5","First","EllipsisText","_sfc_main","_defineComponent","BPaginationSize","__props","emit","props","value","computed","val","paginationItemClass","result","clickPage","page","clickPrevious","clickNext","getActiveClass","isActive","_ctx","_cache","_openBlock","_createElementBlock","_normalizeClass","$event","_toDisplayString","_withDirectives","_vShow"],"mappings":"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"}

package/dist/design-system210.js

@@ -1,2 +1,2 @@
-"use strict";const r=require("./design-system121.js");var t=r.Uint8Array;const i=t;module.exports=i;
+"use strict";function u(e,n){return e==null?void 0:e[n]}module.exports=u;
 //# sourceMappingURL=design-system210.js.map

package/dist/design-system210.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system210.js","sources":["../node_modules/lodash-es/_Uint8Array.js"],"sourcesContent":["import root from './_root.js';\n\n/** Built-in value references. */\nvar Uint8Array = root.Uint8Array;\n\nexport default Uint8Array;\n"],"names":["Uint8Array","root","Uint8Array$1"],"mappings":"sDAGA,IAAIA,EAAaC,EAAK,WAEtB,MAAAC,EAAeF","x_google_ignoreList":[0]}
+{"version":3,"file":"design-system210.js","sources":["../node_modules/lodash-es/_getValue.js"],"sourcesContent":["/**\n * Gets the value at `key` of `object`.\n *\n * @private\n * @param {Object} [object] The object to query.\n * @param {string} key The key of the property to get.\n * @returns {*} Returns the property value.\n */\nfunction getValue(object, key) {\n  return object == null ? undefined : object[key];\n}\n\nexport default getValue;\n"],"names":["getValue","object","key"],"mappings":"aAQA,SAASA,EAASC,EAAQC,EAAK,CAC7B,OAAOD,GAAU,KAAO,OAAYA,EAAOC,CAAG,CAChD","x_google_ignoreList":[0]}

package/dist/design-system210.mjs

@@ -1,7 +1,7 @@
-import r from "./design-system121.mjs";
-var t = r.Uint8Array;
-const o = t;
+function u(e, n) {
+  return e == null ? void 0 : e[n];
+}
 export {
-  o as default
+  u as default
 };
 //# sourceMappingURL=design-system210.mjs.map

package/dist/design-system210.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system210.mjs","sources":["../node_modules/lodash-es/_Uint8Array.js"],"sourcesContent":["import root from './_root.js';\n\n/** Built-in value references. */\nvar Uint8Array = root.Uint8Array;\n\nexport default Uint8Array;\n"],"names":["Uint8Array","root","Uint8Array$1"],"mappings":";AAGA,IAAIA,IAAaC,EAAK;AAEtB,MAAAC,IAAeF;","x_google_ignoreList":[0]}
+{"version":3,"file":"design-system210.mjs","sources":["../node_modules/lodash-es/_getValue.js"],"sourcesContent":["/**\n * Gets the value at `key` of `object`.\n *\n * @private\n * @param {Object} [object] The object to query.\n * @param {string} key The key of the property to get.\n * @returns {*} Returns the property value.\n */\nfunction getValue(object, key) {\n  return object == null ? undefined : object[key];\n}\n\nexport default getValue;\n"],"names":["getValue","object","key"],"mappings":"AAQA,SAASA,EAASC,GAAQC,GAAK;AAC7B,SAAOD,KAAU,OAAO,SAAYA,EAAOC,CAAG;AAChD;","x_google_ignoreList":[0]}

package/dist/design-system211.js

@@ -1,2 +1,2 @@
-"use strict";function r(o){var t=typeof o;return t=="string"||t=="number"||t=="symbol"||t=="boolean"?o!=="__proto__":o===null}module.exports=r;
+"use strict";const r=require("./design-system121.js");var t=r.Uint8Array;const i=t;module.exports=i;
 //# sourceMappingURL=design-system211.js.map

package/dist/design-system211.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system211.js","sources":["../node_modules/lodash-es/_isKeyable.js"],"sourcesContent":["/**\n * Checks if `value` is suitable for use as unique object key.\n *\n * @private\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is suitable, else `false`.\n */\nfunction isKeyable(value) {\n  var type = typeof value;\n  return (type == 'string' || type == 'number' || type == 'symbol' || type == 'boolean')\n    ? (value !== '__proto__')\n    : (value === null);\n}\n\nexport default isKeyable;\n"],"names":["isKeyable","value","type"],"mappings":"aAOA,SAASA,EAAUC,EAAO,CACxB,IAAIC,EAAO,OAAOD,EAClB,OAAQC,GAAQ,UAAYA,GAAQ,UAAYA,GAAQ,UAAYA,GAAQ,UACvED,IAAU,YACVA,IAAU,IACjB","x_google_ignoreList":[0]}
+{"version":3,"file":"design-system211.js","sources":["../node_modules/lodash-es/_Uint8Array.js"],"sourcesContent":["import root from './_root.js';\n\n/** Built-in value references. */\nvar Uint8Array = root.Uint8Array;\n\nexport default Uint8Array;\n"],"names":["Uint8Array","root","Uint8Array$1"],"mappings":"sDAGA,IAAIA,EAAaC,EAAK,WAEtB,MAAAC,EAAeF","x_google_ignoreList":[0]}

package/dist/design-system211.mjs

@@ -1,8 +1,7 @@
-function e(t) {
-  var o = typeof t;
-  return o == "string" || o == "number" || o == "symbol" || o == "boolean" ? t !== "__proto__" : t === null;
-}
+import r from "./design-system121.mjs";
+var t = r.Uint8Array;
+const o = t;
 export {
-  e as default
+  o as default
 };
 //# sourceMappingURL=design-system211.mjs.map

package/dist/design-system211.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system211.mjs","sources":["../node_modules/lodash-es/_isKeyable.js"],"sourcesContent":["/**\n * Checks if `value` is suitable for use as unique object key.\n *\n * @private\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is suitable, else `false`.\n */\nfunction isKeyable(value) {\n  var type = typeof value;\n  return (type == 'string' || type == 'number' || type == 'symbol' || type == 'boolean')\n    ? (value !== '__proto__')\n    : (value === null);\n}\n\nexport default isKeyable;\n"],"names":["isKeyable","value","type"],"mappings":"AAOA,SAASA,EAAUC,GAAO;AACxB,MAAIC,IAAO,OAAOD;AAClB,SAAQC,KAAQ,YAAYA,KAAQ,YAAYA,KAAQ,YAAYA,KAAQ,YACvED,MAAU,cACVA,MAAU;AACjB;","x_google_ignoreList":[0]}
+{"version":3,"file":"design-system211.mjs","sources":["../node_modules/lodash-es/_Uint8Array.js"],"sourcesContent":["import root from './_root.js';\n\n/** Built-in value references. */\nvar Uint8Array = root.Uint8Array;\n\nexport default Uint8Array;\n"],"names":["Uint8Array","root","Uint8Array$1"],"mappings":";AAGA,IAAIA,IAAaC,EAAK;AAEtB,MAAAC,IAAeF;","x_google_ignoreList":[0]}

package/dist/design-system212.js

@@ -1,2 +1,2 @@
-"use strict";const t=require("./design-system218.js");function e(){this.__data__=t?t(null):{},this.size=0}module.exports=e;
+"use strict";const t=require("./design-system219.js");function e(){this.__data__=t?t(null):{},this.size=0}module.exports=e;
 //# sourceMappingURL=design-system212.js.map

package/dist/design-system212.mjs

@@ -1,4 +1,4 @@
-import t from "./design-system218.mjs";
+import t from "./design-system219.mjs";
 function e() {
   this.__data__ = t ? t(null) : {}, this.size = 0;
 }

package/dist/design-system214.js

@@ -1,2 +1,2 @@
-"use strict";const a=require("./design-system218.js");var n="__lodash_hash_undefined__",_=Object.prototype,o=_.hasOwnProperty;function d(r){var t=this.__data__;if(a){var e=t[r];return e===n?void 0:e}return o.call(t,r)?t[r]:void 0}module.exports=d;
+"use strict";const a=require("./design-system219.js");var n="__lodash_hash_undefined__",_=Object.prototype,o=_.hasOwnProperty;function d(r){var t=this.__data__;if(a){var e=t[r];return e===n?void 0:e}return o.call(t,r)?t[r]:void 0}module.exports=d;
 //# sourceMappingURL=design-system214.js.map

package/dist/design-system214.mjs

@@ -1,4 +1,4 @@
-import e from "./design-system218.mjs";
+import e from "./design-system219.mjs";
 var n = "__lodash_hash_undefined__", o = Object.prototype, _ = o.hasOwnProperty;
 function h(a) {
   var r = this.__data__;

package/dist/design-system215.js

@@ -1,2 +1,2 @@
-"use strict";const a=require("./design-system218.js");var e=Object.prototype,o=e.hasOwnProperty;function n(t){var r=this.__data__;return a?r[t]!==void 0:o.call(r,t)}module.exports=n;
+"use strict";const a=require("./design-system219.js");var e=Object.prototype,o=e.hasOwnProperty;function n(t){var r=this.__data__;return a?r[t]!==void 0:o.call(r,t)}module.exports=n;
 //# sourceMappingURL=design-system215.js.map

package/dist/design-system215.mjs

@@ -1,4 +1,4 @@
-import r from "./design-system218.mjs";
+import r from "./design-system219.mjs";
 var e = Object.prototype, o = e.hasOwnProperty;
 function p(t) {
   var a = this.__data__;

package/dist/design-system216.js

@@ -1,2 +1,2 @@
-"use strict";const _=require("./design-system218.js");var a="__lodash_hash_undefined__";function i(t,s){var e=this.__data__;return this.size+=this.has(t)?0:1,e[t]=_&&s===void 0?a:s,this}module.exports=i;
+"use strict";const _=require("./design-system219.js");var a="__lodash_hash_undefined__";function i(t,s){var e=this.__data__;return this.size+=this.has(t)?0:1,e[t]=_&&s===void 0?a:s,this}module.exports=i;
 //# sourceMappingURL=design-system216.js.map

package/dist/design-system216.mjs

@@ -1,4 +1,4 @@
-import e from "./design-system218.mjs";
+import e from "./design-system219.mjs";
 var h = "__lodash_hash_undefined__";
 function s(t, a) {
   var _ = this.__data__;

package/dist/design-system217.js

@@ -1,2 +1,2 @@
-"use strict";const r=require("./design-system112.js");function s(t,n){for(var e=t.length;e--;)if(r(t[e][0],n))return e;return-1}module.exports=s;
+"use strict";function r(o){var t=typeof o;return t=="string"||t=="number"||t=="symbol"||t=="boolean"?o!=="__proto__":o===null}module.exports=r;
 //# sourceMappingURL=design-system217.js.map

package/dist/design-system217.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system217.js","sources":["../node_modules/lodash-es/_assocIndexOf.js"],"sourcesContent":["import eq from './eq.js';\n\n/**\n * Gets the index at which the `key` is found in `array` of key-value pairs.\n *\n * @private\n * @param {Array} array The array to inspect.\n * @param {*} key The key to search for.\n * @returns {number} Returns the index of the matched value, else `-1`.\n */\nfunction assocIndexOf(array, key) {\n  var length = array.length;\n  while (length--) {\n    if (eq(array[length][0], key)) {\n      return length;\n    }\n  }\n  return -1;\n}\n\nexport default assocIndexOf;\n"],"names":["assocIndexOf","array","key","length","eq"],"mappings":"sDAUA,SAASA,EAAaC,EAAOC,EAAK,CAEhC,QADIC,EAASF,EAAM,OACZE,KACL,GAAIC,EAAGH,EAAME,CAAM,EAAE,CAAC,EAAGD,CAAG,EAC1B,OAAOC,EAGX,MAAO,EACT","x_google_ignoreList":[0]}
+{"version":3,"file":"design-system217.js","sources":["../node_modules/lodash-es/_isKeyable.js"],"sourcesContent":["/**\n * Checks if `value` is suitable for use as unique object key.\n *\n * @private\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is suitable, else `false`.\n */\nfunction isKeyable(value) {\n  var type = typeof value;\n  return (type == 'string' || type == 'number' || type == 'symbol' || type == 'boolean')\n    ? (value !== '__proto__')\n    : (value === null);\n}\n\nexport default isKeyable;\n"],"names":["isKeyable","value","type"],"mappings":"aAOA,SAASA,EAAUC,EAAO,CACxB,IAAIC,EAAO,OAAOD,EAClB,OAAQC,GAAQ,UAAYA,GAAQ,UAAYA,GAAQ,UAAYA,GAAQ,UACvED,IAAU,YACVA,IAAU,IACjB","x_google_ignoreList":[0]}

package/dist/design-system217.mjs

@@ -1,11 +1,8 @@
-import r from "./design-system112.mjs";
-function o(t, n) {
-  for (var e = t.length; e--; )
-    if (r(t[e][0], n))
-      return e;
-  return -1;
+function e(t) {
+  var o = typeof t;
+  return o == "string" || o == "number" || o == "symbol" || o == "boolean" ? t !== "__proto__" : t === null;
 }
 export {
-  o as default
+  e as default
 };
 //# sourceMappingURL=design-system217.mjs.map

package/dist/design-system217.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system217.mjs","sources":["../node_modules/lodash-es/_assocIndexOf.js"],"sourcesContent":["import eq from './eq.js';\n\n/**\n * Gets the index at which the `key` is found in `array` of key-value pairs.\n *\n * @private\n * @param {Array} array The array to inspect.\n * @param {*} key The key to search for.\n * @returns {number} Returns the index of the matched value, else `-1`.\n */\nfunction assocIndexOf(array, key) {\n  var length = array.length;\n  while (length--) {\n    if (eq(array[length][0], key)) {\n      return length;\n    }\n  }\n  return -1;\n}\n\nexport default assocIndexOf;\n"],"names":["assocIndexOf","array","key","length","eq"],"mappings":";AAUA,SAASA,EAAaC,GAAOC,GAAK;AAEhC,WADIC,IAASF,EAAM,QACZE;AACL,QAAIC,EAAGH,EAAME,CAAM,EAAE,CAAC,GAAGD,CAAG;AAC1B,aAAOC;AAGX,SAAO;AACT;","x_google_ignoreList":[0]}
+{"version":3,"file":"design-system217.mjs","sources":["../node_modules/lodash-es/_isKeyable.js"],"sourcesContent":["/**\n * Checks if `value` is suitable for use as unique object key.\n *\n * @private\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is suitable, else `false`.\n */\nfunction isKeyable(value) {\n  var type = typeof value;\n  return (type == 'string' || type == 'number' || type == 'symbol' || type == 'boolean')\n    ? (value !== '__proto__')\n    : (value === null);\n}\n\nexport default isKeyable;\n"],"names":["isKeyable","value","type"],"mappings":"AAOA,SAASA,EAAUC,GAAO;AACxB,MAAIC,IAAO,OAAOD;AAClB,SAAQC,KAAQ,YAAYA,KAAQ,YAAYA,KAAQ,YAAYA,KAAQ,YACvED,MAAU,cACVA,MAAU;AACjB;","x_google_ignoreList":[0]}

package/dist/design-system218.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("./design-system188.js");var t=e(Object,"create");const r=t;module.exports=r;
+"use strict";const r=require("./design-system112.js");function s(t,n){for(var e=t.length;e--;)if(r(t[e][0],n))return e;return-1}module.exports=s;
 //# sourceMappingURL=design-system218.js.map

package/dist/design-system218.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system218.js","sources":["../node_modules/lodash-es/_nativeCreate.js"],"sourcesContent":["import getNative from './_getNative.js';\n\n/* Built-in method references that are verified to be native. */\nvar nativeCreate = getNative(Object, 'create');\n\nexport default nativeCreate;\n"],"names":["nativeCreate","getNative","nativeCreate$1"],"mappings":"sDAGA,IAAIA,EAAeC,EAAU,OAAQ,QAAQ,EAE7C,MAAAC,EAAeF","x_google_ignoreList":[0]}
+{"version":3,"file":"design-system218.js","sources":["../node_modules/lodash-es/_assocIndexOf.js"],"sourcesContent":["import eq from './eq.js';\n\n/**\n * Gets the index at which the `key` is found in `array` of key-value pairs.\n *\n * @private\n * @param {Array} array The array to inspect.\n * @param {*} key The key to search for.\n * @returns {number} Returns the index of the matched value, else `-1`.\n */\nfunction assocIndexOf(array, key) {\n  var length = array.length;\n  while (length--) {\n    if (eq(array[length][0], key)) {\n      return length;\n    }\n  }\n  return -1;\n}\n\nexport default assocIndexOf;\n"],"names":["assocIndexOf","array","key","length","eq"],"mappings":"sDAUA,SAASA,EAAaC,EAAOC,EAAK,CAEhC,QADIC,EAASF,EAAM,OACZE,KACL,GAAIC,EAAGH,EAAME,CAAM,EAAE,CAAC,EAAGD,CAAG,EAC1B,OAAOC,EAGX,MAAO,EACT","x_google_ignoreList":[0]}

package/dist/design-system218.mjs

@@ -1,7 +1,11 @@
-import e from "./design-system188.mjs";
-var t = e(Object, "create");
-const r = t;
+import r from "./design-system112.mjs";
+function o(t, n) {
+  for (var e = t.length; e--; )
+    if (r(t[e][0], n))
+      return e;
+  return -1;
+}
 export {
-  r as default
+  o as default
 };
 //# sourceMappingURL=design-system218.mjs.map

package/dist/design-system218.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system218.mjs","sources":["../node_modules/lodash-es/_nativeCreate.js"],"sourcesContent":["import getNative from './_getNative.js';\n\n/* Built-in method references that are verified to be native. */\nvar nativeCreate = getNative(Object, 'create');\n\nexport default nativeCreate;\n"],"names":["nativeCreate","getNative","nativeCreate$1"],"mappings":";AAGA,IAAIA,IAAeC,EAAU,QAAQ,QAAQ;AAE7C,MAAAC,IAAeF;","x_google_ignoreList":[0]}
+{"version":3,"file":"design-system218.mjs","sources":["../node_modules/lodash-es/_assocIndexOf.js"],"sourcesContent":["import eq from './eq.js';\n\n/**\n * Gets the index at which the `key` is found in `array` of key-value pairs.\n *\n * @private\n * @param {Array} array The array to inspect.\n * @param {*} key The key to search for.\n * @returns {number} Returns the index of the matched value, else `-1`.\n */\nfunction assocIndexOf(array, key) {\n  var length = array.length;\n  while (length--) {\n    if (eq(array[length][0], key)) {\n      return length;\n    }\n  }\n  return -1;\n}\n\nexport default assocIndexOf;\n"],"names":["assocIndexOf","array","key","length","eq"],"mappings":";AAUA,SAASA,EAAaC,GAAOC,GAAK;AAEhC,WADIC,IAASF,EAAM,QACZE;AACL,QAAIC,EAAGH,EAAME,CAAM,EAAE,CAAC,GAAGD,CAAG;AAC1B,aAAOC;AAGX,SAAO;AACT;","x_google_ignoreList":[0]}

package/dist/design-system219.js

@@ -0,0 +1,2 @@
+"use strict";const e=require("./design-system189.js");var t=e(Object,"create");const r=t;module.exports=r;
+//# sourceMappingURL=design-system219.js.map

package/dist/design-system219.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"design-system219.js","sources":["../node_modules/lodash-es/_nativeCreate.js"],"sourcesContent":["import getNative from './_getNative.js';\n\n/* Built-in method references that are verified to be native. */\nvar nativeCreate = getNative(Object, 'create');\n\nexport default nativeCreate;\n"],"names":["nativeCreate","getNative","nativeCreate$1"],"mappings":"sDAGA,IAAIA,EAAeC,EAAU,OAAQ,QAAQ,EAE7C,MAAAC,EAAeF","x_google_ignoreList":[0]}

package/dist/design-system219.mjs

@@ -0,0 +1,7 @@
+import e from "./design-system189.mjs";
+var t = e(Object, "create");
+const r = t;
+export {
+  r as default
+};
+//# sourceMappingURL=design-system219.mjs.map

package/dist/design-system219.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"design-system219.mjs","sources":["../node_modules/lodash-es/_nativeCreate.js"],"sourcesContent":["import getNative from './_getNative.js';\n\n/* Built-in method references that are verified to be native. */\nvar nativeCreate = getNative(Object, 'create');\n\nexport default nativeCreate;\n"],"names":["nativeCreate","getNative","nativeCreate$1"],"mappings":";AAGA,IAAIA,IAAeC,EAAU,QAAQ,QAAQ;AAE7C,MAAAC,IAAeF;","x_google_ignoreList":[0]}

package/dist/design-system22.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),T=require("./design-system3.js"),v=require("./design-system6.js"),D=require("./design-system48.js"),F=require("./design-system29.js"),O=require("./design-system30.js"),U=require("./design-system39.js"),W=require("./design-system94.js"),j=e.createElementVNode("path",{d:"M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128z"},null,-1),H=[j],A=["id","disabled"],G={key:0},J={key:1,class:"ds-text-black/[0.4]"},K=e.createElementVNode("path",{d:"M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128z"},null,-1),Q=[K],X=["id","data-cy","data-ut"],Y={class:"ds-max-h-72 ds-overflow-y-auto ds-rounded-lg ds-bg-white ds-shadow"},Z={class:"ds-py-1 ds-text-sm ds-text-black/[0.85]"},ee=["onClick"],se=e.defineComponent({__name:"BSelect",props:{inputId:{default:""},modelValue:{},label:{default:""},items:{},disabled:{type:Boolean,default:!1},placeholder:{default:""},valueCssClass:{default:""},menuCssClass:{default:""},validationRules:{default:void 0},required:{type:Boolean,default:!1},requiredErrorMessage:{default:""},hideDetails:{type:Boolean,default:!1},allowInput:{type:Boolean,default:!1}},emits:["change","open","close","change:input","update:modelValue"],setup(x,{expose:V,emit:d}){const t=x,r=e.ref(null),k=e.ref(null),u=e.ref(null),n=e.ref(!1),{t:M}=D.useI18n(),q={validateRule:s=>!!s,errorMessage:()=>t.requiredErrorMessage||M("ds.global.field_required")},h=e.ref(""),i=e.ref(),c=e.computed(()=>t.inputId||`id-${W()}`),a=e.computed({get(){return t.modelValue},set(s){d("update:modelValue",s)}}),$=e.computed(()=>{let s="ds-border ds-drop-shadow-light ds-text-sm ds-h-[40px] ds-px-3 ds-rounded-lg ds-block ds-w-full ds-inline-flex ds-items-center ds-justify-between ";return s+=t.disabled?"ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/[0.4] ":"ds-bg-white ds-text-black/[0.85] ",s+=w.value.valid?"ds-border-black/10 focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus ":"ds-border-error focus:ds-ring-1 focus:ds-ring-error ",s}),I=e.computed(()=>{let s=[];return t.required&&s.push(q),t.validationRules&&(s=s.concat(t.validationRules)),s.length?s:void 0}),{validate:B,validationResult:w}=T.useValidationField(c.value,a,I.value);e.watch(n,s=>{s?(v.lockScrollBody(),R(),d("open")):(v.unlockScrollBody(),C(),d("close"))}),e.watch(a,()=>{g(),p()}),e.watch(()=>t.items,()=>{var s;a.value&&!((s=i.value)!=null&&s.value)&&(g(),p())},{deep:!0});const g=()=>{var s;i.value=(s=t.items)==null?void 0:s.find(l=>l.value===a.value)},p=()=>{var s;t.allowInput&&(h.value=((s=i.value)==null?void 0:s.text)||"")},N=()=>{document.addEventListener("keydown",E)},E=s=>{s.key==="Escape"&&b()},L=()=>{document.addEventListener("click",_)},_=s=>{[r.value,u.value].some(f=>s.composedPath().includes(f))||b()},S=s=>{a.value=s.value,b(),d("change",s.value),e.nextTick(()=>{B()})},z=(s,l)=>{l.style.width=`${s.offsetWidth}px`},R=()=>{e.nextTick(()=>{v.ensureVisiblePosition(r.value,u.value),z(r.value,u.value)})},C=()=>{v.resetPosition(r.value,u.value)},P=s=>{d("change:input",s)},b=()=>{var s;n.value=!1,(s=k.value)==null||s.blur(),p()};return(()=>{g(),p()})(),e.onMounted(()=>{N(),L()}),e.onBeforeUnmount(()=>{document.removeEventListener("keydown",E),document.removeEventListener("click",_),v.unlockScrollBody(),C()}),V({validate:B,selectMenu:n}),(s,l)=>{var y,f;return e.openBlock(),e.createElementBlock("div",null,[e.createElementVNode("div",{ref_key:"selectEl",ref:r},[e.createVNode(O,{id:c.value,label:s.label,required:s.required},null,8,["id","label","required"]),t.allowInput?(e.openBlock(),e.createBlock(U,{key:0,id:c.value,ref_key:"inputRef",ref:k,modelValue:h.value,"onUpdate:modelValue":[l[0]||(l[0]=o=>h.value=o),P],disabled:t.disabled,placeholder:t.placeholder,"hide-details":"",onFocus:l[1]||(l[1]=o=>n.value=!0),"onClick:append":l[2]||(l[2]=o=>{var m;return(m=k.value)==null?void 0:m.focus()})},{appendIcon:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass([[n.value?"ds-rotate-180":""],"ds-h-4 ds-w-4 ds-transition-transform"]),viewBox:"0 0 320 512",xmlns:"http://www.w3.org/2000/svg"},H,2))]),_:1},8,["id","modelValue","disabled","placeholder"])):(e.openBlock(),e.createElementBlock("button",{key:1,id:c.value,class:e.normalizeClass($.value),disabled:t.disabled,type:"button",onClick:l[3]||(l[3]=o=>n.value=!n.value)},[e.createElementVNode("span",{class:e.normalizeClass([s.valueCssClass,"ds-truncate"])},[(y=i.value)!=null&&y.text?(e.openBlock(),e.createElementBlock("span",G,e.toDisplayString((f=i.value)==null?void 0:f.text),1)):(e.openBlock(),e.createElementBlock("span",J,e.toDisplayString(t.placeholder),1))],2),e.createTextVNode("   "),(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass([[n.value?"ds-rotate-180":""],"ds-h-4 ds-w-4 ds-transition-transform"]),viewBox:"0 0 320 512",xmlns:"http://www.w3.org/2000/svg"},Q,2))],10,A)),e.withDirectives(e.createElementVNode("div",{id:`${c.value}Menu`,ref_key:"selectMenuEl",ref:u,class:e.normalizeClass([s.menuCssClass,"ds-absolute ds-z-50 ds-min-w-[8rem] ds-py-1"]),"data-cy":s.$attrs["data-cy"]?`${s.$attrs["data-cy"]}Menu`:void 0,"data-ut":s.$attrs["data-ut"]?`${s.$attrs["data-ut"]}Menu`:void 0},[e.createElementVNode("div",Y,[e.createElementVNode("ul",Z,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.items,(o,m)=>(e.openBlock(),e.createElementBlock("li",{key:`item${m}`,class:"ds-cursor-pointer",onClick:le=>S(o)},[e.createElementVNode("a",{class:e.normalizeClass([o.cssClass+`${o.value===a.value?" ds-bg-gray-150":""}`,"ds-block ds-px-4 ds-py-2 hover:ds-bg-gray-150"])},e.toDisplayString(o==null?void 0:o.text),3)],8,ee))),128))])])],10,X),[[e.vShow,n.value]])],512),s.hideDetails?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(F,{key:0,"error-message":e.unref(w).errorMessage(),class:"ds-mt-1"},null,8,["error-message"]))])}}});module.exports=se;
+"use strict";const e=require("vue"),f=require("./design-system30.js"),g=require("./design-system3.js"),b=require("./design-system49.js"),y=require("./design-system95.js"),B={class:"ds-flex ds-items-center"},h=["id","disabled","name","value"],q=["for"],V=e.defineComponent({__name:"BRadio",props:{inputId:{default:""},modelValue:{type:[String,Number,Boolean],default:""},inputName:{default:""},label:{default:""},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(o,{emit:r}){const l=o,{t:u}=b.useI18n(),n={validateRule:a=>!!(a&&a.trim()),errorMessage:()=>l.requiredErrorMessage||u("ds.global.field_required")},s=e.computed(()=>l.inputId||`id-${y()}`),t=e.computed({get(){return l.modelValue},set(a){r("update:modelValue",a)}}),i=e.computed(()=>{let a=[];return l.required&&a.push(n),l.validationRules&&(a=a.concat(l.validationRules)),a.length?a:void 0}),{validate:m,validationResult:c}=g.useValidationField(s.value,t,i.value),p=()=>{r("change"),m()};return(a,d)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",B,[e.withDirectives(e.createElementVNode("input",{id:s.value,"onUpdate:modelValue":d[0]||(d[0]=v=>t.value=v),class:e.normalizeClass([{"ds-cursor-not-allowed":a.disabled},"ds-h-6 ds-min-h-[1.5rem] ds-w-6 ds-min-w-[1.5rem] ds-border-gray-300 ds-bg-gray-100 ds-text-primary-t focus:ds-ring-primary-t"]),disabled:a.disabled,name:a.inputName,value:a.$attrs.value,type:"radio",onChange:p},null,42,h),[[e.vModelRadio,t.value]]),a.label?(e.openBlock(),e.createElementBlock("label",{key:0,class:e.normalizeClass([a.labelCssClass,"ds-ml-2 ds-text-sm ds-font-medium ds-text-gray-900"]),for:s.value},e.toDisplayString(a.label),11,q)):e.createCommentVNode("",!0)]),a.hideDetails?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(f,{key:0,"error-message":e.unref(c).errorMessage(),class:"ds-mt-1"},null,8,["error-message"]))],64))}});module.exports=V;
 //# sourceMappingURL=design-system22.js.map