@7pmlabs/design-system 0.5.4 → 0.5.6

package/dist/design-system121.mjs

@@ -1,6 +1,6 @@
 import L from "./design-system156.mjs";
 import B from "./design-system154.mjs";
-import I from "./design-system152.mjs";
+import I from "./design-system151.mjs";
 import O from "./design-system157.mjs";
 import _ from "./design-system158.mjs";
 import M from "./design-system159.mjs";

package/dist/design-system13.js

@@ -1,4 +1,4 @@
-"use strict";const a=require("vue"),c=require("./design-system106.js"),i=require("./design-system101.js"),F=require("./design-system52.js"),j=require("./design-system107.js"),O=require("./design-system3.js"),x=require("./design-system4.js"),L=require("./design-system5.js"),v=require("./design-system6.js"),A=require("./design-system51.js"),U=require("./design-system31.js"),G=require("./design-system32.js"),J=require("./design-system102.js"),K={class:"ds-relative"},Q=["id","disabled","placeholder"],W=["id","disabled"],X=["for"],Z=["for"],ee=a.createElementVNode("path",{d:"M96 32V64H48C21.5 64 0 85.5 0 112v48H448V112c0-26.5-21.5-48-48-48H352V32c0-17.7-14.3-32-32-32s-32 14.3-32 32V64H160V32c0-17.7-14.3-32-32-32S96 14.3 96 32zM448 192H0V464c0 26.5 21.5 48 48 48H400c26.5 0 48-21.5 48-48V192zM96 296c0-13.3 10.7-24 24-24H328c13.3 0 24 10.7 24 24s-10.7 24-24 24H120c-13.3 0-24-10.7-24-24zm24 72H232c13.3 0 24 10.7 24 24s-10.7 24-24 24H120c-13.3 0-24-10.7-24-24s10.7-24 24-24z"},null,-1),se=[ee],te=a.defineComponent({__name:"BDatePicker",props:{inputId:{default:""},modelValue:{},label:{default:""},validationRules:{default:void 0},placeholder:{default:""},required:{type:Boolean,default:!1},requiredErrorMessage:{default:""},disabled:{type:Boolean,default:!1},inputCssClass:{default:""},minDate:{default:""},maxDate:{default:""},showHintToday:{type:Boolean,default:!1},view:{default:L.BDatePickerView.Days},hideDetails:{type:Boolean,default:!1},position:{default:"bottom left"}},emits:["update:modelValue"],setup(B,{emit:q}){const t=B,l=q,{t:e,locale:H}=F.useI18n(),u=`DD${x.DateDelimiter}MM${x.DateDelimiter}YYYY`,p=new Date;let d,r;const g=a.ref(null),C={validateRule:s=>!!s,errorMessage:()=>t.requiredErrorMessage||e("ds.global.field_required")},b=a.ref(),n=a.computed(()=>t.inputId||`id-${J()}`),V=a.computed({get(){return t.modelValue},set(s){l("update:modelValue",s)}}),S=a.computed(()=>[{content:e("ds.components.base.date_picker.buttons.cancel"),className:"ds-bg-transparent focus:ds-ring-1 focus:ds-ring-gray-300 ds-border-inner-primary-f !ds-text-primary-t hover:ds-bg-[#e6f0fe] ds-text-sm ds-leading-4 ds-px-4 ds-mx-1",onClick:s=>{s.clear(),a.nextTick(()=>{_()}),s.hide()}},{content:e("ds.components.base.date_picker.buttons.confirm"),className:`${n.value}-btn-confirm focus:ds-ring-1 focus:ds-ring-1 focus:ds-ring-blue-300 ds-bg-gradient-to-r ds-from-primary-f-stop ds-from-primary-f ds-to-primary-t !ds-text-white enabled:hover:ds-bg-[#0e4bbd] ds-text-sm ds-leading-4 ds-px-4 disabled:ds-from-[#e2e4e8] disabled:ds-to-[#e2e4e8] disabled:ds-text-black/[0.4] ds-mx-1`,onClick:s=>{V.value=b.value!==void 0?b.value:"",a.nextTick(()=>{_()}),s.hide()},attrs:t.required?{disabled:""}:void 0}]),D=a.computed(()=>{const s={days:[e("ds.components.base.date_picker.days.sunday"),e("ds.components.base.date_picker.days.monday"),e("ds.components.base.date_picker.days.tuesday"),e("ds.components.base.date_picker.days.wednesday"),e("ds.components.base.date_picker.days.thursday"),e("ds.components.base.date_picker.days.friday"),e("ds.components.base.date_picker.days.saturday")],daysShort:[e("ds.components.base.date_picker.days_short.sunday"),e("ds.components.base.date_picker.days_short.monday"),e("ds.components.base.date_picker.days_short.tuesday"),e("ds.components.base.date_picker.days_short.wednesday"),e("ds.components.base.date_picker.days_short.thursday"),e("ds.components.base.date_picker.days_short.friday"),e("ds.components.base.date_picker.days_short.saturday")],daysMin:[e("ds.components.base.date_picker.days_min.sunday"),e("ds.components.base.date_picker.days_min.monday"),e("ds.components.base.date_picker.days_min.tuesday"),e("ds.components.base.date_picker.days_min.wednesday"),e("ds.components.base.date_picker.days_min.thursday"),e("ds.components.base.date_picker.days_min.friday"),e("ds.components.base.date_picker.days_min.saturday")],months:[e("ds.components.base.date_picker.months.january"),e("ds.components.base.date_picker.months.february"),e("ds.components.base.date_picker.months.march"),e("ds.components.base.date_picker.months.april"),e("ds.components.base.date_picker.months.may"),e("ds.components.base.date_picker.months.june"),e("ds.components.base.date_picker.months.july"),e("ds.components.base.date_picker.months.august"),e("ds.components.base.date_picker.months.september"),e("ds.components.base.date_picker.months.october"),e("ds.components.base.date_picker.months.november"),e("ds.components.base.date_picker.months.december")],monthsShort:[e("ds.components.base.date_picker.months_short.january"),e("ds.components.base.date_picker.months_short.february"),e("ds.components.base.date_picker.months_short.march"),e("ds.components.base.date_picker.months_short.april"),e("ds.components.base.date_picker.months_short.may"),e("ds.components.base.date_picker.months_short.june"),e("ds.components.base.date_picker.months_short.july"),e("ds.components.base.date_picker.months_short.august"),e("ds.components.base.date_picker.months_short.september"),e("ds.components.base.date_picker.months_short.october"),e("ds.components.base.date_picker.months_short.november"),e("ds.components.base.date_picker.months_short.december")],today:e("ds.components.base.date_picker.buttons.today"),clear:e("ds.components.base.date_picker.buttons.clear"),dateFormat:"dd/MM/yyyy",timeFormat:"HH:mm",firstDay:1},o=({date:m})=>{b.value=m,t.required&&I(!!m)};return{locale:s,selectedDates:[t.modelValue],onSelect:o,buttons:[...S.value],showOtherMonths:!1,timepicker:!1,onlyTimepicker:!1,minDate:t.minDate,maxDate:t.maxDate,view:t.view,onHide:$,onShow:E,navTitles:{days:"MMMM yyyy"},position:t.position,prevHtml:`<svg xmlns="http://www.w3.org/2000/svg"
+"use strict";const a=require("vue"),c=require("./design-system102.js"),i=require("./design-system101.js"),F=require("./design-system52.js"),j=require("./design-system103.js"),O=require("./design-system3.js"),x=require("./design-system4.js"),L=require("./design-system5.js"),v=require("./design-system6.js"),A=require("./design-system51.js"),U=require("./design-system31.js"),G=require("./design-system32.js"),J=require("./design-system104.js"),K={class:"ds-relative"},Q=["id","disabled","placeholder"],W=["id","disabled"],X=["for"],Z=["for"],ee=a.createElementVNode("path",{d:"M96 32V64H48C21.5 64 0 85.5 0 112v48H448V112c0-26.5-21.5-48-48-48H352V32c0-17.7-14.3-32-32-32s-32 14.3-32 32V64H160V32c0-17.7-14.3-32-32-32S96 14.3 96 32zM448 192H0V464c0 26.5 21.5 48 48 48H400c26.5 0 48-21.5 48-48V192zM96 296c0-13.3 10.7-24 24-24H328c13.3 0 24 10.7 24 24s-10.7 24-24 24H120c-13.3 0-24-10.7-24-24zm24 72H232c13.3 0 24 10.7 24 24s-10.7 24-24 24H120c-13.3 0-24-10.7-24-24s10.7-24 24-24z"},null,-1),se=[ee],te=a.defineComponent({__name:"BDatePicker",props:{inputId:{default:""},modelValue:{},label:{default:""},validationRules:{default:void 0},placeholder:{default:""},required:{type:Boolean,default:!1},requiredErrorMessage:{default:""},disabled:{type:Boolean,default:!1},inputCssClass:{default:""},minDate:{default:""},maxDate:{default:""},showHintToday:{type:Boolean,default:!1},view:{default:L.BDatePickerView.Days},hideDetails:{type:Boolean,default:!1},position:{default:"bottom left"}},emits:["update:modelValue"],setup(B,{emit:q}){const t=B,l=q,{t:e,locale:H}=F.useI18n(),u=`DD${x.DateDelimiter}MM${x.DateDelimiter}YYYY`,p=new Date;let d,r;const g=a.ref(null),C={validateRule:s=>!!s,errorMessage:()=>t.requiredErrorMessage||e("ds.global.field_required")},b=a.ref(),n=a.computed(()=>t.inputId||`id-${J()}`),V=a.computed({get(){return t.modelValue},set(s){l("update:modelValue",s)}}),S=a.computed(()=>[{content:e("ds.components.base.date_picker.buttons.cancel"),className:"ds-bg-transparent focus:ds-ring-1 focus:ds-ring-gray-300 ds-border-inner-primary-f !ds-text-primary-t hover:ds-bg-[#e6f0fe] ds-text-sm ds-leading-4 ds-px-4 ds-mx-1",onClick:s=>{s.clear(),a.nextTick(()=>{_()}),s.hide()}},{content:e("ds.components.base.date_picker.buttons.confirm"),className:`${n.value}-btn-confirm focus:ds-ring-1 focus:ds-ring-1 focus:ds-ring-blue-300 ds-bg-gradient-to-r ds-from-primary-f-stop ds-from-primary-f ds-to-primary-t !ds-text-white enabled:hover:ds-bg-[#0e4bbd] ds-text-sm ds-leading-4 ds-px-4 disabled:ds-from-[#e2e4e8] disabled:ds-to-[#e2e4e8] disabled:ds-text-black/[0.4] ds-mx-1`,onClick:s=>{V.value=b.value!==void 0?b.value:"",a.nextTick(()=>{_()}),s.hide()},attrs:t.required?{disabled:""}:void 0}]),D=a.computed(()=>{const s={days:[e("ds.components.base.date_picker.days.sunday"),e("ds.components.base.date_picker.days.monday"),e("ds.components.base.date_picker.days.tuesday"),e("ds.components.base.date_picker.days.wednesday"),e("ds.components.base.date_picker.days.thursday"),e("ds.components.base.date_picker.days.friday"),e("ds.components.base.date_picker.days.saturday")],daysShort:[e("ds.components.base.date_picker.days_short.sunday"),e("ds.components.base.date_picker.days_short.monday"),e("ds.components.base.date_picker.days_short.tuesday"),e("ds.components.base.date_picker.days_short.wednesday"),e("ds.components.base.date_picker.days_short.thursday"),e("ds.components.base.date_picker.days_short.friday"),e("ds.components.base.date_picker.days_short.saturday")],daysMin:[e("ds.components.base.date_picker.days_min.sunday"),e("ds.components.base.date_picker.days_min.monday"),e("ds.components.base.date_picker.days_min.tuesday"),e("ds.components.base.date_picker.days_min.wednesday"),e("ds.components.base.date_picker.days_min.thursday"),e("ds.components.base.date_picker.days_min.friday"),e("ds.components.base.date_picker.days_min.saturday")],months:[e("ds.components.base.date_picker.months.january"),e("ds.components.base.date_picker.months.february"),e("ds.components.base.date_picker.months.march"),e("ds.components.base.date_picker.months.april"),e("ds.components.base.date_picker.months.may"),e("ds.components.base.date_picker.months.june"),e("ds.components.base.date_picker.months.july"),e("ds.components.base.date_picker.months.august"),e("ds.components.base.date_picker.months.september"),e("ds.components.base.date_picker.months.october"),e("ds.components.base.date_picker.months.november"),e("ds.components.base.date_picker.months.december")],monthsShort:[e("ds.components.base.date_picker.months_short.january"),e("ds.components.base.date_picker.months_short.february"),e("ds.components.base.date_picker.months_short.march"),e("ds.components.base.date_picker.months_short.april"),e("ds.components.base.date_picker.months_short.may"),e("ds.components.base.date_picker.months_short.june"),e("ds.components.base.date_picker.months_short.july"),e("ds.components.base.date_picker.months_short.august"),e("ds.components.base.date_picker.months_short.september"),e("ds.components.base.date_picker.months_short.october"),e("ds.components.base.date_picker.months_short.november"),e("ds.components.base.date_picker.months_short.december")],today:e("ds.components.base.date_picker.buttons.today"),clear:e("ds.components.base.date_picker.buttons.clear"),dateFormat:"dd/MM/yyyy",timeFormat:"HH:mm",firstDay:1},o=({date:m})=>{b.value=m,t.required&&I(!!m)};return{locale:s,selectedDates:[t.modelValue],onSelect:o,buttons:[...S.value],showOtherMonths:!1,timepicker:!1,onlyTimepicker:!1,minDate:t.minDate,maxDate:t.maxDate,view:t.view,onHide:$,onShow:E,navTitles:{days:"MMMM yyyy"},position:t.position,prevHtml:`<svg xmlns="http://www.w3.org/2000/svg"
                    viewBox="0 0 320 512">
                   <path d="M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z"/>
               </svg>`,nextHtml:`<svg xmlns="http://www.w3.org/2000/svg"

package/dist/design-system13.mjs

@@ -1,8 +1,8 @@
 import { defineComponent as Q, ref as V, computed as n, nextTick as C, watch as $, onMounted as W, onBeforeUnmount as X, openBlock as b, createElementBlock as D, createVNode as Z, createElementVNode as m, normalizeClass as w, toDisplayString as ee, unref as P, createCommentVNode as q, createBlock as se } from "vue";
-import i from "./design-system106.mjs";
+import i from "./design-system102.mjs";
 import c from "./design-system101.mjs";
 import { useI18n as te } from "./design-system52.mjs";
-import ae from "./design-system107.mjs";
+import ae from "./design-system103.mjs";
 import { useValidationField as oe } from "./design-system3.mjs";
 import { DateDelimiter as z } from "./design-system4.mjs";
 import { BDatePickerView as de } from "./design-system5.mjs";
@@ -10,7 +10,7 @@ import { unlockScrollBody as R, lockScrollBody as ne } from "./design-system6.mj
 import { checkIfISOFormat as re } from "./design-system51.mjs";
 import le from "./design-system31.mjs";
 import ie from "./design-system32.mjs";
-import ce from "./design-system102.mjs";
+import ce from "./design-system104.mjs";
 const me = { class: "ds-relative" }, ue = ["id", "disabled", "placeholder"], pe = ["id", "disabled"], be = ["for"], fe = ["for"], ke = /* @__PURE__ */ m("path", { d: "M96 32V64H48C21.5 64 0 85.5 0 112v48H448V112c0-26.5-21.5-48-48-48H352V32c0-17.7-14.3-32-32-32s-32 14.3-32 32V64H160V32c0-17.7-14.3-32-32-32S96 14.3 96 32zM448 192H0V464c0 26.5 21.5 48 48 48H400c26.5 0 48-21.5 48-48V192zM96 296c0-13.3 10.7-24 24-24H328c13.3 0 24 10.7 24 24s-10.7 24-24 24H120c-13.3 0-24-10.7-24-24zm24 72H232c13.3 0 24 10.7 24 24s-10.7 24-24 24H120c-13.3 0-24-10.7-24-24s10.7-24 24-24z" }, null, -1), he = [
   ke
 ], $e = /* @__PURE__ */ Q({

package/dist/design-system15.js

@@ -1,4 +1,4 @@
-"use strict";const t=require("vue"),E=require("./design-system52.js"),I=require("./design-system107.js"),R=require("./design-system3.js"),$=require("./design-system5.js"),b=require("./design-system6.js"),j=require("./design-system31.js"),T=require("./design-system32.js"),F=require("./design-system51.js"),L=require("./design-system101.js"),v=require("./design-system4.js"),Y=require("./design-system102.js"),c=require("./design-system108.js"),O={class:"ds-relative"},A=["id","disabled","placeholder","value"],U=["id","disabled","placeholder"],G=["for"],J=t.createElementVNode("path",{d:"M96 32V64H48C21.5 64 0 85.5 0 112v48H448V112c0-26.5-21.5-48-48-48H352V32c0-17.7-14.3-32-32-32s-32 14.3-32 32V64H160V32c0-17.7-14.3-32-32-32S96 14.3 96 32zM448 192H0V464c0 26.5 21.5 48 48 48H400c26.5 0 48-21.5 48-48V192zM96 296c0-13.3 10.7-24 24-24H328c13.3 0 24 10.7 24 24s-10.7 24-24 24H120c-13.3 0-24-10.7-24-24zm24 72H232c13.3 0 24 10.7 24 24s-10.7 24-24 24H120c-13.3 0-24-10.7-24-24s10.7-24 24-24z"},null,-1),K=[J],Q=t.defineComponent({__name:"BDateRangePicker",props:{inputId:{default:""},modelValue:{},label:{default:""},validationRules:{default:void 0},placeholder:{default:""},required:{type:Boolean,default:!1},requiredErrorMessage:{default:""},disabled:{type:Boolean,default:!1},inputCssClass:{default:""},minDate:{default:""},maxDate:{default:""},view:{default:$.BDatePickerView.Days},hideDetails:{type:Boolean,default:!1},position:{default:"bottom left"}},emits:["update:modelValue"],setup(g,{emit:V}){const a=g,w=V,{t:e,locale:D}=E.useI18n(),q=`DD${v.DateDelimiter}MM${v.DateDelimiter}YYYY`;let r;const x={validateRule:s=>!!s,errorMessage:()=>a.requiredErrorMessage||e("ds.global.field_required")},m=t.ref(),d=t.computed(()=>a.inputId||`id-${Y()}`),_=t.computed({get(){return a.modelValue},set(s){w("update:modelValue",s)}}),B=t.computed(()=>[{content:e("ds.components.base.date_picker.buttons.cancel"),className:"ds-bg-transparent focus:ds-ring-1 focus:ds-ring-gray-300 ds-border-inner-primary-f !ds-text-primary-t hover:ds-bg-[#e6f0fe] ds-text-sm ds-leading-4 ds-px-4 ds-mx-1",onClick:s=>{s.clear(),t.nextTick(()=>{y()}),s.hide()}},{content:e("ds.components.base.date_picker.buttons.confirm"),className:`${d.value}-btn-confirm focus:ds-ring-1 focus:ds-ring-1 focus:ds-ring-blue-300 ds-bg-gradient-to-r ds-from-primary-f-stop ds-from-primary-f ds-to-primary-t !ds-text-white enabled:hover:ds-bg-[#0e4bbd] ds-text-sm ds-leading-4 ds-px-4 disabled:ds-from-[#e2e4e8] disabled:ds-to-[#e2e4e8] disabled:ds-text-black/[0.4] ds-mx-1`,onClick:s=>{_.value=l(m.value)?m.value:[],t.nextTick(()=>{y()}),s.hide()},attrs:a.required?{disabled:""}:void 0}]),h=t.computed(()=>{const s={days:[e("ds.components.base.date_picker.days.sunday"),e("ds.components.base.date_picker.days.monday"),e("ds.components.base.date_picker.days.tuesday"),e("ds.components.base.date_picker.days.wednesday"),e("ds.components.base.date_picker.days.thursday"),e("ds.components.base.date_picker.days.friday"),e("ds.components.base.date_picker.days.saturday")],daysShort:[e("ds.components.base.date_picker.days_short.sunday"),e("ds.components.base.date_picker.days_short.monday"),e("ds.components.base.date_picker.days_short.tuesday"),e("ds.components.base.date_picker.days_short.wednesday"),e("ds.components.base.date_picker.days_short.thursday"),e("ds.components.base.date_picker.days_short.friday"),e("ds.components.base.date_picker.days_short.saturday")],daysMin:[e("ds.components.base.date_picker.days_min.sunday"),e("ds.components.base.date_picker.days_min.monday"),e("ds.components.base.date_picker.days_min.tuesday"),e("ds.components.base.date_picker.days_min.wednesday"),e("ds.components.base.date_picker.days_min.thursday"),e("ds.components.base.date_picker.days_min.friday"),e("ds.components.base.date_picker.days_min.saturday")],months:[e("ds.components.base.date_picker.months.january"),e("ds.components.base.date_picker.months.february"),e("ds.components.base.date_picker.months.march"),e("ds.components.base.date_picker.months.april"),e("ds.components.base.date_picker.months.may"),e("ds.components.base.date_picker.months.june"),e("ds.components.base.date_picker.months.july"),e("ds.components.base.date_picker.months.august"),e("ds.components.base.date_picker.months.september"),e("ds.components.base.date_picker.months.october"),e("ds.components.base.date_picker.months.november"),e("ds.components.base.date_picker.months.december")],monthsShort:[e("ds.components.base.date_picker.months_short.january"),e("ds.components.base.date_picker.months_short.february"),e("ds.components.base.date_picker.months_short.march"),e("ds.components.base.date_picker.months_short.april"),e("ds.components.base.date_picker.months_short.may"),e("ds.components.base.date_picker.months_short.june"),e("ds.components.base.date_picker.months_short.july"),e("ds.components.base.date_picker.months_short.august"),e("ds.components.base.date_picker.months_short.september"),e("ds.components.base.date_picker.months_short.october"),e("ds.components.base.date_picker.months_short.november"),e("ds.components.base.date_picker.months_short.december")],today:e("ds.components.base.date_picker.buttons.today"),clear:e("ds.components.base.date_picker.buttons.clear"),dateFormat:"dd/MM/yyyy",timeFormat:"HH:mm",firstDay:1},o=({date:n})=>{const i=l(n);m.value=i?n:[],a.required&&N(i)};return{locale:s,selectedDates:a.modelValue,onSelect:o,buttons:B.value,showOtherMonths:!1,timepicker:!1,onlyTimepicker:!1,minDate:a.minDate,maxDate:a.maxDate,view:a.view,onHide:S,onShow:P,navTitles:{days:"MMMM yyyy"},position:a.position,range:!0,multipleDatesSeparator:" - ",prevHtml:`<svg xmlns="http://www.w3.org/2000/svg"
+"use strict";const t=require("vue"),E=require("./design-system52.js"),I=require("./design-system103.js"),R=require("./design-system3.js"),$=require("./design-system5.js"),b=require("./design-system6.js"),j=require("./design-system31.js"),T=require("./design-system32.js"),F=require("./design-system51.js"),L=require("./design-system101.js"),v=require("./design-system4.js"),Y=require("./design-system104.js"),c=require("./design-system105.js"),O={class:"ds-relative"},A=["id","disabled","placeholder","value"],U=["id","disabled","placeholder"],G=["for"],J=t.createElementVNode("path",{d:"M96 32V64H48C21.5 64 0 85.5 0 112v48H448V112c0-26.5-21.5-48-48-48H352V32c0-17.7-14.3-32-32-32s-32 14.3-32 32V64H160V32c0-17.7-14.3-32-32-32S96 14.3 96 32zM448 192H0V464c0 26.5 21.5 48 48 48H400c26.5 0 48-21.5 48-48V192zM96 296c0-13.3 10.7-24 24-24H328c13.3 0 24 10.7 24 24s-10.7 24-24 24H120c-13.3 0-24-10.7-24-24zm24 72H232c13.3 0 24 10.7 24 24s-10.7 24-24 24H120c-13.3 0-24-10.7-24-24s10.7-24 24-24z"},null,-1),K=[J],Q=t.defineComponent({__name:"BDateRangePicker",props:{inputId:{default:""},modelValue:{},label:{default:""},validationRules:{default:void 0},placeholder:{default:""},required:{type:Boolean,default:!1},requiredErrorMessage:{default:""},disabled:{type:Boolean,default:!1},inputCssClass:{default:""},minDate:{default:""},maxDate:{default:""},view:{default:$.BDatePickerView.Days},hideDetails:{type:Boolean,default:!1},position:{default:"bottom left"}},emits:["update:modelValue"],setup(g,{emit:V}){const a=g,w=V,{t:e,locale:D}=E.useI18n(),q=`DD${v.DateDelimiter}MM${v.DateDelimiter}YYYY`;let r;const x={validateRule:s=>!!s,errorMessage:()=>a.requiredErrorMessage||e("ds.global.field_required")},m=t.ref(),d=t.computed(()=>a.inputId||`id-${Y()}`),_=t.computed({get(){return a.modelValue},set(s){w("update:modelValue",s)}}),B=t.computed(()=>[{content:e("ds.components.base.date_picker.buttons.cancel"),className:"ds-bg-transparent focus:ds-ring-1 focus:ds-ring-gray-300 ds-border-inner-primary-f !ds-text-primary-t hover:ds-bg-[#e6f0fe] ds-text-sm ds-leading-4 ds-px-4 ds-mx-1",onClick:s=>{s.clear(),t.nextTick(()=>{y()}),s.hide()}},{content:e("ds.components.base.date_picker.buttons.confirm"),className:`${d.value}-btn-confirm focus:ds-ring-1 focus:ds-ring-1 focus:ds-ring-blue-300 ds-bg-gradient-to-r ds-from-primary-f-stop ds-from-primary-f ds-to-primary-t !ds-text-white enabled:hover:ds-bg-[#0e4bbd] ds-text-sm ds-leading-4 ds-px-4 disabled:ds-from-[#e2e4e8] disabled:ds-to-[#e2e4e8] disabled:ds-text-black/[0.4] ds-mx-1`,onClick:s=>{_.value=l(m.value)?m.value:[],t.nextTick(()=>{y()}),s.hide()},attrs:a.required?{disabled:""}:void 0}]),h=t.computed(()=>{const s={days:[e("ds.components.base.date_picker.days.sunday"),e("ds.components.base.date_picker.days.monday"),e("ds.components.base.date_picker.days.tuesday"),e("ds.components.base.date_picker.days.wednesday"),e("ds.components.base.date_picker.days.thursday"),e("ds.components.base.date_picker.days.friday"),e("ds.components.base.date_picker.days.saturday")],daysShort:[e("ds.components.base.date_picker.days_short.sunday"),e("ds.components.base.date_picker.days_short.monday"),e("ds.components.base.date_picker.days_short.tuesday"),e("ds.components.base.date_picker.days_short.wednesday"),e("ds.components.base.date_picker.days_short.thursday"),e("ds.components.base.date_picker.days_short.friday"),e("ds.components.base.date_picker.days_short.saturday")],daysMin:[e("ds.components.base.date_picker.days_min.sunday"),e("ds.components.base.date_picker.days_min.monday"),e("ds.components.base.date_picker.days_min.tuesday"),e("ds.components.base.date_picker.days_min.wednesday"),e("ds.components.base.date_picker.days_min.thursday"),e("ds.components.base.date_picker.days_min.friday"),e("ds.components.base.date_picker.days_min.saturday")],months:[e("ds.components.base.date_picker.months.january"),e("ds.components.base.date_picker.months.february"),e("ds.components.base.date_picker.months.march"),e("ds.components.base.date_picker.months.april"),e("ds.components.base.date_picker.months.may"),e("ds.components.base.date_picker.months.june"),e("ds.components.base.date_picker.months.july"),e("ds.components.base.date_picker.months.august"),e("ds.components.base.date_picker.months.september"),e("ds.components.base.date_picker.months.october"),e("ds.components.base.date_picker.months.november"),e("ds.components.base.date_picker.months.december")],monthsShort:[e("ds.components.base.date_picker.months_short.january"),e("ds.components.base.date_picker.months_short.february"),e("ds.components.base.date_picker.months_short.march"),e("ds.components.base.date_picker.months_short.april"),e("ds.components.base.date_picker.months_short.may"),e("ds.components.base.date_picker.months_short.june"),e("ds.components.base.date_picker.months_short.july"),e("ds.components.base.date_picker.months_short.august"),e("ds.components.base.date_picker.months_short.september"),e("ds.components.base.date_picker.months_short.october"),e("ds.components.base.date_picker.months_short.november"),e("ds.components.base.date_picker.months_short.december")],today:e("ds.components.base.date_picker.buttons.today"),clear:e("ds.components.base.date_picker.buttons.clear"),dateFormat:"dd/MM/yyyy",timeFormat:"HH:mm",firstDay:1},o=({date:n})=>{const i=l(n);m.value=i?n:[],a.required&&N(i)};return{locale:s,selectedDates:a.modelValue,onSelect:o,buttons:B.value,showOtherMonths:!1,timepicker:!1,onlyTimepicker:!1,minDate:a.minDate,maxDate:a.maxDate,view:a.view,onHide:S,onShow:P,navTitles:{days:"MMMM yyyy"},position:a.position,range:!0,multipleDatesSeparator:" - ",prevHtml:`<svg xmlns="http://www.w3.org/2000/svg"
                    viewBox="0 0 320 512">
                   <path d="M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z"/>
               </svg>`,nextHtml:`<svg xmlns="http://www.w3.org/2000/svg"

package/dist/design-system15.mjs

@@ -1,6 +1,6 @@
 import { defineComponent as A, ref as w, computed as n, nextTick as V, watch as D, onMounted as L, onBeforeUnmount as O, openBlock as h, createElementBlock as x, createVNode as E, createElementVNode as i, normalizeClass as f, createBlock as U, unref as G, createCommentVNode as J } from "vue";
 import { useI18n as K } from "./design-system52.mjs";
-import Q from "./design-system107.mjs";
+import Q from "./design-system103.mjs";
 import { useValidationField as W } from "./design-system3.mjs";
 import { BDatePickerView as X } from "./design-system5.mjs";
 import { unlockScrollBody as M, lockScrollBody as Z } from "./design-system6.mjs";
@@ -9,8 +9,8 @@ import se from "./design-system32.mjs";
 import { checkIfISOFormat as te } from "./design-system51.mjs";
 import ae from "./design-system101.mjs";
 import { DateDelimiter as B } from "./design-system4.mjs";
-import oe from "./design-system102.mjs";
-import l from "./design-system108.mjs";
+import oe from "./design-system104.mjs";
+import l from "./design-system105.mjs";
 const de = { class: "ds-relative" }, re = ["id", "disabled", "placeholder", "value"], ne = ["id", "disabled", "placeholder"], le = ["for"], ie = /* @__PURE__ */ i("path", { d: "M96 32V64H48C21.5 64 0 85.5 0 112v48H448V112c0-26.5-21.5-48-48-48H352V32c0-17.7-14.3-32-32-32s-32 14.3-32 32V64H160V32c0-17.7-14.3-32-32-32S96 14.3 96 32zM448 192H0V464c0 26.5 21.5 48 48 48H400c26.5 0 48-21.5 48-48V192zM96 296c0-13.3 10.7-24 24-24H328c13.3 0 24 10.7 24 24s-10.7 24-24 24H120c-13.3 0-24-10.7-24-24zm24 72H232c13.3 0 24 10.7 24 24s-10.7 24-24 24H120c-13.3 0-24-10.7-24-24s10.7-24 24-24z" }, null, -1), ce = [
   ie
 ], De = /* @__PURE__ */ A({

package/dist/design-system151.js

@@ -1,2 +1,2 @@
-"use strict";const h=require("./design-system152.js"),l=require("./design-system153.js");function u(s,a,i,d){var g=!i;i||(i={});for(var f=-1,v=a.length;++f<v;){var n=a[f],r=d?d(i[n],s[n],n,i,s):void 0;r===void 0&&(r=s[n]),g?l(i,n,r):h(i,n,r)}return i}module.exports=u;
+"use strict";const t=require("./design-system152.js"),a=require("./design-system122.js");var i=Object.prototype,o=i.hasOwnProperty;function u(r,s,n){var e=r[s];(!(o.call(r,s)&&a(e,n))||n===void 0&&!(s in r))&&t(r,s,n)}module.exports=u;
 //# sourceMappingURL=design-system151.js.map

package/dist/design-system151.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system151.js","sources":["../node_modules/lodash-es/_copyObject.js"],"sourcesContent":["import assignValue from './_assignValue.js';\nimport baseAssignValue from './_baseAssignValue.js';\n\n/**\n * Copies properties of `source` to `object`.\n *\n * @private\n * @param {Object} source The object to copy properties from.\n * @param {Array} props The property identifiers to copy.\n * @param {Object} [object={}] The object to copy properties to.\n * @param {Function} [customizer] The function to customize copied values.\n * @returns {Object} Returns `object`.\n */\nfunction copyObject(source, props, object, customizer) {\n  var isNew = !object;\n  object || (object = {});\n\n  var index = -1,\n      length = props.length;\n\n  while (++index < length) {\n    var key = props[index];\n\n    var newValue = customizer\n      ? customizer(object[key], source[key], key, object, source)\n      : undefined;\n\n    if (newValue === undefined) {\n      newValue = source[key];\n    }\n    if (isNew) {\n      baseAssignValue(object, key, newValue);\n    } else {\n      assignValue(object, key, newValue);\n    }\n  }\n  return object;\n}\n\nexport default copyObject;\n"],"names":["copyObject","source","props","object","customizer","isNew","index","length","key","newValue","baseAssignValue","assignValue"],"mappings":"yFAaA,SAASA,EAAWC,EAAQC,EAAOC,EAAQC,EAAY,CACrD,IAAIC,EAAQ,CAACF,EACbA,IAAWA,EAAS,CAAA,GAKpB,QAHIG,EAAQ,GACRC,EAASL,EAAM,OAEZ,EAAEI,EAAQC,GAAQ,CACvB,IAAIC,EAAMN,EAAMI,CAAK,EAEjBG,EAAWL,EACXA,EAAWD,EAAOK,CAAG,EAAGP,EAAOO,CAAG,EAAGA,EAAKL,EAAQF,CAAM,EACxD,OAEAQ,IAAa,SACfA,EAAWR,EAAOO,CAAG,GAEnBH,EACFK,EAAgBP,EAAQK,EAAKC,CAAQ,EAErCE,EAAYR,EAAQK,EAAKC,CAAQ,CAEpC,CACD,OAAON,CACT","x_google_ignoreList":[0]}
+{"version":3,"file":"design-system151.js","sources":["../node_modules/lodash-es/_assignValue.js"],"sourcesContent":["import baseAssignValue from './_baseAssignValue.js';\nimport eq from './eq.js';\n\n/** Used for built-in method references. */\nvar objectProto = Object.prototype;\n\n/** Used to check objects for own properties. */\nvar hasOwnProperty = objectProto.hasOwnProperty;\n\n/**\n * Assigns `value` to `key` of `object` if the existing value is not equivalent\n * using [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero)\n * for equality comparisons.\n *\n * @private\n * @param {Object} object The object to modify.\n * @param {string} key The key of the property to assign.\n * @param {*} value The value to assign.\n */\nfunction assignValue(object, key, value) {\n  var objValue = object[key];\n  if (!(hasOwnProperty.call(object, key) && eq(objValue, value)) ||\n      (value === undefined && !(key in object))) {\n    baseAssignValue(object, key, value);\n  }\n}\n\nexport default assignValue;\n"],"names":["objectProto","hasOwnProperty","assignValue","object","key","value","objValue","eq","baseAssignValue"],"mappings":"yFAIA,IAAIA,EAAc,OAAO,UAGrBC,EAAiBD,EAAY,eAYjC,SAASE,EAAYC,EAAQC,EAAKC,EAAO,CACvC,IAAIC,EAAWH,EAAOC,CAAG,GACrB,EAAEH,EAAe,KAAKE,EAAQC,CAAG,GAAKG,EAAGD,EAAUD,CAAK,IACvDA,IAAU,QAAa,EAAED,KAAOD,KACnCK,EAAgBL,EAAQC,EAAKC,CAAK,CAEtC","x_google_ignoreList":[0]}

package/dist/design-system151.mjs

@@ -1,15 +1,11 @@
-import v from "./design-system152.mjs";
-import h from "./design-system153.mjs";
-function x(a, r, i, d) {
-  var l = !i;
-  i || (i = {});
-  for (var g = -1, s = r.length; ++g < s; ) {
-    var n = r[g], f = d ? d(i[n], a[n], n, i, a) : void 0;
-    f === void 0 && (f = a[n]), l ? h(i, n, f) : v(i, n, f);
-  }
-  return i;
+import t from "./design-system152.mjs";
+import i from "./design-system122.mjs";
+var s = Object.prototype, p = s.hasOwnProperty;
+function l(r, a, o) {
+  var n = r[a];
+  (!(p.call(r, a) && i(n, o)) || o === void 0 && !(a in r)) && t(r, a, o);
 }
 export {
-  x as default
+  l as default
 };
 //# sourceMappingURL=design-system151.mjs.map

package/dist/design-system151.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system151.mjs","sources":["../node_modules/lodash-es/_copyObject.js"],"sourcesContent":["import assignValue from './_assignValue.js';\nimport baseAssignValue from './_baseAssignValue.js';\n\n/**\n * Copies properties of `source` to `object`.\n *\n * @private\n * @param {Object} source The object to copy properties from.\n * @param {Array} props The property identifiers to copy.\n * @param {Object} [object={}] The object to copy properties to.\n * @param {Function} [customizer] The function to customize copied values.\n * @returns {Object} Returns `object`.\n */\nfunction copyObject(source, props, object, customizer) {\n  var isNew = !object;\n  object || (object = {});\n\n  var index = -1,\n      length = props.length;\n\n  while (++index < length) {\n    var key = props[index];\n\n    var newValue = customizer\n      ? customizer(object[key], source[key], key, object, source)\n      : undefined;\n\n    if (newValue === undefined) {\n      newValue = source[key];\n    }\n    if (isNew) {\n      baseAssignValue(object, key, newValue);\n    } else {\n      assignValue(object, key, newValue);\n    }\n  }\n  return object;\n}\n\nexport default copyObject;\n"],"names":["copyObject","source","props","object","customizer","isNew","index","length","key","newValue","baseAssignValue","assignValue"],"mappings":";;AAaA,SAASA,EAAWC,GAAQC,GAAOC,GAAQC,GAAY;AACrD,MAAIC,IAAQ,CAACF;AACb,EAAAA,MAAWA,IAAS,CAAA;AAKpB,WAHIG,IAAQ,IACRC,IAASL,EAAM,QAEZ,EAAEI,IAAQC,KAAQ;AACvB,QAAIC,IAAMN,EAAMI,CAAK,GAEjBG,IAAWL,IACXA,EAAWD,EAAOK,CAAG,GAAGP,EAAOO,CAAG,GAAGA,GAAKL,GAAQF,CAAM,IACxD;AAEJ,IAAIQ,MAAa,WACfA,IAAWR,EAAOO,CAAG,IAEnBH,IACFK,EAAgBP,GAAQK,GAAKC,CAAQ,IAErCE,EAAYR,GAAQK,GAAKC,CAAQ;AAAA,EAEpC;AACD,SAAON;AACT;","x_google_ignoreList":[0]}
+{"version":3,"file":"design-system151.mjs","sources":["../node_modules/lodash-es/_assignValue.js"],"sourcesContent":["import baseAssignValue from './_baseAssignValue.js';\nimport eq from './eq.js';\n\n/** Used for built-in method references. */\nvar objectProto = Object.prototype;\n\n/** Used to check objects for own properties. */\nvar hasOwnProperty = objectProto.hasOwnProperty;\n\n/**\n * Assigns `value` to `key` of `object` if the existing value is not equivalent\n * using [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero)\n * for equality comparisons.\n *\n * @private\n * @param {Object} object The object to modify.\n * @param {string} key The key of the property to assign.\n * @param {*} value The value to assign.\n */\nfunction assignValue(object, key, value) {\n  var objValue = object[key];\n  if (!(hasOwnProperty.call(object, key) && eq(objValue, value)) ||\n      (value === undefined && !(key in object))) {\n    baseAssignValue(object, key, value);\n  }\n}\n\nexport default assignValue;\n"],"names":["objectProto","hasOwnProperty","assignValue","object","key","value","objValue","eq","baseAssignValue"],"mappings":";;AAIA,IAAIA,IAAc,OAAO,WAGrBC,IAAiBD,EAAY;AAYjC,SAASE,EAAYC,GAAQC,GAAKC,GAAO;AACvC,MAAIC,IAAWH,EAAOC,CAAG;AACzB,GAAI,EAAEH,EAAe,KAAKE,GAAQC,CAAG,KAAKG,EAAGD,GAAUD,CAAK,MACvDA,MAAU,UAAa,EAAED,KAAOD,OACnCK,EAAgBL,GAAQC,GAAKC,CAAK;AAEtC;","x_google_ignoreList":[0]}

package/dist/design-system152.js

@@ -1,2 +1,2 @@
-"use strict";const t=require("./design-system153.js"),a=require("./design-system122.js");var i=Object.prototype,o=i.hasOwnProperty;function u(r,s,n){var e=r[s];(!(o.call(r,s)&&a(e,n))||n===void 0&&!(s in r))&&t(r,s,n)}module.exports=u;
+"use strict";const u=require("./design-system155.js");function i(r,e,t){e=="__proto__"&&u?u(r,e,{configurable:!0,enumerable:!0,value:t,writable:!0}):r[e]=t}module.exports=i;
 //# sourceMappingURL=design-system152.js.map

package/dist/design-system152.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system152.js","sources":["../node_modules/lodash-es/_assignValue.js"],"sourcesContent":["import baseAssignValue from './_baseAssignValue.js';\nimport eq from './eq.js';\n\n/** Used for built-in method references. */\nvar objectProto = Object.prototype;\n\n/** Used to check objects for own properties. */\nvar hasOwnProperty = objectProto.hasOwnProperty;\n\n/**\n * Assigns `value` to `key` of `object` if the existing value is not equivalent\n * using [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero)\n * for equality comparisons.\n *\n * @private\n * @param {Object} object The object to modify.\n * @param {string} key The key of the property to assign.\n * @param {*} value The value to assign.\n */\nfunction assignValue(object, key, value) {\n  var objValue = object[key];\n  if (!(hasOwnProperty.call(object, key) && eq(objValue, value)) ||\n      (value === undefined && !(key in object))) {\n    baseAssignValue(object, key, value);\n  }\n}\n\nexport default assignValue;\n"],"names":["objectProto","hasOwnProperty","assignValue","object","key","value","objValue","eq","baseAssignValue"],"mappings":"yFAIA,IAAIA,EAAc,OAAO,UAGrBC,EAAiBD,EAAY,eAYjC,SAASE,EAAYC,EAAQC,EAAKC,EAAO,CACvC,IAAIC,EAAWH,EAAOC,CAAG,GACrB,EAAEH,EAAe,KAAKE,EAAQC,CAAG,GAAKG,EAAGD,EAAUD,CAAK,IACvDA,IAAU,QAAa,EAAED,KAAOD,KACnCK,EAAgBL,EAAQC,EAAKC,CAAK,CAEtC","x_google_ignoreList":[0]}
+{"version":3,"file":"design-system152.js","sources":["../node_modules/lodash-es/_baseAssignValue.js"],"sourcesContent":["import defineProperty from './_defineProperty.js';\n\n/**\n * The base implementation of `assignValue` and `assignMergeValue` without\n * value checks.\n *\n * @private\n * @param {Object} object The object to modify.\n * @param {string} key The key of the property to assign.\n * @param {*} value The value to assign.\n */\nfunction baseAssignValue(object, key, value) {\n  if (key == '__proto__' && defineProperty) {\n    defineProperty(object, key, {\n      'configurable': true,\n      'enumerable': true,\n      'value': value,\n      'writable': true\n    });\n  } else {\n    object[key] = value;\n  }\n}\n\nexport default baseAssignValue;\n"],"names":["baseAssignValue","object","key","value","defineProperty"],"mappings":"sDAWA,SAASA,EAAgBC,EAAQC,EAAKC,EAAO,CACvCD,GAAO,aAAeE,EACxBA,EAAeH,EAAQC,EAAK,CAC1B,aAAgB,GAChB,WAAc,GACd,MAASC,EACT,SAAY,EAClB,CAAK,EAEDF,EAAOC,CAAG,EAAIC,CAElB","x_google_ignoreList":[0]}

package/dist/design-system152.mjs

@@ -1,11 +1,13 @@
-import t from "./design-system153.mjs";
-import i from "./design-system122.mjs";
-var s = Object.prototype, p = s.hasOwnProperty;
-function l(r, a, o) {
-  var n = r[a];
-  (!(p.call(r, a) && i(n, o)) || o === void 0 && !(a in r)) && t(r, a, o);
+import u from "./design-system155.mjs";
+function i(r, e, t) {
+  e == "__proto__" && u ? u(r, e, {
+    configurable: !0,
+    enumerable: !0,
+    value: t,
+    writable: !0
+  }) : r[e] = t;
 }
 export {
-  l as default
+  i as default
 };
 //# sourceMappingURL=design-system152.mjs.map

package/dist/design-system152.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system152.mjs","sources":["../node_modules/lodash-es/_assignValue.js"],"sourcesContent":["import baseAssignValue from './_baseAssignValue.js';\nimport eq from './eq.js';\n\n/** Used for built-in method references. */\nvar objectProto = Object.prototype;\n\n/** Used to check objects for own properties. */\nvar hasOwnProperty = objectProto.hasOwnProperty;\n\n/**\n * Assigns `value` to `key` of `object` if the existing value is not equivalent\n * using [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero)\n * for equality comparisons.\n *\n * @private\n * @param {Object} object The object to modify.\n * @param {string} key The key of the property to assign.\n * @param {*} value The value to assign.\n */\nfunction assignValue(object, key, value) {\n  var objValue = object[key];\n  if (!(hasOwnProperty.call(object, key) && eq(objValue, value)) ||\n      (value === undefined && !(key in object))) {\n    baseAssignValue(object, key, value);\n  }\n}\n\nexport default assignValue;\n"],"names":["objectProto","hasOwnProperty","assignValue","object","key","value","objValue","eq","baseAssignValue"],"mappings":";;AAIA,IAAIA,IAAc,OAAO,WAGrBC,IAAiBD,EAAY;AAYjC,SAASE,EAAYC,GAAQC,GAAKC,GAAO;AACvC,MAAIC,IAAWH,EAAOC,CAAG;AACzB,GAAI,EAAEH,EAAe,KAAKE,GAAQC,CAAG,KAAKG,EAAGD,GAAUD,CAAK,MACvDA,MAAU,UAAa,EAAED,KAAOD,OACnCK,EAAgBL,GAAQC,GAAKC,CAAK;AAEtC;","x_google_ignoreList":[0]}
+{"version":3,"file":"design-system152.mjs","sources":["../node_modules/lodash-es/_baseAssignValue.js"],"sourcesContent":["import defineProperty from './_defineProperty.js';\n\n/**\n * The base implementation of `assignValue` and `assignMergeValue` without\n * value checks.\n *\n * @private\n * @param {Object} object The object to modify.\n * @param {string} key The key of the property to assign.\n * @param {*} value The value to assign.\n */\nfunction baseAssignValue(object, key, value) {\n  if (key == '__proto__' && defineProperty) {\n    defineProperty(object, key, {\n      'configurable': true,\n      'enumerable': true,\n      'value': value,\n      'writable': true\n    });\n  } else {\n    object[key] = value;\n  }\n}\n\nexport default baseAssignValue;\n"],"names":["baseAssignValue","object","key","value","defineProperty"],"mappings":";AAWA,SAASA,EAAgBC,GAAQC,GAAKC,GAAO;AAC3C,EAAID,KAAO,eAAeE,IACxBA,EAAeH,GAAQC,GAAK;AAAA,IAC1B,cAAgB;AAAA,IAChB,YAAc;AAAA,IACd,OAASC;AAAA,IACT,UAAY;AAAA,EAClB,CAAK,IAEDF,EAAOC,CAAG,IAAIC;AAElB;","x_google_ignoreList":[0]}

package/dist/design-system153.js

@@ -1,2 +1,2 @@
-"use strict";const u=require("./design-system155.js");function i(r,e,t){e=="__proto__"&&u?u(r,e,{configurable:!0,enumerable:!0,value:t,writable:!0}):r[e]=t}module.exports=i;
+"use strict";const h=require("./design-system151.js"),l=require("./design-system152.js");function u(s,a,i,d){var g=!i;i||(i={});for(var f=-1,v=a.length;++f<v;){var n=a[f],r=d?d(i[n],s[n],n,i,s):void 0;r===void 0&&(r=s[n]),g?l(i,n,r):h(i,n,r)}return i}module.exports=u;
 //# sourceMappingURL=design-system153.js.map

package/dist/design-system153.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system153.js","sources":["../node_modules/lodash-es/_baseAssignValue.js"],"sourcesContent":["import defineProperty from './_defineProperty.js';\n\n/**\n * The base implementation of `assignValue` and `assignMergeValue` without\n * value checks.\n *\n * @private\n * @param {Object} object The object to modify.\n * @param {string} key The key of the property to assign.\n * @param {*} value The value to assign.\n */\nfunction baseAssignValue(object, key, value) {\n  if (key == '__proto__' && defineProperty) {\n    defineProperty(object, key, {\n      'configurable': true,\n      'enumerable': true,\n      'value': value,\n      'writable': true\n    });\n  } else {\n    object[key] = value;\n  }\n}\n\nexport default baseAssignValue;\n"],"names":["baseAssignValue","object","key","value","defineProperty"],"mappings":"sDAWA,SAASA,EAAgBC,EAAQC,EAAKC,EAAO,CACvCD,GAAO,aAAeE,EACxBA,EAAeH,EAAQC,EAAK,CAC1B,aAAgB,GAChB,WAAc,GACd,MAASC,EACT,SAAY,EAClB,CAAK,EAEDF,EAAOC,CAAG,EAAIC,CAElB","x_google_ignoreList":[0]}
+{"version":3,"file":"design-system153.js","sources":["../node_modules/lodash-es/_copyObject.js"],"sourcesContent":["import assignValue from './_assignValue.js';\nimport baseAssignValue from './_baseAssignValue.js';\n\n/**\n * Copies properties of `source` to `object`.\n *\n * @private\n * @param {Object} source The object to copy properties from.\n * @param {Array} props The property identifiers to copy.\n * @param {Object} [object={}] The object to copy properties to.\n * @param {Function} [customizer] The function to customize copied values.\n * @returns {Object} Returns `object`.\n */\nfunction copyObject(source, props, object, customizer) {\n  var isNew = !object;\n  object || (object = {});\n\n  var index = -1,\n      length = props.length;\n\n  while (++index < length) {\n    var key = props[index];\n\n    var newValue = customizer\n      ? customizer(object[key], source[key], key, object, source)\n      : undefined;\n\n    if (newValue === undefined) {\n      newValue = source[key];\n    }\n    if (isNew) {\n      baseAssignValue(object, key, newValue);\n    } else {\n      assignValue(object, key, newValue);\n    }\n  }\n  return object;\n}\n\nexport default copyObject;\n"],"names":["copyObject","source","props","object","customizer","isNew","index","length","key","newValue","baseAssignValue","assignValue"],"mappings":"yFAaA,SAASA,EAAWC,EAAQC,EAAOC,EAAQC,EAAY,CACrD,IAAIC,EAAQ,CAACF,EACbA,IAAWA,EAAS,CAAA,GAKpB,QAHIG,EAAQ,GACRC,EAASL,EAAM,OAEZ,EAAEI,EAAQC,GAAQ,CACvB,IAAIC,EAAMN,EAAMI,CAAK,EAEjBG,EAAWL,EACXA,EAAWD,EAAOK,CAAG,EAAGP,EAAOO,CAAG,EAAGA,EAAKL,EAAQF,CAAM,EACxD,OAEAQ,IAAa,SACfA,EAAWR,EAAOO,CAAG,GAEnBH,EACFK,EAAgBP,EAAQK,EAAKC,CAAQ,EAErCE,EAAYR,EAAQK,EAAKC,CAAQ,CAEpC,CACD,OAAON,CACT","x_google_ignoreList":[0]}

package/dist/design-system153.mjs

@@ -1,13 +1,15 @@
-import u from "./design-system155.mjs";
-function i(r, e, t) {
-  e == "__proto__" && u ? u(r, e, {
-    configurable: !0,
-    enumerable: !0,
-    value: t,
-    writable: !0
-  }) : r[e] = t;
+import v from "./design-system151.mjs";
+import h from "./design-system152.mjs";
+function x(a, r, i, d) {
+  var l = !i;
+  i || (i = {});
+  for (var g = -1, s = r.length; ++g < s; ) {
+    var n = r[g], f = d ? d(i[n], a[n], n, i, a) : void 0;
+    f === void 0 && (f = a[n]), l ? h(i, n, f) : v(i, n, f);
+  }
+  return i;
 }
 export {
-  i as default
+  x as default
 };
 //# sourceMappingURL=design-system153.mjs.map

package/dist/design-system153.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system153.mjs","sources":["../node_modules/lodash-es/_baseAssignValue.js"],"sourcesContent":["import defineProperty from './_defineProperty.js';\n\n/**\n * The base implementation of `assignValue` and `assignMergeValue` without\n * value checks.\n *\n * @private\n * @param {Object} object The object to modify.\n * @param {string} key The key of the property to assign.\n * @param {*} value The value to assign.\n */\nfunction baseAssignValue(object, key, value) {\n  if (key == '__proto__' && defineProperty) {\n    defineProperty(object, key, {\n      'configurable': true,\n      'enumerable': true,\n      'value': value,\n      'writable': true\n    });\n  } else {\n    object[key] = value;\n  }\n}\n\nexport default baseAssignValue;\n"],"names":["baseAssignValue","object","key","value","defineProperty"],"mappings":";AAWA,SAASA,EAAgBC,GAAQC,GAAKC,GAAO;AAC3C,EAAID,KAAO,eAAeE,IACxBA,EAAeH,GAAQC,GAAK;AAAA,IAC1B,cAAgB;AAAA,IAChB,YAAc;AAAA,IACd,OAASC;AAAA,IACT,UAAY;AAAA,EAClB,CAAK,IAEDF,EAAOC,CAAG,IAAIC;AAElB;","x_google_ignoreList":[0]}
+{"version":3,"file":"design-system153.mjs","sources":["../node_modules/lodash-es/_copyObject.js"],"sourcesContent":["import assignValue from './_assignValue.js';\nimport baseAssignValue from './_baseAssignValue.js';\n\n/**\n * Copies properties of `source` to `object`.\n *\n * @private\n * @param {Object} source The object to copy properties from.\n * @param {Array} props The property identifiers to copy.\n * @param {Object} [object={}] The object to copy properties to.\n * @param {Function} [customizer] The function to customize copied values.\n * @returns {Object} Returns `object`.\n */\nfunction copyObject(source, props, object, customizer) {\n  var isNew = !object;\n  object || (object = {});\n\n  var index = -1,\n      length = props.length;\n\n  while (++index < length) {\n    var key = props[index];\n\n    var newValue = customizer\n      ? customizer(object[key], source[key], key, object, source)\n      : undefined;\n\n    if (newValue === undefined) {\n      newValue = source[key];\n    }\n    if (isNew) {\n      baseAssignValue(object, key, newValue);\n    } else {\n      assignValue(object, key, newValue);\n    }\n  }\n  return object;\n}\n\nexport default copyObject;\n"],"names":["copyObject","source","props","object","customizer","isNew","index","length","key","newValue","baseAssignValue","assignValue"],"mappings":";;AAaA,SAASA,EAAWC,GAAQC,GAAOC,GAAQC,GAAY;AACrD,MAAIC,IAAQ,CAACF;AACb,EAAAA,MAAWA,IAAS,CAAA;AAKpB,WAHIG,IAAQ,IACRC,IAASL,EAAM,QAEZ,EAAEI,IAAQC,KAAQ;AACvB,QAAIC,IAAMN,EAAMI,CAAK,GAEjBG,IAAWL,IACXA,EAAWD,EAAOK,CAAG,GAAGP,EAAOO,CAAG,GAAGA,GAAKL,GAAQF,CAAM,IACxD;AAEJ,IAAIQ,MAAa,WACfA,IAAWR,EAAOO,CAAG,IAEnBH,IACFK,EAAgBP,GAAQK,GAAKC,CAAQ,IAErCE,EAAYR,GAAQK,GAAKC,CAAQ;AAAA,EAEpC;AACD,SAAON;AACT;","x_google_ignoreList":[0]}

package/dist/design-system157.js

@@ -1,2 +1,2 @@
-"use strict";const r=require("./design-system151.js"),t=require("./design-system146.js");function n(e,s){return e&&r(s,t(s),e)}module.exports=n;
+"use strict";const r=require("./design-system153.js"),t=require("./design-system146.js");function n(e,s){return e&&r(s,t(s),e)}module.exports=n;
 //# sourceMappingURL=design-system157.js.map

package/dist/design-system157.mjs

@@ -1,4 +1,4 @@
-import o from "./design-system151.mjs";
+import o from "./design-system153.mjs";
 import e from "./design-system146.mjs";
 function m(r, t) {
   return r && o(t, e(t), r);

package/dist/design-system158.js

@@ -1,2 +1,2 @@
-"use strict";const s=require("./design-system151.js"),r=require("./design-system148.js");function t(e,n){return e&&s(n,r(n),e)}module.exports=t;
+"use strict";const s=require("./design-system153.js"),r=require("./design-system148.js");function t(e,n){return e&&s(n,r(n),e)}module.exports=t;
 //# sourceMappingURL=design-system158.js.map

package/dist/design-system158.mjs

@@ -1,4 +1,4 @@
-import t from "./design-system151.mjs";
+import t from "./design-system153.mjs";
 import o from "./design-system148.mjs";
 function i(n, r) {
   return n && t(r, o(r), n);

package/dist/design-system16.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),E=require("./design-system6.js"),B=require("./design-system4.js"),$=require("./design-system102.js"),V=["for"],P=["id"],L=["id","data-cy","data-ut"],M=e.defineComponent({__name:"BDropdown",props:{inputId:{default:""},modelValue:{type:Boolean,default:void 0},label:{default:""},toggleCssClass:{default:""},menuCssClass:{default:""},noCloseOnClickOutside:{type:Boolean,default:!1},noCloseOnEsc:{type:Boolean,default:!1},menuFixed:{type:Boolean,default:!1}},emits:["hidden","shown","update:modelValue"],setup(g,{emit:w}){const o=g,a=w,r=e.ref(null),n=e.ref(null),l=e.ref(null),c=e.ref(!1),i=e.computed(()=>o.inputId||`id-${$()}`),s=e.computed({get(){return o.modelValue!==void 0?o.modelValue:c.value},set(t){o.modelValue!==void 0?a("update:modelValue",t):c.value=t}});e.watch(s,t=>{var d;t?O():(C(),(d=r.value)==null||d.blur())}),e.watch(()=>o.noCloseOnClickOutside,t=>{t?y():v()}),e.watch(()=>o.noCloseOnEsc,t=>{t?k():m()});const m=()=>{document.addEventListener("keydown",f)},f=t=>{t.key==="Escape"&&u()},v=()=>{document.addEventListener("click",p)},p=t=>{[n.value,l.value].some(b=>t.composedPath().includes(b))||u()},h=()=>{s.value=!s.value},O=()=>{e.nextTick(()=>{E.ensureVisiblePosition(n.value,l.value,o.menuFixed),a("shown")})},C=()=>{E.resetPosition(n.value,l.value),a("hidden")},u=()=>{s.value=!1},k=()=>{document.removeEventListener("keydown",f)},y=()=>{document.removeEventListener("click",p)};return e.onMounted(()=>{o.noCloseOnEsc||m(),o.noCloseOnClickOutside||v()}),e.onBeforeUnmount(()=>{k(),y(),C()}),e.provide(B.PIKey.CloseDropdown,u),(t,d)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"dropdown",ref:n},[o.label?(e.openBlock(),e.createElementBlock("label",{key:0,for:i.value,class:"ds-mb-2 ds-block ds-text-xs ds-font-bold ds-capitalize ds-text-gray-500"},e.toDisplayString(o.label),9,V)):e.createCommentVNode("",!0),e.createElementVNode("button",{id:i.value,ref_key:"toggle",ref:r,class:e.normalizeClass([t.toggleCssClass,"focus:ds-ring-1 focus:ds-ring-primary-t"]),type:"button",onClick:h},[e.renderSlot(t.$slots,"toggle")],10,P),e.withDirectives(e.createElementVNode("div",{id:`${i.value}Menu`,ref_key:"dropdownMenu",ref:l,class:e.normalizeClass([`${t.menuCssClass} ${o.menuFixed?"ds-fixed":"ds-absolute"}`,"ds-z-50 ds-py-1"]),"data-cy":t.$attrs["data-cy"]?`${t.$attrs["data-cy"]}Menu`:void 0,"data-ut":t.$attrs["data-ut"]?`${t.$attrs["data-ut"]}Menu`:void 0},[e.renderSlot(t.$slots,"default")],10,L),[[e.vShow,s.value]])],512))}});module.exports=M;
+"use strict";const e=require("vue"),E=require("./design-system6.js"),B=require("./design-system4.js"),$=require("./design-system104.js"),V=["for"],P=["id"],L=["id","data-cy","data-ut"],M=e.defineComponent({__name:"BDropdown",props:{inputId:{default:""},modelValue:{type:Boolean,default:void 0},label:{default:""},toggleCssClass:{default:""},menuCssClass:{default:""},noCloseOnClickOutside:{type:Boolean,default:!1},noCloseOnEsc:{type:Boolean,default:!1},menuFixed:{type:Boolean,default:!1}},emits:["hidden","shown","update:modelValue"],setup(g,{emit:w}){const o=g,a=w,r=e.ref(null),n=e.ref(null),l=e.ref(null),c=e.ref(!1),i=e.computed(()=>o.inputId||`id-${$()}`),s=e.computed({get(){return o.modelValue!==void 0?o.modelValue:c.value},set(t){o.modelValue!==void 0?a("update:modelValue",t):c.value=t}});e.watch(s,t=>{var d;t?O():(C(),(d=r.value)==null||d.blur())}),e.watch(()=>o.noCloseOnClickOutside,t=>{t?y():v()}),e.watch(()=>o.noCloseOnEsc,t=>{t?k():m()});const m=()=>{document.addEventListener("keydown",f)},f=t=>{t.key==="Escape"&&u()},v=()=>{document.addEventListener("click",p)},p=t=>{[n.value,l.value].some(b=>t.composedPath().includes(b))||u()},h=()=>{s.value=!s.value},O=()=>{e.nextTick(()=>{E.ensureVisiblePosition(n.value,l.value,o.menuFixed),a("shown")})},C=()=>{E.resetPosition(n.value,l.value),a("hidden")},u=()=>{s.value=!1},k=()=>{document.removeEventListener("keydown",f)},y=()=>{document.removeEventListener("click",p)};return e.onMounted(()=>{o.noCloseOnEsc||m(),o.noCloseOnClickOutside||v()}),e.onBeforeUnmount(()=>{k(),y(),C()}),e.provide(B.PIKey.CloseDropdown,u),(t,d)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"dropdown",ref:n},[o.label?(e.openBlock(),e.createElementBlock("label",{key:0,for:i.value,class:"ds-mb-2 ds-block ds-text-xs ds-font-bold ds-capitalize ds-text-gray-500"},e.toDisplayString(o.label),9,V)):e.createCommentVNode("",!0),e.createElementVNode("button",{id:i.value,ref_key:"toggle",ref:r,class:e.normalizeClass([t.toggleCssClass,"focus:ds-ring-1 focus:ds-ring-primary-t"]),type:"button",onClick:h},[e.renderSlot(t.$slots,"toggle")],10,P),e.withDirectives(e.createElementVNode("div",{id:`${i.value}Menu`,ref_key:"dropdownMenu",ref:l,class:e.normalizeClass([`${t.menuCssClass} ${o.menuFixed?"ds-fixed":"ds-absolute"}`,"ds-z-50 ds-py-1"]),"data-cy":t.$attrs["data-cy"]?`${t.$attrs["data-cy"]}Menu`:void 0,"data-ut":t.$attrs["data-ut"]?`${t.$attrs["data-ut"]}Menu`:void 0},[e.renderSlot(t.$slots,"default")],10,L),[[e.vShow,s.value]])],512))}});module.exports=M;
 //# sourceMappingURL=design-system16.js.map

package/dist/design-system16.mjs

@@ -1,7 +1,7 @@
 import { defineComponent as _, ref as d, computed as E, watch as r, nextTick as D, onMounted as z, onBeforeUnmount as F, provide as I, openBlock as w, createElementBlock as h, toDisplayString as S, createCommentVNode as x, createElementVNode as O, normalizeClass as b, renderSlot as $, withDirectives as N, vShow as T } from "vue";
 import { ensureVisiblePosition as K, resetPosition as U } from "./design-system6.mjs";
 import { PIKey as j } from "./design-system4.mjs";
-import q from "./design-system102.mjs";
+import q from "./design-system104.mjs";
 const A = ["for"], G = ["id"], H = ["id", "data-cy", "data-ut"], Y = /* @__PURE__ */ _({
   __name: "BDropdown",
   props: {

package/dist/design-system161.js

@@ -1,2 +1,2 @@
-"use strict";const o=require("./design-system151.js"),r=require("./design-system204.js");function c(t,e){return o(t,r(t),e)}module.exports=c;
+"use strict";const o=require("./design-system153.js"),r=require("./design-system204.js");function c(t,e){return o(t,r(t),e)}module.exports=c;
 //# sourceMappingURL=design-system161.js.map

package/dist/design-system161.mjs

@@ -1,4 +1,4 @@
-import m from "./design-system151.mjs";
+import m from "./design-system153.mjs";
 import r from "./design-system204.mjs";
 function f(o, t) {
   return m(o, r(o), t);

package/dist/design-system162.js

@@ -1,2 +1,2 @@
-"use strict";const n=require("./design-system151.js"),o=require("./design-system196.js");function r(t,e){return n(t,o(t),e)}module.exports=r;
+"use strict";const n=require("./design-system153.js"),o=require("./design-system196.js");function r(t,e){return n(t,o(t),e)}module.exports=r;
 //# sourceMappingURL=design-system162.js.map

package/dist/design-system162.mjs

@@ -1,4 +1,4 @@
-import m from "./design-system151.mjs";
+import m from "./design-system153.mjs";
 import r from "./design-system196.mjs";
 function e(o, t) {
   return m(o, r(o), t);

package/dist/design-system18.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),i=require("./design-system5.js"),o=require("./design-system6.js"),u=require("./design-system105.js"),d={inheritAttrs:!1},p=e.defineComponent({...d,__name:"BModal",props:{modelValue:{type:Boolean},size:{default:i.BModalSize.Medium},fullscreen:{type:Boolean,default:!1},persistent:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(n,{emit:r}){const s=n,c=r,l=e.computed({get(){return s.modelValue},set(t){c("update:modelValue",t)}});return e.watch(l,t=>{t?o.lockScrollBody():o.unlockScrollBody()},{immediate:!0}),e.onBeforeUnmount(()=>{o.unlockScrollBody()}),(t,a)=>(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(e.Transition,{"enter-active-class":"ds-transition-all ds-ease-in-out","enter-from-class":"ds-opacity-0","enter-to-class":"ds-opacity-1","leave-active-class":"ds-transition-all ds-ease-in-out","leave-from-class":"ds-opacity-1","leave-to-class":"ds-opacity-0"},{default:e.withCtx(()=>[l.value?(e.openBlock(),e.createBlock(u,{key:0,class:e.normalizeClass(t.$attrs.class),fullscreen:s.fullscreen,persistent:s.persistent,size:s.size,onClose:a[0]||(a[0]=m=>l.value=!1)},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},8,["class","fullscreen","persistent","size"])):e.createCommentVNode("",!0)]),_:3})]))}});module.exports=p;
+"use strict";const e=require("vue"),i=require("./design-system5.js"),o=require("./design-system6.js"),u=require("./design-system106.js"),d={inheritAttrs:!1},p=e.defineComponent({...d,__name:"BModal",props:{modelValue:{type:Boolean},size:{default:i.BModalSize.Medium},fullscreen:{type:Boolean,default:!1},persistent:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(n,{emit:r}){const s=n,c=r,l=e.computed({get(){return s.modelValue},set(t){c("update:modelValue",t)}});return e.watch(l,t=>{t?o.lockScrollBody():o.unlockScrollBody()},{immediate:!0}),e.onBeforeUnmount(()=>{o.unlockScrollBody()}),(t,a)=>(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(e.Transition,{"enter-active-class":"ds-transition-all ds-ease-in-out","enter-from-class":"ds-opacity-0","enter-to-class":"ds-opacity-1","leave-active-class":"ds-transition-all ds-ease-in-out","leave-from-class":"ds-opacity-1","leave-to-class":"ds-opacity-0"},{default:e.withCtx(()=>[l.value?(e.openBlock(),e.createBlock(u,{key:0,class:e.normalizeClass(t.$attrs.class),fullscreen:s.fullscreen,persistent:s.persistent,size:s.size,onClose:a[0]||(a[0]=m=>l.value=!1)},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},8,["class","fullscreen","persistent","size"])):e.createCommentVNode("",!0)]),_:3})]))}});module.exports=p;
 //# sourceMappingURL=design-system18.js.map

package/dist/design-system18.mjs

@@ -1,7 +1,7 @@
 import { defineComponent as u, computed as m, watch as f, onBeforeUnmount as p, openBlock as o, createBlock as a, Teleport as y, createVNode as B, Transition as _, withCtx as r, normalizeClass as v, renderSlot as z, createCommentVNode as V } from "vue";
 import { BModalSize as k } from "./design-system5.mjs";
 import { lockScrollBody as C, unlockScrollBody as n } from "./design-system6.mjs";
-import S from "./design-system105.mjs";
+import S from "./design-system106.mjs";
 const $ = {
   // https://vuejs.org/guide/components/attrs.html#disabling-attribute-inheritance
   inheritAttrs: !1

package/dist/design-system19.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),O=require("./design-system3.js"),k=require("./design-system6.js"),U=require("./design-system52.js"),j=require("./design-system29.js"),W=require("./design-system31.js"),A=require("./design-system32.js"),H=require("./design-system42.js"),G=require("./design-system102.js"),J={class:"ds-absolute ds-right-3 ds-z-[1]"},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=["onClick"],Y=e.createElementVNode("path",{d:"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z"},null,-1),Z=[Y],ee=["id","disabled"],se=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),le=[se],te=["id","data-cy","data-ut"],oe={class:"ds-max-h-72 ds-overflow-y-auto ds-rounded-lg ds-bg-white ds-shadow"},ne={class:"ds-py-1 ds-text-sm ds-text-black/[0.85]"},ae=["onClick"],de=e.defineComponent({__name:"BMultiSelect",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},showSelectedItemCount:{type:Boolean,default:!1},allowInput:{type:Boolean,default:!1}},emits:["change","open","close","change:input","update:modelValue"],setup(_,{expose:V,emit:M}){const o=_,u=M,v=e.ref(null),g=e.ref(null),p=e.ref(null),a=e.ref(!1),{t:B}=U.useI18n(),$={validateRule:s=>!!s&&s.length>0,errorMessage:()=>o.requiredErrorMessage||B("ds.global.field_required")},h=e.ref(""),r=e.ref([]),m=e.computed(()=>o.inputId||`id-${G()}`),n=e.computed({get(){return o.modelValue},set(s){u("update:modelValue",s)}}),q=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+=o.disabled?"ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/[0.4] ":"ds-bg-white ds-text-black/[0.85] ",s+=i.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 o.required&&s.push($),o.validationRules&&(s=s.concat(o.validationRules)),s.length?s:void 0}),N=e.computed(()=>{var s,l;return((s=n.value)==null?void 0:s.length)>1?` (${B("ds.components.base.multi_select.selected_item_count",{count:(l=n.value)==null?void 0:l.length})})`:""}),z=e.computed(()=>o.showSelectedItemCount?`${o.label}${N.value}`:o.label),{validate:b,validationResult:i}=O.useValidationField(m.value,n,I.value);e.watch(a,s=>{s?(k.lockScrollBody(),P(),u("open")):(k.unlockScrollBody(),C(),u("close"))}),e.watch(n,()=>{w()},{deep:!0}),e.watch(()=>o.items,()=>{n.value.length!==0&&r.value.length===0&&w()},{deep:!0});const w=()=>{r.value=n.value.map(s=>{let l=r.value.find(d=>d.value===s);return l||(l=o.items.find(d=>d.value===s)),{text:l==null?void 0:l.text,value:s,cssClass:l==null?void 0:l.cssClass}})},S=()=>{document.addEventListener("keydown",y)},y=s=>{s.key==="Escape"&&E()},L=()=>{document.addEventListener("click",x)},x=s=>{[v.value,p.value].some(t=>s.composedPath().includes(t))||E()},R=s=>{const l=n.value.findIndex(d=>d===s.value);l!==-1?n.value.splice(l,1):n.value.push(s.value),u("change",s.value),e.nextTick(()=>{b()})},D=(s,l)=>{l.style.width=`${s.offsetWidth}px`},P=()=>{e.nextTick(()=>{k.ensureVisiblePosition(v.value,p.value),D(v.value,p.value)})},C=()=>{k.resetPosition(v.value,p.value)},T=s=>{u("change:input",s)},E=()=>{var s;a.value=!1,(s=g.value)==null||s.blur(),h.value=""},F=s=>{const l=n.value.findIndex(d=>d===s.value);l!==-1&&(n.value.splice(l,1),u("change",s.value),e.nextTick(()=>{b()}))};return(()=>{var s;((s=o.items)==null?void 0:s.length)>0&&w()})(),e.onMounted(()=>{S(),L()}),e.onBeforeUnmount(()=>{document.removeEventListener("keydown",y),document.removeEventListener("click",x),k.unlockScrollBody(),C()}),V({validate:b,selectMenu:a}),(s,l)=>{var d;return e.openBlock(),e.createElementBlock("div",null,[e.createElementVNode("div",{ref_key:"selectEl",ref:v},[e.createVNode(A,{id:m.value,label:z.value,required:s.required},null,8,["id","label","required"]),o.allowInput?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([{"ds-border-focus ds-ring-1 ds-ring-focus":a.value&&e.unref(i).valid,"ds-ring-1 ds-ring-error":a.value&&!e.unref(i).valid,"ds-border-black/10":e.unref(i).valid,"ds-border-error":!e.unref(i).valid},"ds-relative ds-flex ds-flex-wrap ds-items-center ds-gap-x-1 ds-rounded-lg ds-border ds-bg-white ds-px-3 ds-py-1 ds-drop-shadow-light"])},[e.createElementVNode("div",J,[(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass([[a.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",onClick:l[0]||(l[0]=t=>{var c;return(c=g.value)==null?void 0:c.focus()})},Q,2))]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value,(t,c)=>(e.openBlock(),e.createElementBlock("div",{key:`item${c}`,class:"ds-my-0.5 ds-flex-initial ds-space-x-1 ds-rounded-lg ds-bg-black/10 ds-px-2"},[e.createElementVNode("span",null,e.toDisplayString(t.text),1),(e.openBlock(),e.createElementBlock("svg",{class:"ds-mb-1 ds-inline ds-h-4 ds-w-4 ds-cursor-pointer ds-fill-black/60 hover:ds-fill-black/40",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg",onClick:f=>F(t)},Z,8,X))]))),128)),o.allowInput?(e.openBlock(),e.createBlock(H,{key:0,id:m.value,ref_key:"inputRef",ref:g,modelValue:h.value,"onUpdate:modelValue":[l[1]||(l[1]=t=>h.value=t),T],disabled:o.disabled,class:"ds-flex-auto","hide-details":"","input-css-class":"ds-drop-shadow-none ds-border-none !ds-ring-0 ds-px-0 !ds-h-[30px] ds-pl-0",onFocus:l[2]||(l[2]=t=>a.value=!0)},null,8,["id","modelValue","disabled"])):e.createCommentVNode("",!0)],2)):(e.openBlock(),e.createElementBlock("button",{key:1,id:m.value,class:e.normalizeClass(q.value),disabled:s.disabled,type:"button",onClick:l[3]||(l[3]=t=>a.value=!a.value)},[r.value.length>0?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass([s.valueCssClass,"ds-truncate ds-text-sm"])},e.toDisplayString((d=r.value)==null?void 0:d.map(t=>t.text).join(", ")),3)):(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass([s.valueCssClass,"ds-truncate ds-text-sm ds-text-black/[0.4]"])},e.toDisplayString(o.placeholder),3)),e.createTextVNode("   "),(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass([[a.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"},le,2))],10,ee)),e.withDirectives(e.createElementVNode("div",{id:`${m.value}Menu`,ref_key:"selectMenuEl",ref:p,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",oe,[e.createElementVNode("ul",ne,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.items,(t,c)=>(e.openBlock(),e.createElementBlock("li",{key:`item${c}`,class:"ds-cursor-pointer",onClick:e.withModifiers(f=>R(t),["prevent"])},[e.createElementVNode("a",{class:e.normalizeClass([t.cssClass+`${r.value.some(f=>f.value===t.value)?" ds-bg-slate-100":""}`,"ds-flex ds-items-center ds-space-x-2 ds-px-4 ds-py-2 hover:ds-bg-slate-100"])},[e.createVNode(j,{modelValue:n.value,"onUpdate:modelValue":l[4]||(l[4]=f=>n.value=f),value:t.value,size:"sm"},null,8,["modelValue","value"]),e.createElementVNode("span",null,e.toDisplayString(t==null?void 0:t.text),1)],2)],8,ae))),128))])])],10,te),[[e.vShow,a.value]])],512),s.hideDetails?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(W,{key:0,"error-message":e.unref(i).errorMessage(),class:"ds-mt-1"},null,8,["error-message"]))])}}});module.exports=de;
+"use strict";const e=require("vue"),O=require("./design-system3.js"),k=require("./design-system6.js"),U=require("./design-system52.js"),j=require("./design-system29.js"),W=require("./design-system31.js"),A=require("./design-system32.js"),H=require("./design-system42.js"),G=require("./design-system104.js"),J={class:"ds-absolute ds-right-3 ds-z-[1]"},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=["onClick"],Y=e.createElementVNode("path",{d:"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z"},null,-1),Z=[Y],ee=["id","disabled"],se=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),le=[se],te=["id","data-cy","data-ut"],oe={class:"ds-max-h-72 ds-overflow-y-auto ds-rounded-lg ds-bg-white ds-shadow"},ne={class:"ds-py-1 ds-text-sm ds-text-black/[0.85]"},ae=["onClick"],de=e.defineComponent({__name:"BMultiSelect",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},showSelectedItemCount:{type:Boolean,default:!1},allowInput:{type:Boolean,default:!1}},emits:["change","open","close","change:input","update:modelValue"],setup(_,{expose:V,emit:M}){const o=_,u=M,v=e.ref(null),g=e.ref(null),p=e.ref(null),a=e.ref(!1),{t:B}=U.useI18n(),$={validateRule:s=>!!s&&s.length>0,errorMessage:()=>o.requiredErrorMessage||B("ds.global.field_required")},h=e.ref(""),r=e.ref([]),m=e.computed(()=>o.inputId||`id-${G()}`),n=e.computed({get(){return o.modelValue},set(s){u("update:modelValue",s)}}),q=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+=o.disabled?"ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/[0.4] ":"ds-bg-white ds-text-black/[0.85] ",s+=i.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 o.required&&s.push($),o.validationRules&&(s=s.concat(o.validationRules)),s.length?s:void 0}),N=e.computed(()=>{var s,l;return((s=n.value)==null?void 0:s.length)>1?` (${B("ds.components.base.multi_select.selected_item_count",{count:(l=n.value)==null?void 0:l.length})})`:""}),z=e.computed(()=>o.showSelectedItemCount?`${o.label}${N.value}`:o.label),{validate:b,validationResult:i}=O.useValidationField(m.value,n,I.value);e.watch(a,s=>{s?(k.lockScrollBody(),P(),u("open")):(k.unlockScrollBody(),C(),u("close"))}),e.watch(n,()=>{w()},{deep:!0}),e.watch(()=>o.items,()=>{n.value.length!==0&&r.value.length===0&&w()},{deep:!0});const w=()=>{r.value=n.value.map(s=>{let l=r.value.find(d=>d.value===s);return l||(l=o.items.find(d=>d.value===s)),{text:l==null?void 0:l.text,value:s,cssClass:l==null?void 0:l.cssClass}})},S=()=>{document.addEventListener("keydown",y)},y=s=>{s.key==="Escape"&&E()},L=()=>{document.addEventListener("click",x)},x=s=>{[v.value,p.value].some(t=>s.composedPath().includes(t))||E()},R=s=>{const l=n.value.findIndex(d=>d===s.value);l!==-1?n.value.splice(l,1):n.value.push(s.value),u("change",s.value),e.nextTick(()=>{b()})},D=(s,l)=>{l.style.width=`${s.offsetWidth}px`},P=()=>{e.nextTick(()=>{k.ensureVisiblePosition(v.value,p.value),D(v.value,p.value)})},C=()=>{k.resetPosition(v.value,p.value)},T=s=>{u("change:input",s)},E=()=>{var s;a.value=!1,(s=g.value)==null||s.blur(),h.value=""},F=s=>{const l=n.value.findIndex(d=>d===s.value);l!==-1&&(n.value.splice(l,1),u("change",s.value),e.nextTick(()=>{b()}))};return(()=>{var s;((s=o.items)==null?void 0:s.length)>0&&w()})(),e.onMounted(()=>{S(),L()}),e.onBeforeUnmount(()=>{document.removeEventListener("keydown",y),document.removeEventListener("click",x),k.unlockScrollBody(),C()}),V({validate:b,selectMenu:a}),(s,l)=>{var d;return e.openBlock(),e.createElementBlock("div",null,[e.createElementVNode("div",{ref_key:"selectEl",ref:v},[e.createVNode(A,{id:m.value,label:z.value,required:s.required},null,8,["id","label","required"]),o.allowInput?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([{"ds-border-focus ds-ring-1 ds-ring-focus":a.value&&e.unref(i).valid,"ds-ring-1 ds-ring-error":a.value&&!e.unref(i).valid,"ds-border-black/10":e.unref(i).valid,"ds-border-error":!e.unref(i).valid},"ds-relative ds-flex ds-flex-wrap ds-items-center ds-gap-x-1 ds-rounded-lg ds-border ds-bg-white ds-px-3 ds-py-1 ds-drop-shadow-light"])},[e.createElementVNode("div",J,[(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass([[a.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",onClick:l[0]||(l[0]=t=>{var c;return(c=g.value)==null?void 0:c.focus()})},Q,2))]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value,(t,c)=>(e.openBlock(),e.createElementBlock("div",{key:`item${c}`,class:"ds-my-0.5 ds-flex-initial ds-space-x-1 ds-rounded-lg ds-bg-black/10 ds-px-2"},[e.createElementVNode("span",null,e.toDisplayString(t.text),1),(e.openBlock(),e.createElementBlock("svg",{class:"ds-mb-1 ds-inline ds-h-4 ds-w-4 ds-cursor-pointer ds-fill-black/60 hover:ds-fill-black/40",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg",onClick:f=>F(t)},Z,8,X))]))),128)),o.allowInput?(e.openBlock(),e.createBlock(H,{key:0,id:m.value,ref_key:"inputRef",ref:g,modelValue:h.value,"onUpdate:modelValue":[l[1]||(l[1]=t=>h.value=t),T],disabled:o.disabled,class:"ds-flex-auto","hide-details":"","input-css-class":"ds-drop-shadow-none ds-border-none !ds-ring-0 ds-px-0 !ds-h-[30px] ds-pl-0",onFocus:l[2]||(l[2]=t=>a.value=!0)},null,8,["id","modelValue","disabled"])):e.createCommentVNode("",!0)],2)):(e.openBlock(),e.createElementBlock("button",{key:1,id:m.value,class:e.normalizeClass(q.value),disabled:s.disabled,type:"button",onClick:l[3]||(l[3]=t=>a.value=!a.value)},[r.value.length>0?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass([s.valueCssClass,"ds-truncate ds-text-sm"])},e.toDisplayString((d=r.value)==null?void 0:d.map(t=>t.text).join(", ")),3)):(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass([s.valueCssClass,"ds-truncate ds-text-sm ds-text-black/[0.4]"])},e.toDisplayString(o.placeholder),3)),e.createTextVNode("   "),(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass([[a.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"},le,2))],10,ee)),e.withDirectives(e.createElementVNode("div",{id:`${m.value}Menu`,ref_key:"selectMenuEl",ref:p,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",oe,[e.createElementVNode("ul",ne,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.items,(t,c)=>(e.openBlock(),e.createElementBlock("li",{key:`item${c}`,class:"ds-cursor-pointer",onClick:e.withModifiers(f=>R(t),["prevent"])},[e.createElementVNode("a",{class:e.normalizeClass([t.cssClass+`${r.value.some(f=>f.value===t.value)?" ds-bg-slate-100":""}`,"ds-flex ds-items-center ds-space-x-2 ds-px-4 ds-py-2 hover:ds-bg-slate-100"])},[e.createVNode(j,{modelValue:n.value,"onUpdate:modelValue":l[4]||(l[4]=f=>n.value=f),value:t.value,size:"sm"},null,8,["modelValue","value"]),e.createElementVNode("span",null,e.toDisplayString(t==null?void 0:t.text),1)],2)],8,ae))),128))])])],10,te),[[e.vShow,a.value]])],512),s.hideDetails?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(W,{key:0,"error-message":e.unref(i).errorMessage(),class:"ds-mt-1"},null,8,["error-message"]))])}}});module.exports=de;
 //# sourceMappingURL=design-system19.js.map

package/dist/design-system19.mjs

@@ -6,7 +6,7 @@ import pe from "./design-system29.mjs";
 import fe from "./design-system31.mjs";
 import me from "./design-system32.mjs";
 import he from "./design-system42.mjs";
-import ge from "./design-system102.mjs";
+import ge from "./design-system104.mjs";
 const be = { class: "ds-absolute ds-right-3 ds-z-[1]" }, we = /* @__PURE__ */ i("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), ke = [
   we
 ], xe = ["onClick"], ye = /* @__PURE__ */ i("path", { d: "M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z" }, null, -1), Ce = [

package/dist/design-system20.js

@@ -1,2 +1,2 @@
-"use strict";const t=require("vue"),K=require("./design-system31.js"),P=require("./design-system3.js"),N=require("./design-system52.js"),$=require("./design-system103.js"),L=require("./design-system102.js"),S=require("./design-system104.js"),W={class:"ds-flex ds-items-center ds-justify-center ds-space-x-2"},z=t.defineComponent({__name:"BOtpField",props:{inputId:{default:""},modelValue:{default:""},numInputs:{default:6},focusIndex:{default:void 0},disabled:{type:Boolean,default:!1},inputCssClass:{default:""},validationRules:{default:void 0},required:{type:Boolean,default:!1},requiredErrorMessage:{default:""},hideDetails:{type:Boolean,default:!1}},emits:["complete","change","update:focusIndex","update:modelValue"],setup(b,{expose:k,emit:O}){const s=b,l=O,{t:x}=N.useI18n(),B={validateRule:e=>!!e,errorMessage:()=>s.requiredErrorMessage||x("ds.global.field_required")},i=t.ref(0),p=t.ref([]),f=t.ref(null),q=e=>{u.value=e},y=()=>{u.value=-1},C=t.computed(()=>s.inputId||`id-${L()}`),n=t.computed({get(){return s.modelValue.split("")},set(e){l("update:modelValue",e.join(""))}}),D=t.computed(()=>s.modelValue),u=t.computed({get(){return s.focusIndex!==void 0?s.focusIndex:i.value},set(e){s.focusIndex!==void 0?l("update:focusIndex",e):i.value=e}}),V=t.computed(()=>{let e=[];return s.required&&e.push(B),s.validationRules&&(e=e.concat(s.validationRules)),e.length?e:void 0}),R=t.computed(()=>[s.disabled?"ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/[0.4]":"ds-text-black/[0.85]",m.value.valid?"ds-border-black/[0.1] focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus":"ds-border-error focus:ds-ring-1 focus:ds-ring-error",s.inputCssClass]),{validate:v,validationResult:m}=P.useValidationField(C.value,D,V.value),F=()=>{f.value[u.value].focus()},h=()=>n.value.join("").length===s.numInputs?l("complete",n.value.join("")):"Wait until the user enters the required number of characters",c=e=>{u.value=Math.max(Math.min(s.numInputs-1,e),0)},g=()=>{c(u.value+1)},I=()=>{c(u.value-1)},d=e=>{p.value=[...n.value],n.value[u.value]=e,n.value=S(n.value);const o=p.value.join(""),r=n.value.join("");o!==r&&(l("change",r),h())},j=e=>{e.preventDefault();const o=e.clipboardData.getData("text/plain").slice(0,s.numInputs-u.value).split("");if(!o.join("").match(/^\d+$/))return"Invalid pasted data";const a=n.value.slice(0,u.value).concat(o);return a.slice(0,s.numInputs).forEach((_,A)=>{n.value[A]=_}),c(a.slice(0,s.numInputs).length),l("update:modelValue",n.value.join("")),h()},E=e=>{d(e),g()},M=e=>{switch(e.key){case"Backspace":e.preventDefault(),d(""),I();break;case"Delete":e.preventDefault(),d("");break;case"ArrowLeft":e.preventDefault(),I();break;case"ArrowRight":e.preventDefault(),g();break}},w=()=>{v()};return k({validate:v,focus:F}),(e,o)=>(t.openBlock(),t.createElementBlock("div",null,[t.createElementVNode("div",W,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.numInputs,(r,a)=>(t.openBlock(),t.createBlock($,{key:a,ref_for:!0,ref_key:"boxRefs",ref:f,class:t.normalizeClass(R.value),focus:u.value===a,"is-disabled":e.disabled,value:n.value[a],onOnChange:E,onOnKeydown:M,onOnKeyup:w,onOnPaste:j,onOnFocus:_=>q(a),onOnBlur:y},null,8,["class","focus","is-disabled","value","onOnFocus"]))),128))]),e.hideDetails?t.createCommentVNode("",!0):(t.openBlock(),t.createBlock(K,{key:0,"error-message":t.unref(m).errorMessage(),class:"ds-mt-1"},null,8,["error-message"]))]))}});module.exports=z;
+"use strict";const t=require("vue"),K=require("./design-system31.js"),P=require("./design-system3.js"),N=require("./design-system52.js"),$=require("./design-system107.js"),L=require("./design-system104.js"),S=require("./design-system108.js"),W={class:"ds-flex ds-items-center ds-justify-center ds-space-x-2"},z=t.defineComponent({__name:"BOtpField",props:{inputId:{default:""},modelValue:{default:""},numInputs:{default:6},focusIndex:{default:void 0},disabled:{type:Boolean,default:!1},inputCssClass:{default:""},validationRules:{default:void 0},required:{type:Boolean,default:!1},requiredErrorMessage:{default:""},hideDetails:{type:Boolean,default:!1}},emits:["complete","change","update:focusIndex","update:modelValue"],setup(b,{expose:k,emit:O}){const s=b,l=O,{t:x}=N.useI18n(),B={validateRule:e=>!!e,errorMessage:()=>s.requiredErrorMessage||x("ds.global.field_required")},i=t.ref(0),p=t.ref([]),f=t.ref(null),q=e=>{u.value=e},y=()=>{u.value=-1},C=t.computed(()=>s.inputId||`id-${L()}`),n=t.computed({get(){return s.modelValue.split("")},set(e){l("update:modelValue",e.join(""))}}),D=t.computed(()=>s.modelValue),u=t.computed({get(){return s.focusIndex!==void 0?s.focusIndex:i.value},set(e){s.focusIndex!==void 0?l("update:focusIndex",e):i.value=e}}),V=t.computed(()=>{let e=[];return s.required&&e.push(B),s.validationRules&&(e=e.concat(s.validationRules)),e.length?e:void 0}),R=t.computed(()=>[s.disabled?"ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/[0.4]":"ds-text-black/[0.85]",m.value.valid?"ds-border-black/[0.1] focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus":"ds-border-error focus:ds-ring-1 focus:ds-ring-error",s.inputCssClass]),{validate:v,validationResult:m}=P.useValidationField(C.value,D,V.value),F=()=>{f.value[u.value].focus()},h=()=>n.value.join("").length===s.numInputs?l("complete",n.value.join("")):"Wait until the user enters the required number of characters",c=e=>{u.value=Math.max(Math.min(s.numInputs-1,e),0)},g=()=>{c(u.value+1)},I=()=>{c(u.value-1)},d=e=>{p.value=[...n.value],n.value[u.value]=e,n.value=S(n.value);const o=p.value.join(""),r=n.value.join("");o!==r&&(l("change",r),h())},j=e=>{e.preventDefault();const o=e.clipboardData.getData("text/plain").slice(0,s.numInputs-u.value).split("");if(!o.join("").match(/^\d+$/))return"Invalid pasted data";const a=n.value.slice(0,u.value).concat(o);return a.slice(0,s.numInputs).forEach((_,A)=>{n.value[A]=_}),c(a.slice(0,s.numInputs).length),l("update:modelValue",n.value.join("")),h()},E=e=>{d(e),g()},M=e=>{switch(e.key){case"Backspace":e.preventDefault(),d(""),I();break;case"Delete":e.preventDefault(),d("");break;case"ArrowLeft":e.preventDefault(),I();break;case"ArrowRight":e.preventDefault(),g();break}},w=()=>{v()};return k({validate:v,focus:F}),(e,o)=>(t.openBlock(),t.createElementBlock("div",null,[t.createElementVNode("div",W,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.numInputs,(r,a)=>(t.openBlock(),t.createBlock($,{key:a,ref_for:!0,ref_key:"boxRefs",ref:f,class:t.normalizeClass(R.value),focus:u.value===a,"is-disabled":e.disabled,value:n.value[a],onOnChange:E,onOnKeydown:M,onOnKeyup:w,onOnPaste:j,onOnFocus:_=>q(a),onOnBlur:y},null,8,["class","focus","is-disabled","value","onOnFocus"]))),128))]),e.hideDetails?t.createCommentVNode("",!0):(t.openBlock(),t.createBlock(K,{key:0,"error-message":t.unref(m).errorMessage(),class:"ds-mt-1"},null,8,["error-message"]))]))}});module.exports=z;
 //# sourceMappingURL=design-system20.js.map

package/dist/design-system20.mjs

@@ -2,9 +2,9 @@ import { defineComponent as L, ref as f, computed as l, openBlock as d, createEl
 import J from "./design-system31.mjs";
 import { useValidationField as Q } from "./design-system3.mjs";
 import { useI18n as T } from "./design-system52.mjs";
-import X from "./design-system103.mjs";
-import Y from "./design-system102.mjs";
-import Z from "./design-system104.mjs";
+import X from "./design-system107.mjs";
+import Y from "./design-system104.mjs";
+import Z from "./design-system108.mjs";
 const ee = { class: "ds-flex ds-items-center ds-justify-center ds-space-x-2" }, re = /* @__PURE__ */ L({
   __name: "BOtpField",
   props: {

package/dist/design-system22.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),D=require("./design-system3.js"),v=require("./design-system6.js"),F=require("./design-system52.js"),O=require("./design-system31.js"),U=require("./design-system32.js"),W=require("./design-system42.js"),j=require("./design-system102.js"),H=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),A=[H],G=["id","disabled"],J={key:0},K={key:1,class:"ds-text-black/[0.4]"},Q=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),X=[Q],Y=["id","data-cy","data-ut"],Z={class:"ds-max-h-72 ds-overflow-y-auto ds-rounded-lg ds-bg-white ds-shadow"},ee={class:"ds-py-1 ds-text-sm ds-text-black/[0.85]"},se=["onClick"],te=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:M}){const t=x,d=M,r=e.ref(null),k=e.ref(null),u=e.ref(null),n=e.ref(!1),{t:q}=F.useI18n(),$={validateRule:s=>!!s,errorMessage:()=>t.requiredErrorMessage||q("ds.global.field_required")},h=e.ref(""),i=e.ref(),c=e.computed(()=>t.inputId||`id-${j()}`),a=e.computed({get(){return t.modelValue},set(s){d("update:modelValue",s)}}),I=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}),N=e.computed(()=>{let s=[];return t.required&&s.push($),t.validationRules&&(s=s.concat(t.validationRules)),s.length?s:void 0}),{validate:B,validationResult:w}=D.useValidationField(c.value,a,N.value);e.watch(n,s=>{s?(v.lockScrollBody(),P(),d("open")):(v.unlockScrollBody(),_(),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)||"")},L=()=>{document.addEventListener("keydown",E)},E=s=>{s.key==="Escape"&&b()},S=()=>{document.addEventListener("click",C)},C=s=>{[r.value,u.value].some(m=>s.composedPath().includes(m))||b()},z=s=>{a.value=s.value,b(),d("change",s.value),e.nextTick(()=>{B()})},R=(s,l)=>{l.style.width=`${s.offsetWidth}px`},P=()=>{e.nextTick(()=>{v.ensureVisiblePosition(r.value,u.value),R(r.value,u.value)})},_=()=>{v.resetPosition(r.value,u.value)},T=s=>{d("change:input",s)},b=()=>{var s;n.value=!1,(s=k.value)==null||s.blur(),p()};return(()=>{g(),p()})(),e.onMounted(()=>{L(),S()}),e.onBeforeUnmount(()=>{document.removeEventListener("keydown",E),document.removeEventListener("click",C),v.unlockScrollBody(),_()}),V({validate:B,selectMenu:n}),(s,l)=>{var y,m;return e.openBlock(),e.createElementBlock("div",null,[e.createElementVNode("div",{ref_key:"selectEl",ref:r},[e.createVNode(U,{id:c.value,label:s.label,required:s.required},null,8,["id","label","required"]),t.allowInput?(e.openBlock(),e.createBlock(W,{key:0,id:c.value,ref_key:"inputRef",ref:k,modelValue:h.value,"onUpdate:modelValue":[l[0]||(l[0]=o=>h.value=o),T],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 f;return(f=k.value)==null?void 0:f.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"},A,2))]),_:1},8,["id","modelValue","disabled","placeholder"])):(e.openBlock(),e.createElementBlock("button",{key:1,id:c.value,class:e.normalizeClass(I.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",J,e.toDisplayString((m=i.value)==null?void 0:m.text),1)):(e.openBlock(),e.createElementBlock("span",K,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"},X,2))],10,G)),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",Z,[e.createElementVNode("ul",ee,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.items,(o,f)=>(e.openBlock(),e.createElementBlock("li",{key:`item${f}`,class:"ds-cursor-pointer",onClick:oe=>z(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,se))),128))])])],10,Y),[[e.vShow,n.value]])],512),s.hideDetails?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(O,{key:0,"error-message":e.unref(w).errorMessage(),class:"ds-mt-1"},null,8,["error-message"]))])}}});module.exports=te;
+"use strict";const e=require("vue"),D=require("./design-system3.js"),v=require("./design-system6.js"),F=require("./design-system52.js"),O=require("./design-system31.js"),U=require("./design-system32.js"),W=require("./design-system42.js"),j=require("./design-system104.js"),H=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),A=[H],G=["id","disabled"],J={key:0},K={key:1,class:"ds-text-black/[0.4]"},Q=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),X=[Q],Y=["id","data-cy","data-ut"],Z={class:"ds-max-h-72 ds-overflow-y-auto ds-rounded-lg ds-bg-white ds-shadow"},ee={class:"ds-py-1 ds-text-sm ds-text-black/[0.85]"},se=["onClick"],te=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:M}){const t=x,d=M,r=e.ref(null),k=e.ref(null),u=e.ref(null),n=e.ref(!1),{t:q}=F.useI18n(),$={validateRule:s=>!!s,errorMessage:()=>t.requiredErrorMessage||q("ds.global.field_required")},h=e.ref(""),i=e.ref(),c=e.computed(()=>t.inputId||`id-${j()}`),a=e.computed({get(){return t.modelValue},set(s){d("update:modelValue",s)}}),I=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}),N=e.computed(()=>{let s=[];return t.required&&s.push($),t.validationRules&&(s=s.concat(t.validationRules)),s.length?s:void 0}),{validate:B,validationResult:w}=D.useValidationField(c.value,a,N.value);e.watch(n,s=>{s?(v.lockScrollBody(),P(),d("open")):(v.unlockScrollBody(),_(),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)||"")},L=()=>{document.addEventListener("keydown",E)},E=s=>{s.key==="Escape"&&b()},S=()=>{document.addEventListener("click",C)},C=s=>{[r.value,u.value].some(m=>s.composedPath().includes(m))||b()},z=s=>{a.value=s.value,b(),d("change",s.value),e.nextTick(()=>{B()})},R=(s,l)=>{l.style.width=`${s.offsetWidth}px`},P=()=>{e.nextTick(()=>{v.ensureVisiblePosition(r.value,u.value),R(r.value,u.value)})},_=()=>{v.resetPosition(r.value,u.value)},T=s=>{d("change:input",s)},b=()=>{var s;n.value=!1,(s=k.value)==null||s.blur(),p()};return(()=>{g(),p()})(),e.onMounted(()=>{L(),S()}),e.onBeforeUnmount(()=>{document.removeEventListener("keydown",E),document.removeEventListener("click",C),v.unlockScrollBody(),_()}),V({validate:B,selectMenu:n}),(s,l)=>{var y,m;return e.openBlock(),e.createElementBlock("div",null,[e.createElementVNode("div",{ref_key:"selectEl",ref:r},[e.createVNode(U,{id:c.value,label:s.label,required:s.required},null,8,["id","label","required"]),t.allowInput?(e.openBlock(),e.createBlock(W,{key:0,id:c.value,ref_key:"inputRef",ref:k,modelValue:h.value,"onUpdate:modelValue":[l[0]||(l[0]=o=>h.value=o),T],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 f;return(f=k.value)==null?void 0:f.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"},A,2))]),_:1},8,["id","modelValue","disabled","placeholder"])):(e.openBlock(),e.createElementBlock("button",{key:1,id:c.value,class:e.normalizeClass(I.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",J,e.toDisplayString((m=i.value)==null?void 0:m.text),1)):(e.openBlock(),e.createElementBlock("span",K,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"},X,2))],10,G)),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",Z,[e.createElementVNode("ul",ee,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.items,(o,f)=>(e.openBlock(),e.createElementBlock("li",{key:`item${f}`,class:"ds-cursor-pointer",onClick:oe=>z(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,se))),128))])])],10,Y),[[e.vShow,n.value]])],512),s.hideDetails?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(O,{key:0,"error-message":e.unref(w).errorMessage(),class:"ds-mt-1"},null,8,["error-message"]))])}}});module.exports=te;
 //# sourceMappingURL=design-system22.js.map

package/dist/design-system22.mjs

@@ -5,7 +5,7 @@ import { useI18n as re } from "./design-system52.mjs";
 import ce from "./design-system31.mjs";
 import ve from "./design-system32.mjs";
 import pe from "./design-system42.mjs";
-import fe from "./design-system102.mjs";
+import fe from "./design-system104.mjs";
 const me = /* @__PURE__ */ n("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), he = [
   me
 ], be = ["id", "disabled"], ge = { key: 0 }, ke = {

package/dist/design-system23.js

@@ -1,2 +1,2 @@
-"use strict";const l=require("vue"),g=require("./design-system3.js"),_=require("./design-system52.js"),q=require("./design-system31.js"),y=require("./design-system32.js"),B=require("./design-system102.js"),h=["id","autocomplete","disabled","placeholder","readonly","rows"],V=l.defineComponent({__name:"BTextarea",props:{inputId:{default:""},inputCssClass:{default:""},modelValue:{},validationRules:{default:void 0},label:{default:""},placeholder:{default:""},autocomplete:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},rows:{default:3},required:{type:Boolean,default:!1},requiredErrorMessage:{default:""},hideDetails:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(a,{expose:u,emit:i}){const s=a,n=i,{t:c}=_.useI18n(),p={validateRule:e=>typeof e=="number"?!!e:!!(e&&(e!=null&&e.trim())),errorMessage:()=>s.requiredErrorMessage||c("ds.global.field_required")},t=l.computed(()=>s.inputId||`id-${B()}`),r=l.computed({get(){return s.modelValue},set(e){n("update:modelValue",e)}}),f=l.computed(()=>[{"ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/40":s.disabled,"ds-text-black/[0.85]":!s.disabled,"ds-border-error focus:ds-ring-1 focus:ds-ring-error":!o.value.valid,"ds-border-black/[0.1] focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus":o.value.valid},s.inputCssClass]),m=l.computed(()=>{let e=[];return s.required&&e.push(p),s.validationRules&&(e=e.concat(s.validationRules)),e.length?e:void 0}),{validate:v,validationResult:o}=g.useValidationField(t.value,r,m.value);return u({validate:v}),(e,d)=>(l.openBlock(),l.createElementBlock("div",null,[l.createVNode(y,{id:t.value,label:e.label,required:e.required},null,8,["id","label","required"]),l.withDirectives(l.createElementVNode("textarea",{id:t.value,"onUpdate:modelValue":d[0]||(d[0]=b=>r.value=b),autocomplete:s.autocomplete?"on":"off",class:l.normalizeClass([f.value,"ds-block ds-w-full ds-rounded-lg ds-border ds-px-3 ds-py-1 ds-text-sm ds-drop-shadow-light"]),disabled:s.disabled,placeholder:s.placeholder,readonly:s.readonly,rows:s.rows},null,10,h),[[l.vModelText,r.value]]),e.hideDetails?l.createCommentVNode("",!0):(l.openBlock(),l.createBlock(q,{key:0,"error-message":l.unref(o).errorMessage(),class:"ds-mt-1"},null,8,["error-message"]))]))}});module.exports=V;
+"use strict";const l=require("vue"),g=require("./design-system3.js"),_=require("./design-system52.js"),q=require("./design-system31.js"),y=require("./design-system32.js"),B=require("./design-system104.js"),h=["id","autocomplete","disabled","placeholder","readonly","rows"],V=l.defineComponent({__name:"BTextarea",props:{inputId:{default:""},inputCssClass:{default:""},modelValue:{},validationRules:{default:void 0},label:{default:""},placeholder:{default:""},autocomplete:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},rows:{default:3},required:{type:Boolean,default:!1},requiredErrorMessage:{default:""},hideDetails:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(a,{expose:u,emit:i}){const s=a,n=i,{t:c}=_.useI18n(),p={validateRule:e=>typeof e=="number"?!!e:!!(e&&(e!=null&&e.trim())),errorMessage:()=>s.requiredErrorMessage||c("ds.global.field_required")},t=l.computed(()=>s.inputId||`id-${B()}`),r=l.computed({get(){return s.modelValue},set(e){n("update:modelValue",e)}}),f=l.computed(()=>[{"ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/40":s.disabled,"ds-text-black/[0.85]":!s.disabled,"ds-border-error focus:ds-ring-1 focus:ds-ring-error":!o.value.valid,"ds-border-black/[0.1] focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus":o.value.valid},s.inputCssClass]),m=l.computed(()=>{let e=[];return s.required&&e.push(p),s.validationRules&&(e=e.concat(s.validationRules)),e.length?e:void 0}),{validate:v,validationResult:o}=g.useValidationField(t.value,r,m.value);return u({validate:v}),(e,d)=>(l.openBlock(),l.createElementBlock("div",null,[l.createVNode(y,{id:t.value,label:e.label,required:e.required},null,8,["id","label","required"]),l.withDirectives(l.createElementVNode("textarea",{id:t.value,"onUpdate:modelValue":d[0]||(d[0]=b=>r.value=b),autocomplete:s.autocomplete?"on":"off",class:l.normalizeClass([f.value,"ds-block ds-w-full ds-rounded-lg ds-border ds-px-3 ds-py-1 ds-text-sm ds-drop-shadow-light"]),disabled:s.disabled,placeholder:s.placeholder,readonly:s.readonly,rows:s.rows},null,10,h),[[l.vModelText,r.value]]),e.hideDetails?l.createCommentVNode("",!0):(l.openBlock(),l.createBlock(q,{key:0,"error-message":l.unref(o).errorMessage(),class:"ds-mt-1"},null,8,["error-message"]))]))}});module.exports=V;
 //# sourceMappingURL=design-system23.js.map